@leav/ui 1.6.0-dfb71145 → 1.6.0-eb8e0390

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":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAA8C,MAAM,EAAC,MAAM,OAAO,CAAC;AAC1E,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,gBAAgB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAC3E,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,mCAAmC,CAAC;AACxF,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAGH,qBAAqB,EACrB,gCAAgC,GACnC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAC,kBAAkB,EAAC,MAAM,qDAAqD,CAAC;AAEvF,MAAM,aAAa,GAAG,IAAK,CAAC;AAE5B,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;qBAGf,aAAa;;;;;;;;;;;;;;;;;;;CAmBjC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKtC,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIpC,CAAC;AAkBF,MAAM,CAAC,MAAM,wBAAwB,GAAsD,CAAC,EACxF,SAAS,EACT,IAAI,EACJ,cAAc,EACd,eAAe,EACf,UAAU,EACV,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,oBAAoB,EACpB,OAAO,EACP,gBAAgB,GACnB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,oBAAoB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE1D,MAAM,YAAY,GAAgD,GAAG,EAAE;QACnE,gBAAgB,EAAE,CAAC;QACnB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAmD,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;IAEpG,MAAM,OAAO,GAA8C,CACvD,KAAC,oBAAoB,cACjB,KAAC,QAAQ,cACL,KAAC,SAAS,kBACM,iBAAiB,EAE7B,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,EACxC,OAAO,EAAE,YAAY,YAEpB,iBAAiB,IAJd,OAAO,CAKH,GACL,GACQ,CAC1B,CAAC;IAEF,MAAM,CAAC,uBAAuB,CAAC,GAAG,gCAAgC,CAAC;QAC/D,WAAW,EAAE,UAAU;QACvB,WAAW,EAAE,oBAAoB;KACpC,CAAC,CAAC;IAEH,MAAM,EAAC,eAAe,EAAE,mBAAmB,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAEpE,OAAO,CACH,KAAC,WAAW,IACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,cAAc,QACd,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,CAAC,CAAC,eAAe,CAAC,EAC9B,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,MAAM,EAAE,OAAO,YAEf,KAAC,kBAAkB,IAAC,GAAG,EAAE,oBAAoB,YACzC,MAAC,QAAQ,CAAC,2BAA2B,IACjC,YAAY,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,aAEjE,KAAC,QAAQ,IACL,KAAK,EAAC,0BAA0B,EAChC,UAAU,EAAE;4BACR,IAAI,EAAE,SAAS;4BACf,SAAS,EAAE,cAAc;4BACzB,UAAU;4BACV,cAAc;yBACjB,EACD,wBAAwB,QACxB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EACP,YAAY;4BACR,CAAC,CAAC;gCACI;oCACI,KAAK,EAAE,eAAe;wCAClB,CAAC,CAAC,CAAC,CAAC,kCAAkC,CAAC;wCACvC,CAAC,CAAC,CAAC,CAAC,8BAA8B,CAAC;oCACvC,WAAW,EAAE,IAAI;oCACjB,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,CACpB,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,GAAI,CAC3C,CAAC,CAAC,CAAC,CACA,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI,CACpC;oCACD,QAAQ,EAAE,KAAK,EAAC,mBAAmB,EAAC,EAAE;wCAClC,MAAM,uBAAuB,CAAC;4CAC1B,SAAS,EAAE;gDACP,SAAS,EAAE,cAAc;gDACzB,OAAO,EAAE,mBAAmB;6CAC/B;yCACJ,CAAC,CAAC;oCACP,CAAC;iCACJ;6BACJ;4BACH,CAAC,CAAC,EAAE,EAEZ,gBAAgB,EACZ,CAAC,YAAY;4BACT,CAAC,CAAC;gCACI,IAAI,EAAE;oCACF,MAAM,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;wCAClB,MAAM,uBAAuB,CAAC;4CAC1B,SAAS,EAAE;gDACP,SAAS,EAAE,cAAc;gDACzB,OAAO,EAAE;oDACL;wDACI,KAAK,EAAE,IAAI;wDACX,SAAS,EAAE,qBAAqB,CAAC,KAAK;wDACtC,KAAK,EAAE,KAAK,CAAC,MAAM;qDACtB;iDACJ;6CACJ;yCACJ,CAAC,CAAC;oCACP,CAAC;iCACJ;6BACJ;4BACH,CAAC,CAAC,EAAE,EAEZ,mBAAmB,EAAE;4BACjB,aAAa,EAAE,gBAAgB;yBAClC,EACD,cAAc,EAAE,EAAE,EAClB,qBAAqB,EAAE,EAAE,EACzB,kBAAkB,EAAE,EAAE,EACtB,WAAW,EAAE;4BACT;gCACI,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC;gCAC9B,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,KAAK,GAAI;gCACtC,uBAAuB,EAAE,IAAI;gCAC7B,QAAQ,EAAE,IAAI,CAAC,EAAE;oCACb,mBAAmB,CAAC;wCAChB,OAAO,EAAE,IAAI,CAAC,SAAS;wCACvB,MAAM,EAAE;4CACJ,EAAE,EAAE,IAAI,CAAC,MAAM;4CACf,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK;4CACzB,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ;4CAC/B,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK;4CACzB,OAAO,EAAE,EAAC,EAAE,EAAE,IAAI,CAAC,SAAS,EAAC;yCAChC;wCACD,aAAa,EAAE,SAAS;qCAC3B,CAAC,CAAC;gCACP,CAAC;6BACJ;yBACJ,EACD,qBAAqB,EAAE,CAAC,QAAQ,CAAC,EACjC,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,QACV,mBAAmB,SACrB,EACD,eAAe,IAEmB,GACtB,GACX,CACjB,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 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    columnsToDisplay: string[];\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    columnsToDisplay,\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                        defaultViewSettings={{\n                            attributesIds: columnsToDisplay,\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/SelectTreeNode.d.ts

@@ -1,9 +1,10 @@
 import { type FunctionComponent } from 'react';
-import { type ChildrenAsRecordValuePermissionFilterInput } from '../../_gqlTypes';
+import { type ChildrenAsRecordValuePermissionFilterInput, type DependentValuesPermissionFilterInput } from '../../_gqlTypes';
 import { type ITreeNodeWithRecord } from '../../types/trees';
 interface ISelectTreeNodeProps {
     treeId: string;
     childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;
+    dependentValuesPermissionFilter?: DependentValuesPermissionFilterInput;
     onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;
     onCheck?: (selection: ITreeNodeWithRecord[]) => void;
     selectedNodes?: string[];

package/dist/components/SelectTreeNode/SelectTreeNode.js

@@ -4,12 +4,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { localizedTranslation } from '@leav/utils';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-import { useTreeDataQueryQuery } from '../../_gqlTypes';
+import { useTreeDataQueryQuery, } from '../../_gqlTypes';
 import { ErrorDisplay } from '../..';
 import useLang from '../../hooks/useLang';
 import { SelectTreeNodeContent } from './SelectTreeNodeContent';
 import { SelectTreeNodeContentSkeleton } from './SelectTreeNodeContentSkeleton';
-export const SelectTreeNode = ({ treeId, childrenAsRecordValuePermissionFilter, onSelect, onCheck, selectedNodes, disabledNodes, selectableLibraries, multiple = false, checkStrictly = true, checkable = false, canSelectRoot = false, loadRecursively = true, noPagination = false, showSelectChildrenButton = false, }) => {
+export const SelectTreeNode = ({ treeId, childrenAsRecordValuePermissionFilter, dependentValuesPermissionFilter, onSelect, onCheck, selectedNodes, disabledNodes, selectableLibraries, multiple = false, checkStrictly = true, checkable = false, canSelectRoot = false, loadRecursively = true, noPagination = false, showSelectChildrenButton = false, }) => {
     const { lang } = useLang();
     const { t } = useSharedTranslation();
     const { loading, error, data } = useTreeDataQueryQuery({
@@ -24,6 +24,6 @@ export const SelectTreeNode = ({ treeId, childrenAsRecordValuePermissionFilter,
     if (!data?.trees.list[0]) {
         return _jsx(ErrorDisplay, { message: t('error.unknown_tree', { treeId }) });
     }
-    return (_jsx(SelectTreeNodeContent, { treeData: { id: treeId, label: localizedTranslation(data.trees.list[0].label, lang) || treeId }, childrenAsRecordValuePermissionFilter: childrenAsRecordValuePermissionFilter, onCheck: onCheck, onSelect: onSelect, multiple: multiple, checkable: checkable, checkStrictly: checkStrictly, selectedNodes: selectedNodes, disabledNodes: disabledNodes, canSelectRoot: canSelectRoot, selectableLibraries: selectableLibraries, loadRecursively: loadRecursively, noPagination: noPagination, showSelectChildrenButton: showSelectChildrenButton }));
+    return (_jsx(SelectTreeNodeContent, { treeData: { id: treeId, label: localizedTranslation(data.trees.list[0].label, lang) || treeId }, childrenAsRecordValuePermissionFilter: childrenAsRecordValuePermissionFilter, dependentValuesPermissionFilter: dependentValuesPermissionFilter, onCheck: onCheck, onSelect: onSelect, multiple: multiple, checkable: checkable, checkStrictly: checkStrictly, selectedNodes: selectedNodes, disabledNodes: disabledNodes, canSelectRoot: canSelectRoot, selectableLibraries: selectableLibraries, loadRecursively: loadRecursively, noPagination: noPagination, showSelectChildrenButton: showSelectChildrenButton }));
 };
 //# sourceMappingURL=SelectTreeNode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTreeNode.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/SelectTreeNode.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAkD,qBAAqB,EAAC,MAAM,eAAe,CAAC;AACrG,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAmB9E,MAAM,CAAC,MAAM,cAAc,GAA4C,CAAC,EACpE,MAAM,EACN,qCAAqC,EACrC,QAAQ,EACR,OAAO,EACP,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,IAAI,EACpB,SAAS,GAAG,KAAK,EACjB,aAAa,GAAG,KAAK,EACrB,eAAe,GAAG,IAAI,EACtB,YAAY,GAAG,KAAK,EACpB,wBAAwB,GAAG,KAAK,GACnC,EAAE,EAAE;IACD,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IACzB,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,qBAAqB,CAAC;QACjD,SAAS,EAAE,EAAC,MAAM,EAAC;KACtB,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,KAAC,6BAA6B,KAAG,CAAC;IAC7C,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAAC;IACpD,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACvB,OAAO,KAAC,YAAY,IAAC,OAAO,EAAE,CAAC,CAAC,oBAAoB,EAAE,EAAC,MAAM,EAAC,CAAC,GAAI,CAAC;IACxE,CAAC;IAED,OAAO,CACH,KAAC,qBAAqB,IAClB,QAAQ,EAAE,EAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,MAAM,EAAC,EAC7F,qCAAqC,EAAE,qCAAqC,EAC5E,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,wBAAwB,EAAE,wBAAwB,GACpD,CACL,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 {localizedTranslation} from '@leav/utils';\nimport {type FunctionComponent} from 'react';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type ChildrenAsRecordValuePermissionFilterInput, useTreeDataQueryQuery} from '_ui/_gqlTypes';\nimport {ErrorDisplay} from '../..';\nimport useLang from '../../hooks/useLang';\nimport {type ITreeNodeWithRecord} from '../../types/trees';\nimport {SelectTreeNodeContent} from './SelectTreeNodeContent';\nimport {SelectTreeNodeContentSkeleton} from './SelectTreeNodeContentSkeleton';\n\ninterface ISelectTreeNodeProps {\n    treeId: string;\n    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;\n    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n    onCheck?: (selection: ITreeNodeWithRecord[]) => void;\n    selectedNodes?: string[];\n    disabledNodes?: string[];\n    selectableLibraries?: string[]; // all by default\n    multiple?: boolean;\n    checkStrictly?: boolean;\n    checkable?: boolean;\n    canSelectRoot?: boolean;\n    loadRecursively?: boolean;\n    noPagination?: boolean;\n    showSelectChildrenButton?: boolean;\n}\n\nexport const SelectTreeNode: FunctionComponent<ISelectTreeNodeProps> = ({\n    treeId,\n    childrenAsRecordValuePermissionFilter,\n    onSelect,\n    onCheck,\n    selectedNodes,\n    disabledNodes,\n    selectableLibraries,\n    multiple = false,\n    checkStrictly = true,\n    checkable = false,\n    canSelectRoot = false,\n    loadRecursively = true,\n    noPagination = false,\n    showSelectChildrenButton = false,\n}) => {\n    const {lang} = useLang();\n    const {t} = useSharedTranslation();\n    const {loading, error, data} = useTreeDataQueryQuery({\n        variables: {treeId},\n    });\n\n    if (loading) {\n        return <SelectTreeNodeContentSkeleton />;\n    }\n\n    if (error) {\n        return <ErrorDisplay message={error.message} />;\n    }\n\n    if (!data?.trees.list[0]) {\n        return <ErrorDisplay message={t('error.unknown_tree', {treeId})} />;\n    }\n\n    return (\n        <SelectTreeNodeContent\n            treeData={{id: treeId, label: localizedTranslation(data.trees.list[0].label, lang) || treeId}}\n            childrenAsRecordValuePermissionFilter={childrenAsRecordValuePermissionFilter}\n            onCheck={onCheck}\n            onSelect={onSelect}\n            multiple={multiple}\n            checkable={checkable}\n            checkStrictly={checkStrictly}\n            selectedNodes={selectedNodes}\n            disabledNodes={disabledNodes}\n            canSelectRoot={canSelectRoot}\n            selectableLibraries={selectableLibraries}\n            loadRecursively={loadRecursively}\n            noPagination={noPagination}\n            showSelectChildrenButton={showSelectChildrenButton}\n        />\n    );\n};\n"]}
+{"version":3,"file":"SelectTreeNode.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/SelectTreeNode.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAGH,qBAAqB,GACxB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAoB9E,MAAM,CAAC,MAAM,cAAc,GAA4C,CAAC,EACpE,MAAM,EACN,qCAAqC,EACrC,+BAA+B,EAC/B,QAAQ,EACR,OAAO,EACP,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,IAAI,EACpB,SAAS,GAAG,KAAK,EACjB,aAAa,GAAG,KAAK,EACrB,eAAe,GAAG,IAAI,EACtB,YAAY,GAAG,KAAK,EACpB,wBAAwB,GAAG,KAAK,GACnC,EAAE,EAAE;IACD,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IACzB,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,qBAAqB,CAAC;QACjD,SAAS,EAAE,EAAC,MAAM,EAAC;KACtB,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,KAAC,6BAA6B,KAAG,CAAC;IAC7C,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAAC;IACpD,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACvB,OAAO,KAAC,YAAY,IAAC,OAAO,EAAE,CAAC,CAAC,oBAAoB,EAAE,EAAC,MAAM,EAAC,CAAC,GAAI,CAAC;IACxE,CAAC;IAED,OAAO,CACH,KAAC,qBAAqB,IAClB,QAAQ,EAAE,EAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,MAAM,EAAC,EAC7F,qCAAqC,EAAE,qCAAqC,EAC5E,+BAA+B,EAAE,+BAA+B,EAChE,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,wBAAwB,EAAE,wBAAwB,GACpD,CACL,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 {localizedTranslation} from '@leav/utils';\nimport {type FunctionComponent} from 'react';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {\n    type ChildrenAsRecordValuePermissionFilterInput,\n    type DependentValuesPermissionFilterInput,\n    useTreeDataQueryQuery,\n} from '_ui/_gqlTypes';\nimport {ErrorDisplay} from '../..';\nimport useLang from '../../hooks/useLang';\nimport {type ITreeNodeWithRecord} from '../../types/trees';\nimport {SelectTreeNodeContent} from './SelectTreeNodeContent';\nimport {SelectTreeNodeContentSkeleton} from './SelectTreeNodeContentSkeleton';\n\ninterface ISelectTreeNodeProps {\n    treeId: string;\n    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;\n    dependentValuesPermissionFilter?: DependentValuesPermissionFilterInput;\n    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n    onCheck?: (selection: ITreeNodeWithRecord[]) => void;\n    selectedNodes?: string[];\n    disabledNodes?: string[];\n    selectableLibraries?: string[]; // all by default\n    multiple?: boolean;\n    checkStrictly?: boolean;\n    checkable?: boolean;\n    canSelectRoot?: boolean;\n    loadRecursively?: boolean;\n    noPagination?: boolean;\n    showSelectChildrenButton?: boolean;\n}\n\nexport const SelectTreeNode: FunctionComponent<ISelectTreeNodeProps> = ({\n    treeId,\n    childrenAsRecordValuePermissionFilter,\n    dependentValuesPermissionFilter,\n    onSelect,\n    onCheck,\n    selectedNodes,\n    disabledNodes,\n    selectableLibraries,\n    multiple = false,\n    checkStrictly = true,\n    checkable = false,\n    canSelectRoot = false,\n    loadRecursively = true,\n    noPagination = false,\n    showSelectChildrenButton = false,\n}) => {\n    const {lang} = useLang();\n    const {t} = useSharedTranslation();\n    const {loading, error, data} = useTreeDataQueryQuery({\n        variables: {treeId},\n    });\n\n    if (loading) {\n        return <SelectTreeNodeContentSkeleton />;\n    }\n\n    if (error) {\n        return <ErrorDisplay message={error.message} />;\n    }\n\n    if (!data?.trees.list[0]) {\n        return <ErrorDisplay message={t('error.unknown_tree', {treeId})} />;\n    }\n\n    return (\n        <SelectTreeNodeContent\n            treeData={{id: treeId, label: localizedTranslation(data.trees.list[0].label, lang) || treeId}}\n            childrenAsRecordValuePermissionFilter={childrenAsRecordValuePermissionFilter}\n            dependentValuesPermissionFilter={dependentValuesPermissionFilter}\n            onCheck={onCheck}\n            onSelect={onSelect}\n            multiple={multiple}\n            checkable={checkable}\n            checkStrictly={checkStrictly}\n            selectedNodes={selectedNodes}\n            disabledNodes={disabledNodes}\n            canSelectRoot={canSelectRoot}\n            selectableLibraries={selectableLibraries}\n            loadRecursively={loadRecursively}\n            noPagination={noPagination}\n            showSelectChildrenButton={showSelectChildrenButton}\n        />\n    );\n};\n"]}

package/dist/components/SelectTreeNode/SelectTreeNodeContent.d.ts

@@ -1,12 +1,13 @@
 import { type FunctionComponent } from 'react';
 import { type ITreeNodeWithRecord } from '../../types';
-import { type ChildrenAsRecordValuePermissionFilterInput } from '../../_gqlTypes';
+import { type ChildrenAsRecordValuePermissionFilterInput, type DependentValuesPermissionFilterInput } from '../../_gqlTypes';
 interface ISelectTreeNodeContentProps {
     treeData: {
         id: string;
         label: string;
     };
     childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;
+    dependentValuesPermissionFilter?: DependentValuesPermissionFilterInput;
     selectedNodes?: string[];
     disabledNodes?: string[];
     onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;

package/dist/components/SelectTreeNode/SelectTreeNodeContent.js

@@ -5,12 +5,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { KitTree } from 'aristid-ds';
 import { Spin } from 'antd';
-import { useTreeNodeChildrenLazyQuery } from '../../_gqlTypes';
+import { useTreeNodeChildrenLazyQuery, } from '../../_gqlTypes';
 import { defaultPaginationPageSize, ErrorDisplay } from '../../index';
 import { TreeNodeTitle } from './TreeNodeTitle';
 import { _isObjectSelection } from './_types';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-export const SelectTreeNodeContent = ({ treeData: tree, childrenAsRecordValuePermissionFilter, onSelect, onCheck, selectedNodes = [], disabledNodes = [], multiple = false, checkable = false, checkStrictly = true, canSelectRoot = false, selectableLibraries, loadRecursively = true, noPagination = false, showSelectChildrenButton = false, }) => {
+export const SelectTreeNodeContent = ({ treeData: tree, childrenAsRecordValuePermissionFilter, dependentValuesPermissionFilter, onSelect, onCheck, selectedNodes = [], disabledNodes = [], multiple = false, checkable = false, checkStrictly = true, canSelectRoot = false, selectableLibraries, loadRecursively = true, noPagination = false, showSelectChildrenButton = false, }) => {
     const { t } = useSharedTranslation();
     const rootNode = {
         title: tree.label,
@@ -32,6 +32,9 @@ export const SelectTreeNodeContent = ({ treeData: tree, childrenAsRecordValuePer
     const _fetchTreeContent = async (parentNodeKey, offset = 0, currentTreeMap = { ...treeMap }) => {
         try {
             const { data: { treeNodeChildren }, } = await loadTreeContent({
+                // If dependentValuesPermissionFilter is set, we need to bypass the cache to get up-to-date data,
+                // because tree content depends on record values that may have changed
+                fetchPolicy: dependentValuesPermissionFilter ? 'no-cache' : undefined,
                 variables: {
                     treeId: tree.id,
                     node: parentNodeKey && parentNodeKey !== tree.id ? parentNodeKey : null,
@@ -42,6 +45,7 @@ export const SelectTreeNodeContent = ({ treeData: tree, childrenAsRecordValuePer
                             offset,
                         },
                     childrenAsRecordValuePermissionFilter,
+                    dependentValuesPermissionFilter,
                 },
             });
             const parentMapKey = parentNodeKey ?? tree.id;

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTreeNodeContent.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/SelectTreeNodeContent.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, useEffect, useState} from 'react';\nimport {KitTree} from 'aristid-ds';\nimport {Spin} from 'antd';\nimport {type EventDataNode} from 'antd/lib/tree';\nimport {type ITreeNodeWithRecord} from '_ui/types';\nimport {type ChildrenAsRecordValuePermissionFilterInput, useTreeNodeChildrenLazyQuery} from '_ui/_gqlTypes';\nimport {defaultPaginationPageSize, ErrorDisplay} from '../../index';\nimport {TreeNodeTitle} from './TreeNodeTitle';\nimport {_isObjectSelection, type ITreeMap, type ITreeMapElement} from './_types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\n\ninterface ISelectTreeNodeContentProps {\n    treeData: {id: string; label: string};\n    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;\n    selectedNodes?: string[];\n    disabledNodes?: string[];\n    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n    onCheck?: (selection: ITreeNodeWithRecord[]) => void;\n    multiple?: boolean;\n    checkable?: boolean;\n    checkStrictly?: boolean;\n    canSelectRoot?: boolean;\n    selectableLibraries?: string[]; // all by default\n    loadRecursively?: boolean;\n    noPagination?: boolean;\n    showSelectChildrenButton?: boolean;\n}\n\nexport const SelectTreeNodeContent: FunctionComponent<ISelectTreeNodeContentProps> = ({\n    treeData: tree,\n    childrenAsRecordValuePermissionFilter,\n    onSelect,\n    onCheck,\n    selectedNodes = [],\n    disabledNodes = [],\n    multiple = false,\n    checkable = false,\n    checkStrictly = true,\n    canSelectRoot = false,\n    selectableLibraries,\n    loadRecursively = true,\n    noPagination = false,\n    showSelectChildrenButton = false,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const rootNode: ITreeMapElement = {\n        title: tree.label,\n        record: null,\n        id: tree.id,\n        key: tree.id,\n        isLeaf: false,\n        parents: [],\n        paginationOffset: 0,\n        children: [],\n    };\n\n    // As we'll fetch children when a node is expanded, we store the whole tree content in a hash map\n    // to make update easier and more efficient\n    const [treeMap, setTreeMap] = useState<ITreeMap>({\n        [tree.id]: rootNode,\n    });\n\n    const [fetchError, setFetchError] = useState<string | undefined>();\n    const [loadTreeContent, {error, called}] = useTreeNodeChildrenLazyQuery();\n\n    const _fetchTreeContent = async (parentNodeKey?: string, offset = 0, currentTreeMap = {...treeMap}) => {\n        try {\n            const {\n                data: {treeNodeChildren},\n            } = await loadTreeContent({\n                variables: {\n                    treeId: tree.id,\n                    node: parentNodeKey && parentNodeKey !== tree.id ? parentNodeKey : null,\n                    pagination: noPagination\n                        ? undefined\n                        : {\n                              limit: defaultPaginationPageSize,\n                              offset,\n                          },\n                    childrenAsRecordValuePermissionFilter,\n                },\n            });\n\n            const parentMapKey = parentNodeKey ?? tree.id;\n            const totalCount = treeNodeChildren.totalCount;\n            const parentElement = currentTreeMap[parentMapKey];\n            const showMoreKey = '__showMore' + parentMapKey + offset;\n\n            const parentPath = parentElement?.parents ?? [];\n            const currentParents = [...parentPath, parentMapKey];\n\n            const formattedNodes = treeNodeChildren.list.map(e => ({\n                record: e.record,\n                title: e.record.whoAmI.label || e.record.whoAmI.id,\n                id: e.id,\n                key: e.id,\n                isLeaf: !e.childrenCount,\n                children: [],\n                parents: currentParents,\n                paginationOffset: 0,\n                disabled: disabledNodes.includes(e.id),\n            }));\n\n            const existingKeys = new Set(parentElement.children.map(child => child.key));\n            const newNodes = formattedNodes.filter(node => !existingKeys.has(node.key));\n            parentElement.children = [\n                ...parentElement.children.filter(child => !child.key.startsWith(`__showMore${parentMapKey}`)),\n                ...newNodes,\n            ];\n\n            for (const node of formattedNodes) {\n                currentTreeMap[node.key] = node as ITreeMapElement;\n                parentElement.paginationOffset = offset;\n            }\n\n            if (!noPagination && totalCount > parentElement.paginationOffset + defaultPaginationPageSize) {\n                const showMoreElement: ITreeMapElement = {\n                    isShowMore: true,\n                    record: null,\n                    title: t('tree-node-selection.show_more'),\n                    id: parentMapKey,\n                    key: showMoreKey,\n                    isLeaf: false,\n                    children: [],\n                    paginationOffset: 0,\n                };\n                parentElement.children.push(showMoreElement);\n            }\n\n            const newOffset = offset + defaultPaginationPageSize;\n            if (treeNodeChildren.totalCount > newOffset) {\n                await _fetchTreeContent(parentNodeKey, newOffset, currentTreeMap);\n            }\n\n            if (loadRecursively) {\n                for (const node of formattedNodes) {\n                    if (!node.isLeaf) {\n                        await _fetchTreeContent(node.key, 0, currentTreeMap);\n                    }\n                }\n            }\n\n            setTreeMap(currentTreeMap);\n            setFetchError(undefined);\n        } catch (err) {\n            setFetchError((err as Error).message);\n        }\n    };\n\n    useEffect(() => {\n        _fetchTreeContent(undefined, 0);\n    }, []);\n\n    /**\n     * In strict mode, loadData handler is called twice\n     * https://github.com/ant-design/ant-design/issues/54497\n     */\n    const _handleLoadData: ComponentProps<typeof KitTree>['loadData'] = async nodeData => {\n        const {id, isShowMore} = nodeData as EventDataNode<ITreeMapElement>;\n\n        // Handle offset if we get here through the \"show more\" element\n        const currentNodeOffset = treeMap[id]?.paginationOffset ?? 0;\n        const paginationOffset = isShowMore\n            ? (treeMap[id]?.paginationOffset ?? 0) + defaultPaginationPageSize\n            : currentNodeOffset;\n\n        if (id === tree.id && !isShowMore) {\n            // Root has already been loaded\n            return;\n        }\n\n        await _fetchTreeContent(id, paginationOffset);\n    };\n\n    const _handleSelect: ComponentProps<typeof KitTree>['onSelect'] = (_, e) => {\n        // Prevent selecting when clicking on select all children button\n        if (e.nativeEvent.target instanceof HTMLButtonElement) {\n            return;\n        }\n        // If user clicked on the text \"show more\", we load more children instead of selecting the node\n        if ('isShowMore' in e.node && e.node.isShowMore) {\n            _handleLoadData(e.node);\n            return;\n        }\n\n        const node = treeMap[e.node.key];\n        const isRoot = node.id === tree.id;\n\n        if (\n            (!canSelectRoot && isRoot) ||\n            (!isRoot && selectableLibraries && !selectableLibraries.includes(node.record.whoAmI.library.id))\n        ) {\n            return;\n        }\n\n        const getAllDescendants = (nodeId: string): string[] =>\n            treeMap[nodeId].children.reduce<string[]>(\n                (acc, child) => [...acc, child.id, ...getAllDescendants(child.id)],\n                [],\n            );\n\n        if (node) {\n            if (checkable) {\n                const isDeselecting = selectedNodes.includes(node.id);\n\n                if (isDeselecting && isRoot) {\n                    _handleCheck([], null);\n                } else if (isDeselecting) {\n                    const nodeToDeselect = [node.id, ...node.parents, ...getAllDescendants(node.id)];\n                    const selectionToKeep = selectedNodes.filter(\n                        selectedNode => !nodeToDeselect.includes(selectedNode),\n                    );\n\n                    _handleCheck(selectionToKeep, null);\n                } else if (isRoot) {\n                    _handleCheck([...getAllDescendants(tree.id), tree.id], null);\n                } else {\n                    _handleCheck([...selectedNodes, node.id], null);\n                }\n            } else {\n                onSelect(node, e.selected);\n            }\n        }\n    };\n\n    const _handleCheck: ComponentProps<typeof KitTree>['onCheck'] = selection => {\n        if (!canSelectRoot && Array.isArray(selection) && selection.includes(tree.id)) {\n            return;\n        }\n\n        const checkedKeys = _isObjectSelection(selection) ? selection.checked : selection;\n        const nodes = checkedKeys.map(key => treeMap[key]);\n\n        onCheck(nodes);\n    };\n\n    if (!called) {\n        return <Spin />;\n    }\n\n    if (error || fetchError) {\n        return <ErrorDisplay message={error?.message ?? fetchError} />;\n    }\n\n    return (\n        <KitTree\n            checkStrictly={checkStrictly}\n            treeData={[treeMap[rootNode.key]]}\n            loadData={loadRecursively ? undefined : _handleLoadData}\n            multiple={multiple}\n            checkable={checkable}\n            defaultExpandedKeys={selectedNodes.length > 0 ? [...selectedNodes, tree.id] : [tree.id]}\n            selectedKeys={selectedNodes}\n            checkedKeys={selectedNodes}\n            titleRender={node => (\n                <TreeNodeTitle\n                    checkable={checkable}\n                    disabledNodes={disabledNodes}\n                    loadRecursively={loadRecursively}\n                    node={node as ITreeMapElement}\n                    onSelect={onSelect}\n                    selectedNodes={selectedNodes}\n                    showSelectChildrenButton={showSelectChildrenButton}\n                />\n            )}\n            onSelect={_handleSelect}\n            onCheck={_handleCheck}\n        />\n    );\n};\n"]}
+{"version":3,"file":"SelectTreeNodeContent.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/SelectTreeNodeContent.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, useEffect, useState} from 'react';\nimport {KitTree} from 'aristid-ds';\nimport {Spin} from 'antd';\nimport {type EventDataNode} from 'antd/lib/tree';\nimport {type ITreeNodeWithRecord} from '_ui/types';\nimport {\n    type ChildrenAsRecordValuePermissionFilterInput,\n    type DependentValuesPermissionFilterInput,\n    useTreeNodeChildrenLazyQuery,\n} from '_ui/_gqlTypes';\nimport {defaultPaginationPageSize, ErrorDisplay} from '../../index';\nimport {TreeNodeTitle} from './TreeNodeTitle';\nimport {_isObjectSelection, type ITreeMap, type ITreeMapElement} from './_types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\n\ninterface ISelectTreeNodeContentProps {\n    treeData: {id: string; label: string};\n    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;\n    dependentValuesPermissionFilter?: DependentValuesPermissionFilterInput;\n    selectedNodes?: string[];\n    disabledNodes?: string[];\n    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n    onCheck?: (selection: ITreeNodeWithRecord[]) => void;\n    multiple?: boolean;\n    checkable?: boolean;\n    checkStrictly?: boolean;\n    canSelectRoot?: boolean;\n    selectableLibraries?: string[]; // all by default\n    loadRecursively?: boolean;\n    noPagination?: boolean;\n    showSelectChildrenButton?: boolean;\n}\n\nexport const SelectTreeNodeContent: FunctionComponent<ISelectTreeNodeContentProps> = ({\n    treeData: tree,\n    childrenAsRecordValuePermissionFilter,\n    dependentValuesPermissionFilter,\n    onSelect,\n    onCheck,\n    selectedNodes = [],\n    disabledNodes = [],\n    multiple = false,\n    checkable = false,\n    checkStrictly = true,\n    canSelectRoot = false,\n    selectableLibraries,\n    loadRecursively = true,\n    noPagination = false,\n    showSelectChildrenButton = false,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const rootNode: ITreeMapElement = {\n        title: tree.label,\n        record: null,\n        id: tree.id,\n        key: tree.id,\n        isLeaf: false,\n        parents: [],\n        paginationOffset: 0,\n        children: [],\n    };\n\n    // As we'll fetch children when a node is expanded, we store the whole tree content in a hash map\n    // to make update easier and more efficient\n    const [treeMap, setTreeMap] = useState<ITreeMap>({\n        [tree.id]: rootNode,\n    });\n\n    const [fetchError, setFetchError] = useState<string | undefined>();\n    const [loadTreeContent, {error, called}] = useTreeNodeChildrenLazyQuery();\n\n    const _fetchTreeContent = async (parentNodeKey?: string, offset = 0, currentTreeMap = {...treeMap}) => {\n        try {\n            const {\n                data: {treeNodeChildren},\n            } = await loadTreeContent({\n                // If dependentValuesPermissionFilter is set, we need to bypass the cache to get up-to-date data,\n                // because tree content depends on record values that may have changed\n                fetchPolicy: dependentValuesPermissionFilter ? 'no-cache' : undefined,\n                variables: {\n                    treeId: tree.id,\n                    node: parentNodeKey && parentNodeKey !== tree.id ? parentNodeKey : null,\n                    pagination: noPagination\n                        ? undefined\n                        : {\n                              limit: defaultPaginationPageSize,\n                              offset,\n                          },\n                    childrenAsRecordValuePermissionFilter,\n                    dependentValuesPermissionFilter,\n                },\n            });\n\n            const parentMapKey = parentNodeKey ?? tree.id;\n            const totalCount = treeNodeChildren.totalCount;\n            const parentElement = currentTreeMap[parentMapKey];\n            const showMoreKey = '__showMore' + parentMapKey + offset;\n\n            const parentPath = parentElement?.parents ?? [];\n            const currentParents = [...parentPath, parentMapKey];\n\n            const formattedNodes = treeNodeChildren.list.map(e => ({\n                record: e.record,\n                title: e.record.whoAmI.label || e.record.whoAmI.id,\n                id: e.id,\n                key: e.id,\n                isLeaf: !e.childrenCount,\n                children: [],\n                parents: currentParents,\n                paginationOffset: 0,\n                disabled: disabledNodes.includes(e.id),\n            }));\n\n            const existingKeys = new Set(parentElement.children.map(child => child.key));\n            const newNodes = formattedNodes.filter(node => !existingKeys.has(node.key));\n            parentElement.children = [\n                ...parentElement.children.filter(child => !child.key.startsWith(`__showMore${parentMapKey}`)),\n                ...newNodes,\n            ];\n\n            for (const node of formattedNodes) {\n                currentTreeMap[node.key] = node as ITreeMapElement;\n                parentElement.paginationOffset = offset;\n            }\n\n            if (!noPagination && totalCount > parentElement.paginationOffset + defaultPaginationPageSize) {\n                const showMoreElement: ITreeMapElement = {\n                    isShowMore: true,\n                    record: null,\n                    title: t('tree-node-selection.show_more'),\n                    id: parentMapKey,\n                    key: showMoreKey,\n                    isLeaf: false,\n                    children: [],\n                    paginationOffset: 0,\n                };\n                parentElement.children.push(showMoreElement);\n            }\n\n            const newOffset = offset + defaultPaginationPageSize;\n            if (treeNodeChildren.totalCount > newOffset) {\n                await _fetchTreeContent(parentNodeKey, newOffset, currentTreeMap);\n            }\n\n            if (loadRecursively) {\n                for (const node of formattedNodes) {\n                    if (!node.isLeaf) {\n                        await _fetchTreeContent(node.key, 0, currentTreeMap);\n                    }\n                }\n            }\n\n            setTreeMap(currentTreeMap);\n            setFetchError(undefined);\n        } catch (err) {\n            setFetchError((err as Error).message);\n        }\n    };\n\n    useEffect(() => {\n        _fetchTreeContent(undefined, 0);\n    }, []);\n\n    /**\n     * In strict mode, loadData handler is called twice\n     * https://github.com/ant-design/ant-design/issues/54497\n     */\n    const _handleLoadData: ComponentProps<typeof KitTree>['loadData'] = async nodeData => {\n        const {id, isShowMore} = nodeData as EventDataNode<ITreeMapElement>;\n\n        // Handle offset if we get here through the \"show more\" element\n        const currentNodeOffset = treeMap[id]?.paginationOffset ?? 0;\n        const paginationOffset = isShowMore\n            ? (treeMap[id]?.paginationOffset ?? 0) + defaultPaginationPageSize\n            : currentNodeOffset;\n\n        if (id === tree.id && !isShowMore) {\n            // Root has already been loaded\n            return;\n        }\n\n        await _fetchTreeContent(id, paginationOffset);\n    };\n\n    const _handleSelect: ComponentProps<typeof KitTree>['onSelect'] = (_, e) => {\n        // Prevent selecting when clicking on select all children button\n        if (e.nativeEvent.target instanceof HTMLButtonElement) {\n            return;\n        }\n        // If user clicked on the text \"show more\", we load more children instead of selecting the node\n        if ('isShowMore' in e.node && e.node.isShowMore) {\n            _handleLoadData(e.node);\n            return;\n        }\n\n        const node = treeMap[e.node.key];\n        const isRoot = node.id === tree.id;\n\n        if (\n            (!canSelectRoot && isRoot) ||\n            (!isRoot && selectableLibraries && !selectableLibraries.includes(node.record.whoAmI.library.id))\n        ) {\n            return;\n        }\n\n        const getAllDescendants = (nodeId: string): string[] =>\n            treeMap[nodeId].children.reduce<string[]>(\n                (acc, child) => [...acc, child.id, ...getAllDescendants(child.id)],\n                [],\n            );\n\n        if (node) {\n            if (checkable) {\n                const isDeselecting = selectedNodes.includes(node.id);\n\n                if (isDeselecting && isRoot) {\n                    _handleCheck([], null);\n                } else if (isDeselecting) {\n                    const nodeToDeselect = [node.id, ...node.parents, ...getAllDescendants(node.id)];\n                    const selectionToKeep = selectedNodes.filter(\n                        selectedNode => !nodeToDeselect.includes(selectedNode),\n                    );\n\n                    _handleCheck(selectionToKeep, null);\n                } else if (isRoot) {\n                    _handleCheck([...getAllDescendants(tree.id), tree.id], null);\n                } else {\n                    _handleCheck([...selectedNodes, node.id], null);\n                }\n            } else {\n                onSelect(node, e.selected);\n            }\n        }\n    };\n\n    const _handleCheck: ComponentProps<typeof KitTree>['onCheck'] = selection => {\n        if (!canSelectRoot && Array.isArray(selection) && selection.includes(tree.id)) {\n            return;\n        }\n\n        const checkedKeys = _isObjectSelection(selection) ? selection.checked : selection;\n        const nodes = checkedKeys.map(key => treeMap[key]);\n\n        onCheck(nodes);\n    };\n\n    if (!called) {\n        return <Spin />;\n    }\n\n    if (error || fetchError) {\n        return <ErrorDisplay message={error?.message ?? fetchError} />;\n    }\n\n    return (\n        <KitTree\n            checkStrictly={checkStrictly}\n            treeData={[treeMap[rootNode.key]]}\n            loadData={loadRecursively ? undefined : _handleLoadData}\n            multiple={multiple}\n            checkable={checkable}\n            defaultExpandedKeys={selectedNodes.length > 0 ? [...selectedNodes, tree.id] : [tree.id]}\n            selectedKeys={selectedNodes}\n            checkedKeys={selectedNodes}\n            titleRender={node => (\n                <TreeNodeTitle\n                    checkable={checkable}\n                    disabledNodes={disabledNodes}\n                    loadRecursively={loadRecursively}\n                    node={node as ITreeMapElement}\n                    onSelect={onSelect}\n                    selectedNodes={selectedNodes}\n                    showSelectChildrenButton={showSelectChildrenButton}\n                />\n            )}\n            onSelect={_handleSelect}\n            onCheck={_handleCheck}\n        />\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":"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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 {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/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?",
@@ -792,6 +803,7 @@
         "delete_link_one": "Delete this link?",
         "delete_link_other": "Delete these links?",
         "delete_link_description_one": "You are about to delete this link.",
-        "delete_link_description_other": "You are about to delete these links."
+        "delete_link_description_other": "You are about to delete these links.",
+        "empty_value": "Undefined"
     }
 }

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 ?",
@@ -792,6 +803,7 @@
         "delete_link_one": "Supprimer cette liaison ?",
         "delete_link_other": "Supprimer ces liaisons ?",
         "delete_link_description_one": "Vous êtes sur le point de supprimer cette liaison.",
-        "delete_link_description_other": "Vous êtes sur le point de supprimer ces liaisons."
+        "delete_link_description_other": "Vous êtes sur le point de supprimer ces liaisons.",
+        "empty_value": "Non défini"
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leav/ui",
-  "version": "1.6.0-dfb71145",
+  "version": "1.6.0-eb8e0390",
   "description": "Shared React components and hooks",
   "scripts": {
     "prepublishOnly": "yarn build",
@@ -42,15 +42,13 @@
     "@types/react-beautiful-dnd": "13.1.8",
     "@types/react-dom": "18.2.6",
     "@types/react-table": "7.7.20",
-    "antd": "5.22.2",
-    "aristid-ds": "14.0.0-c13d6a5",
+    "aristid-ds": "14.0.0-fd68c13",
     "babel-jest": "29.3.1",
-    "commander": "9.5.0",
     "graphql": "16.12.0",
     "i18next": "22.5.1",
     "jest": "29.0.3",
     "jest-environment-jsdom": "29.3.1",
-    "jest-styled-components": "7.1.1",
+    "jest-styled-components": "7.2.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-i18next": "12",
@@ -64,14 +62,12 @@
   "peerDependencies": {
     "@ant-design/icons": ">=5.2",
     "@apollo/client": ">=3.8.1",
-    "antd": "5.22.2",
-    "aristid-ds": "14.0.0-c13d6a5",
+    "aristid-ds": "14.0.0-fd68c13",
     "dayjs": "^1.11.13",
     "i18next": "22.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-i18next": "12",
-    "react-icons": ">=4",
     "react-router-dom": "6.22.0",
     "styled-components": ">=5.3"
   },
@@ -80,6 +76,10 @@
     "@ckeditor/ckeditor5-react": "6.1.0",
     "@dnd-kit/core": "6.1.0",
     "@dnd-kit/sortable": "8.0.0",
+    "@fortawesome/fontawesome-svg-core": "7.0.1",
+    "@fortawesome/free-regular-svg-icons": "7.0.1",
+    "@fortawesome/free-solid-svg-icons": "7.0.1",
+    "@fortawesome/react-fontawesome": "3.0.2",
     "@leav/utils": "1.6.0",
     "@uidotdev/usehooks": "2.4.1",
     "dompurify": "3.2.4",
@@ -88,7 +88,6 @@
     "lodash.isequal": "4.5.0",
     "object-path": "0.11.8",
     "react-beautiful-dnd": "13.1.1",
-    "react-icons": "4.7.1",
     "react-markdown": "5.0.3",
     "react-table": "7.8.0",
     "react-table-sticky": "1.1.3",