@leav/ui 1.12.0-a0a98764 → 1.12.0-a3cb7513

package/dist/hooks/useIFrameMessenger/useIFrameMessenger.js

@@ -5,8 +5,16 @@ import { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { LangContext } from '../../contexts';
 import { encodeMessage, decodeMessage, getExposedMethods, initClientHandlers } from './messageHandlers';
 /**
- * This is the core of `useIFrameMessenger`. Should be used for top-level apps, such as **app-studio**.
- * For client apps (apps that need to consume the messenger), please use the `useIFrameMessengerClient`
+ * Core hook of the IFrameMessenger system. Registers a single `window.addEventListener('message')`
+ * and manages a registry of connected child frames.
+ *
+ * **Usage:**
+ * - Top-level apps (e.g. app-studio): use via `IFrameMessengerProvider` which calls this hook once as a singleton.
+ * - Client apps (child iframes): use `useIFrameMessengerClient` instead.
+ *
+ * **`onMessageReceived` option:** when provided, all non-system messages are delegated to this callback
+ * instead of being handled locally. Used by `IFrameMessengerProvider` to route messages to the correct
+ * per-iframe handlers without registering multiple listeners.
  */
 export const useIFrameMessenger = (options) => {
     const registry = useRef({});
@@ -98,18 +106,22 @@ export const useIFrameMessenger = (options) => {
                         dispatch(message, target);
                     }
                     break;
-                case 'get-panel-config':
-                    clientHandlers({
-                        ...message,
-                        data: { ...message.data, panelId: getPanelIdFromEvent(event) },
-                    }, dispatch);
-                    break;
                 default:
                     if (message.type === 'change-language') {
                         setLang(message.language);
                     }
+                    else if (options?.onMessageReceived) {
+                        // Singleton mode: delegate routing to the Provider (IFrameMessengerProvider).
+                        // The Provider resolves which iframe sent the message and calls the matching handlers.
+                        options.onMessageReceived(event.source, message, getPanelIdFromEvent(event), dispatch, callCb, callbacksStore);
+                    }
                     else {
-                        clientHandlers(message, dispatch);
+                        // Legacy / client mode: handle messages directly with local clientHandlers.
+                        // get-panel-config needs panelId enriched before dispatch.
+                        const enrichedMessage = message.type === 'get-panel-config'
+                            ? { ...message, data: { ...message.data, panelId: getPanelIdFromEvent(event) } }
+                            : message;
+                        clientHandlers(enrichedMessage, dispatch);
                     }
                     break;
             }

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, useState} 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    const [isRegistered, setIsRegistered] = useState(window === window.top);\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\n                    dispatch({type: 'is-registered', id: message.id}, message.id);\n                    break;\n                case 'unregister':\n                    if (registry.current[message.id]) {\n                        delete registry.current[message.id];\n                    }\n                    break;\n                case 'is-registered':\n                    setIsRegistered(true);\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                    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 {\n        ...methods.current,\n        isRegistered,\n    };\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, useState} 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 * Core hook of the IFrameMessenger system. Registers a single `window.addEventListener('message')`\n * and manages a registry of connected child frames.\n *\n * **Usage:**\n * - Top-level apps (e.g. app-studio): use via `IFrameMessengerProvider` which calls this hook once as a singleton.\n * - Client apps (child iframes): use `useIFrameMessengerClient` instead.\n *\n * **`onMessageReceived` option:** when provided, all non-system messages are delegated to this callback\n * instead of being handled locally. Used by `IFrameMessengerProvider` to route messages to the correct\n * per-iframe handlers without registering multiple listeners.\n */\nexport const useIFrameMessenger = (options?: IUseIFrameMessengerOptions) => {\n    const registry = useRef<Record<string, Window>>({});\n    const selfId = useRef(options?.id ?? window.crypto.randomUUID());\n    const [isRegistered, setIsRegistered] = useState(window === window.top);\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\n                    dispatch({type: 'is-registered', id: message.id}, message.id);\n                    break;\n                case 'unregister':\n                    if (registry.current[message.id]) {\n                        delete registry.current[message.id];\n                    }\n                    break;\n                case 'is-registered':\n                    setIsRegistered(true);\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 if (options?.onMessageReceived) {\n                        // Singleton mode: delegate routing to the Provider (IFrameMessengerProvider).\n                        // The Provider resolves which iframe sent the message and calls the matching handlers.\n                        options.onMessageReceived(\n                            event.source as Window,\n                            message,\n                            getPanelIdFromEvent(event),\n                            dispatch,\n                            callCb,\n                            callbacksStore,\n                        );\n                    } else {\n                        // Legacy / client mode: handle messages directly with local clientHandlers.\n                        // get-panel-config needs panelId enriched before dispatch.\n                        const enrichedMessage =\n                            message.type === 'get-panel-config'\n                                ? {...message, data: {...message.data, panelId: getPanelIdFromEvent(event)}}\n                                : message;\n                        clientHandlers(enrichedMessage, 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 {\n        ...methods.current,\n        isRegistered,\n    };\n};\n"]}

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

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+/**
+ * Singleton Provider for the IFrameMessenger system.
+ * Must be mounted once above all `PanelCustom` instances.
+ *
+ * Owns a single `window.addEventListener('message')` (via `useIFrameMessenger`)
+ * and routes incoming messages to the correct iframe's handlers using `handlersMap`.
+ *
+ * Each `PanelCustom` registers/deregisters its handlers via `useIFrameMessengerHandlers`.
+ */
+export declare const IFrameMessengerProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;

package/dist/hooks/useIFrameMessenger/useIFrameMessengerContext.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useCallback, useMemo, useRef } from 'react';
+import { useIFrameMessenger } from './useIFrameMessenger';
+import { initClientHandlers } from './messageHandlers';
+import { IFrameMessengerContext } from './iFrameMessengerContext';
+/**
+ * Singleton Provider for the IFrameMessenger system.
+ * Must be mounted once above all `PanelCustom` instances.
+ *
+ * Owns a single `window.addEventListener('message')` (via `useIFrameMessenger`)
+ * and routes incoming messages to the correct iframe's handlers using `handlersMap`.
+ *
+ * Each `PanelCustom` registers/deregisters its handlers via `useIFrameMessengerHandlers`.
+ */
+export const IFrameMessengerProvider = ({ children }) => {
+    // Maps each iframe's RefObject to its set of handlers.
+    // Using RefObject as key (instead of Window) avoids timing issues: contentWindow
+    // may not be available yet when the iframe mounts and registers its handlers.
+    const handlersMap = useRef(new Map());
+    // Called by useIFrameMessenger for every non-system message.
+    // Finds the handlers registered for the sender iframe and dispatches the message to them.
+    const onMessageReceived = useCallback((senderWindow, message, panelId, dispatch, callCb, callbacksStore) => {
+        // event.source is null when the sender iframe was unmounted before the message
+        // was processed — the browser clears the reference on iframe removal.
+        if (!senderWindow) {
+            return;
+        }
+        let matchedHandlers;
+        for (const [ref, handlers] of handlersMap.current) {
+            if (ref.current?.contentWindow === senderWindow) {
+                matchedHandlers = handlers;
+                break;
+            }
+        }
+        // No registered handlers for this sender: either the iframe called unregisterHandlers
+        // before its last message was processed (race condition on unmount), or the message
+        // originates from an unrelated frame that passed decodeMessage validation.
+        if (!matchedHandlers) {
+            return;
+        }
+        const enrichedMessage = message.type === 'get-panel-config' ? { ...message, data: { ...message.data, panelId } } : message;
+        const clientHandlers = initClientHandlers(callCb, { handlers: matchedHandlers }, callbacksStore);
+        clientHandlers(enrichedMessage, dispatch);
+    }, []);
+    const { changeLangInAllFrames } = useIFrameMessenger({ onMessageReceived });
+    const registerHandlers = useCallback((iframeRef, handlers) => {
+        handlersMap.current.set(iframeRef, handlers);
+        const cleanup = () => {
+            handlersMap.current.delete(iframeRef);
+        };
+        return cleanup;
+    }, []);
+    const contextValue = useMemo(() => ({ registerHandlers, changeLangInAllFrames }), []);
+    return _jsx(IFrameMessengerContext.Provider, { value: contextValue, children: children });
+};
+//# sourceMappingURL=useIFrameMessengerContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIFrameMessengerContext.js","sourceRoot":"","sources":["../../../src/hooks/useIFrameMessenger/useIFrameMessengerContext.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAwD,WAAW,EAAE,OAAO,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAC1G,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAUrD,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAEhE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAC,QAAQ,EAAwB,EAAE,EAAE;IACzE,uDAAuD;IACvD,iFAAiF;IACjF,8EAA8E;IAC9E,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,GAAG,EAAwE,CAAC,CAAC;IAE5G,6DAA6D;IAC7D,0FAA0F;IAC1F,MAAM,iBAAiB,GAAG,WAAW,CACjC,CACI,YAA2B,EAC3B,OAAgB,EAChB,OAAsB,EACtB,QAA2B,EAC3B,MAAsB,EACtB,cAA2C,EAC7C,EAAE;QACA,+EAA+E;QAC/E,sEAAsE;QACtE,IAAI,CAAC,YAAY,EAAE,CAAC;YAChB,OAAO;QACX,CAAC;QAED,IAAI,eAAmE,CAAC;QACxE,KAAK,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YAChD,IAAI,GAAG,CAAC,OAAO,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;gBAC9C,eAAe,GAAG,QAAQ,CAAC;gBAC3B,MAAM;YACV,CAAC;QACL,CAAC;QAED,sFAAsF;QACtF,oFAAoF;QACpF,2EAA2E;QAC3E,IAAI,CAAC,eAAe,EAAE,CAAC;YACnB,OAAO;QACX,CAAC;QAED,MAAM,eAAe,GACjB,OAAO,CAAC,IAAI,KAAK,kBAAkB,CAAC,CAAC,CAAC,EAAC,GAAG,OAAO,EAAE,IAAI,EAAE,EAAC,GAAG,OAAO,CAAC,IAAI,EAAE,OAAO,EAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QAEnG,MAAM,cAAc,GAAG,kBAAkB,CAAC,MAAM,EAAE,EAAC,QAAQ,EAAE,eAAe,EAAC,EAAE,cAAc,CAAC,CAAC;QAC/F,cAAc,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC9C,CAAC,EACD,EAAE,CACL,CAAC;IAEF,MAAM,EAAC,qBAAqB,EAAC,GAAG,kBAAkB,CAAC,EAAC,iBAAiB,EAAC,CAAC,CAAC;IAExE,MAAM,gBAAgB,GAAqB,WAAW,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE;QAC3E,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAE7C,MAAM,OAAO,GAAG,GAAG,EAAE;YACjB,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAC1C,CAAC,CAAC;QAEF,OAAO,OAAO,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,gBAAgB,EAAE,qBAAqB,EAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpF,OAAO,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAmC,CAAC;AAC9G,CAAC,CAAC","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 {type MutableRefObject, type ReactNode, type RefObject, useCallback, useMemo, useRef} from 'react';\nimport {useIFrameMessenger} from './useIFrameMessenger';\nimport {initClientHandlers} from './messageHandlers';\nimport {\n    type Callbacks,\n    type CallCbFunction,\n    type Message,\n    type MessageDispatcher,\n    type IUseIFrameMessengerOptions,\n    type RegisterHandlers,\n    type UnregisterHandlers,\n} from './types';\nimport {IFrameMessengerContext} from './iFrameMessengerContext';\n\n/**\n * Singleton Provider for the IFrameMessenger system.\n * Must be mounted once above all `PanelCustom` instances.\n *\n * Owns a single `window.addEventListener('message')` (via `useIFrameMessenger`)\n * and routes incoming messages to the correct iframe's handlers using `handlersMap`.\n *\n * Each `PanelCustom` registers/deregisters its handlers via `useIFrameMessengerHandlers`.\n */\nexport const IFrameMessengerProvider = ({children}: {children: ReactNode}) => {\n    // Maps each iframe's RefObject to its set of handlers.\n    // Using RefObject as key (instead of Window) avoids timing issues: contentWindow\n    // may not be available yet when the iframe mounts and registers its handlers.\n    const handlersMap = useRef(new Map<RefObject<HTMLIFrameElement>, IUseIFrameMessengerOptions['handlers']>());\n\n    // Called by useIFrameMessenger for every non-system message.\n    // Finds the handlers registered for the sender iframe and dispatches the message to them.\n    const onMessageReceived = useCallback(\n        (\n            senderWindow: Window | null,\n            message: Message,\n            panelId: string | null,\n            dispatch: MessageDispatcher,\n            callCb: CallCbFunction,\n            callbacksStore: MutableRefObject<Callbacks>,\n        ) => {\n            // event.source is null when the sender iframe was unmounted before the message\n            // was processed — the browser clears the reference on iframe removal.\n            if (!senderWindow) {\n                return;\n            }\n\n            let matchedHandlers: IUseIFrameMessengerOptions['handlers'] | undefined;\n            for (const [ref, handlers] of handlersMap.current) {\n                if (ref.current?.contentWindow === senderWindow) {\n                    matchedHandlers = handlers;\n                    break;\n                }\n            }\n\n            // No registered handlers for this sender: either the iframe called unregisterHandlers\n            // before its last message was processed (race condition on unmount), or the message\n            // originates from an unrelated frame that passed decodeMessage validation.\n            if (!matchedHandlers) {\n                return;\n            }\n\n            const enrichedMessage =\n                message.type === 'get-panel-config' ? {...message, data: {...message.data, panelId}} : message;\n\n            const clientHandlers = initClientHandlers(callCb, {handlers: matchedHandlers}, callbacksStore);\n            clientHandlers(enrichedMessage, dispatch);\n        },\n        [],\n    );\n\n    const {changeLangInAllFrames} = useIFrameMessenger({onMessageReceived});\n\n    const registerHandlers: RegisterHandlers = useCallback((iframeRef, handlers) => {\n        handlersMap.current.set(iframeRef, handlers);\n\n        const cleanup = () => {\n            handlersMap.current.delete(iframeRef);\n        };\n\n        return cleanup;\n    }, []);\n\n    const contextValue = useMemo(() => ({registerHandlers, changeLangInAllFrames}), []);\n\n    return <IFrameMessengerContext.Provider value={contextValue}>{children}</IFrameMessengerContext.Provider>;\n};\n"]}

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

@@ -0,0 +1,13 @@
+import { type RefObject } from 'react';
+import { type IUseIFrameMessengerOptions } from './types';
+/**
+ * Per-iframe hook for `PanelCustom`. Registers the iframe's handlers into the singleton
+ * `IFrameMessengerProvider` and cleans them up on unmount.
+ *
+ * Returns `changeLangInFrame` which posts `change-language` directly to this specific iframe's
+ * `contentWindow` — intentionally NOT using the shared registry to avoid broadcasting the language
+ * change to all other open iframes (which would cause unintended refreshes).
+ */
+export declare const useIFrameMessengerHandlers: (iframeRef: RefObject<HTMLIFrameElement>, handlers: IUseIFrameMessengerOptions["handlers"]) => {
+    changeLangInFrame: (language: string) => void;
+};

package/dist/hooks/useIFrameMessenger/useIFrameMessengerHandlers.js

@@ -0,0 +1,29 @@
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useCallback, useContext, useEffect } from 'react';
+import { IFrameMessengerContext } from './iFrameMessengerContext';
+import { encodeMessage } from './messageHandlers';
+/**
+ * Per-iframe hook for `PanelCustom`. Registers the iframe's handlers into the singleton
+ * `IFrameMessengerProvider` and cleans them up on unmount.
+ *
+ * Returns `changeLangInFrame` which posts `change-language` directly to this specific iframe's
+ * `contentWindow` — intentionally NOT using the shared registry to avoid broadcasting the language
+ * change to all other open iframes (which would cause unintended refreshes).
+ */
+export const useIFrameMessengerHandlers = (iframeRef, handlers) => {
+    const { registerHandlers } = useContext(IFrameMessengerContext);
+    // Register on mount, deregister on unmount via the returned cleanup function.
+    useEffect(() => registerHandlers(iframeRef, handlers), []);
+    // Post directly to contentWindow instead of going through the registry,
+    // which would broadcast to all registered iframes.
+    const changeLangInFrame = useCallback((language) => {
+        if (iframeRef.current?.contentWindow) {
+            const message = { type: 'change-language', language };
+            iframeRef.current.contentWindow.postMessage(encodeMessage(message), '*');
+        }
+    }, [iframeRef]);
+    return { changeLangInFrame };
+};
+//# sourceMappingURL=useIFrameMessengerHandlers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIFrameMessengerHandlers.js","sourceRoot":"","sources":["../../../src/hooks/useIFrameMessenger/useIFrameMessengerHandlers.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,WAAW,EAAE,UAAU,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAC;AACzE,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACtC,SAAuC,EACvC,QAAgD,EAClD,EAAE;IACA,MAAM,EAAC,gBAAgB,EAAC,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAE9D,8EAA8E;IAC9E,SAAS,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3D,wEAAwE;IACxE,mDAAmD;IACnD,MAAM,iBAAiB,GAAG,WAAW,CACjC,CAAC,QAAgB,EAAE,EAAE;QACjB,IAAI,SAAS,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC;YACnC,MAAM,OAAO,GAA0B,EAAC,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAC,CAAC;YAC3E,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC;QAC7E,CAAC;IACL,CAAC,EACD,CAAC,SAAS,CAAC,CACd,CAAC;IAEF,OAAO,EAAC,iBAAiB,EAAC,CAAC;AAC/B,CAAC,CAAC","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, type RefObject} from 'react';\nimport {IFrameMessengerContext} from './iFrameMessengerContext';\nimport {encodeMessage} from './messageHandlers';\nimport {type ChangeLanguageMessage, type IUseIFrameMessengerOptions} from './types';\n\n/**\n * Per-iframe hook for `PanelCustom`. Registers the iframe's handlers into the singleton\n * `IFrameMessengerProvider` and cleans them up on unmount.\n *\n * Returns `changeLangInFrame` which posts `change-language` directly to this specific iframe's\n * `contentWindow` — intentionally NOT using the shared registry to avoid broadcasting the language\n * change to all other open iframes (which would cause unintended refreshes).\n */\nexport const useIFrameMessengerHandlers = (\n    iframeRef: RefObject<HTMLIFrameElement>,\n    handlers: IUseIFrameMessengerOptions['handlers'],\n) => {\n    const {registerHandlers} = useContext(IFrameMessengerContext);\n\n    // Register on mount, deregister on unmount via the returned cleanup function.\n    useEffect(() => registerHandlers(iframeRef, handlers), []);\n\n    // Post directly to contentWindow instead of going through the registry,\n    // which would broadcast to all registered iframes.\n    const changeLangInFrame = useCallback(\n        (language: string) => {\n            if (iframeRef.current?.contentWindow) {\n                const message: ChangeLanguageMessage = {type: 'change-language', language};\n                iframeRef.current.contentWindow.postMessage(encodeMessage(message), '*');\n            }\n        },\n        [iframeRef],\n    );\n\n    return {changeLangInFrame};\n};\n"]}

package/dist/hooks/useSharedTranslation/__mocks__/useSharedTranslation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSharedTranslation.js","sourceRoot":"","sources":["../../../../src/hooks/useSharedTranslation/__mocks__/useSharedTranslation.ts"],"names":[],"mappings":"AAMA,MAAM,QAAQ,GAAkB;IAC5B,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE;QACL,WAAW,EAAE,CAAC,IAAI,CAAC;KACtB;IACD,cAAc,EAAE,IAAI,CAAC,EAAE,EAAE;CAC5B,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAEzG,eAAe,GAAG,EAAE;IAChB,MAAM,IAAI,GAAG,EAAC,CAAC,EAAE,KAAuB,EAAE,IAAI,EAAE,QAAgB,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC;IAE/E,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC","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 {type Mockify} from '@leav/utils';\nimport {type TFunction, type i18n} from 'i18next';\n\nconst mockI18n: Mockify<i18n> = {\n    language: 'fr',\n    options: {\n        fallbackLng: ['en'],\n    },\n    changeLanguage: jest.fn(),\n};\n\nconst mockT = (arg, variables) => `${[arg, ...(!!variables ? Object.values(variables) : [])].join('|')}`;\n\nexport default () => {\n    const mock = {t: mockT as TFunction<any>, i18n: mockI18n as i18n, ready: true};\n\n    return mock;\n};\n"]}
+{"version":3,"file":"useSharedTranslation.js","sourceRoot":"","sources":["../../../../src/hooks/useSharedTranslation/__mocks__/useSharedTranslation.ts"],"names":[],"mappings":"AAMA,MAAM,QAAQ,GAAkB;IAC5B,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE;QACL,WAAW,EAAE,CAAC,IAAI,CAAC;KACtB;IACD,cAAc,EAAE,IAAI,CAAC,EAAE,EAAE;CAC5B,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAEzG,eAAe,GAAG,EAAE;IAChB,MAAM,IAAI,GAAG,EAAC,CAAC,EAAE,KAAuB,EAAE,IAAI,EAAE,QAAgB,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC;IAE/E,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC","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 {type Mockify} from '_ui/__mocks__/utils';\nimport {type TFunction, type i18n} from 'i18next';\n\nconst mockI18n: Mockify<i18n> = {\n    language: 'fr',\n    options: {\n        fallbackLng: ['en'],\n    },\n    changeLanguage: jest.fn(),\n};\n\nconst mockT = (arg, variables) => `${[arg, ...(!!variables ? Object.values(variables) : [])].join('|')}`;\n\nexport default () => {\n    const mock = {t: mockT as TFunction<any>, i18n: mockI18n as i18n, ready: true};\n\n    return mock;\n};\n"]}

package/dist/locales/en/shared.json

@@ -730,17 +730,17 @@
             "deactivate_message": "Elements deleted",
             "deactivate_description": "{{count, number}}/{{total, number}} element for which you have permissions have been deleted. Others remain unchanged.",
             "editAttribute": "Edit an attribute",
-            "editAttribute_description_one": "{{count, number}} element will be updated.",
-            "editAttribute_description_other": "{{total, number}} elements will be updated.",
+            "editAttribute_description_one": "{{count, number}} element selected",
+            "editAttribute_description_other": "{{count, number}} elements selected",
             "editAttribute_attribute_select_title": "Attribute to edit",
             "editAttribute_attribute_select_placeholder": "Select an attribute",
-            "editAttribute_value_select_placeholder": "Select a value",
             "editAttribute_value_occurrences_to_edit_one": "{{count, number}} element to edit",
             "editAttribute_value_occurrences_to_edit_other": "{{count, number}} elements to edit",
             "editAttribute_value_undefined": "Undefined",
             "editAttribute_value_do_not_change": "Do not change",
             "editAttribute_submit_notification_title": "Bulk edit request",
-            "editAttribute_submit_notification_description": "Your request to edit {{counter, number}} items has been received. You will be notified once the operation is complete.",
+            "editAttribute_submit_notification_description_one": "Your request to edit {{count, number}} item has been received. You will be notified once the operation is complete.",
+            "editAttribute_submit_notification_description_other": "Your request to edit {{count, number}} items has been received. You will be notified once the operation is complete.",
             "editAttribute_submit_error": "An error occurred while requesting a bulk edit. Please contact an administrator.",
             "export": "Export",
             "export_message": "Export request",
@@ -756,6 +756,8 @@
             "toggle_selection": {
                 "select_page_one": "Select visible item ({{count, number}})",
                 "select_page_other": "Select visible items ({{count, number}})",
+                "deselect_page_one": "Deselect visible item ({{count, number}})",
+                "deselect_page_other": "Deselect visible items ({{count, number}})",
                 "select_all": "Select all items ({{count, number}})",
                 "deselect_all": "Deselect all items"
             },

package/dist/locales/fr/shared.json

@@ -730,18 +730,18 @@
             "deactivate_message": "Élements supprimés",
             "deactivate_description": "{{count, number}}/{{total, number}} éléments pour lesquels vous disposez des permissions nécessaires ont été supprimés. Les autres éléments restent inchangés.",
             "editAttribute": "Modifier un attribut",
-            "editAttribute_description_one": "{{count, number}} élément à modifier",
-            "editAttribute_description_other": "{{count, number}} éléments à modifier",
+            "editAttribute_description_one": "{{count, number}} élément sélectionné",
+            "editAttribute_description_other": "{{count, number}} éléments sélectionnés",
             "editAttribute_attribute_select_title": "Attribut à modifier",
             "editAttribute_attribute_select_placeholder": "Sélectionnez un attribut",
-            "editAttribute_value_select_placeholder": "Sélectionnez une valeur",
             "editAttribute_value_occurrences_to_edit_one": "{{count, number}} élément à traiter",
             "editAttribute_value_occurrences_to_edit_other": "{{count, number}} éléments à traiter",
             "editAttribute_value_undefined": "Non défini",
             "editAttribute_value_do_not_change": "Ne pas changer",
             "editAttribute_submit_notification_title": "Demande de modification en masse",
-            "editAttribute_submit_notification_description": "Votre demande de modification de {{counter, number}} éléments a bien été prise en compte. Vous serez notifié une fois l'opération terminée.",
-            "editAttribute_submit_error": "Une erreur est survenue lors de la demande d'une modification en masse. Veuillez contacter un administrateur.",
+            "editAttribute_submit_notification_description_one": "Votre demande de modification de {{count, number}} élément a bien été prise en compte. Vous serez notifié une fois l’opération terminée.",
+            "editAttribute_submit_notification_description_other": "Votre demande de modification de {{count, number}} éléments a bien été prise en compte. Vous serez notifié une fois l’opération terminée.",
+            "editAttribute_submit_error": "Une erreur est survenue lors de la demande d’une modification en masse. Veuillez contacter un administrateur.",
             "export": "Exporter",
             "export_message": "Demande d'export",
             "export_description_one": "Votre demande d’export de {{total, number}} élément a bien été prise en compte. Vous recevrez une notification dès que le fichier sera prêt.",
@@ -754,8 +754,10 @@
             "add-link": "Ajouter",
             "replace-link": "Remplacer",
             "toggle_selection": {
-                "select_page_one": "Sélectionner l’éléments visible ({{count, number}})",
+                "select_page_one": "Sélectionner l’élément visible ({{count, number}})",
                 "select_page_other": "Sélectionner les éléments visibles ({{count, number}})",
+                "deselect_page_one": "Désélectionner l’élément visible ({{count, number}})",
+                "deselect_page_other": "Désélectionner les éléments visibles ({{count, number}})",
                 "select_all": "Tout sélectionner ({{count, number}})",
                 "deselect_all": "Tout désélectionner"
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leav/ui",
-  "version": "1.12.0-a0a98764",
+  "version": "1.12.0-a3cb7513",
   "description": "Shared React components and hooks",
   "scripts": {
     "prepublishOnly": "yarn build",
@@ -28,10 +28,10 @@
     "@babel/preset-env": "7.29.2",
     "@babel/preset-react": "7.28.5",
     "@graphql-codegen/add": "5.0.3",
-    "@graphql-codegen/cli": "6.2.1",
-    "@graphql-codegen/typescript": "5.0.9",
-    "@graphql-codegen/typescript-operations": "5.0.9",
-    "@graphql-codegen/typescript-react-apollo": "4.4.1",
+    "@graphql-codegen/cli": "6.3.1",
+    "@graphql-codegen/typescript": "5.0.10",
+    "@graphql-codegen/typescript-operations": "5.1.0",
+    "@graphql-codegen/typescript-react-apollo": "4.4.2",
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "14.3.1",
     "@testing-library/react-hooks": "8.0.1",
@@ -42,7 +42,7 @@
     "@types/lodash.isequal": "^4",
     "@types/react": "18.2.14",
     "@types/react-dom": "18.2.6",
-    "aristid-ds": "15.2.0-8fcc4a3",
+    "aristid-ds": "15.3.1-05878d4",
     "babel-jest": "29.7.0",
     "graphql": "16.13.2",
     "i18next": "22.5.1",
@@ -56,11 +56,11 @@
     "ts-jest": "29.4.9",
     "tsc-alias": "1.8.16",
     "typescript": "5.9.3",
-    "vite": "7.3.1"
+    "vite": "7.3.2"
   },
   "peerDependencies": {
     "@apollo/client": ">=3.8.1",
-    "aristid-ds": "15.2.0-8fcc4a3",
+    "aristid-ds": "15.3.1-05878d4",
     "i18next": ">=22.5.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -77,7 +77,7 @@
     "@leav/utils": "1.12.0",
     "@uidotdev/usehooks": "2.4.1",
     "dayjs": "^1.11.13",
-    "dompurify": "3.3.3",
+    "dompurify": "3.4.1",
     "html-react-parser": "4.2.10",
     "i18next-resources-to-backend": "1.1.4",
     "lodash.isequal": "4.5.0",

package/dist/components/Explorer/actions-mass/edit-attribute/EditTreeAttributeValueLine.d.ts

@@ -1,8 +0,0 @@
-import { type FunctionComponent } from 'react';
-import { type ITreeAttributeNodeValue } from './useListTreeAttributeValuesHook';
-export declare const EditTreeAttributeValueLine: FunctionComponent<{
-    treeNodeValues: ITreeAttributeNodeValue[];
-    valueOccurrenceNodeId: string | null;
-    valueOccurrenceCount: number;
-    setAttributeMapping: (before: string | null, after: string | null) => void;
-}>;

package/dist/components/Explorer/actions-mass/edit-attribute/EditTreeAttributeValueLine.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { KitIdCard, KitSelect, KitTypography } from 'aristid-ds';
-import styled from 'styled-components';
-const DivContainer = styled.div `
-    display: grid;
-    align-items: center;
-    grid-template-columns: repeat(3, 1fr);
-    grid-column-gap: calc(var(--general-spacing-l) * 1px);
-`;
-const UNDEFINED_VALUE = '__null__';
-const DEFAULT_ID_CARD_COLOR = 'rgba(200, 200, 200, 1)';
-export const EditTreeAttributeValueLine = ({ treeNodeValues, valueOccurrenceNodeId, valueOccurrenceCount, setAttributeMapping }) => {
-    const { t } = useSharedTranslation();
-    const treeNodeValueOfOccurrence = treeNodeValues.find(node => node.id === valueOccurrenceNodeId);
-    if (!treeNodeValueOfOccurrence) {
-        return null;
-    }
-    const allowedDependentValues = treeNodeValueOfOccurrence ? treeNodeValueOfOccurrence.allowedDependentValues : null;
-    const selectOptions = treeNodeValues
-        .filter(treeNode => treeNode.id !== valueOccurrenceNodeId)
-        .filter(treeNode => allowedDependentValues == null || // if no allowedDependentValues, all values are allowed
-        !!allowedDependentValues.find(dv => dv.nodeId === treeNode.id))
-        .map(treeNode => ({
-        label: treeNode.label,
-        value: treeNode.id || UNDEFINED_VALUE,
-    }));
-    if (selectOptions.length === 0 && valueOccurrenceNodeId) {
-        selectOptions.push({
-            label: t('explorer.massAction.editAttribute_value_do_not_change'),
-            value: valueOccurrenceNodeId,
-        });
-    }
-    return (_jsxs(DivContainer, { children: [_jsx(KitIdCard, { title: treeNodeValueOfOccurrence.label, color: treeNodeValueOfOccurrence.color || DEFAULT_ID_CARD_COLOR }), _jsx(KitTypography.Text, { children: t('explorer.massAction.editAttribute_value_occurrences_to_edit', {
-                    count: valueOccurrenceCount,
-                }) }), _jsx(KitSelect, { options: selectOptions, size: "middle", allowClear: false, placeholder: t('explorer.massAction.editAttribute_value_select_placeholder'), onChange: value => {
-                    setAttributeMapping(valueOccurrenceNodeId, value === UNDEFINED_VALUE ? null : value || null);
-                } })] }));
-};
-//# sourceMappingURL=EditTreeAttributeValueLine.js.map

package/dist/components/Explorer/actions-mass/edit-attribute/EditTreeAttributeValueLine.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditTreeAttributeValueLine.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/EditTreeAttributeValueLine.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAE/D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK9B,CAAC;AAEF,MAAM,eAAe,GAAG,UAAU,CAAC;AACnC,MAAM,qBAAqB,GAAG,wBAAwB,CAAC;AAEvD,MAAM,CAAC,MAAM,0BAA0B,GAKlC,CAAC,EAAC,cAAc,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,mBAAmB,EAAC,EAAE,EAAE;IACxF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,yBAAyB,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,qBAAqB,CAAC,CAAC;IACjG,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,CAAC,CAAC,yBAAyB,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnH,MAAM,aAAa,GAAG,cAAc;SAC/B,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,qBAAqB,CAAC;SACzD,MAAM,CACH,QAAQ,CAAC,EAAE,CACP,sBAAsB,IAAI,IAAI,IAAI,uDAAuD;QACzF,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,KAAK,QAAQ,CAAC,EAAE,CAAC,CACrE;SACA,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACd,KAAK,EAAE,QAAQ,CAAC,KAAK;QACrB,KAAK,EAAE,QAAQ,CAAC,EAAE,IAAI,eAAe;KACxC,CAAC,CAAC,CAAC;IAER,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,qBAAqB,EAAE,CAAC;QACtD,aAAa,CAAC,IAAI,CAAC;YACf,KAAK,EAAE,CAAC,CAAC,uDAAuD,CAAC;YACjE,KAAK,EAAE,qBAAqB;SAC/B,CAAC,CAAC;IACP,CAAC;IAED,OAAO,CACH,MAAC,YAAY,eACT,KAAC,SAAS,IACN,KAAK,EAAE,yBAAyB,CAAC,KAAK,EACtC,KAAK,EAAE,yBAAyB,CAAC,KAAK,IAAI,qBAAqB,GACjE,EACF,KAAC,aAAa,CAAC,IAAI,cACd,CAAC,CAAC,6DAA6D,EAAE;oBAC9D,KAAK,EAAE,oBAAoB;iBAC9B,CAAC,GACe,EACrB,KAAC,SAAS,IACN,OAAO,EAAE,aAAa,EACtB,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,CAAC,CAAC,4DAA4D,CAAC,EAC5E,QAAQ,EAAE,KAAK,CAAC,EAAE;oBACd,mBAAmB,CAAC,qBAAqB,EAAE,KAAK,KAAK,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;gBACjG,CAAC,GACH,IACS,CAClB,CAAC;AACN,CAAC,CAAC","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 {type AttributeDetailsTreeAttributeFragment} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitIdCard, KitSelect, KitTypography} from 'aristid-ds';\nimport {type FunctionComponent} from 'react';\nimport styled from 'styled-components';\nimport {type ITreeAttributeNodeValue} from './useListTreeAttributeValuesHook';\n\nconst DivContainer = styled.div`\n    display: grid;\n    align-items: center;\n    grid-template-columns: repeat(3, 1fr);\n    grid-column-gap: calc(var(--general-spacing-l) * 1px);\n`;\n\nconst UNDEFINED_VALUE = '__null__';\nconst DEFAULT_ID_CARD_COLOR = 'rgba(200, 200, 200, 1)';\n\nexport const EditTreeAttributeValueLine: FunctionComponent<{\n    treeNodeValues: ITreeAttributeNodeValue[];\n    valueOccurrenceNodeId: string | null;\n    valueOccurrenceCount: number;\n    setAttributeMapping: (before: string | null, after: string | null) => void;\n}> = ({treeNodeValues, valueOccurrenceNodeId, valueOccurrenceCount, setAttributeMapping}) => {\n    const {t} = useSharedTranslation();\n\n    const treeNodeValueOfOccurrence = treeNodeValues.find(node => node.id === valueOccurrenceNodeId);\n    if (!treeNodeValueOfOccurrence) {\n        return null;\n    }\n\n    const allowedDependentValues = treeNodeValueOfOccurrence ? treeNodeValueOfOccurrence.allowedDependentValues : null;\n\n    const selectOptions = treeNodeValues\n        .filter(treeNode => treeNode.id !== valueOccurrenceNodeId)\n        .filter(\n            treeNode =>\n                allowedDependentValues == null || // if no allowedDependentValues, all values are allowed\n                !!allowedDependentValues.find(dv => dv.nodeId === treeNode.id),\n        )\n        .map(treeNode => ({\n            label: treeNode.label,\n            value: treeNode.id || UNDEFINED_VALUE,\n        }));\n\n    if (selectOptions.length === 0 && valueOccurrenceNodeId) {\n        selectOptions.push({\n            label: t('explorer.massAction.editAttribute_value_do_not_change'),\n            value: valueOccurrenceNodeId,\n        });\n    }\n\n    return (\n        <DivContainer>\n            <KitIdCard\n                title={treeNodeValueOfOccurrence.label}\n                color={treeNodeValueOfOccurrence.color || DEFAULT_ID_CARD_COLOR}\n            />\n            <KitTypography.Text>\n                {t('explorer.massAction.editAttribute_value_occurrences_to_edit', {\n                    count: valueOccurrenceCount,\n                })}\n            </KitTypography.Text>\n            <KitSelect\n                options={selectOptions}\n                size=\"middle\"\n                allowClear={false}\n                placeholder={t('explorer.massAction.editAttribute_value_select_placeholder')}\n                onChange={value => {\n                    setAttributeMapping(valueOccurrenceNodeId, value === UNDEFINED_VALUE ? null : value || null);\n                }}\n            />\n        </DivContainer>\n    );\n};\n"]}

package/dist/components/Explorer/actions-mass/edit-attribute/useCountValuesOccurrencesHook.d.ts

@@ -1,17 +0,0 @@
-import { type RecordFilterInput } from '../../../../_gqlTypes';
-export type ValuesOccurrences = {
-    noValueCount: number;
-    occurrences: Array<{
-        count: number;
-        value: {
-            id: string;
-        };
-    }>;
-    loading?: boolean;
-};
-export type ValueOccurrence = ValuesOccurrences['occurrences'][0];
-export declare const useCountValuesOccurrencesHook: ({ attributeId, libraryId, recordFilters, }: {
-    attributeId?: string;
-    libraryId: string;
-    recordFilters: RecordFilterInput[];
-}) => ValuesOccurrences;

package/dist/components/Explorer/actions-mass/edit-attribute/useCountValuesOccurrencesHook.js

@@ -1,42 +0,0 @@
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { useCountValuesOccurrencesLazyQuery } from '../../../../_gqlTypes';
-import { useEffect, useMemo } from 'react';
-export const useCountValuesOccurrencesHook = ({ attributeId, libraryId, recordFilters, }) => {
-    const [countValuesOccurrences, { data: valuesOccurrences, loading }] = useCountValuesOccurrencesLazyQuery({
-        fetchPolicy: 'no-cache',
-        nextFetchPolicy: 'no-cache',
-    });
-    useEffect(() => {
-        if (attributeId) {
-            countValuesOccurrences({
-                variables: {
-                    attribute: attributeId,
-                    library: libraryId,
-                    recordFilters,
-                },
-            });
-        }
-    }, [attributeId, libraryId, recordFilters]);
-    const noValueCount = useMemo(() => {
-        if (!valuesOccurrences) {
-            return 0;
-        }
-        return valuesOccurrences.listDistinctValues?.find(v => !('treeNode' in v) || v.treeNode === null)?.count || 0;
-    }, [valuesOccurrences]);
-    const occurrences = useMemo(() => {
-        if (!valuesOccurrences) {
-            return [];
-        }
-        return (valuesOccurrences.listDistinctValues
-            ?.filter(v => 'treeNode' in v && v.treeNode !== null)
-            .map(v => ({ count: v.count, value: { id: v.treeNode.id } })) || []);
-    }, [valuesOccurrences]);
-    return {
-        occurrences,
-        noValueCount,
-        loading,
-    };
-};
-//# sourceMappingURL=useCountValuesOccurrencesHook.js.map

package/dist/components/Explorer/actions-mass/edit-attribute/useCountValuesOccurrencesHook.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCountValuesOccurrencesHook.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/useCountValuesOccurrencesHook.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAyB,kCAAkC,EAAC,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,SAAS,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAQzC,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC1C,WAAW,EACX,SAAS,EACT,aAAa,GAKhB,EAAqB,EAAE;IACpB,MAAM,CAAC,sBAAsB,EAAE,EAAC,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAC,CAAC,GAAG,kCAAkC,CAAC;QACpG,WAAW,EAAE,UAAU;QACvB,eAAe,EAAE,UAAU;KAC9B,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,WAAW,EAAE,CAAC;YACd,sBAAsB,CAAC;gBACnB,SAAS,EAAE;oBACP,SAAS,EAAE,WAAW;oBACtB,OAAO,EAAE,SAAS;oBAClB,aAAa;iBAChB;aACJ,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrB,OAAO,CAAC,CAAC;QACb,CAAC;QACD,OAAO,iBAAiB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC;IAClH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrB,OAAO,EAAE,CAAC;QACd,CAAC;QACD,OAAO,CACH,iBAAiB,CAAC,kBAAkB;YAChC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC;aACpD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAC,EAAE,EAAG,CAA8B,CAAC,QAAQ,CAAC,EAAE,EAAC,EAAC,CAAC,CAAC,IAAI,EAAE,CACpG,CAAC;IACN,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,OAAO;QACH,WAAW;QACX,YAAY;QACZ,OAAO;KACV,CAAC;AACN,CAAC,CAAC","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 {type RecordFilterInput, useCountValuesOccurrencesLazyQuery} from '_ui/_gqlTypes';\nimport {useEffect, useMemo} from 'react';\n\nexport type ValuesOccurrences = {\n    noValueCount: number;\n    occurrences: Array<{count: number; value: {id: string}}>;\n    loading?: boolean;\n};\nexport type ValueOccurrence = ValuesOccurrences['occurrences'][0];\nexport const useCountValuesOccurrencesHook = ({\n    attributeId,\n    libraryId,\n    recordFilters,\n}: {\n    attributeId?: string;\n    libraryId: string;\n    recordFilters: RecordFilterInput[];\n}): ValuesOccurrences => {\n    const [countValuesOccurrences, {data: valuesOccurrences, loading}] = useCountValuesOccurrencesLazyQuery({\n        fetchPolicy: 'no-cache',\n        nextFetchPolicy: 'no-cache',\n    });\n\n    useEffect(() => {\n        if (attributeId) {\n            countValuesOccurrences({\n                variables: {\n                    attribute: attributeId,\n                    library: libraryId,\n                    recordFilters,\n                },\n            });\n        }\n    }, [attributeId, libraryId, recordFilters]);\n\n    const noValueCount = useMemo(() => {\n        if (!valuesOccurrences) {\n            return 0;\n        }\n        return valuesOccurrences.listDistinctValues?.find(v => !('treeNode' in v) || v.treeNode === null)?.count || 0;\n    }, [valuesOccurrences]);\n\n    const occurrences = useMemo(() => {\n        if (!valuesOccurrences) {\n            return [];\n        }\n        return (\n            valuesOccurrences.listDistinctValues\n                ?.filter(v => 'treeNode' in v && v.treeNode !== null)\n                .map(v => ({count: v.count, value: {id: (v as {treeNode: {id: string}}).treeNode.id}})) || []\n        );\n    }, [valuesOccurrences]);\n\n    return {\n        occurrences,\n        noValueCount,\n        loading,\n    };\n};\n"]}

package/dist/components/Explorer/actions-mass/edit-attribute/useListEditableAttributeHook.d.ts

@@ -1,5 +0,0 @@
-import { type AttributeDetailsTreeAttributeFragment } from '../../../../_gqlTypes';
-export type EditableAttributes = AttributeDetailsTreeAttributeFragment[];
-export declare const useListEditableAttributeHook: ({ libraryId }: {
-    libraryId: string;
-}) => EditableAttributes;

package/dist/components/Explorer/actions-mass/edit-attribute/useListEditableAttributeHook.js

@@ -1,20 +0,0 @@
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { AttributeType } from '../../../../_gqlTypes';
-import { useMemo } from 'react';
-import { useAttributeDetailsData } from '../../manage-view-settings/_shared/useAttributeDetailsData';
-export const useListEditableAttributeHook = ({ libraryId }) => {
-    const { attributeDetailsById } = useAttributeDetailsData(libraryId);
-    const treeMonoValuedAttributes = useMemo(() => Object.values(attributeDetailsById).filter(attr => {
-        const dependenciesTreeAttributes = ('permissions_conf_dependent_values' in attr &&
-            attr.permissions_conf_dependent_values?.dependenciesTreeAttributes) ||
-            [];
-        const dependentOnItself = dependenciesTreeAttributes.length === 1 && dependenciesTreeAttributes[0].id === attr.id;
-        return (attr.type === AttributeType.tree &&
-            !attr.multiple_values &&
-            (dependenciesTreeAttributes.length === 0 || dependentOnItself));
-    }), [attributeDetailsById]);
-    return treeMonoValuedAttributes;
-};
-//# sourceMappingURL=useListEditableAttributeHook.js.map

package/dist/components/Explorer/actions-mass/edit-attribute/useListEditableAttributeHook.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListEditableAttributeHook.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/useListEditableAttributeHook.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAA6C,aAAa,EAAC,MAAM,eAAe,CAAC;AACxF,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,uBAAuB,EAAC,MAAM,4DAA4D,CAAC;AAGnG,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAAC,SAAS,EAAsB,EAAsB,EAAE;IACjG,MAAM,EAAC,oBAAoB,EAAC,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAClE,MAAM,wBAAwB,GAA4C,OAAO,CAC7E,GAAG,EAAE,CACD,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;QAC9C,MAAM,0BAA0B,GAC5B,CAAC,mCAAmC,IAAI,IAAI;YACxC,IAAI,CAAC,iCAAiC,EAAE,0BAA0B,CAAC;YACvE,EAAE,CAAC;QACP,MAAM,iBAAiB,GACnB,0BAA0B,CAAC,MAAM,KAAK,CAAC,IAAI,0BAA0B,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QAC5F,OAAO,CACH,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI;YAChC,CAAC,IAAI,CAAC,eAAe;YACrB,CAAC,0BAA0B,CAAC,MAAM,KAAK,CAAC,IAAI,iBAAiB,CAAC,CACjE,CAAC;IACN,CAAC,CAAC,EACN,CAAC,oBAAoB,CAAC,CACzB,CAAC;IAEF,OAAO,wBAAwB,CAAC;AACpC,CAAC,CAAC","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 {type AttributeDetailsTreeAttributeFragment, AttributeType} from '_ui/_gqlTypes';\nimport {useMemo} from 'react';\nimport {useAttributeDetailsData} from '../../manage-view-settings/_shared/useAttributeDetailsData';\n\nexport type EditableAttributes = AttributeDetailsTreeAttributeFragment[];\nexport const useListEditableAttributeHook = ({libraryId}: {libraryId: string}): EditableAttributes => {\n    const {attributeDetailsById} = useAttributeDetailsData(libraryId);\n    const treeMonoValuedAttributes: AttributeDetailsTreeAttributeFragment[] = useMemo(\n        () =>\n            Object.values(attributeDetailsById).filter(attr => {\n                const dependenciesTreeAttributes =\n                    ('permissions_conf_dependent_values' in attr &&\n                        attr.permissions_conf_dependent_values?.dependenciesTreeAttributes) ||\n                    [];\n                const dependentOnItself =\n                    dependenciesTreeAttributes.length === 1 && dependenciesTreeAttributes[0].id === attr.id;\n                return (\n                    attr.type === AttributeType.tree &&\n                    !attr.multiple_values &&\n                    (dependenciesTreeAttributes.length === 0 || dependentOnItself)\n                );\n            }),\n        [attributeDetailsById],\n    );\n\n    return treeMonoValuedAttributes;\n};\n"]}

package/dist/components/Explorer/actions-mass/edit-attribute/useListTreeAttributeValuesHook.d.ts

@@ -1,12 +0,0 @@
-import { type AttributeDetailsTreeAttributeFragment } from '../../../../_gqlTypes';
-export interface ITreeAttributeNodeValue {
-    id: string | null;
-    label: string;
-    color?: string | null;
-    allowedDependentValues?: Array<{
-        nodeId?: string | null;
-    }> | null;
-}
-export declare const useListTreeAttributeValuesHook: ({ treeAttribute: treeAttribute, }: {
-    treeAttribute: AttributeDetailsTreeAttributeFragment;
-}) => ITreeAttributeNodeValue[];

package/dist/components/Explorer/actions-mass/edit-attribute/useListTreeAttributeValuesHook.js

@@ -1,30 +0,0 @@
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { useAttributeWithValuesForMassEditionLazyQuery } from '../../../../_gqlTypes';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { useEffect, useMemo } from 'react';
-export const useListTreeAttributeValuesHook = ({ treeAttribute: treeAttribute, }) => {
-    const { t } = useSharedTranslation();
-    const [loadValues, { data: treeContent }] = useAttributeWithValuesForMassEditionLazyQuery();
-    useEffect(() => {
-        if (!treeAttribute.linked_tree) {
-            throw new Error('Fatal: selected attribute not found');
-        }
-        loadValues({
-            fetchPolicy: 'no-cache',
-            variables: {
-                attributeId: treeAttribute.id,
-            },
-        });
-    }, [treeAttribute]);
-    return useMemo(() => treeContent?.attributes?.list[0]?.tree_values?.map(treeValue => ({
-        id: treeValue.node?.id || null,
-        label: treeValue.node?.record.whoAmI.label ||
-            treeValue.node?.record.whoAmI.id ||
-            t('explorer.massAction.editAttribute_value_undefined'),
-        color: treeValue.node?.record.whoAmI.color,
-        allowedDependentValues: treeValue.allowedDependentValues || null,
-    })) || [], [treeContent]);
-};
-//# sourceMappingURL=useListTreeAttributeValuesHook.js.map