jamespot-react-core 1.1.182 → 1.1.184

package/build/src/ReactCore.d.ts

@@ -1,17 +1,20 @@
-import { ReactCore, ReactExtensions, ReactSocket, Gabarit, ReactLoadedExtensions } from './utils/types';
+import { ReactCore, ReactExtensions, Gabarit, ReactLoadedExtensions } from './utils/types';
 import { ReactTranslation, SupportedLanguages } from './utils/translation';
 import * as React from 'react';
 import { useDisplay, useDisplayList } from './displayer/useDisplay';
 import { ReactRouter } from './utils/router';
 import { JInjectStore } from './redux/store';
 import { TinyMCECommonOptions } from 'jamespot-user-api';
-import { ReactRegistry } from './registry/ReactRegistry';
+import { ReactCommonRegistry } from './registry/ReactCommonRegistry';
+import { ReactCoreRegistry } from './registry/ReactCoreRegistry';
+import { ReactSocket } from './utils/types.socket';
+import { GlobalRegistry } from './registry/GlobalRegistry';
 declare class App implements ReactCore {
     extensions: ReactExtensions;
     loadedExtensions: ReactLoadedExtensions;
     store: JInjectStore;
     actions: object;
-    registry: ReactRegistry;
+    registry: GlobalRegistry;
     useDisplay: typeof useDisplay;
     useDisplayList: typeof useDisplayList;
     locale: SupportedLanguages;
@@ -20,7 +23,10 @@ declare class App implements ReactCore {
     socket: ReactSocket;
     router: ReactRouter;
     tinymceCommonOptions?: TinyMCECommonOptions;
-    constructor(store: JInjectStore, ActionCreators: object, registry: ReactRegistry, locale: SupportedLanguages, translation: ReactTranslation, socket: ReactSocket);
+    constructor(store: JInjectStore, ActionCreators: object, registry: {
+        commonComponentsRegistry: ReactCommonRegistry;
+        coreComponentsRegistry: ReactCoreRegistry;
+    }, locale: SupportedLanguages, translation: ReactTranslation, socket: ReactSocket);
     require: (extensionName: string, args?: any) => void;
     unmountExtension: (extensionName: string, args?: any) => void;
     extensionAdd(extensionName: string, load: () => void): void;

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

@@ -7,7 +7,7 @@ export declare const getVisibleColumns: (tableColumnsData: {
     dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
     numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
 }[], columns: WidgetTableColumn[]) => {
-    type: "number" | "uri" | "title" | "select" | "text" | "url" | "date" | "file" | "datetime" | "email" | "transient";
+    type: "number" | "uri" | "title" | "select" | "text" | "date" | "email" | "file" | "url" | "datetime" | "transient";
     name: string;
     label: string;
     widget: {} | {

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { DisplayFormRef, FieldsWith } from './types';
+import { DisplayFormFieldsConfig, DisplayFormRef } from './types';
 import { Control, FieldValues } from 'react-hook-form';
-export type DisplayFormFieldsConfig<TFieldValues extends FieldValues> = 'all' | FieldsWith<'input', TFieldValues>;
 export type DisplayFormProps<TFieldValues extends FieldValues> = {
     type: string;
     fields: DisplayFormFieldsConfig<TFieldValues>;

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

@@ -74,3 +74,4 @@ export type DisplayFormRef = UseFormReturn<any> & {
     getFormattedValues: () => any;
 };
 export type Displayer<TFieldValues extends FieldValues = FieldValues> = Array<DisplayerElement<TFieldValues>>;
+export type DisplayFormFieldsConfig<TFieldValues extends FieldValues> = 'all' | FieldsWith<'input', TFieldValues>;

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

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import { Widget } from 'jamespot-user-api';
-import { Displayer, Fields, FieldsWith } from './types';
+import { Displayer, Fields, FieldsWith, DisplayFormFieldsConfig } from './types';
 import type { FieldValues, FieldPath } from 'react-hook-form';
-import { DisplayFormFieldsConfig } from './DisplayForm.component';
 /**
  *
  * @param fields - fields that we want to display (firstname, name, age...)

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

@@ -0,0 +1,2 @@
+import { ReactCommonRegistry } from './ReactCommonRegistry';
+export declare const commonComponentsRegistry: ReactCommonRegistry;

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

@@ -0,0 +1,2 @@
+import { ReactCoreRegistry } from './ReactCoreRegistry';
+export declare const coreComponentsRegistry: ReactCoreRegistry;

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

@@ -0,0 +1,13 @@
+import { CoreComponentListKey, CoreComponentListType, CoreComponentTypes } from './types.core';
+import { ReactCommonRegistry } from './ReactCommonRegistry';
+import { ReactCoreRegistry } from './ReactCoreRegistry';
+import { JrComponentListKey, JrComponentListType, JrComponentTypes } from './types.common';
+export interface RegistryComponents {
+    [key: string]: any;
+}
+export declare class GlobalRegistry {
+    commonRegistry: ReactCommonRegistry;
+    coreRegistry: ReactCoreRegistry;
+    constructor(commonRegistry: ReactCommonRegistry, coreRegistry: ReactCoreRegistry);
+    getLazyComponent<T extends CoreComponentListKey | JrComponentListKey>(name: T): (CoreComponentTypes & JrComponentTypes)[(CoreComponentListType & JrComponentListType)[T]];
+}

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

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

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

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

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

@@ -1 +1,2 @@
 export declare function initCommonComponents(): void;
+export declare function initCoreComponents(): void;

package/build/src/registry/types.common.d.ts

@@ -0,0 +1,14 @@
+import jComponentList from './ext-component-list';
+import jrComponent from 'jamespot-react-components';
+/**
+ * j-react-components { JRCButton: () => <JRCButton/>, ... }
+ */
+export type JrComponentTypes = typeof jrComponent;
+/**
+ * jrc component list { Button: "JRCButton", ... }
+ */
+export type JrComponentListType = typeof jComponentList;
+/**
+ * jrc component keys { "Button" | ... }
+ */
+export type JrComponentListKey = keyof JrComponentListType;

package/build/src/registry/types.core.d.ts

@@ -0,0 +1,14 @@
+import * as coreComponents from './coreComponents';
+import { coreComponentsMapping } from './core-component-list';
+/**
+ * j-core-components { Empty: () => <Empty/>, ... }
+ */
+export type CoreComponentTypes = typeof coreComponents;
+/**
+ * jrc component list { Empty: "Empty", ... }
+ */
+export type CoreComponentListType = typeof coreComponentsMapping;
+/**
+ * core component keys { "Empty" | ... }
+ */
+export type CoreComponentListKey = keyof CoreComponentListType;

package/build/src/types.d.ts

@@ -1,6 +1,7 @@
 export * from './utils/types';
 export * from './components/types';
 export * from './displayer/types';
-export * from './registry/types';
+export * from './registry/types.common';
+export * from './registry/types.core';
 export * from './hooks/types';
 export type { RootState } from './redux/store';

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

@@ -1,3 +1,3 @@
-import { ReactSocket } from './types';
+import { ReactSocket } from './types.socket';
 declare const socket: ReactSocket;
 export default socket;

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

@@ -1,17 +1,18 @@
-import { AnyRTHandlerFunction, ApplicationType, jUserList, Model, Namespaces, Readable, RTMessageWsPresence, TinyMCECommonOptions, TinyMCEDynamicOptions, TinyMCEExtendedOptions } from 'jamespot-user-api';
+import { ApplicationType, jUserList, Model, Readable, TinyMCECommonOptions, TinyMCEDynamicOptions, TinyMCEExtendedOptions } from 'jamespot-user-api';
 import * as React 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 { ReactTranslation, SupportedLanguages, TranslationKeys } from './translation';
-import { ReactRegistry } from '../registry/ReactRegistry';
+import { ReactSocket } from './types.socket';
+import { GlobalRegistry } from '../registry/GlobalRegistry';
 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 {
     extensions: ReactExtensions;
     store: any;
     actions: object;
-    registry: ReactRegistry;
+    registry: GlobalRegistry;
     locale?: SupportedLanguages;
     translation: ReactTranslation;
     theme: any;
@@ -49,53 +50,6 @@ export interface ReactExtension {
 export interface ReactExtensionContainer {
     default: ReactExtension;
 }
-export type ReactSocketEventHandler = AnyRTHandlerFunction;
-export interface ReactSocket {
-    io: any;
-    worker: any | undefined;
-    supportSharedWorker?: Boolean;
-    events: ReactSocketEvents;
-    init: (idUser: number) => 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 type SocketSharedWorker = {
-    user?: {
-        idUser: number;
-    } | undefined;
-    cache: {
-        presence?: RTMessageWsPresence;
-    };
-    ports: any[];
-    call: (type: string, event: string, data?: any) => void;
-};
-export type SocketOptions = {
-    path: string;
-    transports?: string[];
-    upgrade?: boolean;
-};
-export type SocketError = {
-    message: string;
-};
-export type ReactSocketNamespaceEvents = {
-    [key: string]: ReactSocketEventHandler[];
-};
-export type ReactSocketEvents = {
-    [key: string]: {
-        [key: string]: ReactSocketNamespaceEvents | ReactSocketEventHandler[];
-        all: ReactSocketEventHandler[];
-    };
-};
-export interface SharedWorkerEvent {
-    data: SharedWorkerEventData;
-}
-export interface SharedWorkerEventData {
-    type: string;
-    event?: string;
-    data: any;
-}
 export interface JConfig {
     resourceShowKey?: boolean;
 }

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

@@ -0,0 +1,48 @@
+import { AnyRTHandlerFunction, Namespaces, RTMessageWsPresence } from 'jamespot-user-api';
+export type ReactSocketEventHandler = AnyRTHandlerFunction;
+export interface ReactSocket {
+    io: any;
+    worker: any | undefined;
+    supportSharedWorker?: Boolean;
+    events: ReactSocketEvents;
+    init: (idUser: number) => 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 type SocketSharedWorker = {
+    user?: {
+        idUser: number;
+    } | undefined;
+    cache: {
+        presence?: RTMessageWsPresence;
+    };
+    ports: any[];
+    call: (type: string, event: string, data?: any) => void;
+};
+export type SocketOptions = {
+    path: string;
+    transports?: string[];
+    upgrade?: boolean;
+};
+export type SocketError = {
+    message: string;
+};
+export type ReactSocketNamespaceEvents = {
+    [key: string]: ReactSocketEventHandler[];
+};
+export type ReactSocketEvents = {
+    [key: string]: {
+        [key: string]: ReactSocketNamespaceEvents | ReactSocketEventHandler[];
+        all: ReactSocketEventHandler[];
+    };
+};
+export interface SharedWorkerEvent {
+    data: SharedWorkerEventData;
+}
+export interface SharedWorkerEventData {
+    type: string;
+    event?: string;
+    data: any;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-core",
-  "version": "1.1.182",
+  "version": "1.1.184",
   "description": "Jamespot React Core",
   "main": "./build/app.bundle.js",
   "types": "./build/src/App.d.ts",
@@ -56,8 +56,8 @@
     "eslint-import-resolver-typescript": "^3.6.3",
     "eslint-plugin-import": "^2.31.0",
     "history": "^5.3.0",
-    "jamespot-front-business": "^1.1.82",
-    "jamespot-react-components": "^1.0.231",
+    "jamespot-front-business": "^1.1.83",
+    "jamespot-react-components": "^1.0.233",
     "jamespot-user-api": "^1.0.209",
     "marked": "^15.0.3",
     "react": "^17.0.2",