jamespot-react-core 1.3.11 → 1.3.13

package/build/src/components/widgets/wrapper/components/WidgetHeader.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-export declare const UIHeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const UIHeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     backroundColor: string;
-}, never>;
-export declare const UIHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const UICount: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const UIHeaderFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+}>> & string;
+export declare const UIHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UICount: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UIHeaderFlex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const WidgetHeader: ({ uniqid, dropdown, subHeader, }: {
     uniqid: string;
     dropdown?: () => ReactNode;

package/build/src/components/widgets/wrapper/components/WidgetHeaderEdit.d.ts

@@ -1,8 +1,8 @@
 import { WidgetsName } from 'jamespot-user-api';
-export declare const CSSModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSWidgetHeaderEdit: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSWidgetHeaderEditTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSWidgetHeaderEditActions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSWidgetHeaderEdit: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSWidgetHeaderEditTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSWidgetHeaderEditActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const WidgetHeaderEdit: ({ uniqid, name, handleOpenEditor, }: {
     uniqid: string;
     name: WidgetsName;

package/build/src/components/widgets/wrapper/components/WidgetInlineInputText.d.ts

@@ -1,4 +1,4 @@
-export declare const CSSWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+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 WidgetInlineInputText: ({ placeholder, handleClick, }: {
     placeholder: string;
     handleClick: (label: string) => void;

package/build/src/components/widgets/wrapper/components/WidgetIntranetTitle.d.ts

@@ -1,10 +1,10 @@
-export declare const CSSWidgetTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const UITitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const CSSWidgetTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UITitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     fontSize: string;
     fontWeight: string;
     textAlign: string;
     color: string;
-}, never>;
+}>> & string;
 export declare const WidgetIntranetTitle: ({ uniqid, textAlign, fontSize, fontWeight, color, }: {
     uniqid: string;
     textAlign: string;

package/build/src/components/widgets/wrapper/components/WidgetIsPending.d.ts

@@ -1,2 +1,2 @@
-export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const WidgetIsPending: () => import("react/jsx-runtime").JSX.Element;

package/build/src/components/widgets/wrapper/components/WidgetRemove.d.ts

@@ -1,5 +1,5 @@
-export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-export declare const Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const Footer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const WidgetRemove: ({ id, type, uniqid }: {
     id: number;
     type: string;

package/build/src/components/widgets/wrapper/components/WidgetScroll.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-export declare const UIFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const UIScrollWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const UIScroll: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const UIFlex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UIScrollWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UIScroll: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const WidgetScroll: ({ header, scrollable, footer, }: {
     header?: () => ReactNode;
     scrollable?: () => ReactNode;

package/build/src/components/widgets/wrapper/components/WidgetStylePadding.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare const UIWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const UIWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const WidgetStylePadding: ({ uniqid, children }: {
     uniqid: string;
     children: ReactNode;

package/build/src/components/widgets/wrapper/components/WidgetStyleWrapper.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare const UIWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const UIWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const WidgetStyleWrapper: ({ uniqid, onClick, children }: {
     uniqid: string;
     onClick: () => void;

package/build/src/components/widgets/wrapper/components/WidgetTitle.d.ts

@@ -1,4 +1,4 @@
-export declare const CSSWidgetTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWidgetTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const WidgetTitle: ({ uniqid }: {
     uniqid: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/src/displayer/DisplayForm.component.d.ts

@@ -23,8 +23,8 @@ export type DisplayFormProps<TFieldValues extends FieldValues> = {
  *
  * This component display an array of attributes only if this attribute is activated on the platform
  */
-declare const _DisplayForm: <TFieldValues extends FieldValues>({ onInit, ...props }: DisplayFormProps<TFieldValues>, ref: ForwardedRef<DisplayFormRef>) => import("react/jsx-runtime").JSX.Element;
+declare function DisplayFormElement<TFieldValues extends FieldValues>({ onInit, ...props }: DisplayFormProps<TFieldValues>, ref: ForwardedRef<DisplayFormRef>): import("react/jsx-runtime").JSX.Element;
 export declare const DisplayForm: <TFieldValues extends FieldValues>(props: DisplayFormProps<TFieldValues> & {
     ref?: ForwardedRef<DisplayFormRef>;
-}) => ReturnType<typeof _DisplayForm>;
+}) => ReturnType<typeof DisplayFormElement>;
 export {};

package/build/src/displayer/components/inputs/InputFile.d.ts

@@ -1,3 +1,3 @@
-import { DisplayInputComponentProps } from '../../types';
 import type { FieldValues } from 'react-hook-form';
+import { DisplayInputComponentProps } from '../../types';
 export declare const InputFile: <TFieldValues extends FieldValues>(props: DisplayInputComponentProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;

package/build/src/displayer/types.d.ts

@@ -7,7 +7,7 @@ export type IncludeCustom = {
     includes: 'tags' | '_attachedFiles';
 };
 export type FieldConfig = {
-    disableSortBy?: boolean;
+    enableSorting?: boolean;
 };
 export type FieldConfigExtra = Omit<DisplayerElementAttributes, 'name'>;
 export declare const CONFIGURABLE_FIELDS_NAMES: string[];

package/build/src/displayer/useDisplay.d.ts

@@ -9,11 +9,14 @@ import type { FieldValues, FieldPath } from 'react-hook-form';
  */
 export declare function useDisplay<TFieldValues extends FieldValues = FieldValues, Properties extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(fields: Fields<TFieldValues> | 'all', type: string, bypassRequiredFields?: boolean): Displayer<TFieldValues>;
 export declare function useDisplayList<TFieldValues extends FieldValues = FieldValues>(fields: FieldsWith<'render', TFieldValues>, type: string): {
-    accessor: (object: Object) => import("react/jsx-runtime").JSX.Element;
-    disableSortBy: true | undefined;
+    cell: ({ row }: {
+        row: {
+            original: object;
+        };
+    }) => import("react/jsx-runtime").JSX.Element;
+    enableSorting: boolean;
     id: string;
-    Header: string;
-    name: string;
+    header: string;
 }[];
 export declare function useDisplayForm<TFieldValues extends FieldValues = FieldValues>(fields: DisplayFormFieldsConfig<TFieldValues>, type: string, forceMandatory?: boolean): [
     Array<{

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

@@ -1,7 +1,7 @@
-import useAbortController from './useAbortController';
+import { useAbortController } from './useAbortController';
 import { useActivities } from './useActivities';
 import { useApplication } from './useApplication';
-import useCommentRT from './useCommentRT';
+import { useCommentRT } from './useCommentRT';
 import { useHref } from './useHref';
 import { useLayout } from './useLayout';
 import { useMessengerUnread } from './useMessengerUnread';
@@ -9,6 +9,6 @@ import { useNGEvent } from './useNGEvent';
 import { useRecurringEventUpdateHook } from '../components/calendar/socialEvent/useRecurringEventUpdateHook';
 import { useSocialEventOrRecurringEventCreationHook } from '../components/calendar/socialEvent/useSocialEventOrRecurringEventCreationHook';
 import { useSocialEventUpdateHook } from '../components/calendar/socialEvent/useSocialEventUpdateHook';
-import useToggleFullScreen from './useToggleFullScreen';
-import useWindowDimension from './useWindowDimension';
+import { useToggleFullScreen } from './useToggleFullScreen';
+import { useWindowDimension } from './useWindowDimension';
 export { useAbortController, useActivities, useApplication, useCommentRT, useHref, useLayout, useMessengerUnread, useNGEvent, useRecurringEventUpdateHook, useSocialEventOrRecurringEventCreationHook, useSocialEventUpdateHook, useToggleFullScreen, useWindowDimension, };

package/build/src/hooks/useAI.d.ts

@@ -8,5 +8,5 @@ export type JiaTextEnhanceQuery = {
 export declare const useAI: () => {
     readonly query: JiaTextEnhanceQuery | undefined;
     readonly ext: import("jamespot-react-components/dist/src/components/Form/Input/JRCInputTinyMCERaw/types").TinyMCEExtension;
-    readonly isActive: number | false | null | undefined;
+    readonly isActive: number | false | undefined;
 };

package/build/src/hooks/useAbortController.d.ts

@@ -1,2 +1 @@
-declare const useAbortController: () => AbortController;
-export default useAbortController;
+export declare const useAbortController: () => AbortController;

package/build/src/hooks/useCalendarRT.d.ts

@@ -1,2 +1 @@
-declare const useCalendarRT: () => void;
-export default useCalendarRT;
+export declare const useCalendarRT: () => void;

package/build/src/hooks/useCommentRT.d.ts

@@ -1,2 +1 @@
-declare const useCommentRT: (idArticle: number) => void;
-export default useCommentRT;
+export declare const useCommentRT: (idArticle: number) => void;

package/build/src/hooks/useCommentsLikeRT.d.ts

@@ -1,2 +1 @@
-declare const useCommentsLikeRT: (idComments: number[] | undefined, idArticle: number) => void;
-export default useCommentsLikeRT;
+export declare const useCommentsLikeRT: (idComments: number[] | undefined, idArticle: number) => void;

package/build/src/hooks/useToggleFullScreen.d.ts

@@ -1,5 +1,4 @@
-declare const useToggleFullScreen: () => {
+export declare const useToggleFullScreen: () => {
     isFullScreen: boolean;
     toggleFullScreen: () => void;
 };
-export default useToggleFullScreen;

package/build/src/hooks/useWindowDimension.d.ts

@@ -4,5 +4,4 @@ export type WindowDimension = {
     height: number;
     orientation: WindowOrientation;
 };
-declare const useWindowDimension: () => WindowDimension;
-export default useWindowDimension;
+export declare const useWindowDimension: () => WindowDimension;

package/build/src/initTinymce.d.ts

@@ -10,8 +10,8 @@ export declare const tinymceCommonOptions: {
     plugins: string[];
     text_patterns: {
         start: string;
-        format?: string | undefined;
         end?: string | undefined;
+        format?: string | undefined;
         cmd?: string | undefined;
     }[];
     menubar: boolean;

package/build/src/registry/ReactCommonRegistry.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, LazyExoticComponent } from 'react';
+import { ComponentType } from 'react';
 import { JrComponentListKey, JrComponentListType, JrComponentTypes } from './types.common';
 export interface RegistryComponents {
     [key: string]: any;
@@ -7,7 +7,7 @@ export declare class ReactCommonRegistry {
     list: RegistryComponents;
     listLazy: RegistryComponents;
     getComponent(name: string): any;
-    registerLazyComponent(name: string, promise: LazyExoticComponent<ComponentType<any>>): void;
-    registerLib(componentList: Partial<JrComponentListType>, importPromise: any): void;
+    registerComponent(name: string, promise: ComponentType<any>): void;
+    registerLib(componentList: Partial<JrComponentListType>, module: any): void;
     getLazyComponent<T extends JrComponentListKey>(name: T): JrComponentTypes[JrComponentListType[T]];
 }

package/build/src/registry/ReactCoreRegistry.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, LazyExoticComponent } from 'react';
+import { ComponentType } from 'react';
 import { CoreComponentListKey, CoreComponentListType, CoreComponentTypes } from './types.core';
 export interface RegistryComponents {
     [key: string]: any;
@@ -7,7 +7,7 @@ export declare class ReactCoreRegistry {
     list: RegistryComponents;
     listLazy: RegistryComponents;
     getComponent(name: string): any;
-    registerLazyComponent(name: string, promise: LazyExoticComponent<ComponentType<any>>): void;
-    registerLib(componentList: Partial<CoreComponentListType>, importPromise: any): void;
+    registerComponent(name: string, promise: ComponentType<any>): void;
+    registerLib(componentList: Partial<CoreComponentListType>, module: any): void;
     getLazyComponent<T extends CoreComponentListKey>(name: T): CoreComponentTypes[CoreComponentListType[T]];
 }

package/build/src/utils/extensions.d.ts

@@ -1,6 +1,4 @@
-import { Root } from 'react-dom/client';
+import { ReactNode } from 'react';
 import { ReactExtension } from './types';
 export declare const createExtension: (overrides: Partial<ReactExtension>) => ReactExtension;
-export declare const createSimpleExtension: (anchorId: string, component: React.JSX.Element) => ReactExtension;
-export declare const mountRootExtension: (App: ReactExtension, component: React.JSX.Element, nodeId?: string) => Root | undefined;
-export declare const createBodyElement: (id: string, element?: string) => HTMLElement | undefined;
+export declare const createSimpleExtension: (anchorId: string, component: ReactNode) => ReactExtension;

package/build/src/utils/router.d.ts

@@ -1,16 +1,7 @@
-import type { RouteObject } from 'react-router-dom';
 import { BrowserHistory } from 'history';
-import { Root } from 'react-dom/client';
+import type { RouteObject } from 'react-router-dom';
+import { ReactRouter } from './types';
 export declare const ReactRouterHistory: BrowserHistory;
-export interface ReactRouter {
-    history: BrowserHistory;
-    routes: RouteObject[];
-    routesNG: RouteObject[];
-    addRoute: (route: RouteObject, ng?: boolean, isPublic?: boolean) => {
-        route: string;
-    } | null;
-    init: (idDiv: string) => Root | undefined;
-}
 declare class Router implements ReactRouter {
     history: BrowserHistory;
     routes: RouteObject[];
@@ -19,7 +10,8 @@ declare class Router implements ReactRouter {
     addRoute: (route: RouteObject, ng?: boolean, isPublic?: boolean) => {
         route: string;
     } | null;
-    init: (idDiv: string) => Root | undefined;
+    mount: () => void;
+    unmount: () => void;
 }
 declare const router: Router;
 export default router;

package/build/src/utils/types.d.ts

@@ -1,16 +1,20 @@
 import { ApplicationType, HookListType, jUserList, Model, Readable, TinyMCECommonOptions, TinyMCEDynamicOptions, TinyMCEExtendedOptions } from 'jamespot-user-api';
-import { MouseEvent } from 'react';
+import { MouseEvent, ReactElement, ReactNode } from 'react';
 import { RouteObject } from 'react-router-dom';
 import { TwoColLayoutRoute, TwoColLayoutRoutes } from '../components/types';
 import { useDisplay, useDisplayList } from '../displayer/useDisplay';
-import { ReactRouter } from './router';
+import { GlobalRegistry } from '../registry/GlobalRegistry';
 import { ReactTranslation, SupportedLanguages, TranslationKeys } from './translation';
 import { ReactSocket } from './types.socket';
-import { GlobalRegistry } from '../registry/GlobalRegistry';
-import { Root } from 'react-dom/client';
 export type Gabarit = 'core-1-cols' | 'core-2-cols' | 'core-3-cols' | 'content-1-cols' | 'content-2-cols' | 'content-3-cols' | 'app-1-cols' | 'app-2-cols' | 'empty';
 export interface ReactCore {
+    displayExtensions: Map<string, {
+        name: string;
+        args?: any;
+    }>;
+    callbacks: Record<string, ((...args: any[]) => void)[]>;
     extensions: ReactExtensions;
+    loadedExtensions: ReactLoadedExtensions;
     store: any;
     actions: object;
     registry: GlobalRegistry;
@@ -19,9 +23,11 @@ export interface ReactCore {
     theme: any;
     socket?: ReactSocket;
     router: ReactRouter;
+    on: (name: string, cb: (...args: any[]) => void) => void;
     require: (extensionName: string, args?: any) => void;
     unmountExtension: (extensionName: string, args?: any) => void;
     extensionAdd: (extensionName: string, load: () => void) => void;
+    extensionAddComponent: (extensionName: string, moduleName: string, component: ReactNode) => void;
     routeAdd: (route: string, extensionName: string, idDiv: string, gabarit?: Gabarit, gabaritOptions?: object) => void;
     transitionTo: (stateName: string, args: {}, options?: {
         reload: boolean;
@@ -45,11 +51,10 @@ export type ReactUnmountExtensionArgs<T> = {
     params?: T;
 };
 export interface ReactExtension {
-    anchorId?: string | undefined;
-    roots: Map<string, Root>;
-    container?: HTMLElement | undefined;
-    initExtension: (args?: any) => void;
-    unmountExtension: (id?: string) => void;
+    portal: boolean;
+    anchorId?: string;
+    getAnchorId: (args?: any) => string;
+    component: (args?: any) => ReactNode;
 }
 export interface ReactExtensionContainer {
     default: ReactExtension;
@@ -123,7 +128,7 @@ export interface WindowJ {
 }
 export type IsAppActivateProps = {
     dependency: string;
-    children: JSX.Element;
+    children: ReactElement;
 };
 export type ReactExtensionProps = {
     extensionName: string;
@@ -138,4 +143,13 @@ export type ReactExtensionProps = {
  * Gather routes definition both for the router and the TwoColsLayout component.
  */
 export type TwoColsAppRoutes = TwoColLayoutRoutes<Readable<TwoColLayoutRoute & RouteObject>>;
+export interface ReactRouter {
+    routes: RouteObject[];
+    routesNG: RouteObject[];
+    addRoute: (route: RouteObject, ng?: boolean, isPublic?: boolean) => {
+        route: string;
+    } | null;
+    mount: () => void;
+    unmount: () => void;
+}
 export {};

package/build/src/utils/types.socket.d.ts

@@ -3,7 +3,7 @@ export type ReactSocketEventHandler = AnyRTHandlerFunction;
 export interface ReactSocket {
     io: any;
     worker: any | undefined;
-    supportSharedWorker?: Boolean;
+    supportSharedWorker?: boolean;
     events: ReactSocketEvents;
     init: (idUser: number) => void;
     onMessage: <T extends keyof Namespaces>(namespace: T, functionName: Namespaces[T], callback: ReactSocketEventHandler) => void;

package/eslint.config.js

@@ -0,0 +1,97 @@
+import js from '@eslint/js';
+import ts from 'typescript-eslint';
+import prettierConfig from 'eslint-config-prettier';
+import reactPlugin from 'eslint-plugin-react';
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+import importPlugin from 'eslint-plugin-import';
+import globals from 'globals';
+import * as customPlugin from './eslint-plugin-custom/index.js';
+
+export default [
+    {
+        ignores: [
+            'build/**',
+            'coverage/**',
+            'eslint-plugin-custom/**',
+            'node_modules/**',
+            'script/**',
+            'eslint.config.js',
+            'webpack.config.js',
+        ],
+    },
+    js.configs.recommended,
+    ...ts.configs.recommended,
+    {
+        files: ['**/*.{ts,tsx}'],
+        languageOptions: {
+            parser: ts.parser,
+            globals: {
+                ...globals.browser,
+                ...globals.node,
+                ...globals.jest,
+            },
+            parserOptions: {
+                project: './tsconfig.json',
+                ecmaVersion: 2024,
+                sourceType: 'module',
+            },
+        },
+        plugins: {
+            '@typescript-eslint': ts.plugin,
+            react: reactPlugin,
+            'react-hooks': reactHooksPlugin,
+            import: importPlugin,
+            custom: customPlugin,
+        },
+        rules: {
+            ...ts.configs.recommended.rules,
+            ...reactPlugin.configs.recommended.rules,
+            ...reactHooksPlugin.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,68 +1,77 @@
 {
   "name": "jamespot-react-core",
-  "version": "1.3.11",
+  "version": "1.3.13",
   "description": "Jamespot React Core",
   "main": "./build/app.bundle.js",
   "types": "./build/src/App.d.ts",
+  "type": "module",
+  "peerDependencies": {
+    "@reduxjs/toolkit": "^2.10.1",
+    "@types/react": "^19.2.6",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.0",
+    "react-dnd": "^14.0.5",
+    "react-dnd-html5-backend": "^14.1.0",
+    "react-dom": "^19.2.0",
+    "react-hook-form": "^7.66.1",
+    "react-intl": "^7.1.14",
+    "react-redux": "^9.2.0",
+    "react-router-dom": "^6.30.2",
+    "styled-components": "^6.1.19"
+  },
   "devDependencies": {
+    "@eslint/js": "^9.39.1",
     "@reduxjs/toolkit": "^2.10.1",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^14.3.1",
     "@types/jest": "^30.0.0",
     "@types/node": "^24.10.1",
-    "@types/react": "^18.3.27",
-    "@types/react-dom": "^18.3.7",
-    "@types/react-redux": "^7.1.34",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/styled-components": "^5.1.36",
+    "@types/react": "^19.2.6",
+    "@types/react-dom": "^19.2.3",
     "@types/uuid": "^10.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
     "copy-webpack-plugin": "^6.4.1",
     "date-fns": "^4.1.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",
     "fork-ts-checker-webpack-plugin": "^9.1.0",
     "history": "^5.3.0",
     "husky": "^9.1.7",
-    "jamespot-front-business": "^1.3.11",
-    "jamespot-react-components": "^1.3.11",
-    "jamespot-user-api": "^1.3.11",
+    "jamespot-front-business": "^1.3.13",
+    "jamespot-react-components": "^1.3.13",
+    "jamespot-user-api": "^1.3.13",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
-    "knip": "^5.69.1",
+    "knip": "^5.70.0",
     "lint-staged": "^16.2.6",
     "marked": "^16.4.2",
     "prettier": "^3.6.2",
-    "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-redux": "^8.1.3",
+    "react-redux": "^9.2.0",
     "react-router-dom": "^6.30.2",
     "socket.io-client": "^4.8.1",
-    "source-map-loader": "^1.1.3",
-    "styled-components": "^5.3.11",
+    "source-map-loader": "^5.0.0",
+    "styled-components": "^6.1.19",
     "ts-jest": "^29.4.5",
     "ts-loader": "^9.5.4",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
+    "typescript-eslint": "^8.47.0",
     "uuid": "^10.0.0",
-    "webpack": "^5.102.1",
+    "webpack": "^5.103.0",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.15.2",
     "worker-loader": "^3.0.8"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
-      "eslint --ext .ts,.tsx --fix",
+      "eslint --fix",
       "prettier --write"
     ],
     "*.{json,md}": [
@@ -83,7 +92,6 @@
     "prettier": "prettier --write ./",
     "lint": "eslint . --ext .ts,.tsx,.js",
     "lint:fix": "eslint . --ext .ts,.tsx,.js --fix ",
-    "lint:ci": "eslint --output-file eslint_report.json --format json . --ext .ts,.tsx,.js",
     "generate-component-list": "node script/component-list-generator.js",
     "test": "jest --runInBand",
     "test:watch": "npm run test -- --watch",