jamespot-react-core 1.1.12 → 1.1.49

package/build/components/ExtensionProvider.component.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export declare type ExtensionProviderProps = {
-    children: React.ReactNode;
+    children?: React.ReactNode;
 };
 export declare const ExtensionProvider: (props: ExtensionProviderProps) => JSX.Element;

package/build/components/IfAppIsActivated.component.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type IfAppIsActivatedProps = {
     dependency: string;
     children: JSX.Element;

package/build/components/NoMatch.component.d.ts

@@ -0,0 +1 @@
+export declare const NoMatch: () => JSX.Element;

package/build/components/RTProvider.component.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare type RTProviderProps = {
+    useRT: () => void;
+};
+export declare const RTProvider: React.FC<RTProviderProps>;

package/build/components/TwoColLayout.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { JRCAppColumnProps } from 'jamespot-react-components';
+export declare type TwoColLayoutProps = {
+    extensionRoute: string;
+    routes: Record<string, {
+        path: string;
+        key: string;
+        icon: string;
+        label: string;
+    }>;
+    description: JRCAppColumnProps['description'];
+};
+export declare function TwoColLayout(props: TwoColLayoutProps): JSX.Element;

package/build/components/types.d.ts

@@ -1,2 +1,3 @@
 export { ExtensionProviderProps } from './ExtensionProvider.component';
 export { IfAppIsActivatedProps } from './IfAppIsActivated.component';
+export { RTProviderProps } from './RTProvider.component';

package/build/displayer/DisplayAttribute.component.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DisplayAttributesProps } from './types';
 /****
  * The jamespot model depend on the platform

package/{.history/src/displayer/DisplayAttribute.component_20211215093839.tsx → build/displayer/DisplayForm.component.d.ts}

@@ -1,13 +1,5 @@
 import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributesProps, RenderAttributeProps } from './types';
-
-const RenderAttribute = (props: RenderAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<RenderAttributeProps> = attribute.components.render;
-    return <RenderComponent {...props} />;
-};
-
+import { DisplayFormProps, DisplayFormRef } from './types';
 /****
  * The jamespot model depend on the platform
  * For example a user can have the size attribute only for a given platform
@@ -21,17 +13,7 @@ const RenderAttribute = (props: RenderAttributeProps) => {
  * @param props.componentsOverride.render the whole component logic (we override @DisplayList or @DisplaySingleValue for exemple)
  * @param props.componentsOverride.wrapper the attribute is wrapped inside an element. For a list it can be an UL
  * @param props.componentsOverride.element the component just above the element value
+ * @param props.componentsOverride.input the component input
  *  Note :If we override the "render" you can't override "wrapper" and "element" because the render rewrite everything
  */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributesName, object, componentsOverride } = props;
-    const config = J.react.useDisplay(attributesName || [], object.type);
-
-    return config.map((attributeProps) => {
-        attributeProps.components = {
-            ...attributeProps.components,
-            ...componentsOverride[attributeProps.accessor],
-        };
-        return <RenderAttribute attribute={attributeProps} object={object} />;
-    });
-};
+export declare const DisplayForm: React.ForwardRefExoticComponent<DisplayFormProps & React.RefAttributes<DisplayFormRef>>;

package/build/displayer/Empty.d.ts

@@ -0,0 +1 @@
+export declare const Empty: () => JSX.Element;

package/build/displayer/components/DisplaySingleValue.component.d.ts

@@ -1,2 +1,3 @@
 import { RenderAttributeProps } from 'displayer/types';
 export declare const DisplaySingleValue: (props: RenderAttributeProps) => JSX.Element | null;
+export declare const DisplayDate: ({ object, attribute }: RenderAttributeProps) => JSX.Element;

package/build/displayer/components/inputs/Date.d.ts

@@ -0,0 +1,3 @@
+import { DisplayInputComponentProps } from '../../types';
+export declare const InputDate: (props: DisplayInputComponentProps) => JSX.Element;
+export declare const SearchDate: (props: DisplayInputComponentProps) => JSX.Element;

package/build/displayer/components/inputs/DefaultInput.d.ts

@@ -0,0 +1,2 @@
+import { DisplayInputComponentProps } from '../../types';
+export declare const DefaultInput: (props: DisplayInputComponentProps) => JSX.Element;

package/build/displayer/components/inputs/InputTextarea.d.ts

@@ -0,0 +1,2 @@
+import { DisplayInputComponentProps } from '../../types';
+export declare const InputTextarea: (props: DisplayInputComponentProps) => JSX.Element;

package/build/displayer/components/inputs/OrientedLink.d.ts

@@ -0,0 +1,2 @@
+import { DisplayInputComponentProps } from '../../types';
+export declare const OrientedLinkInput: (type?: string, requireable?: boolean) => ({ widget, ...props }: DisplayInputComponentProps) => JSX.Element;

package/build/displayer/components/inputs/Radio.d.ts

@@ -0,0 +1,11 @@
+import { DisplayInputComponentProps } from '../../types';
+declare type RadioConfig = {
+    checkboxMode: 'radio' | 'checkbox';
+    direction?: 'row' | 'column' | 'two-columns';
+    requireable?: boolean;
+};
+export declare const RadioInput: (options: Array<{
+    value: string;
+    label: string;
+}>, config: RadioConfig) => ({ widget, ...props }: DisplayInputComponentProps) => JSX.Element;
+export {};

package/build/displayer/list/formatter.d.ts

@@ -1,10 +1,45 @@
 import * as React from 'react';
 import { FieldConfiguration } from '../types';
-export declare function formatString<T extends string>(configuration: FieldConfiguration<T>): {
-    name: T;
+export declare function formatDate<T extends string>(configuration: FieldConfiguration<T>): {
+    accessor: T;
+    components: {
+        render: ({ object, attribute }: import("../types").RenderAttributeProps) => JSX.Element;
+        wrapper: ({ children }: {
+            children: React.FunctionComponent<any>;
+        }) => JSX.Element;
+        element: ({ children }: {
+            children: React.FunctionComponent<any>;
+        }) => JSX.Element;
+        input: (props: import("../types").DisplayInputComponentProps) => JSX.Element;
+        search: (props: import("../types").DisplayInputComponentProps) => JSX.Element;
+    };
     label: string;
+    description?: string | undefined;
+    widget: import("../types").Widget;
+    name: T;
+    mandatory: boolean;
+};
+export declare function formatString<T extends string>(configuration: FieldConfiguration<T>): {
     accessor: T;
+    components: {
+        render: (props: import("../types").RenderAttributeProps) => JSX.Element | null;
+        wrapper: ({ children }: {
+            children: React.FunctionComponent<any>;
+        }) => JSX.Element;
+        element: ({ children }: {
+            children: React.FunctionComponent<any>;
+        }) => JSX.Element;
+        input: (props: import("../types").DisplayInputComponentProps) => JSX.Element;
+        search: (props: import("../types").DisplayInputComponentProps) => JSX.Element;
+    };
+    label: string;
+    description?: string | undefined;
     widget: import("../types").Widget;
+    name: T;
+    mandatory: boolean;
+};
+export declare function formatTextarea<T extends string>(configuration: FieldConfiguration<T>): {
+    accessor: T;
     components: {
         render: (props: import("../types").RenderAttributeProps) => JSX.Element | null;
         wrapper: ({ children }: {
@@ -13,13 +48,16 @@ export declare function formatString<T extends string>(configuration: FieldConfi
         element: ({ children }: {
             children: React.FunctionComponent<any>;
         }) => JSX.Element;
+        input: (props: import("../types").DisplayInputComponentProps) => JSX.Element;
     };
+    label: string;
+    description?: string | undefined;
+    widget: import("../types").Widget;
+    name: T;
+    mandatory: boolean;
 };
 export declare function formatNumber<T extends string>(configuration: FieldConfiguration<T>): {
-    name: T;
-    label: string;
     accessor: T;
-    widget: import("../types").Widget;
     components: {
         render: (props: import("../types").RenderAttributeProps) => JSX.Element | null;
         wrapper: ({ children }: {
@@ -28,13 +66,34 @@ export declare function formatNumber<T extends string>(configuration: FieldConfi
         element: ({ children }: {
             children: React.FunctionComponent<any>;
         }) => JSX.Element;
+        input: (props: import("../types").DisplayInputComponentProps) => JSX.Element;
     };
+    label: string;
+    description?: string | undefined;
+    widget: import("../types").Widget;
+    name: T;
+    mandatory: boolean;
 };
 export declare function formatTaxonomy<T extends string>(configuration: FieldConfiguration<T>): {
-    name: T;
-    label: string;
     accessor: T;
+    components: {
+        render: (props: import("../types").RenderAttributeProps) => JSX.Element | null;
+        wrapper: ({ children }: {
+            children: React.FunctionComponent<any>;
+        }) => JSX.Element;
+        element: ({ children }: {
+            children: React.FunctionComponent<any>;
+        }) => JSX.Element;
+        input: (props: import("../types").DisplayInputComponentProps) => JSX.Element;
+    };
+    label: string;
+    description?: string | undefined;
     widget: import("../types").Widget;
+    name: T;
+    mandatory: boolean;
+};
+export declare function formatOrientedlinks<T extends string>(configuration: FieldConfiguration<T>): {
+    accessor: T;
     components: {
         render: (props: import("../types").RenderAttributeProps) => JSX.Element | null;
         wrapper: ({ children }: {
@@ -43,13 +102,72 @@ export declare function formatTaxonomy<T extends string>(configuration: FieldCon
         element: ({ children }: {
             children: React.FunctionComponent<any>;
         }) => JSX.Element;
+        input: ({ widget, ...props }: import("../types").DisplayInputComponentProps) => JSX.Element;
+        search: ({ widget, ...props }: import("../types").DisplayInputComponentProps) => JSX.Element;
     };
+    label: string;
+    description?: string | undefined;
+    widget: import("../types").Widget;
+    name: T;
+    mandatory: boolean;
 };
-export declare function formatDefault<T extends string>(configuration: FieldConfiguration<T>): {
+export declare function formatUri<T extends string>(configuration: FieldConfiguration<T>): {
+    accessor: T;
+    components: {
+        render: (props: import("../types").RenderAttributeProps) => JSX.Element | null;
+        wrapper: ({ children }: {
+            children: React.FunctionComponent<any>;
+        }) => JSX.Element;
+        element: ({ children }: {
+            children: React.FunctionComponent<any>;
+        }) => JSX.Element;
+        input: ({ widget, ...props }: import("../types").DisplayInputComponentProps) => JSX.Element;
+    };
+    label: string;
+    description?: string | undefined;
+    widget: import("../types").Widget;
     name: T;
+    mandatory: boolean;
+};
+export declare function formatRadio<T extends string>(configuration: FieldConfiguration<T>): {
+    accessor: T;
+    components: {
+        render: (props: import("../types").RenderAttributeProps) => JSX.Element | null;
+        wrapper: ({ children }: {
+            children: React.FunctionComponent<any>;
+        }) => JSX.Element;
+        element: ({ children }: {
+            children: React.FunctionComponent<any>;
+        }) => JSX.Element;
+        input: ({ widget, ...props }: import("../types").DisplayInputComponentProps) => JSX.Element;
+        search: ({ widget, ...props }: import("../types").DisplayInputComponentProps) => JSX.Element;
+    };
     label: string;
+    description?: string | undefined;
+    widget: import("../types").Widget;
+    name: T;
+    mandatory: boolean;
+};
+export declare function formatCheckbox<T extends string>(configuration: FieldConfiguration<T>): {
     accessor: T;
+    components: {
+        render: (props: import("../types").RenderAttributeProps) => JSX.Element | null;
+        wrapper: ({ children }: {
+            children: React.FunctionComponent<any>;
+        }) => JSX.Element;
+        element: ({ children }: {
+            children: React.FunctionComponent<any>;
+        }) => JSX.Element;
+        input: ({ widget, ...props }: import("../types").DisplayInputComponentProps) => JSX.Element;
+    };
+    label: string;
+    description?: string | undefined;
     widget: import("../types").Widget;
+    name: T;
+    mandatory: boolean;
+};
+export declare function formatDefault<T extends string>(configuration: FieldConfiguration<T>): {
+    accessor: T;
     components: {
         render: (props: import("../types").RenderAttributeProps) => JSX.Element | null;
         wrapper: ({ children }: {
@@ -58,5 +176,11 @@ export declare function formatDefault<T extends string>(configuration: FieldConf
         element: ({ children }: {
             children: React.FunctionComponent<any>;
         }) => JSX.Element;
+        input: (props: import("../types").DisplayInputComponentProps) => JSX.Element;
     };
+    label: string;
+    description?: string | undefined;
+    widget: import("../types").Widget;
+    name: T;
+    mandatory: boolean;
 };

package/build/displayer/types.d.ts

@@ -1,3 +1,5 @@
+import * as React from 'react';
+import { UseFormReset } from 'react-hook-form';
 export declare type JObject<T extends string> = Record<T, any> & {
     title: string;
     id: string;
@@ -7,6 +9,9 @@ export declare type Fields<T extends string> = ReadonlyArray<T>;
 export declare type WidgetText = {
     type: 'text';
 };
+export declare type WidgetTextarea = {
+    type: 'textarea';
+};
 export declare type WidgetNumber = {
     type: 'number';
 };
@@ -14,6 +19,9 @@ export declare type WidgetDate = {
     type: 'date';
     format: string;
 };
+export declare type WidgetDatetime = {
+    type: 'datetime';
+};
 export declare type WidgetSelect<U extends string = string> = {
     type: 'select';
     options: Record<U, string>;
@@ -35,6 +43,10 @@ export declare type WidgetUrl = {
 export declare type WidgetRefUser = {
     type: 'refUser';
 };
+export declare type WidgetRadio = {
+    type: 'radio';
+    options: Record<string, string>;
+};
 export declare type WidgetCheckbox = {
     type: 'checkbox';
     options: Record<string, string>;
@@ -45,22 +57,52 @@ export declare type WidgetTaxonomy = {
         idTaxonomy: string;
     };
 };
-export declare type Widget = WidgetText | WidgetNumber | WidgetDate | WidgetSelect | WidgetEmail | WidgetUrl | WidgetRefUser | WidgetCheckbox | WidgetTaxonomy;
-export declare type FieldConfiguration<T extends string> = {
+export declare type WidgetOrientedlinks = {
+    type: 'orientedlinks';
+    params: {
+        'jcomplete-multiple': '0' | '1';
+        showAdd: '0' | '1';
+        supportedTypes: Array<string>;
+    };
+};
+export declare type WidgetUri = {
+    type: 'uri';
+    params: {
+        class: string;
+        'jcomplete-url': string;
+        type: string;
+    };
+};
+export declare type Widget = WidgetText | WidgetTextarea | WidgetNumber | WidgetDate | WidgetDatetime | WidgetSelect | WidgetEmail | WidgetUrl | WidgetRefUser | WidgetRadio | WidgetCheckbox | WidgetOrientedlinks | WidgetTaxonomy | WidgetUri;
+export declare type FieldConfiguration<T extends string = string> = {
     label: string;
+    description?: string;
     widget: Widget;
     name: T;
+    mandatory: boolean;
 };
 export declare type Configuration<T extends string> = FieldConfiguration<T>;
+export declare type DisplayInputComponentProps = {
+    control: any;
+    label: string;
+    description?: string;
+    name: string;
+    widget: Widget;
+    mandatory: boolean;
+};
 export declare type DisplayElementComponent = {
     render: React.FunctionComponent<RenderAttributeProps>;
     wrapper: React.FunctionComponent<any>;
     element: React.FunctionComponent<any>;
+    input: React.FunctionComponent<DisplayInputComponentProps>;
+    search?: React.FunctionComponent<DisplayInputComponentProps>;
 };
 export declare type DisplayerElement = {
     name: string;
     label: string;
+    description?: string;
     accessor: string;
+    mandatory: boolean;
     widget: Widget;
     components: DisplayElementComponent;
 };
@@ -73,6 +115,8 @@ declare type DisplayAttributeComponentOverrideProps = {
     wrapper: React.FunctionComponent<any>;
 } | {
     element: React.FunctionComponent<any>;
+} | {
+    input: React.FunctionComponent<any>;
 };
 export declare type DisplayAttributesProps = {
     object: any;
@@ -83,5 +127,17 @@ export declare type RenderAttributeProps = {
     object: any;
     attribute: DisplayerElement;
 };
-export declare type Displayer = Array<DisplayerElement | undefined>;
+export declare type DisplayFormProps = {
+    object: any;
+    componentsOverride?: Record<string, DisplayAttributeComponentOverrideProps>;
+    attributesName: string[];
+    onSubmit: any;
+};
+export declare type DisplayFormRef = {
+    reset: UseFormReset<any>;
+};
+export declare type RenderInputProps = DisplayerElement & {
+    control: any;
+};
+export declare type Displayer = Array<DisplayerElement>;
 export {};

package/build/displayer/useDisplay.d.ts

@@ -4,4 +4,4 @@ import { Fields, Displayer } from './types';
  * @param fields - fields that we want to display (firstname, name, age...)
  * @param type - model type (user, article, spot...)
  */
-export declare function useDisplay<T extends string>(fields: Fields<T>, type: string): Displayer;
+export declare function useDisplay<T extends string = string>(fields: Fields<T>, type: string): Displayer;

package/build/redux/slice/Article.slice.d.ts

@@ -29,8 +29,8 @@ export declare const articleSlice: import("@reduxjs/toolkit").Slice<import("@red
 }, "articles">;
 export declare const articlesSelector: import("@reduxjs/toolkit").EntitySelectors<Article, import("redux").CombinedState<{
     entities: import("redux").CombinedState<{
-        applications: import("@reduxjs/toolkit").EntityState<import("../../utils/types").Application>;
-        models: import("@reduxjs/toolkit").EntityState<import("../../utils/types").Model<string>>;
+        applications: import("@reduxjs/toolkit").EntityState<import("../../App").Application>;
+        models: import("@reduxjs/toolkit").EntityState<import("../../App").Model<string>>;
         users: import("@reduxjs/toolkit").EntityState<import("./User.slice").User>;
         articles: import("@reduxjs/toolkit").EntityState<Article>;
     }>;

package/build/redux/slice/Toast.slice.d.ts

@@ -38,8 +38,8 @@ export declare const toasts: {
 };
 export declare const toastSelector: import("@reduxjs/toolkit").EntitySelectors<ToastEntity, import("redux").CombinedState<{
     entities: import("redux").CombinedState<{
-        applications: import("@reduxjs/toolkit").EntityState<import("../../utils/types").Application>;
-        models: import("@reduxjs/toolkit").EntityState<import("../../utils/types").Model<string>>;
+        applications: import("@reduxjs/toolkit").EntityState<import("../../App").Application>;
+        models: import("@reduxjs/toolkit").EntityState<import("../../App").Model<string>>;
         users: import("@reduxjs/toolkit").EntityState<import("./User.slice").User>;
         articles: import("@reduxjs/toolkit").EntityState<import("./Article.slice").Article>;
     }>;

package/build/redux/slice/User.slice.d.ts

@@ -29,8 +29,8 @@ export declare const userSlice: import("@reduxjs/toolkit").Slice<import("@reduxj
 }, "users">;
 export declare const usersSelector: import("@reduxjs/toolkit").EntitySelectors<User, import("redux").CombinedState<{
     entities: import("redux").CombinedState<{
-        applications: import("@reduxjs/toolkit").EntityState<import("../../utils/types").Application>;
-        models: import("@reduxjs/toolkit").EntityState<import("../../utils/types").Model<string>>;
+        applications: import("@reduxjs/toolkit").EntityState<import("../../App").Application>;
+        models: import("@reduxjs/toolkit").EntityState<import("../../App").Model<string>>;
         users: import("@reduxjs/toolkit").EntityState<User>;
         articles: import("@reduxjs/toolkit").EntityState<import("./Article.slice").Article>;
     }>;

package/build/redux/store.d.ts

@@ -12,8 +12,8 @@ export interface AsyncReducers {
 export declare function makeStore(initialState: any): JInjectStore;
 declare function createStore(initialAsyncReducers: {}, initialState: any): import("@reduxjs/toolkit").EnhancedStore<import("redux").CombinedState<{
     entities: import("redux").CombinedState<{
-        applications: import("@reduxjs/toolkit").EntityState<import("../utils/types").Application>;
-        models: import("@reduxjs/toolkit").EntityState<import("../utils/types").Model<string>>;
+        applications: import("@reduxjs/toolkit").EntityState<import("../App").Application>;
+        models: import("@reduxjs/toolkit").EntityState<import("../App").Model<string>>;
         users: import("@reduxjs/toolkit").EntityState<import("./slice/User.slice").User>;
         articles: import("@reduxjs/toolkit").EntityState<import("./slice/Article.slice").Article>;
     }>;

package/build/utils/router.d.ts

@@ -0,0 +1,13 @@
+import type { RouteObject } from 'react-router-dom';
+export interface ReactRouter {
+    routes: RouteObject[];
+    addRoute: (route: RouteObject) => void;
+    init: (idDiv: string) => void;
+}
+declare class Router implements ReactRouter {
+    routes: RouteObject[];
+    addRoute: (route: RouteObject) => void;
+    init: (idDiv: string) => void;
+}
+declare const router: Router;
+export default router;

package/build/utils/socket.d.ts

@@ -1,14 +1,3 @@
-import { ReactSocket, ReactSocketEvents } from './types';
-declare class Socket implements ReactSocket {
-    io: any;
-    supportSharedWorker?: Boolean;
-    events: ReactSocketEvents;
-    constructor();
-    init: (idUser: number) => void;
-    on: (type: string, callback: () => void) => void;
-    off: (type: string, callback: () => void) => void;
-    removeListener: (type: string, callback: () => void) => void;
-    callEvent: (type: string, data: any) => void;
-}
-declare const socket: Socket;
+import { ReactSocket } from './types';
+declare const socket: ReactSocket;
 export default socket;

package/build/utils/translation.d.ts

@@ -7,6 +7,7 @@ export declare type LangJsonFile = {
 };
 export declare class ReactTranslation {
     resources: LangJsonFile;
+    showKey: boolean;
     get(lang: SupportedLanguages): {
         [x: string]: string;
     };

package/build/utils/types.d.ts

@@ -1,12 +1,13 @@
 import * as React from 'react';
 import { ReactRegistry } from './registry';
 import { ReactTranslation, SupportedLanguages, TranslationKeys } from './translation';
-export { Configuration, DisplayAttributesProps } from '../displayer/types';
+export { Configuration, DisplayAttributesProps, DisplayFormProps } from '../displayer/types';
 export * from '../components/types';
 import { useDisplay } from '../displayer/useDisplay';
 import { Configuration } from '../displayer/types';
+import { ReactRouter } from './router';
 import { toasts } from '../redux/slice/Toast.slice';
-export declare 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 declare 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 {
     extensions: ReactExtensions;
     store: any;
@@ -16,10 +17,11 @@ export interface ReactCore {
     translation?: ReactTranslation;
     theme: any;
     socket?: ReactSocket;
+    router: ReactRouter;
     require: (extensionName: string, args?: any) => void;
     extensionAdd: (extensionName: string, load: () => void) => void;
     toasts: typeof toasts;
-    routeAdd: (route: string, extensionName: string, idDiv: string, gabarit?: gabarit, gabaritOptions?: object) => void;
+    routeAdd: (route: string, extensionName: string, idDiv: string, gabarit?: Gabarit, gabaritOptions?: object) => void;
     transitionTo: (stateName: string, args: {}, options?: {
         reload: boolean;
         notify?: boolean;
@@ -38,14 +40,15 @@ export interface ReactExtension {
 export interface ReactExtensionContainer {
     default: ReactExtension;
 }
+export declare type ReactSocketEventHandler = (data: SocketEventData) => void;
 export interface ReactSocket {
     io: any;
     supportSharedWorker?: Boolean;
     events: ReactSocketEvents;
     init: (idUser: number) => void;
-    on: (type: string, callback: () => void) => void;
-    off: (type: string, callback: () => void) => void;
-    removeListener: (type: string, callback: () => void) => void;
+    onMessage: <T extends keyof Namespaces>(namespace: T, functionName: Namespaces[T], callback: ReactSocketEventHandler) => void;
+    offMessage: <T extends keyof Namespaces>(namespace: T, functionName: Namespaces[T], callback: ReactSocketEventHandler) => void;
+    removeMessageListener: <T extends keyof Namespaces>(namespace: T, functionName: Namespaces[T], callback: ReactSocketEventHandler) => void;
     callEvent: (type: string, data: any) => void;
 }
 export declare type SocketSharedWorker = {
@@ -60,13 +63,23 @@ export declare type SocketOptions = {
     transports?: string[];
     upgrade?: boolean;
 };
+declare type BookmarksFunctions = 'update' | 'add' | 'delete';
+declare type CustomActionFunctions = 'update' | 'add' | 'remove';
+export declare type Namespaces = {
+    BOOKMARKS: BookmarksFunctions;
+    'CUSTOM-ACTION': CustomActionFunctions;
+};
 export declare type SocketError = {
     message: string;
 };
+export declare type ReactSocketNamespaceEvents = {
+    [key: string]: ReactSocketEventHandler[];
+};
 export declare type ReactSocketEvents = {
     [key: string]: {
-        (data: SocketEventData): void;
-    }[];
+        [key: string]: ReactSocketNamespaceEvents | ReactSocketEventHandler[];
+        all: ReactSocketEventHandler[];
+    };
 };
 export interface SocketEventData {
     function: string;
@@ -85,17 +98,22 @@ export interface JComponent {
     name: string;
     module: string;
 }
+export interface JConfig {
+    resourceShowKey?: boolean;
+}
 export interface WindowJ {
     react: ReactCore;
     revision: string;
     ng: any;
     locale: SupportedLanguages;
+    config: JConfig;
     resources: TranslationKeys;
     jUserLogged: JUser;
     jamespotReactComponentList: [JComponent];
     jamespotReactTheme: any;
     applications: Application[];
     models: Model<string>[];
+    debug: any;
 }
 export interface Application {
     name: string;
@@ -108,7 +126,7 @@ export interface Application {
     sref?: string;
     type?: string;
 }
-export interface Model<T extends string> {
+export interface Model<T extends string = string> {
     type: string;
     mainType: string;
     label: string;
@@ -131,6 +149,7 @@ export interface JUser extends JObject {
     mail: string;
     _url: string;
     dateModified: string;
+    _values: Record<string, any>;
 }
 export declare type IsAppActivateProps = {
     dependency: string;
@@ -138,10 +157,12 @@ export declare type IsAppActivateProps = {
 };
 export declare type ReactExtensionProps = {
     extensionName: string;
+    moduleName?: string;
     route?: string;
     idAnchor?: string;
     reducerName?: string;
-    gabarit?: gabarit;
+    gabarit?: Gabarit;
     apiDependency?: string;
 };
+export * from '../displayer/types';
 export { RootState } from '../redux/store';