@leav/ui 0.4.0-c0da988 → 0.4.0-c7f42b1

package/dist/hooks/useIFrameMessenger/types.d.ts

@@ -0,0 +1,78 @@
+import { EditRecordPage } from '../../components/RecordEdition/EditRecordPage';
+import { type KitNotification, type KitAlert } from 'aristid-ds';
+import { type IKitConfirmDialog } from 'aristid-ds/dist/Kit/Feedback/Modal/types';
+import { type RefObject, type ComponentProps, type Key, type JSXElementConstructor } from 'react';
+export declare const packetId = "__fromIframeMessenger";
+export interface IEncodedMessage {
+    payload: string;
+    [packetId]: boolean;
+}
+export type ComponentPropsWithKey<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = ComponentProps<T> & {
+    key?: Key;
+};
+export interface IMessageBase {
+    __frameId?: string;
+}
+export type SidePanelFormMessage = IMessageBase & {
+    type: 'sidepanel-form';
+    id: string;
+    data: ComponentPropsWithKey<typeof EditRecordPage>;
+    overrides?: string[];
+};
+export type ModalConfirmMessage = IMessageBase & {
+    type: 'modal-confirm';
+    id: string;
+    data: IKitConfirmDialog;
+    overrides?: string[];
+};
+export type ModalFormMessage = IMessageBase & {
+    type: 'modal-form';
+    id: string;
+    data: ComponentPropsWithKey<typeof EditRecordPage>;
+    overrides?: string[];
+};
+export type AlertMessage = IMessageBase & {
+    type: 'alert';
+    id: string;
+    data: ComponentPropsWithKey<typeof KitAlert>;
+    overrides?: string[];
+};
+export type NotificationMessage = IMessageBase & {
+    type: 'notification';
+    id: string;
+    data: ComponentPropsWithKey<typeof KitNotification>;
+    overrides?: string[];
+};
+export type SimpleMessage = IMessageBase & {
+    type: 'message';
+    id: string;
+    data: unknown;
+};
+export type RegisterMessage = IMessageBase & {
+    type: 'register';
+    id: string;
+};
+export type MessageToParent = SidePanelFormMessage | ModalConfirmMessage | ModalFormMessage | AlertMessage | NotificationMessage | SimpleMessage | RegisterMessage;
+export type MessageFromParent = IMessageBase & {
+    type: 'on-call-callback';
+    path: string;
+    data: unknown;
+};
+export type Message = MessageToParent | MessageFromParent;
+export type MessageHandler<T = Message> = (message: T, dispatch: MessageDispatcher<T>) => void;
+export type MessageDispatcher<T = Message> = (message: T, frameId?: string) => void;
+export type CallCbFunction = (path: string, data: unknown, frameId: string) => void;
+export type CallbackFunction = (...args: never[]) => void;
+export type Callbacks = Record<string, Record<string, CallbackFunction>>;
+export interface IUseIFrameMessengerOptions {
+    ref?: RefObject<HTMLIFrameElement>;
+    id?: string;
+    handlers?: {
+        onSidePanelForm?: (data: SidePanelFormMessage['data'], dispatch: MessageDispatcher, callCb: CallCbFunction) => void;
+        onModalConfirm?: (data: ModalConfirmMessage['data'], id: string, dispatch: MessageDispatcher, callCb: CallCbFunction) => void;
+        onModalForm?: (data: ModalFormMessage['data'], id: string, dispatch: MessageDispatcher, callCb: CallCbFunction) => void;
+        onAlert?: (data: AlertMessage['data'], id: string, dispatch: MessageDispatcher, callCb: CallCbFunction) => void;
+        onNotification?: (data: NotificationMessage['data'], id: string, dispatch: MessageDispatcher, callCb: CallCbFunction) => void;
+        onMessage?: (data: unknown, id: string, dispatch: MessageDispatcher, callCb: CallCbFunction) => void;
+    };
+}

package/dist/hooks/useIFrameMessenger/types.js

@@ -0,0 +1,2 @@
+export const packetId = '__fromIframeMessenger';
+//# sourceMappingURL=types.js.map

package/dist/hooks/useIFrameMessenger/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/hooks/useIFrameMessenger/types.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,QAAQ,GAAG,uBAAuB,CAAC"}

package/dist/hooks/useIFrameMessenger/useIFrameMessenger.d.ts

@@ -0,0 +1,9 @@
+import { type IUseIFrameMessengerOptions } from './types';
+export declare const useIFrameMessenger: (options?: IUseIFrameMessengerOptions) => {
+    showSidePanelForm: (data: import("./types").SidePanelFormMessage["data"]) => void;
+    showModalConfirm: (data: import("./types").ModalConfirmMessage["data"]) => void;
+    showModalForm: (data: import("./types").ModalFormMessage["data"]) => void;
+    showAlert: (data: import("./types").AlertMessage["data"]) => void;
+    showNotification: (data: import("./types").NotificationMessage["data"]) => void;
+    messageToParent: (data: import("./types").SimpleMessage["data"]) => void;
+};

package/dist/hooks/useIFrameMessenger/useIFrameMessenger.js

@@ -0,0 +1,53 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { encodeMessage, decodeMessage, getExposedMethods, initClientHandlers } from './messageHandlers';
+import { v4 as uuid } from 'uuid';
+export const useIFrameMessenger = (options) => {
+    const registry = useRef({});
+    const selfId = useRef(options?.id ?? uuid());
+    const dispatch = useCallback((message, frameId) => {
+        if (window !== window.top) {
+            window.parent.postMessage(encodeMessage({ ...message, __frameId: selfId.current }), '*');
+        }
+        else if (frameId && registry.current[frameId]) {
+            registry.current[frameId].postMessage(encodeMessage({ ...message, __frameId: selfId.current }), '*');
+        }
+    }, [registry.current]);
+    const callCb = useCallback((path, data, frameId) => {
+        dispatch({ type: 'on-call-callback', path, data }, frameId);
+    }, [dispatch]);
+    const callbacksStore = useRef({});
+    const methods = useRef(getExposedMethods(callbacksStore, dispatch));
+    useEffect(() => {
+        const clientHandlers = initClientHandlers(callCb, { ...options, id: selfId.current }, callbacksStore);
+        const onMessage = (event) => {
+            const message = decodeMessage(event.data);
+            if (!message) {
+                return;
+            }
+            if (message && message.type === 'register') {
+                const frames = window.frames;
+                if (window.frames.length) {
+                    // eslint-disable-next-line @typescript-eslint/prefer-for-of
+                    for (let i = 0; i < frames.length; i++) {
+                        if (event.source === frames[i]) {
+                            registry.current[message.id] = frames[i];
+                        }
+                    }
+                }
+            }
+            else {
+                clientHandlers(message, dispatch);
+            }
+        };
+        window.addEventListener('message', onMessage);
+        if (window !== window.top) {
+            // Register the message handler for the parent window
+            dispatch({ type: 'register', id: selfId.current });
+        }
+        return () => {
+            window.removeEventListener('message', onMessage);
+        };
+    }, []);
+    return methods.current;
+};
+//# sourceMappingURL=useIFrameMessenger.js.map

package/dist/hooks/useIFrameMessenger/useIFrameMessenger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIFrameMessenger.js","sourceRoot":"","sources":["../../../src/hooks/useIFrameMessenger/useIFrameMessenger.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAC,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACtG,OAAO,EAAC,EAAE,IAAI,IAAI,EAAC,MAAM,MAAM,CAAC;AAEhC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAoC,EAAE,EAAE;IACvE,MAAM,QAAQ,GAAG,MAAM,CAAyB,EAAE,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,MAAM,CAAS,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;IAErD,MAAM,QAAQ,GAAG,WAAW,CACxB,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE;QACjB,IAAI,MAAM,KAAK,MAAM,CAAC,GAAG,EAAE,CAAC;YACxB,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,EAAC,GAAG,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAC3F,CAAC;aAAM,IAAI,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;YAC7C,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAY,CAAC,WAAW,CAC7C,aAAa,CAAC,EAAC,GAAG,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAC,CAAC,EACtD,GAAG,CACN,CAAC;QACN,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,CAAC,OAAO,CAAC,CACrB,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CACtB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;QACpB,QAAQ,CAAC,EAAC,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,IAAI,EAAC,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,MAAM,cAAc,GAAG,MAAM,CAAY,EAAE,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,MAAM,CAAC,iBAAiB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,cAAc,GAAG,kBAAkB,CAAC,MAAM,EAAE,EAAC,GAAG,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,OAAO,EAAC,EAAE,cAAc,CAAC,CAAC;QACpG,MAAM,SAAS,GAAG,CAAC,KAAmB,EAAE,EAAE;YACtC,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,CAAuB,CAAC;YAEhE,IAAI,CAAC,OAAO,EAAE,CAAC;gBACX,OAAO;YACX,CAAC;YAED,IAAI,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBACzC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;gBAC7B,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;oBACvB,4DAA4D;oBAC5D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;wBACrC,IAAI,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;4BAC7B,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;wBAC7C,CAAC;oBACL,CAAC;gBACL,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACtC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,IAAI,MAAM,KAAK,MAAM,CAAC,GAAG,EAAE,CAAC;YACxB,qDAAqD;YACrD,QAAQ,CAAC,EAAC,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,CAAC,OAAO,EAAC,CAAC,CAAC;QACrD,CAAC;QAED,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC,OAAO,CAAC;AAC3B,CAAC,CAAC"}

package/dist/locales/en/shared.json

@@ -76,6 +76,7 @@
         "behavior_standard": "Standard",
         "behavior_files": "Files",
         "behavior_directories": "Directories",
+        "behavior_join": "Join",
         "record_identity": "ID card of records",
         "preview": "Preview",
         "color": "Color",
@@ -418,6 +419,7 @@
         "by": "by",
         "no_matching_value": "No matching value",
         "copy_value": "Copy",
+        "select": "Select",
         "new_value": "New value",
         "advanced_search": "Advanced search",
         "search_elements": "Search elements",
@@ -485,7 +487,9 @@
             "end_date": "End date",
             "select_an_option": "Select an option"
         },
-        "replace-by-existing-item": "Replace by an existing item"
+        "replace-by-existing-item": "Replace by an existing item",
+        "open_sidebar": "Open sidebar",
+        "close_sidebar": "Close sidebar"
     },
     "record_summary": {
         "preview_title": "Click here to visualize preview.",

package/dist/locales/fr/shared.json

@@ -76,6 +76,7 @@
         "behavior_standard": "Standard",
         "behavior_files": "Fichiers",
         "behavior_directories": "Dossiers",
+        "behavior_join": "Jointure",
         "record_identity": "Carte d'identité des éléments",
         "preview": "Aperçu",
         "color": "Couleur",
@@ -418,6 +419,7 @@
         "by": "par",
         "no_matching_value": "Aucune valeur correspondante",
         "copy_value": "Copier",
+        "select": "Sélectionner",
         "new_value": "Nouvelle valeur",
         "advanced_search": "Recherche avancée",
         "search_elements": "Rechercher des éléments",
@@ -485,7 +487,9 @@
             "end_date": "Date de fin",
             "select_an_option": "Sélectionner une option"
         },
-        "replace-by-existing-item": "Remplacer par un élément existant"
+        "replace-by-existing-item": "Remplacer par un élément existant",
+        "open_sidebar": "Ouvrir le panneau latéral",
+        "close_sidebar": "Fermer le panneau latéral"
     },
     "record_summary": {
         "preview_title": "Cliquez ici pour voir l’aperçu.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leav/ui",
-  "version": "0.4.0-c0da988",
+  "version": "0.4.0-c7f42b1",
   "description": "Shared React components and hooks",
   "scripts": {
     "prepublishOnly": "yarn build",
@@ -52,13 +52,14 @@
     "@ant-design/icons": ">=5.2",
     "@apollo/client": ">=3.8.1",
     "antd": "5.22.2",
-    "aristid-ds": "13.0.0-a482bfb",
+    "aristid-ds": "13.0.0-d4d9bc3",
     "dayjs": "^1.11.13",
     "i18next": "22.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-i18next": "12",
     "react-icons": ">=4",
+    "react-router-dom": "6.22.0",
     "styled-components": ">=5.3"
   },
   "dependencies": {
@@ -72,12 +73,10 @@
     "html-react-parser": "4.2.2",
     "i18next-resources-to-backend": "1.1.4",
     "lodash.isequal": "4.5.0",
-    "moment": "2.30.1",
     "object-path": "0.11.8",
     "react-beautiful-dnd": "13.1.1",
     "react-icons": "4.7.1",
     "react-markdown": "5.0.3",
-    "react-router-dom": "6.22.0",
     "react-table": "7.8.0",
     "react-table-sticky": "1.1.3",
     "uuid": "9.0.1",