Merge branch 'dev' into fix/os-dependency

Author: h4l-yup

apps/api/package.json

@@ -86,7 +86,7 @@
     "@swc/core": "^1.3.95",
     "@types/bcrypt": "^5.0.1",
     "@types/express": "^4.17.21",
-    "@types/jest": "^29.5.6",
+    "@types/jest": "^29.5.12",
     "@types/node": "20.8.8",
     "@types/nodemailer": "^6.4.13",
     "@types/supertest": "^2.0.15",

apps/web/package.json

@@ -81,7 +81,7 @@
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.5.1",
-    "@types/jest": "^29.5.6",
+    "@types/jest": "^29.5.12",
     "@types/node": "20.8.7",
     "@types/react": "^18.2.55",
     "@types/react-beautiful-dnd": "^13.1.6",

apps/web/src/components/etc/TableLoadingRow/TableLoadingRow.tsx

@@ -22,7 +22,7 @@ const TableLoadingRow: React.FC<IProps> = ({ colSpan }) => {
     <tr>
       <td colSpan={colSpan} style={{ padding: 0, height: 0 }}>
         <div className="relative w-full rounded bg-gray-200">
-          <div className="tabel-loading relative top-0 h-1 w-full rounded" />
+          <div className="table-loading relative top-0 h-1 w-full rounded" />
         </div>
       </td>
     </tr>

apps/web/src/containers/tables/IssueTable/IssueTable.tsx

@@ -61,7 +61,7 @@ import type { IssueTrackerType } from '@/types/issue-tracker.type';
 import type { IssueType } from '@/types/issue.type';
 import { FeedbackTableInIssue } from '../FeedbackTable';
 import IssueSettingPopover from './IssueSettingPopover';
-import IssueTabelSelectBox from './IssueTabelSelectBox';
+import IssueTableSelectBox from './IssueTableSelectBox';
 import { TableRow } from './TableRow';
 import TicketLink from './TicketLink';
 
@@ -348,7 +348,7 @@ const IssueTable: React.FC<IProps> = ({ projectId }) => {
 
   return (
     <div className="flex flex-col gap-2">
-      <IssueTabelSelectBox
+      <IssueTableSelectBox
         currentIssueKey={currentIssueKey}
         issueCountData={issueCountData}
         onChangeOption={(status) => setQuery({ ...query, status })}

apps/web/src/containers/tables/IssueTable/IssueTabelSelectBox/IssueTabelSelectBox.tsx apps/web/src/containers/tables/IssueTable/IssueTableSelectBox/IssueTableSelectBox.tsx

@@ -24,7 +24,7 @@ interface IProps extends React.PropsWithChildren {
   issueCountData: { key: string; count: number }[] | undefined;
 }
 
-const IssueTabelSelectBox: React.FC<IProps> = (props) => {
+const IssueTableSelectBox: React.FC<IProps> = (props) => {
   const { currentIssueKey, onChangeOption, issueCountData } = props;
 
   const { t } = useTranslation();
@@ -62,4 +62,4 @@ const IssueTabelSelectBox: React.FC<IProps> = (props) => {
   );
 };
 
-export default IssueTabelSelectBox;
+export default IssueTableSelectBox;

apps/web/src/containers/tables/IssueTable/IssueTabelSelectBox/index.ts apps/web/src/containers/tables/IssueTable/IssueTableSelectBox/index.ts

@@ -13,4 +13,4 @@
  * License for the specific language governing permissions and limitations
  * under the License.
  */
-export { default } from './IssueTabelSelectBox';
+export { default } from './IssueTableSelectBox';

apps/web/src/pages/_app.css

@@ -3,13 +3,13 @@
 @tailwind utilities;
 
 @layer components {
-  .tabel-loading {
+  .table-loading {
     position: relative;
     overflow: hidden;
     @apply bg-blue-primary;
   }
 
-  .tabel-loading::after {
+  .table-loading::after {
     position: absolute;
     top: 0;
     right: 0;
@@ -22,12 +22,12 @@
       rgba(233, 233, 233, 0.9) 50%,
       rgba(233, 233, 233, 0.8) 100%
     );
-    animation: tabel-loading 1s ease-out infinite;
+    animation: table-loading 1s ease-out infinite;
     content: '';
   }
 }
 
-@keyframes tabel-loading {
+@keyframes table-loading {
   100% {
     transform: translateX(0%);
     opacity: 0;

yarn.lock

@@ -20868,3 +20868,4 @@ __metadata:
   checksum: 10c0/aee26f11facebb39b016e89539f72a72c2c00151208907fc909c3cedd455728240e09e01d98ebd3b63a2a3518a5917eac5de6c853743ca55a1655296d750bb48
   languageName: node
   linkType: hard
+