@leav/ui 1.6.0-4c30ab85 → 1.6.0-4feacea4

package/dist/hooks/useIFrameMessenger/useIFrameMessenger.js

@@ -53,6 +53,16 @@ export const useIFrameMessenger = (options) => {
         changeLangInAllFrames,
         addPanelMessageHandler,
     });
+    const getPanelIdFromEvent = (event) => {
+        const iFrames = window.document.getElementsByTagName('iframe');
+        // eslint-disable-next-line @typescript-eslint/prefer-for-of
+        for (let i = 0; i < iFrames.length; i++) {
+            if (event.source === iFrames[i].contentWindow) {
+                return iFrames[i].name;
+            }
+        }
+        return null;
+    };
     useEffect(() => {
         const clientHandlers = initClientHandlers(callCb, { ...options, id: selfId.current }, callbacksStore);
         const onMessage = (event) => {
@@ -83,6 +93,11 @@ export const useIFrameMessenger = (options) => {
                         dispatch(message, target);
                     }
                     break;
+                case 'get-panel-config':
+                    clientHandlers({
+                        ...message,
+                        data: { ...message.data, panelId: getPanelIdFromEvent(event) },
+                    }, dispatch);
                 default:
                     if (message.type === 'change-language') {
                         setLang(message.language);

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

@@ -1 +1 @@
-{"version":3,"file":"useIFrameMessenger.js","sourceRoot":"","sources":["../../../src/hooks/useIFrameMessenger/useIFrameMessenger.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useCallback, useContext, useEffect, useRef} from 'react';\nimport {LangContext} from '_ui/contexts';\nimport {\n    type AddMessageToPanelMessageHandler,\n    type MessageToPanelMessageHandler,\n    type Callbacks,\n    type CallCbFunction,\n    type IUseIFrameMessengerOptions,\n    type MessageDispatcher,\n} from './types';\nimport {encodeMessage, decodeMessage, getExposedMethods, initClientHandlers} from './messageHandlers';\n\nexport {IUseIFrameMessengerOptions};\n\n/**\n * This is the core of `useIFrameMessenger`. Should be used for top-level apps, such as **app-studio**.\n * For client apps (apps that need to consume the messenger), please use the `useIFrameMessengerClient`\n */\nexport const useIFrameMessenger = (options?: IUseIFrameMessengerOptions) => {\n    const registry = useRef<Record<string, Window>>({});\n    const selfId = useRef(options?.id ?? window.crypto.randomUUID());\n\n    const {setLang} = useContext(LangContext);\n\n    const changeLangInAllFrames = (newLanguage: string) => {\n        dispatch(\n            {\n                type: 'change-language',\n                language: newLanguage,\n            },\n            'all',\n        );\n    };\n\n    const panelMessageHandlerRegistry = useRef<Record<string, MessageToPanelMessageHandler>>({});\n    const addPanelMessageHandler: AddMessageToPanelMessageHandler = (\n        type: string,\n        handler: MessageToPanelMessageHandler,\n    ) => {\n        panelMessageHandlerRegistry.current[type] = handler;\n    };\n\n    const dispatch = useCallback<MessageDispatcher>(\n        (message, frameId) => {\n            if (window !== window.top) {\n                window.parent.postMessage(encodeMessage({...message, __frameId: selfId.current}), '*');\n            } else if (frameId && registry.current[frameId]) {\n                (registry.current[frameId] as Window).postMessage(\n                    encodeMessage({...message, __frameId: selfId.current}),\n                    '*',\n                );\n            } else if (frameId === 'all') {\n                Object.entries(registry.current).forEach(([id, frame]) => {\n                    if (id !== message.__frameId) {\n                        // DO not send the message to the sender\n                        frame.postMessage(encodeMessage({...message, __frameId: selfId.current}), '*');\n                    }\n                });\n            }\n        },\n        [registry.current],\n    );\n\n    const callCb = useCallback<CallCbFunction>(\n        (path, data, frameId) => {\n            dispatch({type: 'on-call-callback', path, data}, frameId);\n        },\n        [dispatch],\n    );\n\n    const unregister = () => {\n        if (window !== window.top) {\n            dispatch({type: 'unregister', id: selfId.current});\n        }\n    };\n\n    const callbacksStore = useRef<Callbacks>({});\n    const methods = useRef({\n        ...getExposedMethods(callbacksStore, dispatch),\n        unregister,\n        changeLangInAllFrames,\n        addPanelMessageHandler,\n    });\n\n    useEffect(() => {\n        const clientHandlers = initClientHandlers(callCb, {...options, id: selfId.current}, callbacksStore);\n        const onMessage = (event: MessageEvent) => {\n            const message = decodeMessage(event.data);\n            if (message === undefined) {\n                return;\n            }\n            switch (message.type) {\n                case 'register':\n                    const frames = window.frames;\n                    // Due to weak typing on Window, we cannot iterate directly on window.frames\n                    // eslint-disable-next-line @typescript-eslint/prefer-for-of\n                    for (let i = 0; i < frames.length; i++) {\n                        if (event.source === frames[i]) {\n                            registry.current[message.id] = frames[i];\n                        }\n                    }\n                    break;\n                case 'unregister':\n                    if (registry.current[message.id]) {\n                        delete registry.current[message.id];\n                    }\n                    break;\n                case 'message-to-panel':\n                    panelMessageHandlerRegistry.current[message.data.type]?.(message.data.payload);\n                    if (window === window.top) {\n                        const target = message.data.target ?? 'all';\n                        dispatch(message, target);\n                    }\n                    break;\n                default:\n                    if (message.type === 'change-language') {\n                        setLang(message.language);\n                    } else {\n                        clientHandlers(message, dispatch);\n                    }\n                    break;\n            }\n        };\n\n        window.addEventListener('message', onMessage);\n\n        if (window !== window.top) {\n            // Register the message handler for the parent window\n            dispatch({type: 'register', id: selfId.current});\n        }\n\n        return () => {\n            window.removeEventListener('message', onMessage);\n        };\n    }, []);\n\n    return methods.current;\n};\n"]}
+{"version":3,"file":"useIFrameMessenger.js","sourceRoot":"","sources":["../../../src/hooks/useIFrameMessenger/useIFrameMessenger.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useCallback, useContext, useEffect, useRef} from 'react';\nimport {LangContext} from '_ui/contexts';\nimport {\n    type AddMessageToPanelMessageHandler,\n    type MessageToPanelMessageHandler,\n    type Callbacks,\n    type CallCbFunction,\n    type IUseIFrameMessengerOptions,\n    type MessageDispatcher,\n} from './types';\nimport {encodeMessage, decodeMessage, getExposedMethods, initClientHandlers} from './messageHandlers';\n\nexport {IUseIFrameMessengerOptions};\n\n/**\n * This is the core of `useIFrameMessenger`. Should be used for top-level apps, such as **app-studio**.\n * For client apps (apps that need to consume the messenger), please use the `useIFrameMessengerClient`\n */\nexport const useIFrameMessenger = (options?: IUseIFrameMessengerOptions) => {\n    const registry = useRef<Record<string, Window>>({});\n    const selfId = useRef(options?.id ?? window.crypto.randomUUID());\n\n    const {setLang} = useContext(LangContext);\n\n    const changeLangInAllFrames = (newLanguage: string) => {\n        dispatch(\n            {\n                type: 'change-language',\n                language: newLanguage,\n            },\n            'all',\n        );\n    };\n\n    const panelMessageHandlerRegistry = useRef<Record<string, MessageToPanelMessageHandler>>({});\n    const addPanelMessageHandler: AddMessageToPanelMessageHandler = (\n        type: string,\n        handler: MessageToPanelMessageHandler,\n    ) => {\n        panelMessageHandlerRegistry.current[type] = handler;\n    };\n\n    const dispatch = useCallback<MessageDispatcher>(\n        (message, frameId) => {\n            if (window !== window.top) {\n                window.parent.postMessage(encodeMessage({...message, __frameId: selfId.current}), '*');\n            } else if (frameId && registry.current[frameId]) {\n                (registry.current[frameId] as Window).postMessage(\n                    encodeMessage({...message, __frameId: selfId.current}),\n                    '*',\n                );\n            } else if (frameId === 'all') {\n                Object.entries(registry.current).forEach(([id, frame]) => {\n                    if (id !== message.__frameId) {\n                        // DO not send the message to the sender\n                        frame.postMessage(encodeMessage({...message, __frameId: selfId.current}), '*');\n                    }\n                });\n            }\n        },\n        [registry.current],\n    );\n\n    const callCb = useCallback<CallCbFunction>(\n        (path, data, frameId) => {\n            dispatch({type: 'on-call-callback', path, data}, frameId);\n        },\n        [dispatch],\n    );\n\n    const unregister = () => {\n        if (window !== window.top) {\n            dispatch({type: 'unregister', id: selfId.current});\n        }\n    };\n\n    const callbacksStore = useRef<Callbacks>({});\n    const methods = useRef({\n        ...getExposedMethods(callbacksStore, dispatch),\n        unregister,\n        changeLangInAllFrames,\n        addPanelMessageHandler,\n    });\n\n    const getPanelIdFromEvent = (event: MessageEvent) => {\n        const iFrames = window.document.getElementsByTagName('iframe');\n        // eslint-disable-next-line @typescript-eslint/prefer-for-of\n        for (let i = 0; i < iFrames.length; i++) {\n            if (event.source === iFrames[i].contentWindow) {\n                return iFrames[i].name;\n            }\n        }\n        return null;\n    };\n\n    useEffect(() => {\n        const clientHandlers = initClientHandlers(callCb, {...options, id: selfId.current}, callbacksStore);\n        const onMessage = (event: MessageEvent) => {\n            const message = decodeMessage(event.data);\n            if (message === undefined) {\n                return;\n            }\n            switch (message.type) {\n                case 'register':\n                    const frames = window.frames;\n                    // Due to weak typing on Window, we cannot iterate directly on window.frames\n                    // eslint-disable-next-line @typescript-eslint/prefer-for-of\n                    for (let i = 0; i < frames.length; i++) {\n                        if (event.source === frames[i]) {\n                            registry.current[message.id] = frames[i];\n                        }\n                    }\n                    break;\n                case 'unregister':\n                    if (registry.current[message.id]) {\n                        delete registry.current[message.id];\n                    }\n                    break;\n                case 'message-to-panel':\n                    panelMessageHandlerRegistry.current[message.data.type]?.(message.data.payload);\n                    if (window === window.top) {\n                        const target = message.data.target ?? 'all';\n                        dispatch(message, target);\n                    }\n                    break;\n                case 'get-panel-config':\n                    clientHandlers(\n                        {\n                            ...message,\n                            data: {...message.data, panelId: getPanelIdFromEvent(event)},\n                        },\n                        dispatch,\n                    );\n                default:\n                    if (message.type === 'change-language') {\n                        setLang(message.language);\n                    } else {\n                        clientHandlers(message, dispatch);\n                    }\n                    break;\n            }\n        };\n\n        window.addEventListener('message', onMessage);\n\n        if (window !== window.top) {\n            // Register the message handler for the parent window\n            dispatch({type: 'register', id: selfId.current});\n        }\n\n        return () => {\n            window.removeEventListener('message', onMessage);\n        };\n    }, []);\n\n    return methods.current;\n};\n"]}

package/dist/hooks/useIFrameMessengerClient/iFrameMessengerClientContext.d.ts

@@ -12,4 +12,5 @@ export declare const IframeMessengerClientContext: import("react").Context<{
     messageToPanel: (data: import("../useIFrameMessenger/types").MessageToPanelMessage["data"]) => void;
     openFlapPanel: (data: import("../useIFrameMessenger/types").OpenFlapPanelMessage["data"]) => void;
     closeFlapPanel: () => void;
+    getPanelConfig: (data: import("../useIFrameMessenger/types").GetPanelConfigMessage["data"]) => void;
 }>;

package/dist/hooks/useIFrameMessengerClient/useIFrameMessengerClient.d.ts

@@ -12,4 +12,5 @@ export declare const useIFrameMessengerClient: () => {
     messageToPanel: (data: import("../useIFrameMessenger/types").MessageToPanelMessage["data"]) => void;
     openFlapPanel: (data: import("../useIFrameMessenger/types").OpenFlapPanelMessage["data"]) => void;
     closeFlapPanel: () => void;
+    getPanelConfig: (data: import("../useIFrameMessenger/types").GetPanelConfigMessage["data"]) => void;
 };

package/dist/locales/en/shared.json

@@ -37,7 +37,8 @@
         "max_length": "Max length",
         "confirm": "Confirm",
         "loading": "Loading",
-        "are_you_sure": "Are you sure?"
+        "are_you_sure": "Are you sure?",
+        "reset": "Reset"
     },
     "errors": {
         "default_language_required": "The default language is required",
@@ -308,7 +309,8 @@
         "deactivate": "Deactivate",
         "activate": "Activate",
         "add": "Add",
-        "add-condition": "Add condition"
+        "add-condition": "Add condition",
+        "empty-value": "Undefined"
     },
     "filter-item": {
         "no-operator": "If"
@@ -699,7 +701,6 @@
             "inactive": "Inactive sorts"
         },
         "toolbar": "Toolbar",
-        "reset-filter": "Reset filter",
         "reset-view": "Reset view",
         "empty-data": "No items found.",
         "available-attributes": "Other available attributes",
@@ -776,6 +777,17 @@
                 "deselect_all": "Deselect all items"
             }
         },
+        "export_profile_modal": {
+            "title": "Export",
+            "profile_label": "Choose an export profile",
+            "preview_label": "Preview of exported attributes",
+            "search_placeholder": "Search...",
+            "no_profiles": "No export profiles configured for this library",
+            "contact_admin": "Please contact an administrator to configure export profiles.",
+            "empty_columns": "(empty column)",
+            "export_button": "Export",
+            "error_title": "Export profile error"
+        },
         "add-existing-item": "Add existing item",
         "activate_item_one": "Activate this item?",
         "activate_item_other": "Activate these items?",

package/dist/locales/fr/shared.json

@@ -37,7 +37,8 @@
         "max_length": "Longueur maximale",
         "confirm": "Confirmer",
         "loading": "Chargement",
-        "are_you_sure": "Êtes-vous sûr ?"
+        "are_you_sure": "Êtes-vous sûr ?",
+        "reset": "Réinitialiser"
     },
     "errors": {
         "default_language_required": "La langue par défaut est requise",
@@ -308,7 +309,8 @@
         "deactivate": "Désactiver",
         "activate": "Activer",
         "add": "Ajouter",
-        "add-condition": "Ajouter une condition"
+        "add-condition": "Ajouter une condition",
+        "empty-value": "Non défini"
     },
     "filter-item": {
         "no-operator": "Si"
@@ -697,7 +699,6 @@
             "inactive": "Tris inactifs"
         },
         "toolbar": "Barre d’outils",
-        "reset-filter": "Réinitialiser le filtre",
         "reset-view": "Réinitialiser la vue",
         "empty-data": "Aucun élément trouvé.",
         "sort-ascending": "Ascendant",
@@ -776,6 +777,17 @@
                 "deselect_all": "Tout désélectionner"
             }
         },
+        "export_profile_modal": {
+            "title": "Export",
+            "profile_label": "Choisir un profil d'export",
+            "preview_label": "Aperçu des attributs exportés",
+            "search_placeholder": "Rechercher...",
+            "no_profiles": "Aucun profil d'export configuré pour cette librairie",
+            "contact_admin": "Veuillez contacter un administrateur pour configurer les profils d'export.",
+            "empty_columns": "(colonne vide)",
+            "export_button": "Exporter",
+            "error_title": "Erreur de profil d'export"
+        },
         "add-existing-item": "Ajouter un élément existant",
         "activate_item_one": "Activer cet élément ?",
         "activate_item_other": "Activer ces éléments ?",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leav/ui",
-  "version": "1.6.0-4c30ab85",
+  "version": "1.6.0-4feacea4",
   "description": "Shared React components and hooks",
   "scripts": {
     "prepublishOnly": "yarn build",
@@ -28,7 +28,10 @@
     "@babel/preset-env": "7.28.5",
     "@babel/preset-react": "7.28.5",
     "@graphql-codegen/add": "5.0.3",
-    "@graphql-codegen/cli": "5.0.7",
+    "@graphql-codegen/cli": "6.1.0",
+    "@graphql-codegen/typescript": "5.0.7",
+    "@graphql-codegen/typescript-operations": "5.0.7",
+    "@graphql-codegen/typescript-react-apollo": "4.4.0",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "14.0.0",
     "@testing-library/react-hooks": "8.0.1",
@@ -39,17 +42,15 @@
     "@types/lodash.isequal": "^4",
     "@types/object-path": "0.11.4",
     "@types/react": "18.2.14",
-    "@types/react-beautiful-dnd": "13.1.8",
     "@types/react-dom": "18.2.6",
     "@types/react-table": "7.7.20",
-    "antd": "5.22.2",
-    "aristid-ds": "14.0.0-c13d6a5",
+    "aristid-ds": "14.0.0-1689e29",
     "babel-jest": "29.3.1",
     "graphql": "16.12.0",
     "i18next": "22.5.1",
     "jest": "29.0.3",
     "jest-environment-jsdom": "29.3.1",
-    "jest-styled-components": "7.1.1",
+    "jest-styled-components": "7.2.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-i18next": "12",
@@ -63,14 +64,12 @@
   "peerDependencies": {
     "@ant-design/icons": ">=5.2",
     "@apollo/client": ">=3.8.1",
-    "antd": "5.22.2",
-    "aristid-ds": "14.0.0-c13d6a5",
+    "aristid-ds": "14.0.0-1689e29",
     "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"
   },
@@ -79,6 +78,11 @@
     "@ckeditor/ckeditor5-react": "6.1.0",
     "@dnd-kit/core": "6.1.0",
     "@dnd-kit/sortable": "8.0.0",
+    "@dnd-kit/utilities": "3.2.2",
+    "@fortawesome/fontawesome-svg-core": "7.0.1",
+    "@fortawesome/free-regular-svg-icons": "7.0.1",
+    "@fortawesome/free-solid-svg-icons": "7.0.1",
+    "@fortawesome/react-fontawesome": "3.0.2",
     "@leav/utils": "1.6.0",
     "@uidotdev/usehooks": "2.4.1",
     "dompurify": "3.2.4",
@@ -86,8 +90,6 @@
     "i18next-resources-to-backend": "1.1.4",
     "lodash.isequal": "4.5.0",
     "object-path": "0.11.8",
-    "react-beautiful-dnd": "13.1.1",
-    "react-icons": "4.7.1",
     "react-markdown": "5.0.3",
     "react-table": "7.8.0",
     "react-table-sticky": "1.1.3",