@leav/ui 1.5.3 → 1.6.0-0f019af0

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":"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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 {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.d.ts

@@ -14,6 +14,7 @@ interface ISelectRecordForLinkModalProps {
     isMultivalue: boolean;
     onSelectionCompleted: (data: ExplorerSelectionIdsQuery) => void;
     onClose: () => void;
+    columnsToDisplay: string[];
 }
 export declare const SelectRecordForLinkModal: FunctionComponent<ISelectRecordForLinkModalProps>;
 export {};

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';
@@ -48,7 +46,7 @@ const ModalMainStyledDiv = styled.div `
     height: 100%;
     position: relative;
 `;
-export const SelectRecordForLinkModal = ({ className, open, childLibraryId, replacementMode, valuesList, allowFreeEntry, selectionMode, joinLibraryContext, hideSelectAllAction, isMultivalue, onSelectionCompleted, onClose, }) => {
+export const SelectRecordForLinkModal = ({ className, open, childLibraryId, replacementMode, valuesList, allowFreeEntry, selectionMode, joinLibraryContext, hideSelectAllAction, isMultivalue, onSelectionCompleted, onClose, columnsToDisplay, }) => {
     const { t } = useSharedTranslation();
     const explorerContainerRef = useRef(null);
     const _handleClose = () => {
@@ -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: {
@@ -104,10 +102,12 @@ export const SelectRecordForLinkModal = ({ className, open, childLibraryId, repl
                                     },
                                 },
                             }
-                            : {}, primaryActions: [], defaultActionsForItem: [], defaultMassActions: [], itemActions: [
+                            : {}, defaultViewSettings: {
+                            attributesIds: columnsToDisplay,
+                        }, 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    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/components/TriggerPreviewsGenerationModal/TriggerPreviewsGenerationModal.js

@@ -4,17 +4,17 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { localizedTranslation } from '@leav/utils';
 import { Checkbox, Divider, Modal, Tree } from 'antd';
-import { useKitNotification } from 'aristid-ds';
+import { KitNotification } from 'aristid-ds';
 import { useState } from 'react';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
 import { useForcePreviewsGenerationMutation, useGetLibraryPreviewsSettingsQuery, } from '../../_gqlTypes';
 import useLang from '../../hooks/useLang';
 import { ErrorDisplay } from '../ErrorDisplay';
 import { Loading } from '../Loading';
+import { INFO_NOTIFICATION_DURATION, SUCCESS_NOTIFICATION_DURATION } from '../../constants';
 function TriggerPreviewsGenerationModal({ libraryId, filesLibraryId, recordIds, filters, onClose, }) {
     const { t } = useSharedTranslation();
     const { lang } = useLang();
-    const { kitNotification } = useKitNotification();
     const [isFailedOnlyChecked, setIsFailedOnlyChecked] = useState(false);
     const [checkedSizes, setCheckedSizes] = useState([]);
     const [treeData, setTreeData] = useState([]);
@@ -51,10 +51,20 @@ function TriggerPreviewsGenerationModal({ libraryId, filesLibraryId, recordIds,
             });
             const isSuccess = result.data?.forcePreviewsGeneration ?? false;
             if (isSuccess) {
-                kitNotification.success({ description: null, message: t('files.previews_generation_success') });
+                KitNotification.success({
+                    closable: true,
+                    description: null,
+                    message: t('files.previews_generation_success'),
+                    duration: SUCCESS_NOTIFICATION_DURATION,
+                });
             }
             else {
-                kitNotification.info({ description: null, message: t('files.previews_generation_nothing_to_do') });
+                KitNotification.info({
+                    closable: true,
+                    description: null,
+                    message: t('files.previews_generation_nothing_to_do'),
+                    duration: INFO_NOTIFICATION_DURATION,
+                });
             }
             onClose();
         }