jamespot-react-components 1.3.11 → 1.3.13

package/dist/src/components/Widgets/JRCWidgetTable/JRCWidgetExcelDatasourceTableEditor.d.ts

@@ -1,7 +1,9 @@
-import { WidgetEditorActions, WidgetEditorErrorActions, WidgetExcelDatasourceTableContent } from 'jamespot-user-api';
+import { WidgetDisplayMode, WidgetEditorActions, WidgetEditorErrorActions, WidgetExcelDatasourceTableContent } from 'jamespot-user-api';
 import { HookIsActive } from '../context/provider';
 import { WidgetExcelDatasourceHandlers } from './types';
-export declare const JRCWidgetExcelDatasourceTableEditor: ({ uri, limit, tableHeadColor, tableHeadTextColor, tableHeadIconColor, tableRowColor, tableRowTextColor, tableColumnsData, tableSizedColumns, tableSizedColumnsWidth, tableBorderRadius, hook, handlers, onChange, onSave, onStateChange, onError, }: WidgetExcelDatasourceTableContent & {
+export declare const JRCWidgetExcelDatasourceTableEditor: ({ uri, limit, tableHeadColor, tableHeadTextColor, tableHeadIconColor, tableRowColor, tableRowTextColor, tableColumnsData, tableSizedColumns, tableSizedColumnsWidth, tableBorderRadius, hook, handlers, mode, onChange, onSave, onStateChange, onError, }: WidgetExcelDatasourceTableContent & {
+    mode: WidgetDisplayMode;
+} & {
     handlers: WidgetExcelDatasourceHandlers;
 } & {
     hook: {

package/dist/src/components/Widgets/JRCWidgetTable/JRCWidgetTable.styles.d.ts

@@ -1,24 +1,24 @@
-export declare const CSSTable: import('styled-components').StyledComponent<"table", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSTableHead: import('styled-components').StyledComponent<"thead", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSTableBody: import('styled-components').StyledComponent<"tbody", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSTableTd: import('styled-components').StyledComponent<"td", import('styled-components').DefaultTheme, {
+export declare const CSSTable: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare const CSSTableHead: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export declare const CSSTableBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export declare const CSSTableTd: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
     width?: number;
-}, never>;
-export declare const CSSTableTh: import('styled-components').StyledComponent<"th", import('styled-components').DefaultTheme, {
+}>> & string;
+export declare const CSSTableTh: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
     width?: number;
-}, never>;
-export declare const CSSTableHeadTdContent: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSTableTdContent: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSTableTr: import('styled-components').StyledComponent<"tr", import('styled-components').DefaultTheme, {
+}>> & string;
+export declare const CSSTableHeadTdContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSTableTdContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSTableTr: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
     background: string;
     color: string;
-}, never>;
-export declare const CSSTableOverlay: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSTableRadius: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+}>> & string;
+export declare const CSSTableOverlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSTableRadius: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     borderRadius: number;
-}, never>;
-export declare const CSSTableWrapper: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSReadMoreWrapper: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSReadMoreGradient: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+}>> & string;
+export declare const CSSTableWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSReadMoreWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSReadMoreGradient: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     backgroundColor: string;
-}, never>;
+}>> & string;

package/dist/src/components/Widgets/JRCWidgetUserProfile/JRCWidgetUserProfile.d.ts

@@ -2,7 +2,7 @@ import { jUserList } from 'jamespot-user-api';
 export type JRCWidgetUserProfileProps = {
     css?: {
         background?: string;
-        textColor?: string;
+        textcolor?: string;
         fontWeight?: string;
         fontSize?: string | number;
     };

package/dist/src/components/Widgets/WidgetPanelTplWarning.d.ts

@@ -0,0 +1,2 @@
+export declare const CSSWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const WidgetPanelTplWarning: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Widgets/styles.d.ts

@@ -1,16 +1,16 @@
-export declare const CSSPlaceholder: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSEmptyWrapper: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSWrapperText: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+export declare const CSSPlaceholder: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSEmptyWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSWrapperText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     color?: string;
     heading?: string;
     fontSize?: string;
-}, never>;
-export declare const CSSText: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSTextareaWrapper: import('styled-components').StyledComponent<"form", import('styled-components').DefaultTheme, {}, never>;
-export declare const StyledTextarea: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+}>> & string;
+export declare const CSSText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSTextareaWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, never>> & string;
+export declare const StyledTextarea: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     heading?: string;
     color?: string;
-}, never>;
-export declare const CSSWidgetEditorListItem: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSWidgetEditorListItemLabel: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSWidgetEditorListOption: import('styled-components').StyledComponent<"button", import('styled-components').DefaultTheme, {}, never>;
+}>> & string;
+export declare const CSSWidgetEditorListItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSWidgetEditorListItemLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSWidgetEditorListOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/src/hooks/UseDidMountEffect.d.ts

@@ -4,4 +4,4 @@ import { DependencyList } from 'react';
  * @param func
  * @param deps be sure to pass ALL the deps used in your effect
  */
-export declare const useDidMountEffect: (func: Function, deps: DependencyList) => void;
+export declare const useDidMountEffect: (func: () => void, deps: DependencyList) => void;

package/dist/src/hooks/index.d.ts

@@ -0,0 +1,11 @@
+export { useAbortController } from './useAbortController';
+export { useCancelOnUnmount } from './useCancelOnUnmount';
+export { useDebounce } from './UseDebounce';
+export { useDidMountEffect } from './UseDidMountEffect';
+export { useImageLoader } from './UseImageLoader';
+export { useKeyPress } from './UseKeyPress';
+export { useRefSize } from './useRefSize';
+export { useThemeContext } from './useThemeContext';
+export { useTimeout } from './UseTimeout';
+export { useWindowSize } from './useWindowSize';
+export { useCalendarDate } from '../components/JRCCalendar/useCalendarDate';

package/dist/src/hooks/useModalAccessibility.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from 'react';
 type Params = {
-    modalRef: RefObject<HTMLElement>;
-    focusOnCloseRef?: RefObject<HTMLElement>;
+    modalRef: RefObject<HTMLElement | null>;
+    focusOnCloseRef?: RefObject<HTMLElement | null>;
     open: boolean;
     closeHandler: () => void;
     scrollFirstElement?: boolean;

package/dist/src/hooks/useThemeContext.d.ts

@@ -0,0 +1 @@
+export declare function useThemeContext(): import('styled-components').DefaultTheme;

package/dist/src/index.d.ts

@@ -10,15 +10,7 @@ export { SkipToContent } from './components/Common/SkipToContent';
 export { SROnly } from './components/Common/SROnly';
 export { JTinyMCEExtensionsBuilders } from './components/Form/Input/JRCInputTinyMCERaw/extensions/JTinyMCEExtensions';
 export { JRCThemeProvider } from './components/JRCThemeProvider/JRCThemeProvider';
-export { useAbortController } from './hooks/useAbortController';
-export { useCancelOnUnmount } from './hooks/useCancelOnUnmount';
-export { useDebounce } from './hooks/UseDebounce';
-export { useDidMountEffect } from './hooks/UseDidMountEffect';
-export { useImageLoader } from './hooks/UseImageLoader';
-export { useKeyPress } from './hooks/UseKeyPress';
-export { useRefSize } from './hooks/useRefSize';
-export { useTimeout } from './hooks/UseTimeout';
-export { useWindowSize } from './hooks/useWindowSize';
+export * from './hooks';
 export * from './types';
 export { getColor } from './styles/theme';
 export { modifyColorBrightness } from './styles/utils';

package/dist/src/styles/utils.d.ts

@@ -29,3 +29,4 @@ export declare const hexToHSL: (H: any) => number[];
 export declare function hlsToHex(h: number, s: number, l: number): string[];
 export declare const colorContrast: (color: string) => string;
 export declare const brightness: (color: string) => number;
+export declare const rgbToHex: (r: number, g: number, b: number) => string;

package/dist/src/translation/lang.json.d.ts

@@ -229,6 +229,7 @@ declare const _default: {
         "GLOBAL_Select_Time": "Select time",
         "GLOBAL_Send_Alert": "Envoyer le mail de notification à ceux qui l’ont demandé",
         "GLOBAL_Sent": "Envoyé",
+        "GLOBAL_Settings": "Paramétrer",
         "GLOBAL_Start_typing": "Start typing to search",
         "GLOBAL_Successffully_Deleted": "Successfully deleted",
         "GLOBAL_Today": "Today",
@@ -345,6 +346,7 @@ declare const _default: {
         "WIDGET_Datasource_Select_Document": "Sélectionner depuis la banque documentaire",
         "WIDGET_Datasource_Select_Wedoc_File": "Sélectionner depuis wedoc",
         "WIDGET_Datasource_Spreadsheet_Header_Error": "Cette feuille contient au moins une colonne sans titre",
+        "WIDGET_Panel_Tpl_Warning_Message": "Il n'est pas possible de configurer ce widget en mode template",
         "WIDGET_Display_Level_1": "Icône",
         "WIDGET_Display_Level_2": "Icône + Pastille",
         "WIDGET_Display_Level_3": "Contenus",
@@ -387,6 +389,8 @@ declare const _default: {
         "WIDGET_User_Profil_Picture_Alt_Label": "Image de l'utilisateur",
         "WIDGET_User_Profil_Picture_FirstName": "Avec prénom",
         "WIDGET_User_Profil_Picture_FirstName_LastName": "Avec prénom + nom",
+        "WIDGET_User_Profil_Text_Max_Length_Description": "Maximum 30 caractères",
+        "WIDGET_User_Profil_Tooltip_Link_Text": "Accéder à votre profil",
         "WIDGET_Welcome": "Message d'accueil",
         "WIDGET_Welcome_Text": "Rendez vos pages plus personnelles en accueillant chaleureusement vos utilisateurs.",
         "WIDGET_Welcome_Default_Message": "Bienvenue",

package/eslint.config.js

@@ -0,0 +1,92 @@
+import js from '@eslint/js';
+import prettierConfig from 'eslint-config-prettier';
+import importPlugin from 'eslint-plugin-import';
+import reactPlugin from 'eslint-plugin-react';
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+import storybookPlugin from 'eslint-plugin-storybook';
+import globals from 'globals';
+import ts from 'typescript-eslint';
+import * as customPlugin from './eslint-plugin-custom/index.js';
+
+export default [
+    {
+        ignores: ['coverage/**', 'dist/**', 'eslint-plugin-custom/**', 'eslint.config.js', 'node_modules/**'],
+    },
+    js.configs.recommended,
+    ...ts.configs.recommended,
+    {
+        files: ['**/*.{ts,tsx}'],
+        languageOptions: {
+            parser: ts.parser,
+            globals: {
+                ...globals.browser,
+                ...globals.node,
+                ...globals.jest,
+            },
+            parserOptions: {
+                project: ['./tsconfig.json', './.storybook/tsconfig.json'],
+                ecmaVersion: 2024,
+                sourceType: 'module',
+            },
+        },
+        plugins: {
+            '@typescript-eslint': ts.plugin,
+            react: reactPlugin,
+            'react-hooks': reactHooksPlugin,
+            storybook: storybookPlugin,
+            import: importPlugin,
+            custom: customPlugin,
+        },
+        rules: {
+            ...ts.configs.recommended.rules,
+            ...reactPlugin.configs.recommended.rules,
+            ...reactHooksPlugin.configs.recommended.rules,
+            ...storybookPlugin.configs.recommended.rules,
+            'custom/no-barrel-imports': 'error',
+            'import/no-duplicates': 'error',
+            'import/no-cycle': 'error',
+            'import/no-unresolved': 'error',
+            'no-case-declarations': 'off',
+            'no-console': ['error', { allow: ['warn', 'error'] }],
+            'react/react-in-jsx-scope': 'off',
+            'react-hooks/refs': 'warn',
+            'react-hooks/set-state-in-effect': 'warn',
+            '@typescript-eslint/ban-ts-comment': [
+                'error',
+                {
+                    'ts-ignore': 'allow-with-description',
+                },
+            ],
+            '@typescript-eslint/ban-types': 'off',
+            '@typescript-eslint/no-empty-interface': 'off',
+            '@typescript-eslint/no-explicit-any': 'warn',
+            '@typescript-eslint/no-empty-object-type': 'warn',
+            '@typescript-eslint/no-namespace': 'off',
+            '@typescript-eslint/no-unused-expressions': 'error',
+            '@typescript-eslint/no-unused-vars': [
+                'error',
+                {
+                    argsIgnorePattern: '^_',
+                    varsIgnorePattern: '^_',
+                    caughtErrorsIgnorePattern: '^_',
+                },
+            ],
+            '@typescript-eslint/prefer-nullish-coalescing': 'error',
+            '@typescript-eslint/prefer-optional-chain': 'error',
+            '@typescript-eslint/prefer-as-const': 'error',
+        },
+        settings: {
+            react: {
+                version: 'detect',
+                jsxRuntime: 'automatic',
+            },
+            'import/resolver': {
+                typescript: {
+                    alwaysTryTypes: true,
+                    project: './tsconfig.json',
+                },
+            },
+        },
+    },
+    prettierConfig,
+];

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.3.11",
+  "version": "1.3.13",
   "description": "",
   "main": "dist/jamespot-react-components.js",
   "module": "dist/jamespot-react-components.mjs",
   "types": "dist/index.d.ts",
+  "type": "module",
   "nyc": {
     "sourceMap": false,
     "instrument": false
@@ -12,19 +13,22 @@
   "keywords": [],
   "author": "",
   "peerDependencies": {
+    "@types/react": "^19.2.6",
+    "@types/react-dom": "^19.2.3",
     "jamespot-user-api": "*",
-    "react": "^18.3.1",
+    "react": "^19.2.0",
     "react-dnd": "^14.0.5",
     "react-dnd-html5-backend": "^14.1.0",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.2.0",
     "react-hook-form": "^7.66.1",
     "react-intl": "^7.1.14",
     "react-router-dom": "^6.30.2",
-    "styled-components": "^5.3.11",
+    "styled-components": "^6.1.19",
     "tinymce": "7.5.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",
+    "@eslint/js": "^9.39.1",
     "@fullcalendar/core": "^6.1.19",
     "@fullcalendar/daygrid": "^6.1.19",
     "@fullcalendar/interaction": "^6.1.19",
@@ -41,80 +45,75 @@
     "@storybook/react-webpack5": "9.1.16",
     "@storybook/test-runner": "^0.23.0",
     "@storybook/testing-library": "^0.2.2",
+    "@tanstack/react-table": "^8.21.3",
     "@testing-library/dom": "^8.20.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^14.3.1",
     "@testing-library/react-hooks": "^5.1.3",
     "@testing-library/user-event": "^13.5.0",
-    "@tinymce/tinymce-react": "^5.1.1",
+    "@tinymce/tinymce-react": "^6.3.0",
     "@types/chroma-js": "^2.4.5",
     "@types/jest": "^30.0.0",
     "@types/node": "^24.10.1",
-    "@types/react": "^18.3.27",
-    "@types/react-dom": "^18.3.7",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/react-table": "^7.7.20",
-    "@types/styled-components": "^5.1.36",
+    "@types/react": "^19.2.6",
+    "@types/react-dom": "^19.2.3",
     "@types/testing-library__jest-dom": "^5.14.9",
     "@types/uuid": "^10.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
     "@vitejs/plugin-react": "^5.1.1",
-    "chroma-js": "^2.6.0",
+    "chroma-js": "^3.1.2",
     "classnames": "^2.5.1",
     "concurrently": "^9.2.1",
     "cross-env": "^10.1.0",
     "date-fns": "^4.1.0",
     "dompurify": "^3.3.0",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^8.10.2",
+    "eslint": "^9.39.1",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsx-expressions": "^1.3.2",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-storybook": "9.1.16",
     "fork-ts-checker-webpack-plugin": "^9.1.0",
+    "globals": "^16.5.0",
     "html2canvas": "^1.4.1",
     "husky": "^9.1.7",
-    "jamespot-user-api": "^1.3.11",
+    "jamespot-user-api": "^1.3.13",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
-    "jest-styled-components": "^7.2.0",
-    "knip": "^5.69.1",
+    "knip": "^5.70.0",
     "lint-staged": "^16.2.6",
     "nyc": "^17.1.0",
     "playwright": "^1.56.1",
     "prettier": "^3.6.2",
-    "react": "^18.3.1",
+    "react": "^19.2.0",
     "react-day-picker": "^9.11.1",
     "react-dnd": "^14.0.5",
     "react-dnd-html5-backend": "^14.1.0",
     "react-dnd-test-backend": "^16.0.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.2.0",
     "react-hook-form": "^7.66.1",
     "react-image-crop": "^11.0.10",
     "react-intl": "^7.1.14",
     "react-qr-code": "^2.0.18",
     "react-router-dom": "^6.30.2",
-    "react-table": "^7.8.0",
     "react-tooltip": "^4.5.1",
     "react-transition-state": "^2.3.1",
     "storybook": "9.1.16",
-    "styled-components": "^5.3.11",
+    "styled-components": "^6.1.19",
     "tinymce": "7.5.1",
     "ts-jest": "^29.4.5",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
+    "typescript-eslint": "^8.47.0",
     "uuid": "^10.0.0",
     "vite": "^7.2.2",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.4",
-    "wait-on": "^8.0.5"
+    "wait-on": "^9.0.3"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
-      "eslint --ext .ts,.tsx --fix",
+      "eslint --fix",
       "prettier --write"
     ],
     "*.{json,md}": [
@@ -129,15 +128,16 @@
     "build": "vite build",
     "build:storybook": "storybook build",
     "prettier": "prettier --write ./",
-    "lint": "eslint ./src/ . --ext .ts,.tsx,.js",
-    "lint:fix": "eslint ./src/ . --ext .ts,.tsx,.js --fix ",
-    "lint:ci": "eslint --output-file eslint_report.json --format json . --ext .ts,.tsx,.js",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
     "storybook": "storybook dev -p 6006",
+    "storybook:serve": "pnpm storybook --quiet --ci",
+    "storybook:test": "wait-on tcp:6006 && pnpm test:storybook:standalone",
     "storybook-no-cache": "cross-env NODE_ENV=development STORYBOOK_MODE=true PUBLIC_PATH='' storybook dev -s ./.storybook/assets/ -c .storybook -p 3022 --no-manager-cache",
-    "test": "concurrently -k -s command-TEST -n \"SB,TEST\" -c \"magenta,blue\" \"pnpm storybook --quiet --ci\" \"wait-on tcp:6006 && pnpm test:all\"",
-    "test:all": "pnpm test:jest && pnpm test:storybook",
+    "test": "pnpm test:jest && pnpm test:storybook",
     "test:clearJest": "jest --clearCache",
     "test:jest": "cross-env NODE_ENV=test jest --runInBand --detectOpenHandles --logHeapUsage",
-    "test:storybook": "test-storybook --maxWorkers=1 --coverage && cp coverage/storybook/coverage-storybook.json coverage && nyc report -t coverage --reporter=@lcov-viewer/istanbul-report --reporter=text"
+    "test:storybook": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"pnpm storybook:serve\" \"pnpm storybook:test\"",
+    "test:storybook:standalone": "test-storybook --maxWorkers=1 --coverage"
   }
 }