jamespot-react-core 1.1.13 → 1.1.20

package/src/displayer/useDisplay.ts

@@ -1,7 +1,8 @@
 import * as ListFormatter from './list/formatter';
-import { Fields, Displayer, Configuration } from './types';
+import { Fields, Displayer } from './types';
 import { useSelector } from 'react-redux';
 import { Model } from '../utils/types';
+import JRCore from 'App';
 
 /**
  *
@@ -9,41 +10,24 @@ import { Model } from '../utils/types';
  * @param type - model type (user, article, spot...)
  */
 export function useDisplay<T extends string>(fields: Fields<T>, type: string): Displayer {
-    const model: Model<string> = useSelector((state: any) => J.react.store.selectors.model.selectById(state, type));
+    const model: Model<string> = useSelector((state: any) => JRCore.store.selectors.model.selectById(state, type));
 
     if (!model || !model.fields) return [];
 
     const configuration = Object.values(model.fields);
+    return fields.map((field) => {
+        const fieldConfiguration = configuration.find((conf) => conf.name === field);
+        if (!fieldConfiguration) return;
 
-    return (
-        fields
-            .map((field) => {
-                return configuration.find((conf) => conf.name === field);
-            })
-            .filter((fieldConfiguration) => !!fieldConfiguration) as Array<Configuration<T>>
-    )
-        .map((fieldConfiguration) => {
-            switch (fieldConfiguration.widget.type) {
-                case 'date':
-                case 'datetime':
-                    return ListFormatter.formatDate(fieldConfiguration);
-                case 'text':
-                    return ListFormatter.formatString(fieldConfiguration);
-                case 'number':
-                    return ListFormatter.formatNumber(fieldConfiguration);
-                case 'taxonomy':
-                    return ListFormatter.formatTaxonomy(fieldConfiguration);
-                case 'orientedlinks':
-                    return ListFormatter.formatOrientedlinks(fieldConfiguration);
-                case 'uri':
-                    return ListFormatter.formatUri(fieldConfiguration);
-                case 'radio':
-                    return ListFormatter.formatRadio(fieldConfiguration);
-                case 'checkbox':
-                    return ListFormatter.formatCheckbox(fieldConfiguration);
-                default:
-                    return ListFormatter.formatDefault(fieldConfiguration);
-            }
-        })
-        .filter((v) => !!v);
+        switch (fieldConfiguration.widget.type) {
+            case 'text':
+                return ListFormatter.formatString(fieldConfiguration);
+            case 'number':
+                return ListFormatter.formatNumber(fieldConfiguration);
+            case 'taxonomy':
+                return ListFormatter.formatTaxonomy(fieldConfiguration);
+            default:
+                return ListFormatter.formatDefault(fieldConfiguration);
+        }
+    });
 }

package/src/redux/store.tsx

@@ -8,14 +8,12 @@ import { applicationActions, applicationSelector, applicationSlice } from './sli
 import { modelActions, modelSelector, modelSlice } from './slice/Model.slice';
 import { toastSlice } from './slice/Toast.slice';
 import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux';
-import { appStateActions, appStateSelector, appStateSlice } from './slice/AppState.slice';
 
 export interface JInjectStore extends ReturnType<typeof createStore> {
     asyncReducers: AsyncReducers;
     add: (key: string, asyncReducer: Reducer) => void;
     selectors: any;
     actions: any;
-    useAppDispatch: any;
 }
 
 export interface AsyncReducers {
@@ -30,32 +28,10 @@ const staticReducers = {
         users: userSlice.reducer,
         articles: articleSlice.reducer,
     }),
-    appState: appStateSlice.reducer,
     form: formReducer,
     toasts: toastSlice.reducer,
 };
 
-function createReducer(asyncReducers: AsyncReducers) {
-    return combineReducers({
-        ...staticReducers,
-        ...asyncReducers,
-    });
-}
-
-function createStore(initialAsyncReducers: {}, initialState: any) {
-    return configureStore({
-        reducer: createReducer(initialAsyncReducers),
-        preloadedState: initialState,
-        middleware: [thunk, logger],
-    });
-}
-
-export type AppDispatch = ReturnType<typeof createStore>['dispatch'];
-export type RootState = ReturnType<ReturnType<typeof createStore>['getState']>;
-
-export const useAppDispatch = () => useDispatch<AppDispatch>();
-export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
-
 // Configure the store
 export function makeStore(initialState: any) {
     const initialAsyncReducers = {};
@@ -84,18 +60,36 @@ export function makeStore(initialState: any) {
             application: applicationSelector,
             model: modelSelector,
             user: usersSelector,
-            appState: appStateSelector,
         },
         actions: {
-            appState: appStateActions,
             article: articleActions,
             application: applicationActions,
             model: modelActions,
             user: userActions,
             generic: genericActions,
         },
-        useAppDispatch: useAppDispatch,
     };
 
     return jStore;
 }
+
+function createReducer(asyncReducers: AsyncReducers) {
+    return combineReducers({
+        ...staticReducers,
+        ...asyncReducers,
+    });
+}
+
+function createStore(initialAsyncReducers: {}, initialState: any) {
+    return configureStore({
+        reducer: createReducer(initialAsyncReducers),
+        preloadedState: initialState,
+        middleware: [thunk, logger],
+    });
+}
+
+export type AppDispatch = ReturnType<typeof createStore>['dispatch'];
+export type RootState = ReturnType<ReturnType<typeof createStore>['getState']>;
+
+export const useAppDispatch = () => useDispatch<AppDispatch>();
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;

package/src/utils/router.tsx

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { ExtensionProvider } from '../components/ExtensionProvider.component';
+import { NoMatch } from '../components/NoMatch.component';
+import { BrowserRouter, useRoutes } from 'react-router-dom';
+import type { RouteObject } from 'react-router-dom';
+
+export interface ReactRouter {
+    routes: RouteObject[];
+    addRoute: (route: RouteObject) => void;
+    init: (idDiv: string) => void;
+}
+
+const Routes = () => {
+    const routesObject: RouteObject[] = [
+        {
+            path: '/ng/rr',
+            children: [...J.react.router.routes],
+        },
+        { path: '*', element: <NoMatch /> },
+    ];
+    return useRoutes(routesObject);
+};
+
+class Router implements ReactRouter {
+    routes: RouteObject[] = [];
+
+    addRoute = (route: RouteObject) => {
+        this.routes.push(route);
+    };
+
+    init = (idDiv: string) => {
+        ReactDOM.render(
+            <ExtensionProvider>
+                <BrowserRouter>
+                    <Routes />
+                </BrowserRouter>
+            </ExtensionProvider>,
+            document.getElementById(idDiv),
+        );
+    };
+}
+
+const router = new Router();
+
+export default router;

package/src/utils/types.ts

@@ -1,15 +1,14 @@
 import * as React from 'react';
 import { ReactRegistry } from './registry';
 import { ReactTranslation, SupportedLanguages, TranslationKeys } from './translation';
-export { Configuration, DisplayAttributesProps, DisplayFormProps } from '../displayer/types';
+export { Configuration, DisplayAttributesProps } from '../displayer/types';
 export * from '../components/types';
 import { useDisplay } from '../displayer/useDisplay';
 import { Configuration } from '../displayer/types';
-import { useDebounce, useDidMountEffect, useTimeout } from 'jamespot-react-components';
+import { ReactRouter } from './router';
 import { toasts } from '../redux/slice/Toast.slice';
-import { JInjectStore } from '../redux/store';
 
-export type Gabarit =
+export type gabarit =
     | 'core-1-cols'
     | 'core-2-cols'
     | 'core-3-cols'
@@ -22,18 +21,19 @@ export type Gabarit =
 
 export interface ReactCore {
     extensions: ReactExtensions;
-    store: JInjectStore;
+    store: any;
     actions: object;
     registry: ReactRegistry;
     locale?: SupportedLanguages;
     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: {},
@@ -120,11 +120,6 @@ export interface WindowJ {
     jamespotReactTheme: any;
     applications: Application[];
     models: Model<string>[];
-    hook: {
-        useTimeout: typeof useTimeout;
-        useDebounce: typeof useDebounce;
-        useDidMountEffect: typeof useDidMountEffect;
-    };
 }
 
 export interface Application {
@@ -173,14 +168,11 @@ export type IsAppActivateProps = {
 
 export 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';

package/build/294.bundle.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[294],{7294:(e,c,t)=>{t.r(c),t.d(c,{IfAppIsActivated:()=>n});var s=t(855);const n=e=>{const{isDependencyActivated:c}=(0,s.useSelector)((c=>({isDependencyActivated:J.react.store.selectors.application.selectById(c,e.dependency)})));return c?e.children:null}}}]);
-//# sourceMappingURL=294.bundle.js.map

package/build/294.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"294.bundle.js","mappings":"yJAOO,MAAMA,EAAoBC,IAC7B,MAAM,sBAAEC,IAA0B,IAAAC,cAAaC,IACpC,CACHF,sBAAuBG,EAAEC,MAAMC,MAAMC,UAAUC,YAAYC,WAAWN,EAAOH,EAAMU,gBAG3F,OAAOT,EAAwBD,EAAMW,SAAW","sources":["webpack://ReactCore/./src/components/IfAppIsActivated.component.tsx"],"sourcesContent":["import { useSelector } from 'react-redux';\n\nexport type IfAppIsActivatedProps = {\n    dependency: string;\n    children: JSX.Element;\n};\n\nexport const IfAppIsActivated = (props: IfAppIsActivatedProps) => {\n    const { isDependencyActivated } = useSelector((state: any) => {\n        return {\n            isDependencyActivated: J.react.store.selectors.application.selectById(state, props.dependency),\n        };\n    });\n    return isDependencyActivated ? props.children : null;\n};\n"],"names":["IfAppIsActivated","props","isDependencyActivated","useSelector","state","J","react","store","selectors","application","selectById","dependency","children"],"sourceRoot":""}

package/build/715.bundle.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[715],{715:(e,t,n)=>{n.r(t),n.d(t,{DisplayAttributes:()=>c});var r=n(7363);const s=e=>{const{attribute:t}=e,n=t.components.render,s=t.components.wrapper;return r.createElement(s,null,r.createElement(n,Object.assign({},e)))},c=e=>{const{attributesName:t,object:n,componentsOverride:c}=e;return J.react.useDisplay(t||[],n.type).map((e=>{if(e)return e.components=Object.assign(Object.assign({},e.components),c&&c[e.name]),r.createElement(s,{attribute:e,object:n})}))}}}]);
-//# sourceMappingURL=715.bundle.js.map

package/build/715.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"715.bundle.js","mappings":"0JAMA,MAAMA,EAAmBC,IACrB,MAAM,UAAEC,GAAcD,EAChBE,EAAiED,EAAUE,WAAWC,OACtFC,EAAiDJ,EAAUE,WAAWG,QAE5E,OACI,gBAACD,EAAgB,KACb,gBAACH,EAAe,iBAAKF,MAoBpBO,EAAqBP,IAC9B,MAAM,eAAEQ,EAAc,OAAEC,EAAM,mBAAEC,GAAuBV,EAGvD,OAFeW,EAAEC,MAAMC,WAAWL,GAAkB,GAAIC,EAAOK,MAEjDC,KAAKC,IACf,GAAKA,EAKL,OAJAA,EAAeb,WAAa,OAAH,wBAClBa,EAAeb,YACdO,GAAsBA,EAAmBM,EAAeC,OAEzD,gBAAClB,EAAe,CAACE,UAAWe,EAAgBP,OAAQA","sources":["webpack://ReactCore/./src/displayer/DisplayAttribute.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DisplayAttributesProps, RenderAttributeProps } from './types';\n\n/***\n * Choose the component to render according to the type of the object\n */\nconst RenderAttribute = (props: RenderAttributeProps) => {\n    const { attribute } = props;\n    const RenderComponent: React.FunctionComponent<RenderAttributeProps> = attribute.components.render;\n    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;\n\n    return (\n        <WrapperComponent>\n            <RenderComponent {...props} />\n        </WrapperComponent>\n    );\n};\n\n/****\n * The jamespot model depend on the platform\n * For example a user can have the size attribute only for a given platform\n * The model specifics of a platform are stored in J.model\n *\n * This component display an array of attributes only if this attribute is activated on the platform\n *\n * @param props.object the object to display (ie the user)\n * @param props.attributesName an array of string : the list of attributes we want to display\n * @param props.componentsOverride we can override the default render of the attribute\n * @param props.componentsOverride.render the whole component logic (we override @DisplayList or @DisplaySingleValue for exemple)\n * @param props.componentsOverride.wrapper the attribute is wrapped inside an element. For a list it can be an UL\n * @param props.componentsOverride.element the component just above the element value\n *  Note :If we override the \"render\" you can't override \"wrapper\" and \"element\" because the render rewrite everything\n */\nexport const DisplayAttributes = (props: DisplayAttributesProps) => {\n    const { attributesName, object, componentsOverride } = props;\n    const config = J.react.useDisplay(attributesName || [], object.type);\n\n    return config.map((attributeProps) => {\n        if (!attributeProps) return;\n        attributeProps.components = {\n            ...attributeProps.components,\n            ...(componentsOverride && componentsOverride[attributeProps.name]),\n        };\n        return <RenderAttribute attribute={attributeProps} object={object} />;\n    });\n};\n"],"names":["RenderAttribute","props","attribute","RenderComponent","components","render","WrapperComponent","wrapper","DisplayAttributes","attributesName","object","componentsOverride","J","react","useDisplay","type","map","attributeProps","name"],"sourceRoot":""}

package/build/76.bundle.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[76],{3076:(e,t,n)=>{n.r(t),n.d(t,{DisplayForm:()=>c});var a=n(7363),r=n(3230),s=n(5181);const o=e=>a.createElement(e.components.input,Object.assign({},e)),c=a.forwardRef(((e,t)=>{const n=(0,s.useIntl)(),c=a.useRef(null),{attributesName:l,object:i,componentsOverride:u}=e,m=J.react.useDisplay(l||[],i.type),p=J.react.registry.getLazyComponent("ValidationButton"),{handleSubmit:b,control:d,reset:f}=(0,r.useForm)({defaultValues:Object.assign({},Object.fromEntries(m.map((e=>[e.accessor,"checkbox"===e.widget.type?[]:""])))),criteriaMode:"all"});return a.useImperativeHandle(t,(()=>({reset:()=>{var e;null===(e=null==c?void 0:c.current)||void 0===e||e.scrollTo(0,0),f()}})),[]),a.createElement("form",{onSubmit:b(e.onSubmit),ref:c},m.map(((e,t)=>(e.components=Object.assign(Object.assign({},e.components),null==u?void 0:u[e.name]),a.createElement(o,Object.assign({key:t,control:d},e))))),a.createElement(p,{type:"submit"},n.formatMessage({id:"APP_ASEI_Modal_Creation_Title"})))}))}}]);
-//# sourceMappingURL=76.bundle.js.map

package/build/76.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"76.bundle.js","mappings":"wKASA,MAAMA,EAAeC,GAA4B,gBAACA,EAAMC,WAAWC,MAAK,iBAAKF,IAkBhEG,EAAc,cAAmD,CAACH,EAAOI,KAClF,MAAMC,GAAO,IAAAC,WAEPC,EAAU,SAA8B,OAExC,eAAEC,EAAc,OAAEC,EAAM,mBAAEC,GAAuBV,EACjDW,EAAaC,EAAEC,MAAMC,WAAWN,GAAkB,GAAIC,EAAOM,MAC7DC,EAAmBJ,EAAEC,MAAMI,SAASC,iBAAiC,qBAErE,aAAEC,EAAY,QAAEC,EAAO,MAAEC,IAAU,IAAAC,SAAQ,CAC7CC,cAAe,OAAF,UAELC,OAAeC,YACfd,EAAWe,KAAKC,GAAgB,CAC5BA,EAAYC,SACgB,aAA5BD,EAAYE,OAAOd,KAAsB,GAAK,QAI1De,aAAc,QAgBlB,OAbA,sBACI1B,GACA,KAAM,CACFiB,MAAO,K,MAEa,QAAhB,EAAAd,MAAAA,OAAO,EAAPA,EAASwB,eAAO,SAAEC,SAAS,EAAG,GAE9BX,QAGR,IAIA,wBAAMY,SAAUd,EAAanB,EAAMiC,UAAW7B,IAAKG,GAC9CI,EAAWe,KAAI,CAACC,EAAaO,KAC1BP,EAAY1B,WAAa,OAAH,wBACf0B,EAAY1B,YACZS,MAAAA,OAAkB,EAAlBA,EAAqBiB,EAAYQ,OAEjC,gBAACpC,EAAW,eAACqC,IAAKF,EAAOd,QAASA,GAAaO,OAG1D,gBAACX,EAAgB,CAACD,KAAK,UAClBV,EAAKgC,cAAc,CAAEC,GAAI","sources":["webpack://ReactCore/./src/displayer/DisplayForm.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DisplayFormProps, DisplayFormRef, RenderInputProps } from './types';\nimport { useForm } from 'react-hook-form';\nimport type { JRCButtonProps } from 'jamespot-react-components';\nimport { useIntl } from 'react-intl';\n\n/***\n * Choose the component to render according to the type of the object\n */\nconst RenderInput = (props: RenderInputProps) => <props.components.input {...props} />;\n\n/****\n * The jamespot model depend on the platform\n * For example a user can have the size attribute only for a given platform\n * The model specifics of a platform are stored in J.model\n *\n * This component display an array of attributes only if this attribute is activated on the platform\n *\n * @param props.object the object to display (ie the user)\n * @param props.attributesName an array of string : the list of attributes we want to display\n * @param props.componentsOverride we can override the default render of the attribute\n * @param props.componentsOverride.render the whole component logic (we override @DisplayList or @DisplaySingleValue for exemple)\n * @param props.componentsOverride.wrapper the attribute is wrapped inside an element. For a list it can be an UL\n * @param props.componentsOverride.element the component just above the element value\n * @param props.componentsOverride.input the component input\n *  Note :If we override the \"render\" you can't override \"wrapper\" and \"element\" because the render rewrite everything\n */\nexport const DisplayForm = React.forwardRef<DisplayFormRef, DisplayFormProps>((props, ref) => {\n    const intl = useIntl();\n\n    const formRef = React.useRef<HTMLFormElement>(null);\n\n    const { attributesName, object, componentsOverride } = props;\n    const formConfig = J.react.useDisplay(attributesName || [], object.type);\n    const ValidationButton = J.react.registry.getLazyComponent<JRCButtonProps>('ValidationButton');\n\n    const { handleSubmit, control, reset } = useForm({\n        defaultValues: {\n            // initialize with empty array of checkbox, empty string otherwise\n            ...(Object as any).fromEntries(\n                formConfig.map((inputConfig) => [\n                    inputConfig.accessor,\n                    inputConfig.widget.type === 'checkbox' ? [] : '',\n                ]),\n            ),\n        },\n        criteriaMode: 'all',\n    });\n\n    React.useImperativeHandle(\n        ref,\n        () => ({\n            reset: () => {\n                // in case the form is scrollable\n                formRef?.current?.scrollTo(0, 0);\n                // reset react-hook-form form\n                reset();\n            },\n        }),\n        [],\n    );\n\n    return (\n        <form onSubmit={handleSubmit(props.onSubmit)} ref={formRef}>\n            {formConfig.map((inputConfig, index) => {\n                inputConfig.components = {\n                    ...inputConfig.components,\n                    ...componentsOverride?.[inputConfig.name],\n                };\n                return <RenderInput key={index} control={control} {...inputConfig} />;\n            })}\n\n            <ValidationButton type=\"submit\">\n                {intl.formatMessage({ id: 'APP_ASEI_Modal_Creation_Title' })}\n            </ValidationButton>\n        </form>\n    );\n});\n"],"names":["RenderInput","props","components","input","DisplayForm","ref","intl","useIntl","formRef","attributesName","object","componentsOverride","formConfig","J","react","useDisplay","type","ValidationButton","registry","getLazyComponent","handleSubmit","control","reset","useForm","defaultValues","Object","fromEntries","map","inputConfig","accessor","widget","criteriaMode","current","scrollTo","onSubmit","index","name","key","formatMessage","id"],"sourceRoot":""}

package/build/862.bundle.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[862],{2862:(e,t,a)=>{a.r(t),a.d(t,{Empty:()=>r});var c=a(7363);const r=()=>c.createElement(c.Fragment,null)}}]);
-//# sourceMappingURL=862.bundle.js.map

package/build/862.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"862.bundle.js","mappings":"+IAGO,MAAMA,EAAQ,IAAM","sources":["webpack://ReactCore/./src/displayer/Empty.tsx"],"sourcesContent":["import * as React from 'react';\n\n// FIXME move to j-react-components + display error if dev mode\nexport const Empty = () => <></>;\n"],"names":["Empty"],"sourceRoot":""}

package/build/955.bundle.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[955],{8955:(e,r,t)=>{t.r(r),t.d(r,{AppStateLoader:()=>d});var a=t(7363),s=t.n(a),o=t(5181),n=t(855),c=t(1851);const p=J.react.store.actions.appState,i=J.react.registry.getLazyComponent("Loader"),l=J.react.registry.getLazyComponent("Card"),d=e=>{const r=J.react.store.useAppDispatch(),t=(0,o.useIntl)(),{appState:a}=(0,n.useSelector)((r=>({appState:J.react.store.selectors.appState(r,e.appId)})));return s().useEffect((()=>{e.initPromises&&(r(c.gn.setLoading(e.appId)),Promise.all(e.initPromises).then((()=>r(p.setLoaded(e.appId)))).catch((()=>{r(p.setError({app:e.appId,error:{message:"Error"}})),r(J.react.toasts.error({label:t.formatMessage({id:"GLOBAL_Error_occurred"})}))})))}),[]),a&&a.error?s().createElement(l,{variant:"div",type:"error"},s().createElement(o.FormattedMessage,{id:"GLOBAL_Error_occurred"})):s().createElement(s().Fragment,null,a&&a.isLoading?s().createElement(i,{variant:"skeleton"}):s().createElement(s().Fragment,null,e.children))}}}]);
-//# sourceMappingURL=955.bundle.js.map

package/build/955.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"955.bundle.js","mappings":"8LAMA,MAAMA,EAAiBC,EAAEC,MAAMC,MAAMC,QAAQC,SACvCC,EAASL,EAAEC,MAAMK,SAASC,iBAAiC,UAC3DC,EAAOR,EAAEC,MAAMK,SAASC,iBAA+B,QAShDE,EAAkBC,IAC3B,MAAMC,EAAWX,EAAEC,MAAMC,MAAMU,iBACzBC,GAAO,IAAAC,YAEP,SAAEV,IAAa,IAAAW,cAAaC,IACvB,CACHZ,SAAUJ,EAAEC,MAAMC,MAAMe,UAAUb,SAASY,EAAON,EAAMQ,WAqBhE,OAhBA,eAAgB,KACRR,EAAMS,eACNR,EAAS,gBAA2BD,EAAMQ,QAC1CE,QAAQC,IAAIX,EAAMS,cACbG,MAAK,IAAMX,EAASZ,EAAewB,UAAUb,EAAMQ,UACnDM,OAAM,KACHb,EACIZ,EAAe0B,SAAS,CACpBC,IAAKhB,EAAMQ,MACXS,MAAO,CAAEC,QAAS,YAG1BjB,EAASX,EAAEC,MAAM4B,OAAOF,MAAM,CAAEG,MAAOjB,EAAKkB,cAAc,CAAEC,GAAI,mCAG7E,IACC5B,GAAYA,EAASuB,MAEjB,kBAACnB,EAAI,CAACyB,QAAQ,MAAMC,KAAK,SACrB,kBAAC,EAAAC,iBAAgB,CAACH,GAAG,2BAK1B,oCAAG5B,GAAYA,EAASgC,UAAY,kBAAC/B,EAAM,CAAC4B,QAAQ,aAAgB,oCAAGvB,EAAM2B","sources":["webpack://ReactCore/./src/components/AppStateLoader.component.tsx"],"sourcesContent":["import { JRCCardProps, JRCLoaderProps } from 'jamespot-react-components';\nimport React from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport { useSelector } from 'react-redux';\nimport { appStateActions } from 'redux/slice/AppState.slice';\n\nconst appStateAction = J.react.store.actions.appState;\nconst Loader = J.react.registry.getLazyComponent<JRCLoaderProps>('Loader');\nconst Card = J.react.registry.getLazyComponent<JRCCardProps>('Card');\n\nexport type AppStateLoaderProps = {\n    appId: string;\n    children: JSX.Element;\n    loader?: JSX.Element;\n    initPromises: Promise<any>[];\n};\n\nexport const AppStateLoader = (props: AppStateLoaderProps) => {\n    const dispatch = J.react.store.useAppDispatch();\n    const intl = useIntl();\n\n    const { appState } = useSelector((state: any) => {\n        return {\n            appState: J.react.store.selectors.appState(state, props.appId),\n        };\n    });\n\n    // Init Function\n    React.useEffect(() => {\n        if (props.initPromises) {\n            dispatch(appStateActions.setLoading(props.appId));\n            Promise.all(props.initPromises)\n                .then(() => dispatch(appStateAction.setLoaded(props.appId)))\n                .catch(() => {\n                    dispatch(\n                        appStateAction.setError({\n                            app: props.appId,\n                            error: { message: 'Error' },\n                        }),\n                    );\n                    dispatch(J.react.toasts.error({ label: intl.formatMessage({ id: 'GLOBAL_Error_occurred' }) }));\n                });\n        }\n    }, []);\n    if (appState && appState.error) {\n        return (\n            <Card variant=\"div\" type=\"error\">\n                <FormattedMessage id=\"GLOBAL_Error_occurred\" />\n            </Card>\n        );\n    }\n\n    return <>{appState && appState.isLoading ? <Loader variant=\"skeleton\" /> : <>{props.children}</>}</>;\n};\n"],"names":["appStateAction","J","react","store","actions","appState","Loader","registry","getLazyComponent","Card","AppStateLoader","props","dispatch","useAppDispatch","intl","useIntl","useSelector","state","selectors","appId","initPromises","Promise","all","then","setLoaded","catch","setError","app","error","message","toasts","label","formatMessage","id","variant","type","FormattedMessage","isLoading","children"],"sourceRoot":""}

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

@@ -1,7 +0,0 @@
-export declare type AppStateLoaderProps = {
-    appId: string;
-    children: JSX.Element;
-    loader?: JSX.Element;
-    initPromises: Promise<any>[];
-};
-export declare const AppStateLoader: (props: AppStateLoaderProps) => JSX.Element;

package/build/components/index.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,19 +0,0 @@
-import * as React from 'react';
-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
- * The model specifics of a platform are stored in J.model
- *
- * This component display an array of attributes only if this attribute is activated on the platform
- *
- * @param props.object the object to display (ie the user)
- * @param props.attributesName an array of string : the list of attributes we want to display
- * @param props.componentsOverride we can override the default render of the attribute
- * @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 declare const DisplayForm: React.ForwardRefExoticComponent<DisplayFormProps & React.RefAttributes<DisplayFormRef>>;

package/build/displayer/Empty.d.ts

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

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

@@ -1,29 +0,0 @@
-import { PayloadAction } from '@reduxjs/toolkit';
-import { RootState } from '../store';
-declare type SliceState = {
-    [key: string]: {
-        isLoading: boolean;
-        error?: object;
-    };
-};
-export declare const appStateSlice: import("@reduxjs/toolkit").Slice<SliceState, {
-    setLoading: (state: SliceState, action: PayloadAction<string>) => void;
-    setLoaded: (state: SliceState, action: PayloadAction<string>) => void;
-    setError: (state: SliceState, action: PayloadAction<{
-        app: string;
-        error: object;
-    }>) => void;
-}, "appState">;
-export declare const appStateSelector: (state: RootState, appName: string) => {
-    isLoading: boolean;
-    error?: object | undefined;
-};
-export declare const appStateActions: import("@reduxjs/toolkit").CaseReducerActions<{
-    setLoading: (state: SliceState, action: PayloadAction<string>) => void;
-    setLoaded: (state: SliceState, action: PayloadAction<string>) => void;
-    setError: (state: SliceState, action: PayloadAction<{
-        app: string;
-        error: object;
-    }>) => void;
-}>;
-export {};

package/src/components/AppStateLoader.component.tsx

@@ -1,54 +0,0 @@
-import { JRCCardProps, JRCLoaderProps } from 'jamespot-react-components';
-import React from 'react';
-import { FormattedMessage, useIntl } from 'react-intl';
-import { useSelector } from 'react-redux';
-import { appStateActions } from 'redux/slice/AppState.slice';
-
-const appStateAction = J.react.store.actions.appState;
-const Loader = J.react.registry.getLazyComponent<JRCLoaderProps>('Loader');
-const Card = J.react.registry.getLazyComponent<JRCCardProps>('Card');
-
-export type AppStateLoaderProps = {
-    appId: string;
-    children: JSX.Element;
-    loader?: JSX.Element;
-    initPromises: Promise<any>[];
-};
-
-export const AppStateLoader = (props: AppStateLoaderProps) => {
-    const dispatch = J.react.store.useAppDispatch();
-    const intl = useIntl();
-
-    const { appState } = useSelector((state: any) => {
-        return {
-            appState: J.react.store.selectors.appState(state, props.appId),
-        };
-    });
-
-    // Init Function
-    React.useEffect(() => {
-        if (props.initPromises) {
-            dispatch(appStateActions.setLoading(props.appId));
-            Promise.all(props.initPromises)
-                .then(() => dispatch(appStateAction.setLoaded(props.appId)))
-                .catch(() => {
-                    dispatch(
-                        appStateAction.setError({
-                            app: props.appId,
-                            error: { message: 'Error' },
-                        }),
-                    );
-                    dispatch(J.react.toasts.error({ label: intl.formatMessage({ id: 'GLOBAL_Error_occurred' }) }));
-                });
-        }
-    }, []);
-    if (appState && appState.error) {
-        return (
-            <Card variant="div" type="error">
-                <FormattedMessage id="GLOBAL_Error_occurred" />
-            </Card>
-        );
-    }
-
-    return <>{appState && appState.isLoading ? <Loader variant="skeleton" /> : <>{props.children}</>}</>;
-};

package/src/components/index.tsx

@@ -1,31 +0,0 @@
-import { Registry } from '../utils/registry';
-
-Registry.registerLib(
-    [
-        {
-            name: 'ExtensionProvider',
-            module: 'ExtensionProvider',
-        },
-    ],
-    import('./ExtensionProvider.component'),
-);
-
-Registry.registerLib(
-    [
-        {
-            name: 'IfAppIsActivated',
-            module: 'IfAppIsActivated',
-        },
-    ],
-    import('./IfAppIsActivated.component'),
-);
-
-Registry.registerLib(
-    [
-        {
-            name: 'AppStateLoader',
-            module: 'AppStateLoader',
-        },
-    ],
-    import('./AppStateLoader.component'),
-);

package/src/displayer/DisplayForm.component.tsx

@@ -1,78 +0,0 @@
-import * as React from 'react';
-import { DisplayFormProps, DisplayFormRef, RenderInputProps } from './types';
-import { useForm } from 'react-hook-form';
-import type { JRCButtonProps } from 'jamespot-react-components';
-import { useIntl } from 'react-intl';
-
-/***
- * Choose the component to render according to the type of the object
- */
-const RenderInput = (props: RenderInputProps) => <props.components.input {...props} />;
-
-/****
- * The jamespot model depend on the platform
- * For example a user can have the size attribute only for a given platform
- * The model specifics of a platform are stored in J.model
- *
- * This component display an array of attributes only if this attribute is activated on the platform
- *
- * @param props.object the object to display (ie the user)
- * @param props.attributesName an array of string : the list of attributes we want to display
- * @param props.componentsOverride we can override the default render of the attribute
- * @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 DisplayForm = React.forwardRef<DisplayFormRef, DisplayFormProps>((props, ref) => {
-    const intl = useIntl();
-
-    const formRef = React.useRef<HTMLFormElement>(null);
-
-    const { attributesName, object, componentsOverride } = props;
-    const formConfig = J.react.useDisplay(attributesName || [], object.type);
-    const ValidationButton = J.react.registry.getLazyComponent<JRCButtonProps>('ValidationButton');
-
-    const { handleSubmit, control, reset } = useForm({
-        defaultValues: {
-            // initialize with empty array of checkbox, empty string otherwise
-            ...(Object as any).fromEntries(
-                formConfig.map((inputConfig) => [
-                    inputConfig.accessor,
-                    inputConfig.widget.type === 'checkbox' ? [] : '',
-                ]),
-            ),
-        },
-        criteriaMode: 'all',
-    });
-
-    React.useImperativeHandle(
-        ref,
-        () => ({
-            reset: () => {
-                // in case the form is scrollable
-                formRef?.current?.scrollTo(0, 0);
-                // reset react-hook-form form
-                reset();
-            },
-        }),
-        [],
-    );
-
-    return (
-        <form onSubmit={handleSubmit(props.onSubmit)} ref={formRef}>
-            {formConfig.map((inputConfig, index) => {
-                inputConfig.components = {
-                    ...inputConfig.components,
-                    ...componentsOverride?.[inputConfig.name],
-                };
-                return <RenderInput key={index} control={control} {...inputConfig} />;
-            })}
-
-            <ValidationButton type="submit">
-                {intl.formatMessage({ id: 'APP_ASEI_Modal_Creation_Title' })}
-            </ValidationButton>
-        </form>
-    );
-});

package/src/displayer/Empty.tsx

@@ -1,4 +0,0 @@
-import * as React from 'react';
-
-// FIXME move to j-react-components + display error if dev mode
-export const Empty = () => <></>;

package/src/redux/slice/AppState.slice.ts

@@ -1,25 +0,0 @@
-import { createSlice, PayloadAction } from '@reduxjs/toolkit';
-import { RootState } from '../store';
-
-type SliceState = { [key: string]: { isLoading: boolean; error?: object } };
-
-const initialState: SliceState = {};
-
-export const appStateSlice = createSlice({
-    name: 'appState',
-    initialState,
-    reducers: {
-        setLoading: (state: SliceState, action: PayloadAction<string>) => {
-            state[action.payload] = { isLoading: true };
-        },
-        setLoaded: (state: SliceState, action: PayloadAction<string>) => {
-            state[action.payload] = { isLoading: false };
-        },
-        setError: (state: SliceState, action: PayloadAction<{ app: string; error: object }>) => {
-            state[action.payload.app].error = action.payload.error;
-        },
-    },
-});
-
-export const appStateSelector = (state: RootState, appName: string) => state.appState[appName];
-export const appStateActions = appStateSlice.actions;