@leav/ui 0.4.0-80a4e22 → 0.4.0-8a31349

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeFieldWrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeFieldWrapper.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAExD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;kBACxB,gBAAgB;;;;;CAKjC,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.d.ts

@@ -0,0 +1,10 @@
+import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
+interface IUseTreeNodeItemProps {
+    color?: RecordFormElementsValueTreeValue['treeValue']['record']['whoAmI']['color'];
+    label?: RecordFormElementsValueTreeValue['treeValue']['record']['whoAmI']['label'];
+    ancestors?: RecordFormElementsValueTreeValue['treeValue']['ancestors'];
+    canDelete?: boolean;
+    onClickToDelete?: (node: RecordFormElementsValueTreeValue) => void;
+}
+declare const TreeNodeItem: ({ color, label, ancestors, canDelete, onClickToDelete }: IUseTreeNodeItemProps) => JSX.Element;
+export default TreeNodeItem;

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { KitAvatar, KitBreadcrumb, KitIdCard, KitItemList, KitSpace } from 'aristid-ds';
+import { FaTrash } from 'react-icons/fa';
+import styled from 'styled-components';
+const KitItemListStyled = styled(KitItemList) `
+    border: none;
+    padding: 0;
+
+    &:hover:not(.kit-item-list-disabled) {
+        box-shadow: none;
+    }
+`;
+const KitBreadcrumbStyled = styled(KitBreadcrumb) `
+    &.ant-breadcrumb {
+        li:last-child .ant-breadcrumb-link {
+            color: var(--general-utilities-text-primary);
+        }
+
+        a {
+            cursor: initial;
+            pointer-events: none;
+
+            &:hover {
+                background-color: initial;
+                cursor: initial;
+                pointer-events: none;
+            }
+        }
+    }
+`;
+const BREADCRUMB_SEPARATOR = '>';
+const NOT_FOCUSABLE = -1;
+const TreeNodeItem = ({ color, label, ancestors, canDelete, onClickToDelete }) => {
+    const { t } = useSharedTranslation();
+    return (_jsx(KitItemListStyled, { tabIndex: NOT_FOCUSABLE, idCardSubstitute: _jsxs(KitSpace, { direction: "horizontal", children: [_jsx(KitAvatar, { color: color, label: label, shape: "square" }), _jsxs(KitSpace, { direction: "vertical", size: "none", children: [_jsx(KitIdCard, { title: label }), _jsx(KitBreadcrumbStyled, { items: ancestors?.map(ancestor => ({
+                                title: ancestor.record.whoAmI.label
+                            })), separator: BREADCRUMB_SEPARATOR })] })] }), actions: canDelete
+            ? [
+                {
+                    key: 'delete',
+                    icon: _jsx(FaTrash, {}),
+                    label: t('global.delete'),
+                    title: t('global.delete'),
+                    onClick: onClickToDelete
+                }
+            ]
+            : undefined }));
+};
+export default TreeNodeItem;
+//# sourceMappingURL=TreeNodeItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeItem.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACtF,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AACvC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;;;;;;;CAO5C,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;;;;;;;;;;;;;CAiBhD,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAEjC,MAAM,aAAa,GAAG,CAAC,CAAC,CAAC;AAUzB,MAAM,YAAY,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAwB,EAAE,EAAE;IAClG,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,OAAO,CACH,KAAC,iBAAiB,IACd,QAAQ,EAAE,aAAa,EACvB,gBAAgB,EACZ,MAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,aAC5B,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,QAAQ,GAAG,EACxD,MAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,aACtC,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,EAC3B,KAAC,mBAAmB,IAChB,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gCAC/B,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK;6BACtC,CAAC,CAAC,EACH,SAAS,EAAE,oBAAoB,GACjC,IACK,IACJ,EAEf,OAAO,EACH,SAAS;YACL,CAAC,CAAC;gBACI;oBACI,GAAG,EAAE,QAAQ;oBACb,IAAI,EAAE,KAAC,OAAO,KAAG;oBACjB,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;oBACzB,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;oBACzB,OAAO,EAAE,eAAe;iBAC3B;aACJ;YACH,CAAC,CAAC,SAAS,GAErB,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,11 @@
+import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
+import { RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
+interface IUseDisplayTreeNodeProps {
+    attribute: RecordFormAttributeTreeAttributeFragment;
+    backendValues: RecordFormElementsValueTreeValue[];
+    removeTreeNode: (nodeValue: RecordFormElementsValueTreeValue) => void;
+}
+export declare const useDisplayTreeNode: ({ attribute, backendValues, removeTreeNode }: IUseDisplayTreeNodeProps) => {
+    TreeNodeList: JSX.Element;
+};
+export {};

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+{"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/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.d.ts

@@ -0,0 +1,15 @@
+import { RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
+import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
+import { ITreeNodeWithRecord } from '../../../../../../types';
+import { FunctionComponent } from 'react';
+interface ISelectTreeNodeModalProps {
+    title: string;
+    open: boolean;
+    attribute: RecordFormAttributeTreeAttributeFragment;
+    backendValues: RecordFormElementsValueTreeValue[];
+    onConfirm: (selectedNodes: ITreeNodeWithRecord[]) => void;
+    onClose: () => void;
+    className?: string;
+}
+export declare const SelectTreeNodeModal: FunctionComponent<ISelectTreeNodeModalProps>;
+export {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } 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 { faXmark } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { SelectTreeNode } from '../../../../../../components/SelectTreeNode';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { KitButton, KitModal } from 'aristid-ds';
+import { useState } from 'react';
+import { FaCheck } from 'react-icons/fa';
+const SELECT_TREE_NODE_MODAL_HEIGHT = '563px';
+const SELECT_TREE_NODE_MODAL_WIDTH = '656px';
+export const SelectTreeNodeModal = ({ title, open, attribute, backendValues, onConfirm, onClose, className }) => {
+    const { t } = useSharedTranslation();
+    const [selectedNodes, setSelectedNode] = useState([]);
+    const _handleOnSelect = (node, selected) => {
+        if (!attribute.multiple_values) {
+            setSelectedNode(selected ? [node] : []);
+            return;
+        }
+        if (selected) {
+            setSelectedNode([...selectedNodes, node]);
+        }
+        else {
+            setSelectedNode(selectedNodes.filter(selectedValue => selectedValue.id !== node.id));
+        }
+    };
+    const _handleOnCheck = (selection) => {
+        setSelectedNode(selection.map(node => node).filter(node => !node?.disabled));
+    };
+    const _handleOnConfirm = () => {
+        onConfirm(selectedNodes);
+        onClose();
+    };
+    return (_jsx(KitModal, { className: className, width: SELECT_TREE_NODE_MODAL_WIDTH, height: SELECT_TREE_NODE_MODAL_HEIGHT, title: title, isOpen: open, close: onClose, footer: _jsxs(_Fragment, { children: [_jsx(KitButton, { icon: 
+                    // We can't used react-icons here because it's doesn't have the faXmark icon
+                    _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: onClose, children: t('global.close') }), _jsx(KitButton, { type: "primary", icon: _jsx(FaCheck, {}), onClick: _handleOnConfirm, children: t('global.confirm') })] }), showCloseIcon: true, children: _jsx(SelectTreeNode, { treeId: attribute.linked_tree.id, selectedNodes: [
+                ...backendValues.map(value => value.treeValue.id),
+                ...selectedNodes.map(node => node.id)
+            ], disabledNodes: backendValues.map(value => value.treeValue.id), onSelect: _handleOnSelect, onCheck: _handleOnCheck, checkable: attribute.multiple_values, multiple // We want to be able to set as selected in the tree components, the nodes that are already selected and the disabled nodes
+            : true, canSelectRoot: true }) }));
+};
+//# sourceMappingURL=SelectTreeNodeModal.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTreeNodeModal.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.d.ts

@@ -0,0 +1,23 @@
+import { Dispatch, SetStateAction } from 'react';
+import { RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
+import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
+import { DeleteMultipleValuesFunc, DeleteValueFunc, SubmitValueFunc } from '../../../_types';
+interface IUseManageTreeNodeSelectionProps {
+    modaleTitle: string;
+    attribute: RecordFormAttributeTreeAttributeFragment;
+    backendValues: RecordFormElementsValueTreeValue[];
+    setBackendValues: Dispatch<SetStateAction<RecordFormElementsValueTreeValue[]>>;
+    onValueSubmit: SubmitValueFunc;
+    onValueDelete: DeleteValueFunc;
+    onDeleteMultipleValues: DeleteMultipleValuesFunc;
+    isReadOnly: boolean;
+    isFieldInError: boolean;
+}
+export declare const useManageTreeNodeSelection: ({ modaleTitle, attribute, backendValues, setBackendValues, onValueSubmit, onValueDelete, onDeleteMultipleValues, isReadOnly, isFieldInError }: IUseManageTreeNodeSelectionProps) => {
+    openModal: () => void;
+    removeTreeNode: (nodeValue: RecordFormElementsValueTreeValue, skipAfterRemove?: boolean) => Promise<void>;
+    actionButtonLabel: string;
+    SelectTreeNodeModal: JSX.Element;
+    RemoveAllTreeNodes: JSX.Element;
+};
+export {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.js

@@ -0,0 +1,145 @@
+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, useState } from 'react';
+import { SelectTreeNodeModal } from './SelectTreeNodeModal';
+import { APICallStatus } from '../../../_types';
+import { arrayValueVersionToObject } from '../../../../../../_utils';
+import { DeleteAllValuesButton } from '../../shared/DeleteAllValuesButton';
+import { AntForm } from 'aristid-ds';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+export const useManageTreeNodeSelection = ({ modaleTitle, attribute, backendValues, setBackendValues, onValueSubmit, onValueDelete, onDeleteMultipleValues, isReadOnly, isFieldInError }) => {
+    const { t } = useSharedTranslation();
+    const form = AntForm.useFormInstance();
+    const [isModalVisible, setIsModalVisible] = useState(false);
+    useEffect(() => {
+        if (backendValues.length === 0 && attribute.required) {
+            // Set field in error when TreeField is displayed for the first time. Otherwise, errors will be handled by other functions in this file.
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: [t('errors.standard_field_required')]
+                }
+            ]);
+        }
+    }, []);
+    const openModal = () => {
+        setIsModalVisible(true);
+    };
+    const closeModal = () => {
+        setIsModalVisible(false);
+    };
+    const addTreeNodes = async (selectedNodes) => {
+        const valuesToSave = selectedNodes.map(node => ({
+            attribute,
+            idValue: null,
+            value: node
+        }));
+        // When we will handle computed values, we will need to passe the active version (if still needed)
+        const result = await onValueSubmit(valuesToSave, null);
+        if (!attribute.multiple_values && backendValues.length > 0) {
+            // As we can't replace a single value, we need to remove the previous one
+            await removeTreeNode(backendValues[0], true);
+        }
+        if (result.status === APICallStatus.SUCCESS) {
+            const formattedValues = result.values.map(value => ({
+                ...value,
+                version: arrayValueVersionToObject(value.version),
+                metadata: value.metadata?.map(metadata => ({
+                    ...metadata,
+                    value: {
+                        ...metadata.value,
+                        version: arrayValueVersionToObject(metadata.value.version ?? [])
+                    }
+                }))
+            }));
+            const updatedValues = attribute.multiple_values
+                ? [...backendValues, ...formattedValues]
+                : [...formattedValues];
+            form.setFieldValue(attribute.id, [...updatedValues.map(({ treeValue }) => treeValue.id)]);
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: []
+                }
+            ]);
+            setBackendValues(updatedValues);
+        }
+        if (result.status === APICallStatus.ERROR) {
+            const selectedNodesById = selectedNodes.reduce((acc, cur) => ({ ...acc, [cur.id]: cur }), {});
+            const errorsMessage = result.errors?.map(err => {
+                const linkedRecordLabel = selectedNodesById[err.input].title || selectedNodesById[err.input].id;
+                return `${linkedRecordLabel}: ${err.message}`;
+            });
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: errorsMessage ?? [t('error.error_occurred')]
+                }
+            ]);
+        }
+    };
+    const removeTreeNode = async (nodeValue, skipAfterRemove = false) => {
+        const result = await onValueDelete({ id_value: nodeValue.id_value }, attribute.id);
+        if (skipAfterRemove) {
+            return;
+        }
+        if (result.status === APICallStatus.SUCCESS) {
+            const newBackendValues = backendValues.filter(value => value.id_value !== nodeValue.id_value);
+            form.setFieldValue(attribute.id, newBackendValues.map(({ treeValue }) => treeValue.id));
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: attribute.required && newBackendValues.length === 0 ? [t('errors.standard_field_required')] : []
+                }
+            ]);
+            setBackendValues(newBackendValues);
+        }
+        if (result.status === APICallStatus.ERROR) {
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: [t('error.error_occurred')]
+                }
+            ]);
+        }
+    };
+    const removeAllTreeNodes = async () => {
+        // When we will handle computed values, we will need to passe the active version (if still needed)
+        const result = await onDeleteMultipleValues(attribute.id, backendValues, null);
+        if (result.status === APICallStatus.SUCCESS) {
+            form.setFieldValue(attribute.id, []);
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: attribute.required ? [t('errors.standard_field_required')] : []
+                }
+            ]);
+            setBackendValues([]);
+        }
+        if (result.status === APICallStatus.ERROR) {
+            const errorsMessage = result.errors?.map(err => err.message);
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: errorsMessage ?? [t('error.error_occurred')]
+                }
+            ]);
+        }
+    };
+    const getActionButtonLabel = () => {
+        if (!attribute.multiple_values && backendValues.length > 0) {
+            return `${t('global.replace')} ${modaleTitle}`;
+        }
+        return `${t('global.add')} ${modaleTitle}`;
+    };
+    return {
+        openModal,
+        removeTreeNode,
+        actionButtonLabel: getActionButtonLabel(),
+        SelectTreeNodeModal: isModalVisible ? (_jsx(SelectTreeNodeModal, { open: true, title: modaleTitle, attribute: attribute, backendValues: backendValues, onConfirm: addTreeNodes, onClose: closeModal })) : null,
+        RemoveAllTreeNodes: backendValues.length > 1 && attribute.multiple_values && !attribute.required ? (_jsx(DeleteAllValuesButton, { handleDelete: removeAllTreeNodes, disabled: isReadOnly, danger: isFieldInError })) : null
+    };
+};
+//# sourceMappingURL=useManageTreeNodeSelection.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useManageTreeNodeSelection.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.tsx"],"names":[],"mappings":"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"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/{StandardField → shared}/ComputeIndicator.d.ts

@@ -1,6 +1,8 @@
 import { FunctionComponent } from 'react';
 import { CalculatedFlags, InheritedFlags } from './calculatedInheritedFlags';
-export declare const ComputeIndicator: FunctionComponent<{
+interface IComputeIndicatorProps {
     calculatedFlags: CalculatedFlags;
     inheritedFlags: InheritedFlags;
-}>;
+}
+export declare const ComputeIndicator: FunctionComponent<IComputeIndicatorProps>;
+export {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/ComputeIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComputeIndicator.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/shared/ComputeIndicator.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,UAAU,EAAC,MAAM,YAAY,CAAC;AACtC,OAAO,EAAC,YAAY,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC7D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,gCAAgC,EAAC,MAAM,eAAe,CAAC;AAE/D,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEzC,CAAC;AAOF,MAAM,CAAC,MAAM,gBAAgB,GAA8C,CAAC,EAAC,eAAe,EAAE,cAAc,EAAC,EAAE,EAAE;IAC7G,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,yBAAyB,GAC3B,eAAe,CAAC,4BAA4B,IAAI,cAAc,CAAC,2BAA2B,CAAC;IAC/F,MAAM,0BAA0B,GAC5B,eAAe,CAAC,yBAAyB,IAAI,cAAc,CAAC,wBAAwB,CAAC;IAEzF,OAAO,CACH,MAAC,uBAAuB,eACnB,yBAAyB,IAAI,CAC1B,KAAC,UAAU,IACP,KAAK,EAAE,CAAC,CAAC,iCAAiC,CAAC,EAC3C,eAAe,EAAE,gCAAgC,YAEjD,KAAC,eAAe,KAAG,GACV,CAChB,EACA,0BAA0B,IAAI,CAC3B,KAAC,UAAU,IACP,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAC1C,eAAe,EAAE,gCAAgC,YAEjD,KAAC,YAAY,KAAG,GACP,CAChB,IACqB,CAC7B,CAAC;AACN,CAAC,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/DeleteAllValuesButton.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+interface IDeleteAllValuesButtonProps {
+    handleDelete: () => void;
+    disabled?: boolean;
+    danger?: boolean;
+}
+export declare const DeleteAllValuesButton: FunctionComponent<IDeleteAllValuesButtonProps>;
+export {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/{StandardField → shared}/DeleteAllValuesButton.js

@@ -4,7 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
 import { KitButton, KitModal } from 'aristid-ds';
-export const DeleteAllValuesButton = ({ handleDelete }) => {
+export const DeleteAllValuesButton = ({ handleDelete, disabled, danger }) => {
     const { t } = useSharedTranslation();
     const _confirmDeleteAllValues = () => {
         KitModal.confirm({
@@ -20,6 +20,6 @@ export const DeleteAllValuesButton = ({ handleDelete }) => {
             onOk: handleDelete
         });
     };
-    return (_jsx(KitButton, { type: "tertiary", size: "s", onClick: _confirmDeleteAllValues, children: t('record_edition.delete_all') }));
+    return (_jsx(KitButton, { type: "tertiary", size: "s", onClick: _confirmDeleteAllValues, disabled: disabled, danger: danger, children: t('record_edition.delete_all') }));
 };
 //# sourceMappingURL=DeleteAllValuesButton.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/DeleteAllValuesButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteAllValuesButton.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/shared/DeleteAllValuesButton.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAS/C,MAAM,CAAC,MAAM,qBAAqB,GAAmD,CAAC,EAClF,YAAY,EACZ,QAAQ,EACR,MAAM,EACT,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACjC,QAAQ,CAAC,OAAO,CAAC;YACb,KAAK,EAAE,CAAC,CAAC,kCAAkC,CAAC;YAC5C,OAAO,EAAE,CAAC,CAAC,0CAA0C,CAAC;YACtD,IAAI,EAAE,KAAK;YACX,gBAAgB,EAAE,IAAI;YACtB,aAAa,EAAE,KAAK;YACpB,aAAa,EAAE,IAAI;YACnB,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,CAAC,CAAC,gBAAgB,CAAC;YAC3B,UAAU,EAAE,CAAC,CAAC,eAAe,CAAC;YAC9B,IAAI,EAAE,YAAY;SACrB,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,SAAS,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,uBAAuB,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,YACnG,CAAC,CAAC,2BAA2B,CAAC,GACvB,CACf,CAAC;AACN,CAAC,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/calculatedInheritedFlags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculatedInheritedFlags.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/shared/calculatedInheritedFlags.ts"],"names":[],"mappings":"AA4BA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,WAAmD,EAAkB,EAAE;IACzG,MAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC9E,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,WAAW,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE1G,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;QAC/B,OAAO;YACH,cAAc,EAAE,IAAI;YACpB,gBAAgB,EAAE,KAAK;YACvB,wBAAwB,EAAE,KAAK;YAC/B,2BAA2B,EAAE,KAAK;SACrC,CAAC;IACN,CAAC;IAED,MAAM,gBAAgB,GAAG,IAAI,CAAC;IAE9B,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACnD,OAAO;YACH,cAAc;YACd,gBAAgB;YAChB,2BAA2B,EAAE,IAAI;YACjC,wBAAwB,EAAE,KAAK;SAClC,CAAC;IACN,CAAC;IAED,OAAO;QACH,cAAc;QACd,gBAAgB;QAChB,2BAA2B,EAAE,KAAK;QAClC,wBAAwB,EAAE,IAAI;KACjC,CAAC;AACN,CAAC,CAAC;AAyBF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,WAAmD,EAAmB,EAAE;IAC3G,MAAM,eAAe,GAAG,WAAW,CAAC,IAAI,CACpC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,YAAY,KAAK,IAAI,IAAI,UAAU,CAAC,YAAY,KAAK,SAAS,CAC1F,CAAC;IACF,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAClC,UAAU,CAAC,EAAE,CACT,CAAC,UAAU,CAAC,YAAY,KAAK,IAAI,IAAI,UAAU,CAAC,YAAY,KAAK,SAAS,CAAC;QAC3E,CAAC,UAAU,CAAC,WAAW,KAAK,IAAI,IAAI,UAAU,CAAC,WAAW,KAAK,SAAS,CAAC,CAChF,CAAC;IAEF,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;QAChC,OAAO;YACH,eAAe,EAAE,IAAI;YACrB,iBAAiB,EAAE,KAAK;YACxB,yBAAyB,EAAE,KAAK;YAChC,4BAA4B,EAAE,KAAK;SACtC,CAAC;IACN,CAAC;IAED,MAAM,iBAAiB,GAAG,IAAI,CAAC;IAE/B,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACnD,OAAO;YACH,eAAe;YACf,iBAAiB;YACjB,4BAA4B,EAAE,IAAI;YAClC,yBAAyB,EAAE,KAAK;SACnC,CAAC;IACN,CAAC;IAED,OAAO;QACH,eAAe;QACf,iBAAiB;QACjB,4BAA4B,EAAE,KAAK;QACnC,yBAAyB,EAAE,IAAI;KAClC,CAAC;AACN,CAAC,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/useOutsideInteractionDetector.d.ts

@@ -0,0 +1,17 @@
+import { RecordFormElementFragment } from '../../../../../_gqlTypes';
+import { IEditRecordReducerActions, IRecordPropertyWithAttribute } from '../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
+import { LINK_FIELD_ID_PREFIX, STANDARD_FIELD_ID_PREFIX, TREE_FIELD_ID_PREFIX } from '../../../../../constants';
+import { RecordFormElementsValue } from '../../../../../hooks/useGetRecordForm';
+import { Dispatch } from 'react';
+interface IUseOutsideInteractionDetectorProps {
+    attribute: RecordFormElementFragment['attribute'];
+    activeAttribute: IRecordPropertyWithAttribute | null;
+    dispatch: Dispatch<IEditRecordReducerActions>;
+    formIdToLoad: string | 'edition' | 'creation';
+    backendValues: RecordFormElementsValue[];
+    pendingValues: RecordFormElementsValue[];
+    allowedSelectors?: string[];
+    attributePrefix?: typeof LINK_FIELD_ID_PREFIX | typeof STANDARD_FIELD_ID_PREFIX | typeof TREE_FIELD_ID_PREFIX;
+}
+export declare const useOutsideInteractionDetector: ({ attribute, activeAttribute, attributePrefix, dispatch, formIdToLoad, backendValues, pendingValues, allowedSelectors }: IUseOutsideInteractionDetectorProps) => void;
+export {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/useOutsideInteractionDetector.js

@@ -0,0 +1,76 @@
+import { EditRecordReducerActionsTypes } from '../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
+import { EDIT_RECORD_SIDEBAR_ID } from '../../../../../constants';
+import { useEffect, useRef } from 'react';
+export const useOutsideInteractionDetector = ({ attribute, activeAttribute, attributePrefix, dispatch, formIdToLoad, backendValues, pendingValues, allowedSelectors = [] }) => {
+    // Use a ref to store the current props to access them in the event handlers
+    // This will prevent issue when multiple event handlers are attached to the document
+    const hookPropsRef = useRef({
+        attribute,
+        activeAttribute,
+        attributePrefix,
+        allowedSelectors,
+        formIdToLoad,
+        backendValues,
+        pendingValues
+    });
+    useEffect(() => {
+        hookPropsRef.current = {
+            attribute,
+            activeAttribute,
+            attributePrefix,
+            allowedSelectors,
+            formIdToLoad,
+            backendValues,
+            pendingValues
+        };
+    }, [attribute, activeAttribute, attributePrefix, allowedSelectors, formIdToLoad, backendValues, pendingValues]);
+    useEffect(() => {
+        const handleClick = (event) => {
+            const currentProps = hookPropsRef.current;
+            const elementSelector = '#' + currentProps.attributePrefix + currentProps.attribute.id;
+            const target = event.target;
+            const isClickOnThisElement = target.closest(elementSelector) !== null;
+            if (isClickOnThisElement) {
+                dispatch({
+                    type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
+                    attribute: currentProps.attribute,
+                    values: formIdToLoad === 'creation' ? currentProps.pendingValues : currentProps.backendValues
+                });
+                return;
+            }
+            const sideBarSelector = '#' + EDIT_RECORD_SIDEBAR_ID;
+            const isClickInsideSidebar = target.closest(sideBarSelector) !== null;
+            const isClickOnAllowedSelector = currentProps.allowedSelectors.length > 0 &&
+                currentProps.allowedSelectors.some(selector => target.closest(selector) !== null);
+            if (currentProps.activeAttribute !== null &&
+                currentProps.activeAttribute.attribute.id === currentProps.attribute.id &&
+                !isClickInsideSidebar &&
+                !isClickOnAllowedSelector) {
+                dispatch({
+                    type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
+                    attribute: null
+                });
+            }
+        };
+        const handleFocus = (event) => {
+            const currentProps = hookPropsRef.current;
+            const elementSelector = '#' + currentProps.attributePrefix + currentProps.attribute.id;
+            const target = event.target;
+            const isFocusInsideTargetElement = target.closest(elementSelector) !== null;
+            if (isFocusInsideTargetElement) {
+                dispatch({
+                    type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
+                    attribute: currentProps.attribute,
+                    values: formIdToLoad === 'creation' ? currentProps.pendingValues : currentProps.backendValues
+                });
+            }
+        };
+        document.addEventListener('mousedown', handleClick);
+        document.addEventListener('focusin', handleFocus);
+        return () => {
+            document.removeEventListener('mousedown', handleClick);
+            document.removeEventListener('focusin', handleFocus);
+        };
+    }, [dispatch]);
+};
+//# sourceMappingURL=useOutsideInteractionDetector.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/useOutsideInteractionDetector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideInteractionDetector.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/shared/useOutsideInteractionDetector.ts"],"names":[],"mappings":"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"}

package/dist/components/RecordEdition/EditRecordModal/EditRecordModal.d.ts

@@ -3,6 +3,7 @@ import { IValueVersion } from '../../../types';
 import { RecordIdentityFragment } from '../../../_gqlTypes';
 import { possibleSubmitButtons } from '../_types';
 export interface IEditRecordModalProps {
+    className?: string;
     open: boolean;
     record: RecordIdentityFragment['whoAmI'] | null;
     creationFormId?: string;
@@ -14,5 +15,7 @@ export interface IEditRecordModalProps {
     submitButtons?: possibleSubmitButtons;
     withInfoButton?: boolean;
     valuesVersion?: IValueVersion;
+    showSidebar?: boolean;
+    enableSidebar?: boolean;
 }
 export declare const EditRecordModal: FunctionComponent<IEditRecordModalProps>;