@leav/ui 1.6.0-720c24f0 → 1.6.0-a54099d3

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

@@ -1 +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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","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 ComponentProps, type FunctionComponent, useState} from 'react';\nimport {FaCheck} from 'react-icons/fa';\nimport {faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {KitButton, KitModal} from 'aristid-ds';\nimport {\n    type ChildrenAsRecordValuePermissionFilterInput,\n    type RecordFormAttributeTreeAttributeFragment,\n} from '_ui/_gqlTypes';\nimport {SelectTreeNode} from '_ui/components/SelectTreeNode';\nimport {type RecordFormElementsValueTreeValue} from '_ui/hooks/useGetRecordForm';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type ITreeNodeWithRecord} from '_ui/types';\n\nconst SELECT_TREE_NODE_MODAL_HEIGHT = '563px';\nconst SELECT_TREE_NODE_MODAL_WIDTH = '656px';\n\ntype SelectTreeNodeModalBackendValue =\n    | RecordFormElementsValueTreeValue\n    | {\n          treeValue: {\n              id: string;\n          };\n      };\n\ntype SelectTreeNodeModalAttribute =\n    | RecordFormAttributeTreeAttributeFragment\n    | {\n          multiple_values: boolean;\n          linked_tree: {\n              id: string;\n          };\n      };\n\ninterface ISelectTreeNodeModalProps {\n    title: string;\n    open: boolean;\n    attribute: SelectTreeNodeModalAttribute;\n    backendValues: SelectTreeNodeModalBackendValue[];\n    onConfirm: (selectedNodes: ITreeNodeWithRecord[]) => void;\n    onClose: () => void;\n    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;\n    className?: string;\n}\n\nexport const SelectTreeNodeModal: FunctionComponent<ISelectTreeNodeModalProps> = ({\n    title,\n    open,\n    attribute,\n    backendValues,\n    onConfirm,\n    onClose,\n    childrenAsRecordValuePermissionFilter,\n    className,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const [selectedNodes, setSelectedNodes] = useState<ITreeNodeWithRecord[]>([]);\n\n    const _handleOnSelect: ComponentProps<typeof SelectTreeNode>['onSelect'] = (node, selected) => {\n        if (!attribute.multiple_values) {\n            onConfirm(selected ? [node] : []);\n            onClose();\n            return;\n        }\n\n        if (selected) {\n            setSelectedNodes(prev => [...prev, node]);\n        } else {\n            setSelectedNodes(prev => prev.filter(selectedValue => selectedValue.id !== node.id));\n        }\n    };\n\n    const _handleOnConfirm: ComponentProps<typeof KitButton>['onClick'] = () => {\n        onConfirm(selectedNodes);\n        onClose();\n    };\n\n    return (\n        <KitModal\n            appElement={document.getElementById('root')}\n            className={className}\n            showCloseIcon\n            width={SELECT_TREE_NODE_MODAL_WIDTH}\n            height={SELECT_TREE_NODE_MODAL_HEIGHT}\n            title={title}\n            isOpen={open}\n            close={onClose}\n            footer={\n                <>\n                    <KitButton\n                        icon={\n                            // We can't used react-icons here because it's doesn't have the faXmark icon\n                            <FontAwesomeIcon icon={faXmark} />\n                        }\n                        onClick={onClose}\n                    >\n                        {t('global.close')}\n                    </KitButton>\n                    {attribute.multiple_values && (\n                        <KitButton\n                            type=\"primary\"\n                            icon={<FaCheck />}\n                            disabled={selectedNodes.length === 0}\n                            onClick={_handleOnConfirm}\n                        >\n                            {t('global.confirm')}\n                        </KitButton>\n                    )}\n                </>\n            }\n        >\n            <SelectTreeNode\n                treeId={attribute.linked_tree.id}\n                multiple // We want to be able to set as selected in the tree components, the nodes that are already selected and the disabled nodes\n                selectedNodes={[\n                    ...selectedNodes.map(node => node.id),\n                    ...backendValues.map(value => value.treeValue.id),\n                ]}\n                childrenAsRecordValuePermissionFilter={childrenAsRecordValuePermissionFilter}\n                disabledNodes={backendValues.map(value => value.treeValue.id).concat(attribute.linked_tree.id)}\n                onSelect={_handleOnSelect}\n            />\n        </KitModal>\n    );\n};\n"]}
+{"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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","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 ComponentProps, type FunctionComponent, useState} from 'react';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faCheck, faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {KitButton, KitModal} from 'aristid-ds';\nimport {\n    type ChildrenAsRecordValuePermissionFilterInput,\n    type RecordFormAttributeTreeAttributeFragment,\n} from '_ui/_gqlTypes';\nimport {SelectTreeNode} from '_ui/components/SelectTreeNode';\nimport {type RecordFormElementsValueTreeValue} from '_ui/hooks/useGetRecordForm';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type ITreeNodeWithRecord} from '_ui/types';\n\nconst SELECT_TREE_NODE_MODAL_HEIGHT = '563px';\nconst SELECT_TREE_NODE_MODAL_WIDTH = '656px';\n\ntype SelectTreeNodeModalBackendValue =\n    | RecordFormElementsValueTreeValue\n    | {\n          treeValue: {\n              id: string;\n          };\n      };\n\ntype SelectTreeNodeModalAttribute =\n    | RecordFormAttributeTreeAttributeFragment\n    | {\n          multiple_values: boolean;\n          linked_tree: {\n              id: string;\n          };\n      };\n\ninterface ISelectTreeNodeModalProps {\n    title: string;\n    open: boolean;\n    attribute: SelectTreeNodeModalAttribute;\n    backendValues: SelectTreeNodeModalBackendValue[];\n    onConfirm: (selectedNodes: ITreeNodeWithRecord[]) => void;\n    onClose: () => void;\n    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;\n    className?: string;\n}\n\nexport const SelectTreeNodeModal: FunctionComponent<ISelectTreeNodeModalProps> = ({\n    title,\n    open,\n    attribute,\n    backendValues,\n    onConfirm,\n    onClose,\n    childrenAsRecordValuePermissionFilter,\n    className,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const [selectedNodes, setSelectedNodes] = useState<ITreeNodeWithRecord[]>([]);\n\n    const _handleOnSelect: ComponentProps<typeof SelectTreeNode>['onSelect'] = (node, selected) => {\n        if (!attribute.multiple_values) {\n            onConfirm(selected ? [node] : []);\n            onClose();\n            return;\n        }\n\n        if (selected) {\n            setSelectedNodes(prev => [...prev, node]);\n        } else {\n            setSelectedNodes(prev => prev.filter(selectedValue => selectedValue.id !== node.id));\n        }\n    };\n\n    const _handleOnConfirm: ComponentProps<typeof KitButton>['onClick'] = () => {\n        onConfirm(selectedNodes);\n        onClose();\n    };\n\n    return (\n        <KitModal\n            appElement={document.getElementById('root')}\n            className={className}\n            showCloseIcon\n            width={SELECT_TREE_NODE_MODAL_WIDTH}\n            height={SELECT_TREE_NODE_MODAL_HEIGHT}\n            title={title}\n            isOpen={open}\n            close={onClose}\n            footer={\n                <>\n                    <KitButton icon={<FontAwesomeIcon icon={faXmark} />} onClick={onClose}>\n                        {t('global.close')}\n                    </KitButton>\n                    {attribute.multiple_values && (\n                        <KitButton\n                            type=\"primary\"\n                            icon={<FontAwesomeIcon icon={faCheck} />}\n                            disabled={selectedNodes.length === 0}\n                            onClick={_handleOnConfirm}\n                        >\n                            {t('global.confirm')}\n                        </KitButton>\n                    )}\n                </>\n            }\n        >\n            <SelectTreeNode\n                treeId={attribute.linked_tree.id}\n                multiple // We want to be able to set as selected in the tree components, the nodes that are already selected and the disabled nodes\n                selectedNodes={[\n                    ...selectedNodes.map(node => node.id),\n                    ...backendValues.map(value => value.treeValue.id),\n                ]}\n                childrenAsRecordValuePermissionFilter={childrenAsRecordValuePermissionFilter}\n                disabledNodes={backendValues.map(value => value.treeValue.id).concat(attribute.linked_tree.id)}\n                onSelect={_handleOnSelect}\n            />\n        </KitModal>\n    );\n};\n"]}

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { KitTooltip } from 'aristid-ds';
-import { FaLayerGroup, FaSquareRootAlt } from 'react-icons/fa';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faLayerGroup, faSquareRootAlt } from '@fortawesome/free-solid-svg-icons';
 import styled from 'styled-components';
 import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
 import { TOOLTIP_DEFAULT_DELAY_IN_SECONDS } from '../../../../../constants';
@@ -11,6 +12,6 @@ export const ComputeIndicator = ({ calculatedFlags, inheritedFlags }) => {
     const { t } = useSharedTranslation();
     const shouldDisplayComputedIcon = calculatedFlags.isCalculatedNotOverrideValues || inheritedFlags.isInheritedNotOverrideValues;
     const shouldDisplayOverridedIcon = calculatedFlags.isCalculatedOverrideValues || inheritedFlags.isInheritedOverrideValues;
-    return (_jsxs(ComputeIndicatorWrapper, { children: [shouldDisplayComputedIcon && (_jsx(KitTooltip, { title: t('record_edition.calculated_value'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(FaSquareRootAlt, {}) })), shouldDisplayOverridedIcon && (_jsx(KitTooltip, { title: t('record_edition.overrided_value'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(FaLayerGroup, {}) }))] }));
+    return (_jsxs(ComputeIndicatorWrapper, { children: [shouldDisplayComputedIcon && (_jsx(KitTooltip, { title: t('record_edition.calculated_value'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(FontAwesomeIcon, { icon: faSquareRootAlt }) })), shouldDisplayOverridedIcon && (_jsx(KitTooltip, { title: t('record_edition.overrided_value'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(FontAwesomeIcon, { icon: faLayerGroup }) }))] }));
 };
 //# sourceMappingURL=ComputeIndicator.js.map

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

@@ -1 +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,6BAA6B,IAAI,cAAc,CAAC,4BAA4B,CAAC;IACjG,MAAM,0BAA0B,GAC5B,eAAe,CAAC,0BAA0B,IAAI,cAAc,CAAC,yBAAyB,CAAC;IAE3F,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","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 FunctionComponent} from 'react';\nimport {type CalculatedFlags, type InheritedFlags} from './calculatedInheritedFlags';\nimport {KitTooltip} from 'aristid-ds';\nimport {FaLayerGroup, FaSquareRootAlt} from 'react-icons/fa';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {TOOLTIP_DEFAULT_DELAY_IN_SECONDS} from '_ui/constants';\n\nconst ComputeIndicatorWrapper = styled.div`\n    font-size: calc(var(--general-typography-fontSize7) * 1px);\n`;\n\ninterface IComputeIndicatorProps {\n    calculatedFlags: CalculatedFlags;\n    inheritedFlags: InheritedFlags;\n}\n\nexport const ComputeIndicator: FunctionComponent<IComputeIndicatorProps> = ({calculatedFlags, inheritedFlags}) => {\n    const {t} = useSharedTranslation();\n\n    const shouldDisplayComputedIcon =\n        calculatedFlags.isCalculatedNotOverrideValues || inheritedFlags.isInheritedNotOverrideValues;\n    const shouldDisplayOverridedIcon =\n        calculatedFlags.isCalculatedOverrideValues || inheritedFlags.isInheritedOverrideValues;\n\n    return (\n        <ComputeIndicatorWrapper>\n            {shouldDisplayComputedIcon && (\n                <KitTooltip\n                    title={t('record_edition.calculated_value')}\n                    mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                >\n                    <FaSquareRootAlt />\n                </KitTooltip>\n            )}\n            {shouldDisplayOverridedIcon && (\n                <KitTooltip\n                    title={t('record_edition.overrided_value')}\n                    mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                >\n                    <FaLayerGroup />\n                </KitTooltip>\n            )}\n        </ComputeIndicatorWrapper>\n    );\n};\n"]}
+{"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,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,YAAY,EAAE,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAChF,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,6BAA6B,IAAI,cAAc,CAAC,4BAA4B,CAAC;IACjG,MAAM,0BAA0B,GAC5B,eAAe,CAAC,0BAA0B,IAAI,cAAc,CAAC,yBAAyB,CAAC;IAE3F,OAAO,CACH,MAAC,uBAAuB,eACnB,yBAAyB,IAAI,CAC1B,KAAC,UAAU,IACP,KAAK,EAAE,CAAC,CAAC,iCAAiC,CAAC,EAC3C,eAAe,EAAE,gCAAgC,YAEjD,KAAC,eAAe,IAAC,IAAI,EAAE,eAAe,GAAI,GACjC,CAChB,EACA,0BAA0B,IAAI,CAC3B,KAAC,UAAU,IACP,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAC1C,eAAe,EAAE,gCAAgC,YAEjD,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,GAC9B,CAChB,IACqB,CAC7B,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 FunctionComponent} from 'react';\nimport {type CalculatedFlags, type InheritedFlags} from './calculatedInheritedFlags';\nimport {KitTooltip} from 'aristid-ds';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faLayerGroup, faSquareRootAlt} from '@fortawesome/free-solid-svg-icons';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {TOOLTIP_DEFAULT_DELAY_IN_SECONDS} from '_ui/constants';\n\nconst ComputeIndicatorWrapper = styled.div`\n    font-size: calc(var(--general-typography-fontSize7) * 1px);\n`;\n\ninterface IComputeIndicatorProps {\n    calculatedFlags: CalculatedFlags;\n    inheritedFlags: InheritedFlags;\n}\n\nexport const ComputeIndicator: FunctionComponent<IComputeIndicatorProps> = ({calculatedFlags, inheritedFlags}) => {\n    const {t} = useSharedTranslation();\n\n    const shouldDisplayComputedIcon =\n        calculatedFlags.isCalculatedNotOverrideValues || inheritedFlags.isInheritedNotOverrideValues;\n    const shouldDisplayOverridedIcon =\n        calculatedFlags.isCalculatedOverrideValues || inheritedFlags.isInheritedOverrideValues;\n\n    return (\n        <ComputeIndicatorWrapper>\n            {shouldDisplayComputedIcon && (\n                <KitTooltip\n                    title={t('record_edition.calculated_value')}\n                    mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                >\n                    <FontAwesomeIcon icon={faSquareRootAlt} />\n                </KitTooltip>\n            )}\n            {shouldDisplayOverridedIcon && (\n                <KitTooltip\n                    title={t('record_edition.overrided_value')}\n                    mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                >\n                    <FontAwesomeIcon icon={faLayerGroup} />\n                </KitTooltip>\n            )}\n        </ComputeIndicatorWrapper>\n    );\n};\n"]}

package/dist/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordInformations/RecordInformations.js

@@ -5,7 +5,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import styled from 'styled-components';
 import { KitButton, KitTooltip } from 'aristid-ds';
-import { FaExpand } from 'react-icons/fa';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faExpand } from '@fortawesome/free-solid-svg-icons';
 import PropertiesList from '../../PropertiesList';
 import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
 import { useRecordInformations } from './useRecordInformations';
@@ -37,6 +38,6 @@ export const RecordInformations = ({ record, recordData }) => {
     const [isFilePreviewModalOpen, setFilePreviewModalOpen] = useState(false);
     const previewFile = record?.preview?.file;
     const preview = record?.preview?.medium ? String(record?.preview?.medium) : null;
-    return (_jsxs(InformationsWrapper, { children: [_jsxs(PreviewWrapper, { children: [_jsx(EntityPreview, { label: record?.label ?? record?.id, color: record?.color, image: preview, imageStyle: { border: 'none' }, placeholderStyle: { height: '100%', width: 'fit-content', margin: 'auto', borderRadius: '0' }, style: { height: '100%', background: 'initial' }, tile: true }), previewFile !== undefined && (_jsx(KitTooltip, { title: t('record_summary.open_preview_modal'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(ExpandImageButton, { "aria-label": t('record_summary.open_preview_modal'), type: "tertiary", icon: _jsx(FaExpand, {}), onClick: () => setFilePreviewModalOpen(true) }) }))] }), isFilePreviewModalOpen && (_jsx(FileModal, { open: isFilePreviewModalOpen, fileId: previewFile?.id, libraryId: previewFile?.library, onClose: () => setFilePreviewModalOpen(false) })), _jsx(ContentWrapper, { children: _jsx(PropertiesList, { items: recordInformations }) })] }));
+    return (_jsxs(InformationsWrapper, { children: [_jsxs(PreviewWrapper, { children: [_jsx(EntityPreview, { label: record?.label ?? record?.id, color: record?.color, image: preview, imageStyle: { border: 'none' }, placeholderStyle: { height: '100%', width: 'fit-content', margin: 'auto', borderRadius: '0' }, style: { height: '100%', background: 'initial' }, tile: true }), previewFile !== undefined && (_jsx(KitTooltip, { title: t('record_summary.open_preview_modal'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(ExpandImageButton, { "aria-label": t('record_summary.open_preview_modal'), type: "tertiary", icon: _jsx(FontAwesomeIcon, { icon: faExpand }), onClick: () => setFilePreviewModalOpen(true) }) }))] }), isFilePreviewModalOpen && (_jsx(FileModal, { open: isFilePreviewModalOpen, fileId: previewFile?.id, libraryId: previewFile?.library, onClose: () => setFilePreviewModalOpen(false) })), _jsx(ContentWrapper, { children: _jsx(PropertiesList, { items: recordInformations }) })] }));
 };
 //# sourceMappingURL=RecordInformations.js.map

package/dist/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordInformations/RecordInformations.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecordInformations.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordInformations/RecordInformations.tsx"],"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 {type FunctionComponent, useState} from 'react';\nimport {type IRecordIdentityWhoAmI} from '_ui/types';\nimport styled from 'styled-components';\nimport {KitButton, KitTooltip} from 'aristid-ds';\nimport {FaExpand} from 'react-icons/fa';\nimport PropertiesList from '../../PropertiesList';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type GetRecordColumnsValuesRecord} from '_ui/_queries/records/getRecordColumnsValues';\nimport {useRecordInformations} from './useRecordInformations';\nimport FileModal from '_ui/components/RecordPreviewWithModal/FileModal';\nimport {EntityPreview} from '_ui/components/EntityPreview';\nimport {TOOLTIP_DEFAULT_DELAY_IN_SECONDS} from '_ui/constants';\n\ninterface IInformationsProps {\n    record: IRecordIdentityWhoAmI;\n    recordData: GetRecordColumnsValuesRecord;\n}\n\nconst InformationsWrapper = styled.div`\n    margin-top: calc(var(--general-spacing-s) * 1px);\n`;\n\nconst PreviewWrapper = styled.div`\n    position: relative;\n    width: 100%;\n    height: 162px;\n    background-color: var(--general-colors-primary-50);\n    border-radius: calc(var(--general-border-radius-s) * 1px);\n    padding: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst ExpandImageButton = styled(KitButton)`\n    position: absolute;\n    right: 0;\n    top: 0;\n`;\n\nconst ContentWrapper = styled.div`\n    margin-top: calc(var(--general-spacing-s) * 1px);\n`;\n\nexport const RecordInformations: FunctionComponent<IInformationsProps> = ({record, recordData}) => {\n    const {t} = useSharedTranslation();\n    const recordInformations = useRecordInformations(record, recordData);\n    const [isFilePreviewModalOpen, setFilePreviewModalOpen] = useState(false);\n\n    const previewFile = record?.preview?.file;\n    const preview = record?.preview?.medium ? String(record?.preview?.medium) : null;\n\n    return (\n        <InformationsWrapper>\n            <PreviewWrapper>\n                <EntityPreview\n                    label={record?.label ?? record?.id}\n                    color={record?.color}\n                    image={preview}\n                    imageStyle={{border: 'none'}}\n                    placeholderStyle={{height: '100%', width: 'fit-content', margin: 'auto', borderRadius: '0'}}\n                    style={{height: '100%', background: 'initial'}}\n                    tile\n                />\n                {previewFile !== undefined && (\n                    <KitTooltip\n                        title={t('record_summary.open_preview_modal')}\n                        mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                    >\n                        <ExpandImageButton\n                            aria-label={t('record_summary.open_preview_modal')}\n                            type=\"tertiary\"\n                            icon={<FaExpand />}\n                            onClick={() => setFilePreviewModalOpen(true)}\n                        />\n                    </KitTooltip>\n                )}\n            </PreviewWrapper>\n            {isFilePreviewModalOpen && (\n                <FileModal\n                    open={isFilePreviewModalOpen}\n                    fileId={previewFile?.id}\n                    libraryId={previewFile?.library}\n                    onClose={() => setFilePreviewModalOpen(false)}\n                />\n            )}\n            <ContentWrapper>\n                <PropertiesList items={recordInformations} />\n            </ContentWrapper>\n        </InformationsWrapper>\n    );\n};\n"]}
+{"version":3,"file":"RecordInformations.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordInformations/RecordInformations.tsx"],"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 {type FunctionComponent, useState} from 'react';\nimport {type IRecordIdentityWhoAmI} from '_ui/types';\nimport styled from 'styled-components';\nimport {KitButton, KitTooltip} from 'aristid-ds';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faExpand} from '@fortawesome/free-solid-svg-icons';\nimport PropertiesList from '../../PropertiesList';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type GetRecordColumnsValuesRecord} from '_ui/_queries/records/getRecordColumnsValues';\nimport {useRecordInformations} from './useRecordInformations';\nimport FileModal from '_ui/components/RecordPreviewWithModal/FileModal';\nimport {EntityPreview} from '_ui/components/EntityPreview';\nimport {TOOLTIP_DEFAULT_DELAY_IN_SECONDS} from '_ui/constants';\n\ninterface IInformationsProps {\n    record: IRecordIdentityWhoAmI;\n    recordData: GetRecordColumnsValuesRecord;\n}\n\nconst InformationsWrapper = styled.div`\n    margin-top: calc(var(--general-spacing-s) * 1px);\n`;\n\nconst PreviewWrapper = styled.div`\n    position: relative;\n    width: 100%;\n    height: 162px;\n    background-color: var(--general-colors-primary-50);\n    border-radius: calc(var(--general-border-radius-s) * 1px);\n    padding: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst ExpandImageButton = styled(KitButton)`\n    position: absolute;\n    right: 0;\n    top: 0;\n`;\n\nconst ContentWrapper = styled.div`\n    margin-top: calc(var(--general-spacing-s) * 1px);\n`;\n\nexport const RecordInformations: FunctionComponent<IInformationsProps> = ({record, recordData}) => {\n    const {t} = useSharedTranslation();\n    const recordInformations = useRecordInformations(record, recordData);\n    const [isFilePreviewModalOpen, setFilePreviewModalOpen] = useState(false);\n\n    const previewFile = record?.preview?.file;\n    const preview = record?.preview?.medium ? String(record?.preview?.medium) : null;\n\n    return (\n        <InformationsWrapper>\n            <PreviewWrapper>\n                <EntityPreview\n                    label={record?.label ?? record?.id}\n                    color={record?.color}\n                    image={preview}\n                    imageStyle={{border: 'none'}}\n                    placeholderStyle={{height: '100%', width: 'fit-content', margin: 'auto', borderRadius: '0'}}\n                    style={{height: '100%', background: 'initial'}}\n                    tile\n                />\n                {previewFile !== undefined && (\n                    <KitTooltip\n                        title={t('record_summary.open_preview_modal')}\n                        mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                    >\n                        <ExpandImageButton\n                            aria-label={t('record_summary.open_preview_modal')}\n                            type=\"tertiary\"\n                            icon={<FontAwesomeIcon icon={faExpand} />}\n                            onClick={() => setFilePreviewModalOpen(true)}\n                        />\n                    </KitTooltip>\n                )}\n            </PreviewWrapper>\n            {isFilePreviewModalOpen && (\n                <FileModal\n                    open={isFilePreviewModalOpen}\n                    fileId={previewFile?.id}\n                    libraryId={previewFile?.library}\n                    onClose={() => setFilePreviewModalOpen(false)}\n                />\n            )}\n            <ContentWrapper>\n                <PropertiesList items={recordInformations} />\n            </ContentWrapper>\n        </InformationsWrapper>\n    );\n};\n"]}

package/dist/components/RecordEdition/EditRecordSidebar/ValuesSummary/ValuesSummary.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { KitBadge, KitTabs, KitTree } from 'aristid-ds';
 import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { FaLayerGroup, FaSquareRootAlt } from 'react-icons/fa';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faLayerGroup, faSquareRootAlt } from '@fortawesome/free-solid-svg-icons';
 import styled from 'styled-components';
 import { RecordHistory } from '../../../RecordHistory/RecordHistory';
 const InformationsWrapper = styled.div `
@@ -55,7 +56,7 @@ export const ValuesSummary = ({ record, attributeId, globalValues = [], calculat
                                             display: 'flex',
                                             alignItems: 'center',
                                             justifyContent: 'space-between',
-                                        }, children: [_jsxs("span", { children: [_jsx(FaSquareRootAlt, {}), " ", t('record_summary.calculated_value')] }), _jsx(KitBadge, { count: stripedCalculatedValues.length, color: "primary" })] })),
+                                        }, children: [_jsxs("span", { children: [_jsx(FontAwesomeIcon, { icon: faSquareRootAlt }), ' ', t('record_summary.calculated_value')] }), _jsx(KitBadge, { count: stripedCalculatedValues.length, color: "primary" })] })),
                                     children: stripedCalculatedValues.length > 0
                                         ? stripedCalculatedValues.map((calculatedValue, index) => ({
                                             key: `${calculatedValueKey}-${index}`,
@@ -74,7 +75,7 @@ export const ValuesSummary = ({ record, attributeId, globalValues = [], calculat
                                             display: 'flex',
                                             alignItems: 'center',
                                             justifyContent: 'space-between',
-                                        }, children: [_jsxs("span", { children: [_jsx(FaLayerGroup, {}), " ", t('record_summary.global')] }), _jsx(KitBadge, { count: stripedGlobalValues.length, color: "primary" })] })),
+                                        }, children: [_jsxs("span", { children: [_jsx(FontAwesomeIcon, { icon: faLayerGroup }), ' ', t('record_summary.global')] }), _jsx(KitBadge, { count: stripedGlobalValues.length, color: "primary" })] })),
                                     children: stripedGlobalValues.length > 0
                                         ? stripedGlobalValues.map((value, index) => ({
                                             key: `${globalValueKey}-${index}`,

package/dist/components/RecordEdition/EditRecordSidebar/ValuesSummary/ValuesSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValuesSummary.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/ValuesSummary/ValuesSummary.tsx"],"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 {type FunctionComponent} from 'react';\nimport {type RecordFormElementsValueStandardValue} from '_ui/hooks/useGetRecordForm';\nimport {KitBadge, KitTabs, KitTree} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {FaLayerGroup, FaSquareRootAlt} from 'react-icons/fa';\nimport styled from 'styled-components';\nimport {type IRecordIdentityWhoAmI} from '_ui/types';\nimport {RecordHistory} from '../../../RecordHistory/RecordHistory';\n\nconst InformationsWrapper = styled.div`\n    margin-top: calc(var(--general-spacing-s) * 1px);\n`;\n\nconst StyledDivContentWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n`;\n\ninterface IValuesSummaryProps {\n    record: IRecordIdentityWhoAmI | null;\n    attributeId: string;\n    globalValues?: Array<RecordFormElementsValueStandardValue['payload']>;\n    calculatedValues?: Array<RecordFormElementsValueStandardValue['payload']>;\n}\n\nconst calculatedValueKey = '0';\nconst globalValueKey = '1';\n\n// https://stackoverflow.com/questions/822452/strip-html-tags-from-text-using-plain-javascript\nconst stripHtml = (html: string): string => {\n    const doc = new DOMParser().parseFromString(html, 'text/html');\n    return doc.body.textContent || '';\n};\n\nconst _isDateRangeValue = (value: any): value is {from: string; to: string} =>\n    !!value && typeof value === 'object' && 'from' in value && 'to' in value;\n\nexport const ValuesSummary: FunctionComponent<IValuesSummaryProps> = ({\n    record,\n    attributeId,\n    globalValues = [],\n    calculatedValues = [],\n}) => {\n    const {t} = useSharedTranslation();\n\n    const stringifyValue = (value: RecordFormElementsValueStandardValue['payload']): string => {\n        if (typeof value === 'string') {\n            return stripHtml(value);\n        }\n\n        if (typeof value === 'boolean') {\n            return value ? t('global.yes') : t('global.no');\n        }\n\n        if (_isDateRangeValue(value)) {\n            return t('record_edition.date_range_value', {\n                from: value.from,\n                to: value.to,\n                interpolation: {\n                    escapeValue: false,\n                },\n            });\n        }\n\n        return value;\n    };\n\n    const stripedGlobalValues = globalValues.map(stringifyValue);\n    const stripedCalculatedValues = calculatedValues.map(stringifyValue);\n\n    return (\n        <StyledDivContentWrapper>\n            <KitTabs\n                items={[\n                    {\n                        key: 'version_values',\n                        label: t('record_summary.values_version'),\n                        tabContent: (\n                            <InformationsWrapper>\n                                <KitTree\n                                    defaultExpandAll\n                                    selectedKeys={\n                                        calculatedValues.length > 0 && globalValues.length === 0\n                                            ? [calculatedValueKey]\n                                            : [globalValueKey]\n                                    }\n                                    treeData={[\n                                        {\n                                            key: calculatedValueKey,\n                                            title: (\n                                                <div\n                                                    style={{\n                                                        display: 'flex',\n                                                        alignItems: 'center',\n                                                        justifyContent: 'space-between',\n                                                    }}\n                                                >\n                                                    <span>\n                                                        <FaSquareRootAlt /> {t('record_summary.calculated_value')}\n                                                    </span>\n                                                    <KitBadge count={stripedCalculatedValues.length} color=\"primary\" />\n                                                </div>\n                                            ),\n                                            children:\n                                                stripedCalculatedValues.length > 0\n                                                    ? stripedCalculatedValues.map((calculatedValue, index) => ({\n                                                          key: `${calculatedValueKey}-${index}`,\n                                                          title: calculatedValue,\n                                                      }))\n                                                    : [\n                                                          {\n                                                              key: `${calculatedValueKey}-${0}`,\n                                                              title: <i>{t('record_summary.no_value')}</i>,\n                                                          },\n                                                      ],\n                                        },\n                                        {\n                                            key: globalValueKey,\n                                            title: (\n                                                <div\n                                                    style={{\n                                                        display: 'flex',\n                                                        alignItems: 'center',\n                                                        justifyContent: 'space-between',\n                                                    }}\n                                                >\n                                                    <span>\n                                                        <FaLayerGroup /> {t('record_summary.global')}\n                                                    </span>\n                                                    <KitBadge count={stripedGlobalValues.length} color=\"primary\" />\n                                                </div>\n                                            ),\n                                            children:\n                                                stripedGlobalValues.length > 0\n                                                    ? stripedGlobalValues.map((value, index) => ({\n                                                          key: `${globalValueKey}-${index}`,\n                                                          title: value,\n                                                      }))\n                                                    : [\n                                                          {\n                                                              key: `${globalValueKey}-${0}`,\n                                                              title: <i>{t('record_summary.no_value')}</i>,\n                                                          },\n                                                      ],\n                                        },\n                                    ]}\n                                />\n                            </InformationsWrapper>\n                        ),\n                    },\n                    {\n                        key: 'history',\n                        label: t('record_summary.history'),\n                        tabContent: <RecordHistory record={record} attributeId={attributeId} />,\n                    },\n                ]}\n            />\n        </StyledDivContentWrapper>\n    );\n};\n\nexport default ValuesSummary;\n"]}
+{"version":3,"file":"ValuesSummary.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/ValuesSummary/ValuesSummary.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAC,MAAM,YAAY,CAAC;AACtD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,YAAY,EAAE,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAChF,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,aAAa,EAAC,MAAM,sCAAsC,CAAC;AAEnE,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAErC,CAAC;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIzC,CAAC;AASF,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,cAAc,GAAG,GAAG,CAAC;AAE3B,8FAA8F;AAC9F,MAAM,SAAS,GAAG,CAAC,IAAY,EAAU,EAAE;IACvC,MAAM,GAAG,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAC/D,OAAO,GAAG,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAuC,EAAE,CAC1E,CAAC,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC;AAE7E,MAAM,CAAC,MAAM,aAAa,GAA2C,CAAC,EAClE,MAAM,EACN,WAAW,EACX,YAAY,GAAG,EAAE,EACjB,gBAAgB,GAAG,EAAE,GACxB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,cAAc,GAAG,CAAC,KAAsD,EAAU,EAAE;QACtF,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;QAED,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YAC7B,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QACpD,CAAC;QAED,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO,CAAC,CAAC,iCAAiC,EAAE;gBACxC,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,EAAE,EAAE,KAAK,CAAC,EAAE;gBACZ,aAAa,EAAE;oBACX,WAAW,EAAE,KAAK;iBACrB;aACJ,CAAC,CAAC;QACP,CAAC;QAED,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,YAAY,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC7D,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAErE,OAAO,CACH,KAAC,uBAAuB,cACpB,KAAC,OAAO,IACJ,KAAK,EAAE;gBACH;oBACI,GAAG,EAAE,gBAAgB;oBACrB,KAAK,EAAE,CAAC,CAAC,+BAA+B,CAAC;oBACzC,UAAU,EAAE,CACR,KAAC,mBAAmB,cAChB,KAAC,OAAO,IACJ,gBAAgB,QAChB,YAAY,EACR,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;gCACpD,CAAC,CAAC,CAAC,kBAAkB,CAAC;gCACtB,CAAC,CAAC,CAAC,cAAc,CAAC,EAE1B,QAAQ,EAAE;gCACN;oCACI,GAAG,EAAE,kBAAkB;oCACvB,KAAK,EAAE,CACH,eACI,KAAK,EAAE;4CACH,OAAO,EAAE,MAAM;4CACf,UAAU,EAAE,QAAQ;4CACpB,cAAc,EAAE,eAAe;yCAClC,aAED,2BACI,KAAC,eAAe,IAAC,IAAI,EAAE,eAAe,GAAI,EAAC,GAAG,EAC7C,CAAC,CAAC,iCAAiC,CAAC,IAClC,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,uBAAuB,CAAC,MAAM,EAAE,KAAK,EAAC,SAAS,GAAG,IACjE,CACT;oCACD,QAAQ,EACJ,uBAAuB,CAAC,MAAM,GAAG,CAAC;wCAC9B,CAAC,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;4CACrD,GAAG,EAAE,GAAG,kBAAkB,IAAI,KAAK,EAAE;4CACrC,KAAK,EAAE,eAAe;yCACzB,CAAC,CAAC;wCACL,CAAC,CAAC;4CACI;gDACI,GAAG,EAAE,GAAG,kBAAkB,IAAI,CAAC,EAAE;gDACjC,KAAK,EAAE,sBAAI,CAAC,CAAC,yBAAyB,CAAC,GAAK;6CAC/C;yCACJ;iCACd;gCACD;oCACI,GAAG,EAAE,cAAc;oCACnB,KAAK,EAAE,CACH,eACI,KAAK,EAAE;4CACH,OAAO,EAAE,MAAM;4CACf,UAAU,EAAE,QAAQ;4CACpB,cAAc,EAAE,eAAe;yCAClC,aAED,2BACI,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,EAAC,GAAG,EAC1C,CAAC,CAAC,uBAAuB,CAAC,IACxB,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,mBAAmB,CAAC,MAAM,EAAE,KAAK,EAAC,SAAS,GAAG,IAC7D,CACT;oCACD,QAAQ,EACJ,mBAAmB,CAAC,MAAM,GAAG,CAAC;wCAC1B,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;4CACvC,GAAG,EAAE,GAAG,cAAc,IAAI,KAAK,EAAE;4CACjC,KAAK,EAAE,KAAK;yCACf,CAAC,CAAC;wCACL,CAAC,CAAC;4CACI;gDACI,GAAG,EAAE,GAAG,cAAc,IAAI,CAAC,EAAE;gDAC7B,KAAK,EAAE,sBAAI,CAAC,CAAC,yBAAyB,CAAC,GAAK;6CAC/C;yCACJ;iCACd;6BACJ,GACH,GACgB,CACzB;iBACJ;gBACD;oBACI,GAAG,EAAE,SAAS;oBACd,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC;oBAClC,UAAU,EAAE,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI;iBAC1E;aACJ,GACH,GACoB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,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 FunctionComponent} from 'react';\nimport {type RecordFormElementsValueStandardValue} from '_ui/hooks/useGetRecordForm';\nimport {KitBadge, KitTabs, KitTree} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faLayerGroup, faSquareRootAlt} from '@fortawesome/free-solid-svg-icons';\nimport styled from 'styled-components';\nimport {type IRecordIdentityWhoAmI} from '_ui/types';\nimport {RecordHistory} from '../../../RecordHistory/RecordHistory';\n\nconst InformationsWrapper = styled.div`\n    margin-top: calc(var(--general-spacing-s) * 1px);\n`;\n\nconst StyledDivContentWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n`;\n\ninterface IValuesSummaryProps {\n    record: IRecordIdentityWhoAmI | null;\n    attributeId: string;\n    globalValues?: Array<RecordFormElementsValueStandardValue['payload']>;\n    calculatedValues?: Array<RecordFormElementsValueStandardValue['payload']>;\n}\n\nconst calculatedValueKey = '0';\nconst globalValueKey = '1';\n\n// https://stackoverflow.com/questions/822452/strip-html-tags-from-text-using-plain-javascript\nconst stripHtml = (html: string): string => {\n    const doc = new DOMParser().parseFromString(html, 'text/html');\n    return doc.body.textContent || '';\n};\n\nconst _isDateRangeValue = (value: any): value is {from: string; to: string} =>\n    !!value && typeof value === 'object' && 'from' in value && 'to' in value;\n\nexport const ValuesSummary: FunctionComponent<IValuesSummaryProps> = ({\n    record,\n    attributeId,\n    globalValues = [],\n    calculatedValues = [],\n}) => {\n    const {t} = useSharedTranslation();\n\n    const stringifyValue = (value: RecordFormElementsValueStandardValue['payload']): string => {\n        if (typeof value === 'string') {\n            return stripHtml(value);\n        }\n\n        if (typeof value === 'boolean') {\n            return value ? t('global.yes') : t('global.no');\n        }\n\n        if (_isDateRangeValue(value)) {\n            return t('record_edition.date_range_value', {\n                from: value.from,\n                to: value.to,\n                interpolation: {\n                    escapeValue: false,\n                },\n            });\n        }\n\n        return value;\n    };\n\n    const stripedGlobalValues = globalValues.map(stringifyValue);\n    const stripedCalculatedValues = calculatedValues.map(stringifyValue);\n\n    return (\n        <StyledDivContentWrapper>\n            <KitTabs\n                items={[\n                    {\n                        key: 'version_values',\n                        label: t('record_summary.values_version'),\n                        tabContent: (\n                            <InformationsWrapper>\n                                <KitTree\n                                    defaultExpandAll\n                                    selectedKeys={\n                                        calculatedValues.length > 0 && globalValues.length === 0\n                                            ? [calculatedValueKey]\n                                            : [globalValueKey]\n                                    }\n                                    treeData={[\n                                        {\n                                            key: calculatedValueKey,\n                                            title: (\n                                                <div\n                                                    style={{\n                                                        display: 'flex',\n                                                        alignItems: 'center',\n                                                        justifyContent: 'space-between',\n                                                    }}\n                                                >\n                                                    <span>\n                                                        <FontAwesomeIcon icon={faSquareRootAlt} />{' '}\n                                                        {t('record_summary.calculated_value')}\n                                                    </span>\n                                                    <KitBadge count={stripedCalculatedValues.length} color=\"primary\" />\n                                                </div>\n                                            ),\n                                            children:\n                                                stripedCalculatedValues.length > 0\n                                                    ? stripedCalculatedValues.map((calculatedValue, index) => ({\n                                                          key: `${calculatedValueKey}-${index}`,\n                                                          title: calculatedValue,\n                                                      }))\n                                                    : [\n                                                          {\n                                                              key: `${calculatedValueKey}-${0}`,\n                                                              title: <i>{t('record_summary.no_value')}</i>,\n                                                          },\n                                                      ],\n                                        },\n                                        {\n                                            key: globalValueKey,\n                                            title: (\n                                                <div\n                                                    style={{\n                                                        display: 'flex',\n                                                        alignItems: 'center',\n                                                        justifyContent: 'space-between',\n                                                    }}\n                                                >\n                                                    <span>\n                                                        <FontAwesomeIcon icon={faLayerGroup} />{' '}\n                                                        {t('record_summary.global')}\n                                                    </span>\n                                                    <KitBadge count={stripedGlobalValues.length} color=\"primary\" />\n                                                </div>\n                                            ),\n                                            children:\n                                                stripedGlobalValues.length > 0\n                                                    ? stripedGlobalValues.map((value, index) => ({\n                                                          key: `${globalValueKey}-${index}`,\n                                                          title: value,\n                                                      }))\n                                                    : [\n                                                          {\n                                                              key: `${globalValueKey}-${0}`,\n                                                              title: <i>{t('record_summary.no_value')}</i>,\n                                                          },\n                                                      ],\n                                        },\n                                    ]}\n                                />\n                            </InformationsWrapper>\n                        ),\n                    },\n                    {\n                        key: 'history',\n                        label: t('record_summary.history'),\n                        tabContent: <RecordHistory record={record} attributeId={attributeId} />,\n                    },\n                ]}\n            />\n        </StyledDivContentWrapper>\n    );\n};\n\nexport default ValuesSummary;\n"]}

package/dist/components/RecordEdition/EditRecordSidebar/ValuesVersions/ValuesVersions.js

@@ -3,7 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { CloseOutlined } from '@ant-design/icons';
-import { GrUndo } from 'react-icons/gr';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faUndo } from '@fortawesome/free-solid-svg-icons';
 import styled from 'styled-components';
 import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
 import { themeVars } from '../../../../antdTheme';
@@ -53,7 +54,7 @@ function ValuesVersions() {
             valuesVersion: state.originValuesVersion,
         });
     };
-    return (_jsxs(Wrapper, { children: [_jsxs(Header, { children: [_jsx("span", { children: t('values_version.title') }), _jsxs("span", { children: [!isInCreation && (_jsx(BasicButton, { title: t('values_version.reset'), shape: "circle", centered: true, icon: _jsx(GrUndo, {}), onClick: _handleClickReset })), _jsx(CloseButton, { onClick: _handleClosePanel })] })] }), _jsx(ValuesVersionConfigurator, { libraryId: state.libraryId, selectedVersion: state.valuesVersion, onVersionChange: _handleVersionChange, readOnly: isInCreation })] }));
+    return (_jsxs(Wrapper, { children: [_jsxs(Header, { children: [_jsx("span", { children: t('values_version.title') }), _jsxs("span", { children: [!isInCreation && (_jsx(BasicButton, { title: t('values_version.reset'), shape: "circle", centered: true, icon: _jsx(FontAwesomeIcon, { icon: faUndo }), onClick: _handleClickReset })), _jsx(CloseButton, { onClick: _handleClosePanel })] })] }), _jsx(ValuesVersionConfigurator, { libraryId: state.libraryId, selectedVersion: state.valuesVersion, onVersionChange: _handleVersionChange, readOnly: isInCreation })] }));
 }
 export default ValuesVersions;
 //# sourceMappingURL=ValuesVersions.js.map

package/dist/components/RecordEdition/EditRecordSidebar/ValuesVersions/ValuesVersions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValuesVersions.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/ValuesVersions/ValuesVersions.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACjD,OAAO,yBAAyB,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAC,6BAA6B,EAAC,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAC,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAElF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIzB,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;wBACD,SAAS,CAAC,QAAQ;;;;;;+BAMX,SAAS,CAAC,gBAAgB;CACxD,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;CAKxC,CAAC;AAEF,SAAS,cAAc;IACnB,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACjD,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC;IAEpC,MAAM,oBAAoB,GAAG,CAAC,OAAsB,EAAE,EAAE;QACpD,QAAQ,CAAC;YACL,IAAI,EAAE,6BAA6B,CAAC,kBAAkB;YACtD,aAAa,EAAE,OAAO;SACzB,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,QAAQ,CAAC;YACL,IAAI,EAAE,6BAA6B,CAAC,mBAAmB;YACvD,MAAM,EAAE,CAAC,KAAK,CAAC,aAAa;SAC/B,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,QAAQ,CAAC;YACL,IAAI,EAAE,6BAA6B,CAAC,kBAAkB;YACtD,aAAa,EAAE,KAAK,CAAC,mBAAmB;SAC3C,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,OAAO,eACJ,MAAC,MAAM,eACH,yBAAO,CAAC,CAAC,sBAAsB,CAAC,GAAQ,EACxC,2BACK,CAAC,YAAY,IAAI,CACd,KAAC,WAAW,IACR,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAChC,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,IAAI,EAAE,KAAC,MAAM,KAAG,EAChB,OAAO,EAAE,iBAAiB,GAC5B,CACL,EACD,KAAC,WAAW,IAAC,OAAO,EAAE,iBAAiB,GAAI,IACxC,IACF,EACT,KAAC,yBAAyB,IACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,KAAK,CAAC,aAAa,EACpC,eAAe,EAAE,oBAAoB,EACrC,QAAQ,EAAE,YAAY,GACxB,IACI,CACb,CAAC;AACN,CAAC;AAED,eAAe,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 {CloseOutlined} from '@ant-design/icons';\nimport {GrUndo} from 'react-icons/gr';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {themeVars} from '../../../../antdTheme';\nimport {type IValueVersion} from '../../../../types/values';\nimport {BasicButton} from '../../../BasicButton';\nimport ValuesVersionConfigurator from '../../../ValuesVersionConfigurator';\nimport {EditRecordReducerActionsTypes} from '../../editRecordReducer/editRecordReducer';\nimport {useEditRecordReducer} from '../../editRecordReducer/useEditRecordReducer';\n\nconst Wrapper = styled.div`\n    display: grid;\n    grid-template-rows: 3em 1fr 3em;\n    height: 100%;\n`;\n\nconst Header = styled.div`\n    background-color: ${themeVars.headerBg};\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0.3rem 0.3rem 0.3rem 1rem;\n    font-weight: 700;\n    border-bottom: 1px solid ${themeVars.borderLightColor};\n`;\n\nconst CloseButton = styled(CloseOutlined)`\n    cursor: pointer;\n    background: none;\n    box-shadow: none;\n    margin: 0.5rem;\n`;\n\nfunction ValuesVersions(): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {state, dispatch} = useEditRecordReducer();\n    const isInCreation = !state?.record;\n\n    const _handleVersionChange = (version: IValueVersion) => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_VALUES_VERSION,\n            valuesVersion: version,\n        });\n    };\n\n    const _handleClosePanel = () => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_SIDEBAR_IS_OPEN,\n            isOpen: !state.isOpenSidebar,\n        });\n    };\n\n    const _handleClickReset = () => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_VALUES_VERSION,\n            valuesVersion: state.originValuesVersion,\n        });\n    };\n\n    return (\n        <Wrapper>\n            <Header>\n                <span>{t('values_version.title')}</span>\n                <span>\n                    {!isInCreation && (\n                        <BasicButton\n                            title={t('values_version.reset')}\n                            shape=\"circle\"\n                            centered\n                            icon={<GrUndo />}\n                            onClick={_handleClickReset}\n                        />\n                    )}\n                    <CloseButton onClick={_handleClosePanel} />\n                </span>\n            </Header>\n            <ValuesVersionConfigurator\n                libraryId={state.libraryId}\n                selectedVersion={state.valuesVersion}\n                onVersionChange={_handleVersionChange}\n                readOnly={isInCreation}\n            />\n        </Wrapper>\n    );\n}\n\nexport default ValuesVersions;\n"]}
+{"version":3,"file":"ValuesVersions.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/ValuesVersions/ValuesVersions.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,MAAM,EAAC,MAAM,mCAAmC,CAAC;AACzD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACjD,OAAO,yBAAyB,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAC,6BAA6B,EAAC,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAC,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAElF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIzB,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;wBACD,SAAS,CAAC,QAAQ;;;;;;+BAMX,SAAS,CAAC,gBAAgB;CACxD,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;CAKxC,CAAC;AAEF,SAAS,cAAc;IACnB,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACjD,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC;IAEpC,MAAM,oBAAoB,GAAG,CAAC,OAAsB,EAAE,EAAE;QACpD,QAAQ,CAAC;YACL,IAAI,EAAE,6BAA6B,CAAC,kBAAkB;YACtD,aAAa,EAAE,OAAO;SACzB,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,QAAQ,CAAC;YACL,IAAI,EAAE,6BAA6B,CAAC,mBAAmB;YACvD,MAAM,EAAE,CAAC,KAAK,CAAC,aAAa;SAC/B,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,QAAQ,CAAC;YACL,IAAI,EAAE,6BAA6B,CAAC,kBAAkB;YACtD,aAAa,EAAE,KAAK,CAAC,mBAAmB;SAC3C,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,OAAO,eACJ,MAAC,MAAM,eACH,yBAAO,CAAC,CAAC,sBAAsB,CAAC,GAAQ,EACxC,2BACK,CAAC,YAAY,IAAI,CACd,KAAC,WAAW,IACR,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAChC,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI,EACvC,OAAO,EAAE,iBAAiB,GAC5B,CACL,EACD,KAAC,WAAW,IAAC,OAAO,EAAE,iBAAiB,GAAI,IACxC,IACF,EACT,KAAC,yBAAyB,IACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,KAAK,CAAC,aAAa,EACpC,eAAe,EAAE,oBAAoB,EACrC,QAAQ,EAAE,YAAY,GACxB,IACI,CACb,CAAC;AACN,CAAC;AAED,eAAe,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 {CloseOutlined} from '@ant-design/icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faUndo} from '@fortawesome/free-solid-svg-icons';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {themeVars} from '../../../../antdTheme';\nimport {type IValueVersion} from '../../../../types/values';\nimport {BasicButton} from '../../../BasicButton';\nimport ValuesVersionConfigurator from '../../../ValuesVersionConfigurator';\nimport {EditRecordReducerActionsTypes} from '../../editRecordReducer/editRecordReducer';\nimport {useEditRecordReducer} from '../../editRecordReducer/useEditRecordReducer';\n\nconst Wrapper = styled.div`\n    display: grid;\n    grid-template-rows: 3em 1fr 3em;\n    height: 100%;\n`;\n\nconst Header = styled.div`\n    background-color: ${themeVars.headerBg};\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0.3rem 0.3rem 0.3rem 1rem;\n    font-weight: 700;\n    border-bottom: 1px solid ${themeVars.borderLightColor};\n`;\n\nconst CloseButton = styled(CloseOutlined)`\n    cursor: pointer;\n    background: none;\n    box-shadow: none;\n    margin: 0.5rem;\n`;\n\nfunction ValuesVersions(): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {state, dispatch} = useEditRecordReducer();\n    const isInCreation = !state?.record;\n\n    const _handleVersionChange = (version: IValueVersion) => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_VALUES_VERSION,\n            valuesVersion: version,\n        });\n    };\n\n    const _handleClosePanel = () => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_SIDEBAR_IS_OPEN,\n            isOpen: !state.isOpenSidebar,\n        });\n    };\n\n    const _handleClickReset = () => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_VALUES_VERSION,\n            valuesVersion: state.originValuesVersion,\n        });\n    };\n\n    return (\n        <Wrapper>\n            <Header>\n                <span>{t('values_version.title')}</span>\n                <span>\n                    {!isInCreation && (\n                        <BasicButton\n                            title={t('values_version.reset')}\n                            shape=\"circle\"\n                            centered\n                            icon={<FontAwesomeIcon icon={faUndo} />}\n                            onClick={_handleClickReset}\n                        />\n                    )}\n                    <CloseButton onClick={_handleClosePanel} />\n                </span>\n            </Header>\n            <ValuesVersionConfigurator\n                libraryId={state.libraryId}\n                selectedVersion={state.valuesVersion}\n                onVersionChange={_handleVersionChange}\n                readOnly={isInCreation}\n            />\n        </Wrapper>\n    );\n}\n\nexport default ValuesVersions;\n"]}

package/dist/components/SelectRecordForLinkModal/SelectRecordForLinkModal.js

@@ -5,10 +5,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from 'react';
 import styled from 'styled-components';
 import { closeKitSnackBar, KitButton, KitSpace, AntModal } from 'aristid-ds';
-// TODO: harmonize icon sources
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faXmark } from '@fortawesome/free-solid-svg-icons';
-import { FaExchangeAlt, FaEye, FaPlus } from 'react-icons/fa';
+import { faExchangeAlt, faEye, faPlus, faXmark } from '@fortawesome/free-solid-svg-icons';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
 import { RecordFilterCondition, useExplorerSelectionIdsLazyQuery, } from '../../_gqlTypes';
 import { Explorer } from '../../components/Explorer';
@@ -74,7 +72,7 @@ export const SelectRecordForLinkModal = ({ className, open, childLibraryId, repl
                                         ? t('explorer.massAction.replace-link')
                                         : t('explorer.massAction.add-link'),
                                     deselectAll: true,
-                                    icon: replacementMode ? _jsx(FaExchangeAlt, {}) : _jsx(FaPlus, {}),
+                                    icon: replacementMode ? (_jsx(FontAwesomeIcon, { icon: faExchangeAlt })) : (_jsx(FontAwesomeIcon, { icon: faPlus })),
                                     callback: async (massSelectionFilter) => {
                                         await getRecordIdsFromFilters({
                                             variables: {
@@ -107,7 +105,7 @@ export const SelectRecordForLinkModal = ({ className, open, childLibraryId, repl
                             : {}, primaryActions: [], defaultActionsForItem: [], defaultMassActions: [], itemActions: [
                             {
                                 label: t('explorer.edit-item'),
-                                icon: _jsx(FaEye, {}),
+                                icon: _jsx(FontAwesomeIcon, { icon: faEye }),
                                 useItemActionOnRowClick: true,
                                 callback: item => {
                                     openEditRecordModal({

package/dist/components/SelectRecordForLinkModal/SelectRecordForLinkModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectRecordForLinkModal.js","sourceRoot":"","sources":["../../../src/components/SelectRecordForLinkModal/SelectRecordForLinkModal.tsx"],"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 {type ComponentProps, type FunctionComponent, useRef} from 'react';\nimport styled from 'styled-components';\nimport {closeKitSnackBar, KitButton, KitSpace, AntModal} from 'aristid-ds';\n\n// TODO: harmonize icon sources\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {FaExchangeAlt, FaEye, FaPlus} from 'react-icons/fa';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {\n    type ExplorerSelectionIdsQuery,\n    type JoinLibraryContextFragment,\n    RecordFilterCondition,\n    useExplorerSelectionIdsLazyQuery,\n} from '_ui/_gqlTypes';\nimport {Explorer} from '_ui/components/Explorer';\nimport {useEditRecordModal} from '../RecordEdition/EditRecordModal/useEditRecordModal';\n\nconst modalMaxWidth = 1_200;\n\nconst StyledModal = styled(AntModal)`\n    && {\n        width: 90vw;\n        max-width: ${modalMaxWidth}px;\n\n        .ant-modal-body {\n            height: 80vh;\n            overflow-y: auto;\n        }\n\n        .ant-modal-content {\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n            padding: 0;\n        }\n\n        .ant-modal-footer {\n            flex: 0 0 auto;\n            margin-top: 0;\n        }\n    }\n`;\n\nconst ModalFooterStyledDiv = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    padding: calc(var(--general-spacing-xs) * 1px) calc(var(--general-spacing-s) * 1px);\n    border-top: 1px solid var(--general-utilities-border);\n`;\n\nconst ModalMainStyledDiv = styled.div`\n    padding: calc(var(--general-spacing-m) * 1px);\n    height: 100%;\n    position: relative;\n`;\n\ninterface ISelectRecordForLinkModalProps {\n    className?: string;\n    open: boolean;\n    childLibraryId: string;\n    replacementMode: boolean;\n    valuesList?: string[];\n    allowFreeEntry: boolean;\n    joinLibraryContext?: JoinLibraryContextFragment;\n    selectionMode: ComponentProps<typeof Explorer>['selectionMode'];\n    hideSelectAllAction: ComponentProps<typeof Explorer>['hideSelectAllAction'];\n    isMultivalue: boolean;\n    onSelectionCompleted: (data: ExplorerSelectionIdsQuery) => void;\n    onClose: () => void;\n}\n\nexport const SelectRecordForLinkModal: FunctionComponent<ISelectRecordForLinkModalProps> = ({\n    className,\n    open,\n    childLibraryId,\n    replacementMode,\n    valuesList,\n    allowFreeEntry,\n    selectionMode,\n    joinLibraryContext,\n    hideSelectAllAction,\n    isMultivalue,\n    onSelectionCompleted,\n    onClose,\n}) => {\n    const {t} = useSharedTranslation();\n    const explorerContainerRef = useRef<HTMLDivElement>(null);\n\n    const _handleClose: ComponentProps<typeof KitButton>['onClick'] = () => {\n        closeKitSnackBar();\n        onClose();\n    };\n\n    const _closeButtonLabel: ComponentProps<typeof KitButton>['aria-label'] = String(t('global.close'));\n\n    const _footer: ComponentProps<typeof AntModal>['footer'] = (\n        <ModalFooterStyledDiv>\n            <KitSpace>\n                <KitButton\n                    aria-label={_closeButtonLabel}\n                    key=\"close\"\n                    icon={<FontAwesomeIcon icon={faXmark} />}\n                    onClick={_handleClose}\n                >\n                    {_closeButtonLabel}\n                </KitButton>\n            </KitSpace>\n        </ModalFooterStyledDiv>\n    );\n\n    const [getRecordIdsFromFilters] = useExplorerSelectionIdsLazyQuery({\n        fetchPolicy: 'no-cache',\n        onCompleted: onSelectionCompleted,\n    });\n\n    const {EditRecordModal, openEditRecordModal} = useEditRecordModal();\n\n    return (\n        <StyledModal\n            className={className}\n            open={open}\n            onCancel={_handleClose}\n            destroyOnClose\n            closable={false}\n            cancelText={t('global.cancel')}\n            width=\"90vw\"\n            centered\n            footer={_footer}\n        >\n            <ModalMainStyledDiv ref={explorerContainerRef}>\n                <Explorer.EditSettingsContextProvider\n                    panelElement={() => explorerContainerRef.current ?? document.body}\n                >\n                    <Explorer\n                        title=\"SelectRecordForLinkModal\"\n                        entrypoint={{\n                            type: 'library',\n                            libraryId: childLibraryId,\n                            valuesList,\n                            allowFreeEntry,\n                        }}\n                        showCreateOnNoResultOnly\n                        selectionMode={selectionMode}\n                        hideSelectAllAction={hideSelectAllAction}\n                        massActions={\n                            isMultivalue\n                                ? [\n                                      {\n                                          label: replacementMode\n                                              ? t('explorer.massAction.replace-link')\n                                              : t('explorer.massAction.add-link'),\n                                          deselectAll: true,\n                                          icon: replacementMode ? <FaExchangeAlt /> : <FaPlus />,\n                                          callback: async massSelectionFilter => {\n                                              await getRecordIdsFromFilters({\n                                                  variables: {\n                                                      libraryId: childLibraryId,\n                                                      filters: massSelectionFilter,\n                                                  },\n                                              });\n                                          },\n                                      },\n                                  ]\n                                : []\n                        }\n                        defaultCallbacks={\n                            !isMultivalue\n                                ? {\n                                      item: {\n                                          select: async items => {\n                                              await getRecordIdsFromFilters({\n                                                  variables: {\n                                                      libraryId: childLibraryId,\n                                                      filters: [\n                                                          {\n                                                              field: 'id',\n                                                              condition: RecordFilterCondition.EQUAL,\n                                                              value: items.itemId,\n                                                          },\n                                                      ],\n                                                  },\n                                              });\n                                          },\n                                      },\n                                  }\n                                : {}\n                        }\n                        primaryActions={[]}\n                        defaultActionsForItem={[]}\n                        defaultMassActions={[]}\n                        itemActions={[\n                            {\n                                label: t('explorer.edit-item'),\n                                icon: <FaEye />,\n                                useItemActionOnRowClick: true,\n                                callback: item => {\n                                    openEditRecordModal({\n                                        library: item.libraryId,\n                                        record: {\n                                            id: item.itemId,\n                                            label: item.whoAmI?.label,\n                                            subLabel: item.whoAmI?.subLabel,\n                                            color: item.whoAmI?.color,\n                                            library: {id: item.libraryId},\n                                        },\n                                        editionFormId: 'edition',\n                                    });\n                                },\n                            },\n                        ]}\n                        defaultPrimaryActions={['create']}\n                        joinLibraryContext={joinLibraryContext}\n                        showSearch\n                        ignoreViewByDefault\n                    />\n                    {EditRecordModal}\n                    {/* TODO: avoid getting last view for user */}\n                </Explorer.EditSettingsContextProvider>\n            </ModalMainStyledDiv>\n        </StyledModal>\n    );\n};\n"]}
+{"version":3,"file":"SelectRecordForLinkModal.js","sourceRoot":"","sources":["../../../src/components/SelectRecordForLinkModal/SelectRecordForLinkModal.tsx"],"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 {type ComponentProps, type FunctionComponent, useRef} from 'react';\nimport styled from 'styled-components';\nimport {closeKitSnackBar, KitButton, KitSpace, AntModal} from 'aristid-ds';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faExchangeAlt, faEye, faPlus, faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {\n    type ExplorerSelectionIdsQuery,\n    type JoinLibraryContextFragment,\n    RecordFilterCondition,\n    useExplorerSelectionIdsLazyQuery,\n} from '_ui/_gqlTypes';\nimport {Explorer} from '_ui/components/Explorer';\nimport {useEditRecordModal} from '../RecordEdition/EditRecordModal/useEditRecordModal';\n\nconst modalMaxWidth = 1_200;\n\nconst StyledModal = styled(AntModal)`\n    && {\n        width: 90vw;\n        max-width: ${modalMaxWidth}px;\n\n        .ant-modal-body {\n            height: 80vh;\n            overflow-y: auto;\n        }\n\n        .ant-modal-content {\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n            padding: 0;\n        }\n\n        .ant-modal-footer {\n            flex: 0 0 auto;\n            margin-top: 0;\n        }\n    }\n`;\n\nconst ModalFooterStyledDiv = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    padding: calc(var(--general-spacing-xs) * 1px) calc(var(--general-spacing-s) * 1px);\n    border-top: 1px solid var(--general-utilities-border);\n`;\n\nconst ModalMainStyledDiv = styled.div`\n    padding: calc(var(--general-spacing-m) * 1px);\n    height: 100%;\n    position: relative;\n`;\n\ninterface ISelectRecordForLinkModalProps {\n    className?: string;\n    open: boolean;\n    childLibraryId: string;\n    replacementMode: boolean;\n    valuesList?: string[];\n    allowFreeEntry: boolean;\n    joinLibraryContext?: JoinLibraryContextFragment;\n    selectionMode: ComponentProps<typeof Explorer>['selectionMode'];\n    hideSelectAllAction: ComponentProps<typeof Explorer>['hideSelectAllAction'];\n    isMultivalue: boolean;\n    onSelectionCompleted: (data: ExplorerSelectionIdsQuery) => void;\n    onClose: () => void;\n}\n\nexport const SelectRecordForLinkModal: FunctionComponent<ISelectRecordForLinkModalProps> = ({\n    className,\n    open,\n    childLibraryId,\n    replacementMode,\n    valuesList,\n    allowFreeEntry,\n    selectionMode,\n    joinLibraryContext,\n    hideSelectAllAction,\n    isMultivalue,\n    onSelectionCompleted,\n    onClose,\n}) => {\n    const {t} = useSharedTranslation();\n    const explorerContainerRef = useRef<HTMLDivElement>(null);\n\n    const _handleClose: ComponentProps<typeof KitButton>['onClick'] = () => {\n        closeKitSnackBar();\n        onClose();\n    };\n\n    const _closeButtonLabel: ComponentProps<typeof KitButton>['aria-label'] = String(t('global.close'));\n\n    const _footer: ComponentProps<typeof AntModal>['footer'] = (\n        <ModalFooterStyledDiv>\n            <KitSpace>\n                <KitButton\n                    aria-label={_closeButtonLabel}\n                    key=\"close\"\n                    icon={<FontAwesomeIcon icon={faXmark} />}\n                    onClick={_handleClose}\n                >\n                    {_closeButtonLabel}\n                </KitButton>\n            </KitSpace>\n        </ModalFooterStyledDiv>\n    );\n\n    const [getRecordIdsFromFilters] = useExplorerSelectionIdsLazyQuery({\n        fetchPolicy: 'no-cache',\n        onCompleted: onSelectionCompleted,\n    });\n\n    const {EditRecordModal, openEditRecordModal} = useEditRecordModal();\n\n    return (\n        <StyledModal\n            className={className}\n            open={open}\n            onCancel={_handleClose}\n            destroyOnClose\n            closable={false}\n            cancelText={t('global.cancel')}\n            width=\"90vw\"\n            centered\n            footer={_footer}\n        >\n            <ModalMainStyledDiv ref={explorerContainerRef}>\n                <Explorer.EditSettingsContextProvider\n                    panelElement={() => explorerContainerRef.current ?? document.body}\n                >\n                    <Explorer\n                        title=\"SelectRecordForLinkModal\"\n                        entrypoint={{\n                            type: 'library',\n                            libraryId: childLibraryId,\n                            valuesList,\n                            allowFreeEntry,\n                        }}\n                        showCreateOnNoResultOnly\n                        selectionMode={selectionMode}\n                        hideSelectAllAction={hideSelectAllAction}\n                        massActions={\n                            isMultivalue\n                                ? [\n                                      {\n                                          label: replacementMode\n                                              ? t('explorer.massAction.replace-link')\n                                              : t('explorer.massAction.add-link'),\n                                          deselectAll: true,\n                                          icon: replacementMode ? (\n                                              <FontAwesomeIcon icon={faExchangeAlt} />\n                                          ) : (\n                                              <FontAwesomeIcon icon={faPlus} />\n                                          ),\n                                          callback: async massSelectionFilter => {\n                                              await getRecordIdsFromFilters({\n                                                  variables: {\n                                                      libraryId: childLibraryId,\n                                                      filters: massSelectionFilter,\n                                                  },\n                                              });\n                                          },\n                                      },\n                                  ]\n                                : []\n                        }\n                        defaultCallbacks={\n                            !isMultivalue\n                                ? {\n                                      item: {\n                                          select: async items => {\n                                              await getRecordIdsFromFilters({\n                                                  variables: {\n                                                      libraryId: childLibraryId,\n                                                      filters: [\n                                                          {\n                                                              field: 'id',\n                                                              condition: RecordFilterCondition.EQUAL,\n                                                              value: items.itemId,\n                                                          },\n                                                      ],\n                                                  },\n                                              });\n                                          },\n                                      },\n                                  }\n                                : {}\n                        }\n                        primaryActions={[]}\n                        defaultActionsForItem={[]}\n                        defaultMassActions={[]}\n                        itemActions={[\n                            {\n                                label: t('explorer.edit-item'),\n                                icon: <FontAwesomeIcon icon={faEye} />,\n                                useItemActionOnRowClick: true,\n                                callback: item => {\n                                    openEditRecordModal({\n                                        library: item.libraryId,\n                                        record: {\n                                            id: item.itemId,\n                                            label: item.whoAmI?.label,\n                                            subLabel: item.whoAmI?.subLabel,\n                                            color: item.whoAmI?.color,\n                                            library: {id: item.libraryId},\n                                        },\n                                        editionFormId: 'edition',\n                                    });\n                                },\n                            },\n                        ]}\n                        defaultPrimaryActions={['create']}\n                        joinLibraryContext={joinLibraryContext}\n                        showSearch\n                        ignoreViewByDefault\n                    />\n                    {EditRecordModal}\n                    {/* TODO: avoid getting last view for user */}\n                </Explorer.EditSettingsContextProvider>\n            </ModalMainStyledDiv>\n        </StyledModal>\n    );\n};\n"]}

package/dist/components/SelectTreeNode/TreeNodeTitle.js

@@ -4,7 +4,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { useState } from 'react';
 import { KitButton, KitTag, KitTypography } from 'aristid-ds';
-import { FaCheck } from 'react-icons/fa';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faCheck } from '@fortawesome/free-solid-svg-icons';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
 import styled from 'styled-components';
 const TreeNodeLine = styled.div `
@@ -34,7 +35,7 @@ export const TreeNodeTitle = ({ checkable, disabledNodes, loadRecursively, node,
             onSelect(child, buttonInSelectMode);
         });
     };
-    return (_jsxs(TreeNodeLine, { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), children: [_jsxs(TreeNodeLineSection, { children: [_jsx(KitTypography.Text, { size: "fontSize5", disabled: isDisabled, children: node.title }), _jsx(SelectedChildrenCount, { node: node, selectedNodes: selectedNodes, loadRecursively: loadRecursively })] }), _jsxs(TreeNodeLineSection, { children: [showSelectChildrenButton && node.children.length > 0 && hover && (_jsx(KitButton, { size: "s", onClick: e => handleChildrenSelection(e), children: t(`tree-node-selection.${buttonInSelectMode ? 'select_children' : 'unselect_children'}`) })), !checkable && isSelected && (_jsx(FaCheck, { color: isDisabled ? 'var(--general-utilities-text-disabled)' : 'var(--general-utilities-text-blue)' }))] })] }));
+    return (_jsxs(TreeNodeLine, { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), children: [_jsxs(TreeNodeLineSection, { children: [_jsx(KitTypography.Text, { size: "fontSize5", disabled: isDisabled, children: node.title }), _jsx(SelectedChildrenCount, { node: node, selectedNodes: selectedNodes, loadRecursively: loadRecursively })] }), _jsxs(TreeNodeLineSection, { children: [showSelectChildrenButton && node.children.length > 0 && hover && (_jsx(KitButton, { size: "s", onClick: e => handleChildrenSelection(e), children: t(`tree-node-selection.${buttonInSelectMode ? 'select_children' : 'unselect_children'}`) })), !checkable && isSelected && (_jsx(FontAwesomeIcon, { icon: faCheck, color: isDisabled ? 'var(--general-utilities-text-disabled)' : 'var(--general-utilities-text-blue)' }))] })] }));
 };
 const SelectedChildrenCount = ({ node, selectedNodes, loadRecursively }) => {
     // it can work only if all children are loaded

package/dist/components/SelectTreeNode/TreeNodeTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNodeTitle.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/TreeNodeTitle.tsx"],"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 {useState, type FunctionComponent} from 'react';\nimport {type ITreeMapElement} from './_types';\nimport {KitButton, KitTag, KitTypography} from 'aristid-ds';\nimport {FaCheck} from 'react-icons/fa';\nimport {type ITreeNodeWithRecord} from '_ui/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport styled from 'styled-components';\n\nconst TreeNodeLine = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n`;\nconst TreeNodeLineSection = styled.div`\n    display: flex;\n    align-items: center;\n    gap: calc(var(--general-spacing-xs) * 1px);\n`;\ninterface ITreeNodeTitleProps {\n    checkable: boolean;\n    disabledNodes: string[];\n    loadRecursively: boolean;\n    node: ITreeMapElement;\n    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n    selectedNodes: string[];\n    showSelectChildrenButton: boolean;\n}\n\nexport const TreeNodeTitle: FunctionComponent<ITreeNodeTitleProps> = ({\n    checkable,\n    disabledNodes,\n    loadRecursively,\n    node,\n    onSelect,\n    selectedNodes,\n    showSelectChildrenButton,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const [hover, setHover] = useState(false);\n\n    const isSelected = selectedNodes.includes(node.id) && !node.isShowMore;\n    const isDisabled = disabledNodes.includes(node.id);\n\n    const buttonInSelectMode = node.children\n        .filter(child => !child.isShowMore && !disabledNodes.includes(child.id))\n        .every(child => !selectedNodes.includes(child.id));\n\n    const handleChildrenSelection = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        node.children.forEach(child => {\n            if (node.disabled || child.isShowMore) {\n                return;\n            }\n            onSelect(child, buttonInSelectMode);\n        });\n    };\n\n    return (\n        <TreeNodeLine onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)}>\n            <TreeNodeLineSection>\n                <KitTypography.Text size=\"fontSize5\" disabled={isDisabled}>\n                    {node.title}\n                </KitTypography.Text>\n                <SelectedChildrenCount node={node} selectedNodes={selectedNodes} loadRecursively={loadRecursively} />\n            </TreeNodeLineSection>\n            <TreeNodeLineSection>\n                {showSelectChildrenButton && node.children.length > 0 && hover && (\n                    <KitButton size=\"s\" onClick={e => handleChildrenSelection(e)}>\n                        {t(`tree-node-selection.${buttonInSelectMode ? 'select_children' : 'unselect_children'}`)}\n                    </KitButton>\n                )}\n                {!checkable && isSelected && (\n                    <FaCheck\n                        color={\n                            isDisabled ? 'var(--general-utilities-text-disabled)' : 'var(--general-utilities-text-blue)'\n                        }\n                    />\n                )}\n            </TreeNodeLineSection>\n        </TreeNodeLine>\n    );\n};\n\nconst SelectedChildrenCount: FunctionComponent<{\n    node: ITreeMapElement;\n    selectedNodes: string[];\n    loadRecursively: boolean;\n}> = ({node, selectedNodes, loadRecursively}) => {\n    // it can work only if all children are loaded\n    if (!loadRecursively) {\n        return null;\n    }\n\n    const selectedChildrenCount = countSelectedNodes(node, selectedNodes);\n\n    return selectedChildrenCount > 0 ? <KitTag idCardProps={{description: selectedChildrenCount}} /> : null;\n};\n\nconst countSelectedNodes = (node: ITreeMapElement, selectedNodes: string[]): number =>\n    node.children?.reduce((count, child) => {\n        if (selectedNodes.includes(child.id) && !child.isShowMore) {\n            count += 1;\n        }\n        count += countSelectedNodes(child, selectedNodes);\n        return count;\n    }, 0) ?? 0;\n"]}
+{"version":3,"file":"TreeNodeTitle.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/TreeNodeTitle.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,QAAQ,EAAyB,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,OAAO,EAAC,MAAM,mCAAmC,CAAC;AAE1D,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI9B,CAAC;AACF,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIrC,CAAC;AAWF,MAAM,CAAC,MAAM,aAAa,GAA2C,CAAC,EAClE,SAAS,EACT,aAAa,EACb,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,wBAAwB,GAC3B,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;IACvE,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEnD,MAAM,kBAAkB,GAAG,IAAI,CAAC,QAAQ;SACnC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SACvE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEvD,MAAM,uBAAuB,GAAG,CAAC,KAAuB,EAAE,EAAE;QACxD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAC1B,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACpC,OAAO;YACX,CAAC;YACD,QAAQ,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,YAAY,IAAC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aACjF,MAAC,mBAAmB,eAChB,KAAC,aAAa,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,EAAE,UAAU,YACpD,IAAI,CAAC,KAAK,GACM,EACrB,KAAC,qBAAqB,IAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,GAAI,IACnF,EACtB,MAAC,mBAAmB,eACf,wBAAwB,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,IAAI,CAC9D,KAAC,SAAS,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC,YACvD,CAAC,CAAC,uBAAuB,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,mBAAmB,EAAE,CAAC,GACjF,CACf,EACA,CAAC,SAAS,IAAI,UAAU,IAAI,CACzB,KAAC,eAAe,IACZ,IAAI,EAAE,OAAO,EACb,KAAK,EACD,UAAU,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,oCAAoC,GAElG,CACL,IACiB,IACX,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAItB,CAAC,EAAC,IAAI,EAAE,aAAa,EAAE,eAAe,EAAC,EAAE,EAAE;IAC5C,8CAA8C;IAC9C,IAAI,CAAC,eAAe,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,qBAAqB,GAAG,kBAAkB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IAEtE,OAAO,qBAAqB,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,WAAW,EAAE,EAAC,WAAW,EAAE,qBAAqB,EAAC,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC5G,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,IAAqB,EAAE,aAAuB,EAAU,EAAE,CAClF,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;IACnC,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;QACxD,KAAK,IAAI,CAAC,CAAC;IACf,CAAC;IACD,KAAK,IAAI,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IAClD,OAAO,KAAK,CAAC;AACjB,CAAC,EAAE,CAAC,CAAC,IAAI,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 {useState, type FunctionComponent} from 'react';\nimport {type ITreeMapElement} from './_types';\nimport {KitButton, KitTag, KitTypography} from 'aristid-ds';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faCheck} from '@fortawesome/free-solid-svg-icons';\nimport {type ITreeNodeWithRecord} from '_ui/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport styled from 'styled-components';\n\nconst TreeNodeLine = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n`;\nconst TreeNodeLineSection = styled.div`\n    display: flex;\n    align-items: center;\n    gap: calc(var(--general-spacing-xs) * 1px);\n`;\ninterface ITreeNodeTitleProps {\n    checkable: boolean;\n    disabledNodes: string[];\n    loadRecursively: boolean;\n    node: ITreeMapElement;\n    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n    selectedNodes: string[];\n    showSelectChildrenButton: boolean;\n}\n\nexport const TreeNodeTitle: FunctionComponent<ITreeNodeTitleProps> = ({\n    checkable,\n    disabledNodes,\n    loadRecursively,\n    node,\n    onSelect,\n    selectedNodes,\n    showSelectChildrenButton,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const [hover, setHover] = useState(false);\n\n    const isSelected = selectedNodes.includes(node.id) && !node.isShowMore;\n    const isDisabled = disabledNodes.includes(node.id);\n\n    const buttonInSelectMode = node.children\n        .filter(child => !child.isShowMore && !disabledNodes.includes(child.id))\n        .every(child => !selectedNodes.includes(child.id));\n\n    const handleChildrenSelection = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        node.children.forEach(child => {\n            if (node.disabled || child.isShowMore) {\n                return;\n            }\n            onSelect(child, buttonInSelectMode);\n        });\n    };\n\n    return (\n        <TreeNodeLine onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)}>\n            <TreeNodeLineSection>\n                <KitTypography.Text size=\"fontSize5\" disabled={isDisabled}>\n                    {node.title}\n                </KitTypography.Text>\n                <SelectedChildrenCount node={node} selectedNodes={selectedNodes} loadRecursively={loadRecursively} />\n            </TreeNodeLineSection>\n            <TreeNodeLineSection>\n                {showSelectChildrenButton && node.children.length > 0 && hover && (\n                    <KitButton size=\"s\" onClick={e => handleChildrenSelection(e)}>\n                        {t(`tree-node-selection.${buttonInSelectMode ? 'select_children' : 'unselect_children'}`)}\n                    </KitButton>\n                )}\n                {!checkable && isSelected && (\n                    <FontAwesomeIcon\n                        icon={faCheck}\n                        color={\n                            isDisabled ? 'var(--general-utilities-text-disabled)' : 'var(--general-utilities-text-blue)'\n                        }\n                    />\n                )}\n            </TreeNodeLineSection>\n        </TreeNodeLine>\n    );\n};\n\nconst SelectedChildrenCount: FunctionComponent<{\n    node: ITreeMapElement;\n    selectedNodes: string[];\n    loadRecursively: boolean;\n}> = ({node, selectedNodes, loadRecursively}) => {\n    // it can work only if all children are loaded\n    if (!loadRecursively) {\n        return null;\n    }\n\n    const selectedChildrenCount = countSelectedNodes(node, selectedNodes);\n\n    return selectedChildrenCount > 0 ? <KitTag idCardProps={{description: selectedChildrenCount}} /> : null;\n};\n\nconst countSelectedNodes = (node: ITreeMapElement, selectedNodes: string[]): number =>\n    node.children?.reduce((count, child) => {\n        if (selectedNodes.includes(child.id) && !child.isShowMore) {\n            count += 1;\n        }\n        count += countSelectedNodes(child, selectedNodes);\n        return count;\n    }, 0) ?? 0;\n"]}

package/dist/hooks/useIFrameMessenger/useIFrameMessenger.js

@@ -2,7 +2,6 @@
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { useCallback, useContext, useEffect, useRef } from 'react';
-import { v4 as uuid } from 'uuid';
 import { LangContext } from '../../contexts';
 import { encodeMessage, decodeMessage, getExposedMethods, initClientHandlers } from './messageHandlers';
 /**
@@ -11,7 +10,7 @@ import { encodeMessage, decodeMessage, getExposedMethods, initClientHandlers } f
  */
 export const useIFrameMessenger = (options) => {
     const registry = useRef({});
-    const selfId = useRef(options?.id ?? uuid());
+    const selfId = useRef(options?.id ?? window.crypto.randomUUID());
     const { setLang } = useContext(LangContext);
     const changeLangInAllFrames = (newLanguage) => {
         dispatch({

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

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

package/dist/locales/en/shared.json

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

package/dist/locales/fr/shared.json

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