@leav/ui 0.4.0-2a1719c → 0.4.0-2c820e6

package/dist/hooks/useIFrameMessenger/messageHandlers.js

@@ -0,0 +1,111 @@
+import { packetId } from './types';
+export const encodeMessage = (message) => JSON.stringify({
+    payload: JSON.stringify(message),
+    [packetId]: true
+});
+export const decodeMessage = (raw) => {
+    try {
+        const decoded = JSON.parse(raw);
+        if (packetId in decoded && decoded[packetId] === true) {
+            const message = JSON.parse(decoded.payload);
+            return message;
+        }
+    }
+    catch (e) {
+        return undefined;
+    }
+    return undefined;
+};
+const getCallback = (path, callbacksList) => {
+    if (!callbacksList?.current) {
+        return null;
+    }
+    const pathArray = path.split('.');
+    let callback = callbacksList.current;
+    pathArray.forEach(part => (callback = callback?.[part]));
+    return typeof callback === 'function' ? callback : null;
+};
+const setCallbacks = (id, frameId, data, callCb, overrides) => {
+    if (!overrides) {
+        return data;
+    }
+    const nextData = { ...data };
+    overrides.forEach((key) => {
+        nextData[key] = (...args) => {
+            callCb(`${id}.${key}`, args, frameId);
+        };
+    });
+    return nextData;
+};
+export const initClientHandlers = (callCb, options, callbacksList) => (message, dispatch) => {
+    switch (message.type) {
+        case 'sidepanel-form':
+            options?.handlers?.onSidePanelForm?.(setCallbacks(message.id, message.__frameId, message.data, callCb, message.overrides), dispatch, callCb);
+            break;
+        case 'modal-confirm':
+            options?.handlers?.onModalConfirm?.(setCallbacks(message.id, message.__frameId, message.data, callCb, message.overrides), message.id, dispatch, callCb);
+            break;
+        case 'modal-form':
+            options?.handlers?.onModalForm?.(setCallbacks(message.id, message.__frameId, message.data, callCb, message.overrides), message.id, dispatch, callCb);
+            break;
+        case 'alert':
+            options?.handlers?.onAlert?.(setCallbacks(message.id, message.__frameId, message.data, callCb, message.overrides), message.id, dispatch, callCb);
+            break;
+        case 'notification':
+            options?.handlers?.onNotification?.(setCallbacks(message.id, message.__frameId, message.data, callCb, message.overrides), message.id, dispatch, callCb);
+            break;
+        case 'message':
+            options?.handlers?.onMessage?.(message.data, message.id, dispatch, callCb);
+            break;
+        case 'on-call-callback':
+            // TODO How to know if handler can be removed from callbacksList ?
+            getCallback(message.path, callbacksList)?.(message.data);
+            break;
+        default:
+            break;
+    }
+};
+const storeCallbacks = (data, id, callbacksStore) => {
+    const nextData = { ...data };
+    const overrides = [];
+    Object.entries(nextData).forEach(([key, value]) => {
+        if (typeof value === 'function') {
+            callbacksStore.current[id] = {
+                ...callbacksStore.current[id],
+                [key]: value
+            };
+            overrides.push(key);
+        }
+    });
+    return { data: nextData, overrides };
+};
+export const getExposedMethods = (callbacksStore, dispatch) => ({
+    showSidePanelForm: (data) => {
+        dispatch?.({ type: 'sidepanel-form', data, id: Date.now().toString() });
+    },
+    showModalConfirm: (data) => {
+        const id = Date.now().toString();
+        const { data: nextData, overrides } = storeCallbacks(data, id, callbacksStore);
+        dispatch?.({ type: 'modal-confirm', data: nextData, id, overrides });
+    },
+    showModalForm: (data) => {
+        const id = Date.now().toString();
+        const { data: nextData, overrides } = storeCallbacks(data, id, callbacksStore);
+        dispatch?.({ type: 'modal-form', data: nextData, id, overrides });
+    },
+    showAlert: (data) => {
+        const id = Date.now().toString();
+        const { data: nextData, overrides } = storeCallbacks(data, id, callbacksStore);
+        dispatch?.({ type: 'alert', data: nextData, id, overrides });
+    },
+    showNotification: (data) => {
+        const id = Date.now().toString();
+        const { data: nextData, overrides } = storeCallbacks(data, id, callbacksStore);
+        dispatch?.({ type: 'notification', data: nextData, id, overrides });
+    },
+    messageToParent: (data) => {
+        const id = Date.now().toString();
+        dispatch?.({ type: 'message', data, id });
+    }
+});
+//# sourceMappingURL=messageHandlers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messageHandlers.js","sourceRoot":"","sources":["../../../src/hooks/useIFrameMessenger/messageHandlers.tsx"],"names":[],"mappings":"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"}

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":"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"}

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",
@@ -485,7 +486,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",
@@ -485,7 +486,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-2a1719c",
+  "version": "0.4.0-2c820e6",
   "description": "Shared React components and hooks",
   "scripts": {
     "prepublishOnly": "yarn build",
@@ -52,15 +52,15 @@
     "@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",
-    "styled-components": ">=5.3",
-    "react-router-dom": "^6.22.0"
+    "react-router-dom": "6.22.0",
+    "styled-components": ">=5.3"
   },
   "dependencies": {
     "@ckeditor/ckeditor5-build-inline": "39.0.1",