@leav/ui 0.4.0-58529dc → 0.4.0-5a0192c5

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

@@ -1,8 +1,10 @@
+import { type RefObject, type ComponentProps, type Key, type JSXElementConstructor } from 'react';
+import * as z from 'zod/v4';
 import { type KitNotification } 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';
-import { EditRecordModal } from '../../components';
 import { type ToastedAlertProps } from 'aristid-ds/dist/Kit/Feedback/Alert/types';
+import { type EditRecordModal } from '../../components';
+import { ItemActionsSchema, type PanelIdSchema, PanelSchema } from '../../hooks/useIFrameMessenger/schema';
 export declare const packetId = "__fromIframeMessenger";
 export interface IEncodedMessage {
     payload: string;
@@ -59,27 +61,60 @@ export type RegisterMessage = IMessageBase & {
     type: 'register';
     id: string;
 };
-export type MessageToParent = SidePanelFormMessage | ModalConfirmMessage | ModalFormMessage | AlertMessage | NotificationMessage | SimpleMessage | RegisterMessage | ChangeLanguageMessage;
-export type MessageFromParent = IMessageBase & {
+export type UnregisterMessage = IMessageBase & {
+    type: 'unregister';
+    id: string;
+};
+export type Panel = z.infer<typeof PanelSchema>;
+type PanelId = z.infer<typeof PanelIdSchema>;
+type ItemActions = z.infer<typeof ItemActionsSchema>;
+export interface INestedPanel {
+    panelTargetId?: PanelId;
+    recordId?: string;
+    where: ItemActions[number]['where'];
+    what: Panel & {
+        recordId?: string;
+    };
+}
+export type NavigateToPanelMessage = IMessageBase & {
+    type: 'navigate-to-panel';
+    data: {
+        panelId: PanelId;
+    } | INestedPanel;
+};
+export type MessageToPanelMessage = IMessageBase & {
+    type: 'message-to-panel';
+    data: {
+        type: string;
+        target?: string;
+        payload: unknown;
+    };
+};
+export type MessageToParent = SidePanelFormMessage | ModalConfirmMessage | ModalFormMessage | AlertMessage | NotificationMessage | SimpleMessage | RegisterMessage | UnregisterMessage | NavigateToPanelMessage | MessageToPanelMessage;
+export type MessageFromParent = (IMessageBase & {
     type: 'on-call-callback';
     path: string;
     data: unknown;
-};
+}) | ChangeLanguageMessage;
 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 type MessageToPanelMessageHandler = (data: MessageToPanelMessage['data']['payload']) => void;
+export type AddMessageToPanelMessageHandler = (type: string, handler: MessageToPanelMessageHandler) => void;
 export interface IUseIFrameMessengerOptions {
     ref?: RefObject<HTMLIFrameElement>;
     id?: string;
     handlers?: {
-        onSidePanelForm?: (data: SidePanelFormMessage['data'], dispatch: MessageDispatcher, callCb: CallCbFunction) => void;
+        onSidePanelForm?: (data: SidePanelFormMessage['data'], id: string, 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;
+        onNavigateToPanel?: (data: NavigateToPanelMessage['data']) => void;
     };
 }
+export {};

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

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

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

@@ -1,10 +1,19 @@
-import { type IUseIFrameMessengerOptions } from './types';
+import { AddMessageToPanelMessageHandler, type IUseIFrameMessengerOptions } from './types';
+export { IUseIFrameMessengerOptions };
+/**
+ * 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`
+ */
 export declare const useIFrameMessenger: (options?: IUseIFrameMessengerOptions) => {
+    unregister: () => void;
     changeLangInAllFrames: (newLanguage: string) => void;
+    addPanelMessageHandler: AddMessageToPanelMessageHandler;
     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;
+    navigateToPanel: (data: import("./types").NavigateToPanelMessage["data"]) => void;
+    messageToPanel: (data: import("./types").MessageToPanelMessage["data"]) => void;
 };

package/dist/hooks/useIFrameMessenger/useIFrameMessenger.js

@@ -5,6 +5,10 @@ import { useCallback, useContext, useEffect, useRef } from 'react';
 import { v4 as uuid } from 'uuid';
 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`
+ */
 export const useIFrameMessenger = (options) => {
     const registry = useRef({});
     const selfId = useRef(options?.id ?? uuid());
@@ -15,6 +19,10 @@ export const useIFrameMessenger = (options) => {
             language: newLanguage
         }, 'all');
     };
+    const panelMessageHandlerRegistry = useRef({});
+    const addPanelMessageHandler = (type, handler) => {
+        panelMessageHandlerRegistry.current[type] = handler;
+    };
     const dispatch = useCallback((message, frameId) => {
         if (window !== window.top) {
             window.parent.postMessage(encodeMessage({ ...message, __frameId: selfId.current }), '*');
@@ -23,16 +31,29 @@ export const useIFrameMessenger = (options) => {
             registry.current[frameId].postMessage(encodeMessage({ ...message, __frameId: selfId.current }), '*');
         }
         else if (frameId === 'all') {
-            Object.values(registry.current).forEach(frame => {
-                frame.postMessage(encodeMessage({ ...message, __frameId: selfId.current }), '*');
+            Object.entries(registry.current).forEach(([id, frame]) => {
+                if (id !== message.__frameId) {
+                    // DO not send the message to the sender
+                    frame.postMessage(encodeMessage({ ...message, __frameId: selfId.current }), '*');
+                }
             });
         }
     }, [registry.current]);
     const callCb = useCallback((path, data, frameId) => {
         dispatch({ type: 'on-call-callback', path, data }, frameId);
     }, [dispatch]);
+    const unregister = () => {
+        if (window !== window.top) {
+            dispatch({ type: 'unregister', id: selfId.current });
+        }
+    };
     const callbacksStore = useRef({});
-    const methods = useRef(getExposedMethods(callbacksStore, dispatch));
+    const methods = useRef({
+        ...getExposedMethods(callbacksStore, dispatch),
+        unregister,
+        changeLangInAllFrames,
+        addPanelMessageHandler
+    });
     useEffect(() => {
         const clientHandlers = initClientHandlers(callCb, { ...options, id: selfId.current }, callbacksStore);
         const onMessage = (event) => {
@@ -40,23 +61,37 @@ export const useIFrameMessenger = (options) => {
             if (message === undefined) {
                 return;
             }
-            if (message.type === 'register') {
-                const frames = window.frames;
-                // Due to weak typing on Window, we cannot iterate directly on window.frames
-                // 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];
+            switch (message.type) {
+                case 'register':
+                    const frames = window.frames;
+                    // Due to weak typing on Window, we cannot iterate directly on window.frames
+                    // 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 {
-                if (message.type === 'change-language') {
-                    setLang(message.language);
-                }
-                else {
-                    clientHandlers(message, dispatch);
-                }
+                    break;
+                case 'unregister':
+                    if (registry.current[message.id]) {
+                        delete registry.current[message.id];
+                    }
+                    break;
+                case 'message-to-panel':
+                    panelMessageHandlerRegistry.current[message.data.type]?.(message.data.payload);
+                    if (window === window.top) {
+                        const target = message.data.target ?? 'all';
+                        dispatch(message, target);
+                    }
+                    break;
+                default:
+                    if (message.type === 'change-language') {
+                        setLang(message.language);
+                    }
+                    else {
+                        clientHandlers(message, dispatch);
+                    }
+                    break;
             }
         };
         window.addEventListener('message', onMessage);
@@ -68,6 +103,6 @@ export const useIFrameMessenger = (options) => {
             window.removeEventListener('message', onMessage);
         };
     }, []);
-    return { ...methods.current, changeLangInAllFrames };
+    return methods.current;
 };
 //# sourceMappingURL=useIFrameMessenger.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { FunctionComponent, ReactNode } from 'react';
+interface IFrameMessengerClientProps {
+    children: ReactNode;
+    id?: string;
+}
+export declare const IFrameMessengerClient: FunctionComponent<IFrameMessengerClientProps>;
+export {};

package/dist/hooks/useIFrameMessengerClient/IFrameMessengerClient.js

@@ -0,0 +1,13 @@
+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 { useEffect } from 'react';
+import { useIFrameMessenger } from '../useIFrameMessenger/useIFrameMessenger';
+import { IframeMessengerClientContext } from './iFrameMessengerClientContext';
+export const IFrameMessengerClient = ({ children, id }) => {
+    const iFrameMessenger = useIFrameMessenger({ id });
+    useEffect(() => () => iFrameMessenger.unregister(), []);
+    return (_jsx(IframeMessengerClientContext.Provider, { value: iFrameMessenger, children: children }));
+};
+//# sourceMappingURL=IFrameMessengerClient.js.map

package/dist/hooks/useIFrameMessengerClient/IFrameMessengerClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFrameMessengerClient.js","sourceRoot":"","sources":["../../../src/hooks/useIFrameMessengerClient/IFrameMessengerClient.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAA+B,SAAS,EAAC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAC,kBAAkB,EAAC,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAC,4BAA4B,EAAC,MAAM,gCAAgC,CAAC;AAO5E,MAAM,CAAC,MAAM,qBAAqB,GAAkD,CAAC,EAAC,QAAQ,EAAE,EAAE,EAAC,EAAE,EAAE;IACnG,MAAM,eAAe,GAAG,kBAAkB,CAAC,EAAC,EAAE,EAAC,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;IAExD,OAAO,CACH,KAAC,4BAA4B,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,YACxD,QAAQ,GAC2B,CAC3C,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+export declare const IframeMessengerClientContext: import("react").Context<{
+    unregister: () => void;
+    changeLangInAllFrames: (newLanguage: string) => void;
+    addPanelMessageHandler: import("../useIFrameMessenger/types").AddMessageToPanelMessageHandler;
+    showSidePanelForm: (data: import("../useIFrameMessenger/types").SidePanelFormMessage["data"]) => void;
+    showModalConfirm: (data: import("../useIFrameMessenger/types").ModalConfirmMessage["data"]) => void;
+    showModalForm: (data: import("../useIFrameMessenger/types").ModalFormMessage["data"]) => void;
+    showAlert: (data: import("../useIFrameMessenger/types").AlertMessage["data"]) => void;
+    showNotification: (data: import("../useIFrameMessenger/types").NotificationMessage["data"]) => void;
+    messageToParent: (data: import("../useIFrameMessenger/types").SimpleMessage["data"]) => void;
+    navigateToPanel: (data: import("../useIFrameMessenger/types").NavigateToPanelMessage["data"]) => void;
+    messageToPanel: (data: import("../useIFrameMessenger/types").MessageToPanelMessage["data"]) => void;
+}>;

package/dist/hooks/useIFrameMessengerClient/iFrameMessengerClientContext.js

@@ -0,0 +1,6 @@
+// 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 { createContext } from 'react';
+export const IframeMessengerClientContext = createContext(null);
+//# sourceMappingURL=iFrameMessengerClientContext.js.map

package/dist/hooks/useIFrameMessengerClient/iFrameMessengerClientContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iFrameMessengerClientContext.js","sourceRoot":"","sources":["../../../src/hooks/useIFrameMessengerClient/iFrameMessengerClientContext.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAKpC,MAAM,CAAC,MAAM,4BAA4B,GAAG,aAAa,CAAoC,IAAI,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+export declare const useIFrameMessengerClient: () => {
+    unregister: () => void;
+    changeLangInAllFrames: (newLanguage: string) => void;
+    addPanelMessageHandler: import("../useIFrameMessenger/types").AddMessageToPanelMessageHandler;
+    showSidePanelForm: (data: import("../useIFrameMessenger/types").SidePanelFormMessage["data"]) => void;
+    showModalConfirm: (data: import("../useIFrameMessenger/types").ModalConfirmMessage["data"]) => void;
+    showModalForm: (data: import("../useIFrameMessenger/types").ModalFormMessage["data"]) => void;
+    showAlert: (data: import("../useIFrameMessenger/types").AlertMessage["data"]) => void;
+    showNotification: (data: import("../useIFrameMessenger/types").NotificationMessage["data"]) => void;
+    messageToParent: (data: import("../useIFrameMessenger/types").SimpleMessage["data"]) => void;
+    navigateToPanel: (data: import("../useIFrameMessenger/types").NavigateToPanelMessage["data"]) => void;
+    messageToPanel: (data: import("../useIFrameMessenger/types").MessageToPanelMessage["data"]) => void;
+};

package/dist/hooks/useIFrameMessengerClient/useIFrameMessengerClient.js

@@ -0,0 +1,13 @@
+// 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 { useContext } from 'react';
+import { IframeMessengerClientContext } from './iFrameMessengerClientContext';
+export const useIFrameMessengerClient = () => {
+    const context = useContext(IframeMessengerClientContext);
+    if (!context) {
+        throw new Error('IframeMessengerClientContext must be used within an IframeMessengerClient');
+    }
+    return context;
+};
+//# sourceMappingURL=useIFrameMessengerClient.js.map

package/dist/hooks/useIFrameMessengerClient/useIFrameMessengerClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIFrameMessengerClient.js","sourceRoot":"","sources":["../../../src/hooks/useIFrameMessengerClient/useIFrameMessengerClient.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,UAAU,EAAC,MAAM,OAAO,CAAC;AACjC,OAAO,EAAC,4BAA4B,EAAC,MAAM,gCAAgC,CAAC;AAE5E,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACzC,MAAM,OAAO,GAAG,UAAU,CAAC,4BAA4B,CAAC,CAAC;IACzD,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,2EAA2E,CAAC,CAAC;IACjG,CAAC;IACD,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}

package/dist/types/attributes.d.ts

@@ -1,6 +1,6 @@
 import { AttributeFormat, AttributeType } from '../_gqlTypes';
 import { SystemTranslation } from './scalars';
-import { IParentAttributeData, ITreeData } from './search';
+import { IAttribute, IParentAttributeData, ITreeData } from './search';
 export interface ISelectedAttribute {
     id: string;
     library: string;
@@ -19,3 +19,4 @@ export interface IEmbeddedFields {
     label: SystemTranslation;
     embedded_fields: IEmbeddedFields[];
 }
+export type FullTextAttribute = Pick<IAttribute, 'id' | 'label'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leav/ui",
-  "version": "0.4.0-58529dc",
+  "version": "0.4.0-5a0192c5",
   "description": "Shared React components and hooks",
   "scripts": {
     "prepublishOnly": "yarn build",
@@ -13,7 +13,9 @@
     "test:ci": "jest --maxWorkers=2",
     "test:commit": "jest --maxWorkers=50% --onlyChanged",
     "create_comp": "scripts/createComponent.js",
-    "publish-ui": "npm publish --access public"
+    "publish-ui": "npm publish --access public",
+    "get-version": "jq -r '.version' package.json",
+    "set-version": "jq --arg v $1 '.version = $v' package.json > package.tmp.json && mv package.tmp.json package.json"
   },
   "main": "dist/index",
   "files": [
@@ -23,6 +25,7 @@
   "license": "LGPL3",
   "repository": "https://github.com/leav-solutions/leav-engine",
   "devDependencies": {
+    "@apollo/client": "3.8.1",
     "@babel/preset-env": "7.20.2",
     "@babel/preset-react": "7.18.6",
     "@graphql-codegen/add": "5.0.0",
@@ -36,23 +39,35 @@
     "@types/jest": "29.0.2",
     "@types/lodash.isequal": "^4",
     "@types/object-path": "0.11.1",
+    "@types/react": "18.2.14",
     "@types/react-beautiful-dnd": "13.1.2",
+    "@types/react-dom": "18.2.6",
     "@types/react-table": "7.7.12",
     "@types/uuid": "^9",
+    "antd": "5.22.2",
+    "aristid-ds": "14.0.0-7e64d60",
     "babel-jest": "29.3.1",
     "commander": "9.5.0",
+    "graphql": "16.6.0",
+    "i18next": "22.5.0",
     "jest": "29.0.3",
     "jest-environment-jsdom": "29.3.1",
     "jest-styled-components": "7.1.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-i18next": "12",
+    "react-router-dom": "6.22.0",
+    "styled-components": "6.0.8",
     "ts-jest": "29.0.1",
     "tsc-alias": "1.8.8",
-    "typescript": "5.5.3"
+    "typescript": "5.5.3",
+    "vite": "4.5.14"
   },
   "peerDependencies": {
     "@ant-design/icons": ">=5.2",
     "@apollo/client": ">=3.8.1",
     "antd": "5.22.2",
-    "aristid-ds": "13.0.0-d4d9bc3",
+    "aristid-ds": "14.0.0-7e64d60",
     "dayjs": "^1.11.13",
     "i18next": "22.5",
     "react": "18.2.0",
@@ -80,6 +95,7 @@
     "react-table": "7.8.0",
     "react-table-sticky": "1.1.3",
     "uuid": "9.0.1",
-    "xlsx": "0.18.5"
+    "xlsx": "0.18.5",
+    "zod": "3.25.67"
   }
-}
+}

package/dist/components/RecordEdition/EditRecordContent/hooks/useRecordEditionContext.d.ts

@@ -1,3 +0,0 @@
-import { IRecordEditionContext } from '../_types';
-export declare const RecordEditionContext: import("react").Context<IRecordEditionContext>;
-export declare const useRecordEditionContext: () => IRecordEditionContext;

package/dist/components/RecordEdition/EditRecordContent/hooks/useRecordEditionContext.js

@@ -1,7 +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 { createContext, useContext } from 'react';
-export const RecordEditionContext = createContext({ elements: {}, readOnly: false, record: null });
-export const useRecordEditionContext = () => useContext(RecordEditionContext);
-//# sourceMappingURL=useRecordEditionContext.js.map

package/dist/components/RecordEdition/EditRecordContent/hooks/useRecordEditionContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRecordEditionContext.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordContent/hooks/useRecordEditionContext.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAGhD,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAwB,EAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;AAExH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/useDisplayTreeNode.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import TreeNodeItem from './TreeNodeItem';
-import { TreeFieldWrapper } from './TreeFieldWrapper';
-export const useDisplayTreeNode = ({ attribute, backendValues, removeTreeNode }) => ({
-    TreeNodeList: (_jsx(TreeFieldWrapper, { children: backendValues.map((value, index) => (_jsx(TreeNodeItem, { color: value.treeValue.record.whoAmI.color, label: value.treeValue.record.whoAmI.label, ancestors: value.treeValue.ancestors, canDelete: (attribute.required && attribute.multiple_values && backendValues.length > 1) ||
-                (!attribute.required && attribute.multiple_values), onClickToDelete: () => removeTreeNode(value) }, index))) }))
-});
-//# sourceMappingURL=useDisplayTreeNode.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/useDisplayTreeNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDisplayTreeNode.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/useDisplayTreeNode.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAQpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAC,SAAS,EAAE,aAAa,EAAE,cAAc,EAA2B,EAAE,EAAE,CAAC,CAAC;IACzG,YAAY,EAAE,CACV,KAAC,gBAAgB,cACZ,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,YAAY,IAET,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAC1C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAC1C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,EACpC,SAAS,EACL,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC7E,CAAC,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,eAAe,CAAC,EAEtD,eAAe,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,IARvC,KAAK,CASZ,CACL,CAAC,GACa,CACtB;CACJ,CAAC,CAAC"}

package/dist/components/SelectTreeNodeModal/SelectTreeNodeModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectTreeNodeModal.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNodeModal/SelectTreeNodeModal.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAoB,QAAQ,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAW/C,MAAM,CAAC,MAAM,mBAAmB,GAAiD,CAAC,EAC9E,MAAM,EACN,eAAe,EACf,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,GAAG,KAAK,EACxB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAY;QACxD,EAAE,EAAE,eAAe;QACnB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE;KACf,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,IAAyB,EAAE,QAAiB,EAAE,EAAE;QAC/D,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,QAAQ,IACL,MAAM,EAAE,SAAS,EACjB,aAAa,QACb,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,EACrC,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,EAAC,IAAI,EAAE,EAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAC,EAAC,EACtD,QAAQ,QACR,MAAM,EAAE;YACJ,KAAC,SAAS,IAAc,OAAO,EAAE,aAAa,YACzC,CAAC,CAAC,eAAe,CAAC,IADR,QAAQ,CAEX;YACZ,KAAC,SAAS,IAAC,IAAI,EAAC,SAAS,EAAW,OAAO,EAAE,YAAY,YACpD,CAAC,CAAC,cAAc,CAAC,IADQ,KAAK,CAEvB;SACf,EACD,cAAc,kBAEd,KAAC,cAAc,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,EAClC,aAAa,EAAE,aAAa,GAC9B,GACK,CACd,CAAC;AACN,CAAC,CAAC"}

package/dist/components/SelectTreeNodeModal/index.d.ts

@@ -1 +0,0 @@
-export { SelectTreeNodeModal } from './SelectTreeNodeModal';

package/dist/components/SelectTreeNodeModal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNodeModal/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC"}