@leav/ui 1.12.0-1 → 1.12.0-1ebb8ba2

package/dist/components/Explorer/actions-mass/ResultsCount.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultsCount.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/ResultsCount.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAUzC,MAAM,CAAC,MAAM,YAAY,GAAyC,CAAC,EAC/D,CAAC,EACD,UAAU,EACV,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE,CAAC,CACF,MAAC,aAAa,CAAC,SAAS,eACpB,KAAC,aAAa,CAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,YAC7C,UAAU;gBACP,CAAC,CAAC,GAAG,iBAAiB,GAAG;gBACzB,CAAC,CAAC,kBAAkB,KAAK,iBAAiB;oBACxC,CAAC,CAAC,GAAG,iBAAiB,GAAG;oBACzB,CAAC,CAAC,GAAG,kBAAkB,MAAM,iBAAiB,GAAG,GACtC,EACrB,KAAC,aAAa,CAAC,IAAI,IAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,WAAW,YAC/C,CAAC,CAAC,6BAA6B,EAAE,EAAC,KAAK,EAAE,iBAAiB,EAAC,CAAC,GAC5C,IACC,CAC7B,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitTypography} from 'aristid-ds';\nimport {type FunctionComponent} from 'react';\n\ninterface IResultCountProps {\n    t: ReturnType<typeof useSharedTranslation>['t'];\n    isInactive: boolean;\n    totalCountFiltered: number;\n    totalCountLibrary: number;\n}\n\nexport const ResultsCount: FunctionComponent<IResultCountProps> = ({\n    t,\n    isInactive,\n    totalCountFiltered,\n    totalCountLibrary,\n}) => (\n    <KitTypography.Paragraph>\n        <KitTypography.Text weight=\"bold\" size=\"fontSize7\">\n            {isInactive\n                ? `${totalCountLibrary} `\n                : totalCountFiltered === totalCountLibrary\n                  ? `${totalCountLibrary} `\n                  : `${totalCountFiltered} / ${totalCountLibrary} `}\n        </KitTypography.Text>\n        <KitTypography.Text weight=\"medium\" size=\"fontSize7\">\n            {t('explorer.massAction.results', {count: totalCountLibrary})}\n        </KitTypography.Text>\n    </KitTypography.Paragraph>\n);\n"]}
+{"version":3,"file":"ResultsCount.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/ResultsCount.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAUnD,MAAM,CAAC,MAAM,YAAY,GAAyC,CAAC,EAC/D,CAAC,EACD,UAAU,EACV,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE,CAAC,CACF,MAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,KAAK,aACvC,KAAC,aAAa,CAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,YAC7C,UAAU;gBACP,CAAC,CAAC,GAAG,iBAAiB,GAAG;gBACzB,CAAC,CAAC,kBAAkB,KAAK,iBAAiB;oBACxC,CAAC,CAAC,GAAG,iBAAiB,GAAG;oBACzB,CAAC,CAAC,GAAG,kBAAkB,MAAM,iBAAiB,GAAG,GACtC,EACrB,KAAC,aAAa,CAAC,IAAI,IAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,WAAW,YAC/C,CAAC,CAAC,6BAA6B,EAAE,EAAC,KAAK,EAAE,iBAAiB,EAAC,CAAC,GAC5C,IACd,CACd,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitSpace, KitTypography} from 'aristid-ds';\nimport {type FunctionComponent} from 'react';\n\ninterface IResultCountProps {\n    t: ReturnType<typeof useSharedTranslation>['t'];\n    isInactive: boolean;\n    totalCountFiltered: number;\n    totalCountLibrary: number;\n}\n\nexport const ResultsCount: FunctionComponent<IResultCountProps> = ({\n    t,\n    isInactive,\n    totalCountFiltered,\n    totalCountLibrary,\n}) => (\n    <KitSpace direction=\"horizontal\" size=\"xxs\">\n        <KitTypography.Text weight=\"bold\" size=\"fontSize7\">\n            {isInactive\n                ? `${totalCountLibrary} `\n                : totalCountFiltered === totalCountLibrary\n                  ? `${totalCountLibrary} `\n                  : `${totalCountFiltered} / ${totalCountLibrary} `}\n        </KitTypography.Text>\n        <KitTypography.Text weight=\"medium\" size=\"fontSize7\">\n            {t('explorer.massAction.results', {count: totalCountLibrary})}\n        </KitTypography.Text>\n    </KitSpace>\n);\n"]}

package/dist/components/Explorer/actions-mass/edit-attribute/EditAttributeMassActionModal.d.ts

@@ -1,13 +1,8 @@
-import { type AttributeDetailsFragment, type RecordFilterInput } from '../../../../_gqlTypes';
-import { type FunctionComponent, type ReactNode } from 'react';
-export declare const EditAttributeMassActionModal: FunctionComponent<{
+import { type ReactNode } from 'react';
+export declare const EditAttributeMassActionModal: ({ isOpen, children, bulkCount, onOkButtonClick, onCancelButtonClick, }: {
     isOpen: boolean;
     children: ReactNode;
-    attributes: AttributeDetailsFragment[];
-    setSelectedAttribute: (attr: AttributeDetailsFragment | undefined) => void;
-    massSelectionFilter: RecordFilterInput[];
-    elementsCount: number;
-    disableOkButton: boolean;
+    bulkCount: number;
     onOkButtonClick: () => void;
     onCancelButtonClick: () => void;
-}>;
+}) => JSX.Element;

package/dist/components/Explorer/actions-mass/edit-attribute/EditAttributeMassActionModal.js

@@ -1,20 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { faCheck, faXmark } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { KitButton, KitModal, KitSpace, KitTypography } from 'aristid-ds';
 import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { KitButton, KitModal, KitSelect, KitSpace, KitTypography } from 'aristid-ds';
 const MODAL_WIDTH = '90vw';
 const MODAL_MAX_WIDTH = '656px';
-export const EditAttributeMassActionModal = ({ isOpen, children, setSelectedAttribute, attributes, elementsCount, disableOkButton, onOkButtonClick, onCancelButtonClick, }) => {
+export const EditAttributeMassActionModal = ({ isOpen, children, bulkCount, onOkButtonClick, onCancelButtonClick, }) => {
     const { t } = useSharedTranslation();
-    return (_jsx(KitModal, { isOpen: isOpen, appElement: document.getElementById('root'), style: { content: { width: MODAL_WIDTH, maxWidth: MODAL_MAX_WIDTH } }, width: "100%", height: "auto", icon: false, title: _jsxs(KitSpace, { direction: "vertical", size: "none", children: [_jsx(KitTypography.Title, { level: "h2", children: t('explorer.massAction.editAttribute') }), _jsx(KitTypography.Text, { size: "fontSize7", children: t('explorer.massAction.editAttribute_description', { count: elementsCount }) })] }), footer: _jsxs(_Fragment, { children: [_jsx(KitButton, { size: "m", icon: _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: onCancelButtonClick, children: t('global.cancel') }), _jsx(KitButton, { type: "primary", disabled: disableOkButton, onClick: onOkButtonClick, size: "m", icon: _jsx(FontAwesomeIcon, { icon: faCheck }), children: t('global.edit') })] }), children: _jsxs(KitSpace, { direction: "vertical", size: "m", style: { display: 'flex' }, children: [_jsxs(KitSpace, { direction: "vertical", size: "xxs", style: { display: 'flex' }, children: [_jsx(KitTypography.Text, { children: t('explorer.massAction.editAttribute_attribute_select_title') }), _jsx(KitSelect, { options: attributes.map(attr => ({
-                                label: attr.label || attr.id,
-                                value: attr.id,
-                            })), size: "large", allowClear: false, onChange: value => {
-                                setSelectedAttribute(attributes.find(att => att.id === value));
-                            }, placeholder: t('explorer.massAction.editAttribute_attribute_select_placeholder') })] }), children] }) }));
+    return (_jsx(KitModal, { isOpen: isOpen, appElement: document.getElementById('root'), style: { content: { width: MODAL_WIDTH, maxWidth: MODAL_MAX_WIDTH } }, width: "100%", height: "auto", icon: false, title: _jsxs(KitSpace, { direction: "vertical", size: "none", children: [_jsx(KitTypography.Title, { level: "h2", children: t('explorer.massAction.editAttribute') }), _jsx(KitTypography.Text, { size: "fontSize7", children: t('explorer.massAction.editAttribute_description', { count: bulkCount }) })] }), footer: _jsxs(_Fragment, { children: [_jsx(KitButton, { size: "m", icon: _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: onCancelButtonClick, children: t('global.cancel') }), _jsx(KitButton, { type: "primary", onClick: onOkButtonClick, size: "m", icon: _jsx(FontAwesomeIcon, { icon: faCheck }), children: t('global.edit') })] }), children: _jsx(KitSpace, { direction: "vertical", size: "s", style: { display: 'flex' }, children: children }) }));
 };
 //# sourceMappingURL=EditAttributeMassActionModal.js.map

package/dist/components/Explorer/actions-mass/edit-attribute/EditAttributeMassActionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditAttributeMassActionModal.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/EditAttributeMassActionModal.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 {faCheck, faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {type AttributeDetailsFragment, type RecordFilterInput} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitButton, KitModal, KitSelect, KitSpace, KitTypography} from 'aristid-ds';\nimport {type FunctionComponent, type ReactNode} from 'react';\n\nconst MODAL_WIDTH = '90vw';\nconst MODAL_MAX_WIDTH = '656px';\n\nexport const EditAttributeMassActionModal: FunctionComponent<{\n    isOpen: boolean;\n    children: ReactNode;\n    attributes: AttributeDetailsFragment[];\n    setSelectedAttribute: (attr: AttributeDetailsFragment | undefined) => void;\n    massSelectionFilter: RecordFilterInput[];\n    elementsCount: number;\n    disableOkButton: boolean;\n    onOkButtonClick: () => void;\n    onCancelButtonClick: () => void;\n}> = ({\n    isOpen,\n    children,\n    setSelectedAttribute,\n    attributes,\n    elementsCount,\n    disableOkButton,\n    onOkButtonClick,\n    onCancelButtonClick,\n}) => {\n    const {t} = useSharedTranslation();\n\n    return (\n        <KitModal\n            isOpen={isOpen}\n            appElement={document.getElementById('root')}\n            style={{content: {width: MODAL_WIDTH, maxWidth: MODAL_MAX_WIDTH}}}\n            width=\"100%\"\n            height=\"auto\"\n            icon={false}\n            title={\n                <KitSpace direction=\"vertical\" size=\"none\">\n                    <KitTypography.Title level=\"h2\">{t('explorer.massAction.editAttribute')}</KitTypography.Title>\n                    <KitTypography.Text size=\"fontSize7\">\n                        {t('explorer.massAction.editAttribute_description', {count: elementsCount})}\n                    </KitTypography.Text>\n                </KitSpace>\n            }\n            footer={\n                <>\n                    <KitButton size=\"m\" icon={<FontAwesomeIcon icon={faXmark} />} onClick={onCancelButtonClick}>\n                        {t('global.cancel')}\n                    </KitButton>\n                    <KitButton\n                        type=\"primary\"\n                        disabled={disableOkButton}\n                        onClick={onOkButtonClick}\n                        size=\"m\"\n                        icon={<FontAwesomeIcon icon={faCheck} />}\n                    >\n                        {t('global.edit')}\n                    </KitButton>\n                </>\n            }\n        >\n            <KitSpace direction=\"vertical\" size=\"m\" style={{display: 'flex'}}>\n                <KitSpace direction=\"vertical\" size=\"xxs\" style={{display: 'flex'}}>\n                    <KitTypography.Text>\n                        {t('explorer.massAction.editAttribute_attribute_select_title')}\n                    </KitTypography.Text>\n                    <KitSelect\n                        options={attributes.map(attr => ({\n                            label: attr.label || attr.id,\n                            value: attr.id,\n                        }))}\n                        size=\"large\"\n                        allowClear={false}\n                        onChange={value => {\n                            setSelectedAttribute(attributes.find(att => att.id === value));\n                        }}\n                        placeholder={t('explorer.massAction.editAttribute_attribute_select_placeholder')}\n                    />\n                </KitSpace>\n                {children}\n            </KitSpace>\n        </KitModal>\n    );\n};\n"]}
+{"version":3,"file":"EditAttributeMassActionModal.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/EditAttributeMassActionModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAExE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,MAAM,WAAW,GAAG,MAAM,CAAC;AAC3B,MAAM,eAAe,GAAG,OAAO,CAAC;AAEhC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EACzC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,eAAe,EACf,mBAAmB,GAOtB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,OAAO,CACH,KAAC,QAAQ,IACL,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,EAC3C,KAAK,EAAE,EAAC,OAAO,EAAE,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAC,EAAC,EACjE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,KAAK,EACX,KAAK,EACD,MAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,aACtC,KAAC,aAAa,CAAC,KAAK,IAAC,KAAK,EAAC,IAAI,YAAE,CAAC,CAAC,mCAAmC,CAAC,GAAuB,EAC9F,KAAC,aAAa,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,YAC/B,CAAC,CAAC,+CAA+C,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,GACtD,IACd,EAEf,MAAM,EACF,8BACI,KAAC,SAAS,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,EAAE,OAAO,EAAE,mBAAmB,YACrF,CAAC,CAAC,eAAe,CAAC,GACX,EACZ,KAAC,SAAS,IACN,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,YAEvC,CAAC,CAAC,aAAa,CAAC,GACT,IACb,YAGP,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,YAC3D,QAAQ,GACF,GACJ,CACd,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ReactNode} from 'react';\nimport {faCheck, faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {KitButton, KitModal, KitSpace, KitTypography} from 'aristid-ds';\nimport {type RecordFilterInput} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\n\nconst MODAL_WIDTH = '90vw';\nconst MODAL_MAX_WIDTH = '656px';\n\nexport const EditAttributeMassActionModal = ({\n    isOpen,\n    children,\n    bulkCount,\n    onOkButtonClick,\n    onCancelButtonClick,\n}: {\n    isOpen: boolean;\n    children: ReactNode;\n    bulkCount: number;\n    onOkButtonClick: () => void;\n    onCancelButtonClick: () => void;\n}) => {\n    const {t} = useSharedTranslation();\n\n    return (\n        <KitModal\n            isOpen={isOpen}\n            appElement={document.getElementById('root')}\n            style={{content: {width: MODAL_WIDTH, maxWidth: MODAL_MAX_WIDTH}}}\n            width=\"100%\"\n            height=\"auto\"\n            icon={false}\n            title={\n                <KitSpace direction=\"vertical\" size=\"none\">\n                    <KitTypography.Title level=\"h2\">{t('explorer.massAction.editAttribute')}</KitTypography.Title>\n                    <KitTypography.Text size=\"fontSize7\">\n                        {t('explorer.massAction.editAttribute_description', {count: bulkCount})}\n                    </KitTypography.Text>\n                </KitSpace>\n            }\n            footer={\n                <>\n                    <KitButton size=\"m\" icon={<FontAwesomeIcon icon={faXmark} />} onClick={onCancelButtonClick}>\n                        {t('global.cancel')}\n                    </KitButton>\n                    <KitButton\n                        type=\"primary\"\n                        onClick={onOkButtonClick}\n                        size=\"m\"\n                        icon={<FontAwesomeIcon icon={faCheck} />}\n                    >\n                        {t('global.edit')}\n                    </KitButton>\n                </>\n            }\n        >\n            <KitSpace direction=\"vertical\" size=\"s\" style={{display: 'flex'}}>\n                {children}\n            </KitSpace>\n        </KitModal>\n    );\n};\n"]}

package/dist/components/Explorer/actions-mass/edit-attribute/EditTreeAttributeValuesMapping.d.ts

@@ -1,8 +1,8 @@
-import { type AttributeDetailsTreeAttributeFragment } from '../../../../_gqlTypes';
-import { type FunctionComponent } from 'react';
-import { type ValuesOccurrences } from './useCountValuesOccurrencesHook';
-export declare const EditTreeAttributeValuesMapping: FunctionComponent<{
-    selectedAttribute: AttributeDetailsTreeAttributeFragment;
-    valuesOccurrences: ValuesOccurrences;
-    setAttributeMapping: (before: string | null, after: string | null) => void;
-}>;
+import { type RecordFilterInput } from '../../../../_gqlTypes';
+import { type MassEditableAttribute, type SetAttributeMapping } from './_types';
+export declare const EditTreeAttributeValuesMapping: ({ libraryId, attribute, setAttributeMapping, massSelectionFilters, }: {
+    libraryId: string;
+    attribute: MassEditableAttribute;
+    setAttributeMapping: SetAttributeMapping;
+    massSelectionFilters: RecordFilterInput[];
+}) => JSX.Element;

package/dist/components/Explorer/actions-mass/edit-attribute/EditTreeAttributeValuesMapping.js

@@ -1,16 +1,29 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { KitSpace } from 'aristid-ds';
-import { useListTreeAttributeValuesHook } from './useListTreeAttributeValuesHook';
-import { EditTreeAttributeValueLine } from './EditTreeAttributeValueLine';
-export const EditTreeAttributeValuesMapping = ({ selectedAttribute, valuesOccurrences, setAttributeMapping }) => {
-    const treeAttributeValues = useListTreeAttributeValuesHook({ treeAttribute: selectedAttribute });
-    const { occurrences, noValueCount } = valuesOccurrences;
-    return (_jsxs(KitSpace, { direction: "vertical", size: "xs", style: { display: 'flex' }, children: [treeAttributeValues.map((nodeForOccurrence, index) => {
-                const occurrence = occurrences.find(occ => occ.value.id === nodeForOccurrence.id);
-                if (!occurrence) {
-                    return null;
-                }
-                return (_jsx(EditTreeAttributeValueLine, { treeNodeValues: treeAttributeValues, valueOccurrenceNodeId: occurrence.value.id, valueOccurrenceCount: occurrence.count, setAttributeMapping: setAttributeMapping }, index));
-            }), noValueCount > 0 && (_jsx(EditTreeAttributeValueLine, { treeNodeValues: treeAttributeValues, valueOccurrenceNodeId: null, valueOccurrenceCount: noValueCount, setAttributeMapping: setAttributeMapping }))] }));
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { KitLoader, KitSpace } from 'aristid-ds';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
+import { useValuesDistribution } from './useValuesDistribution';
+import { useTreeNodeRemapping } from './useTreeNodeRemapping';
+import { TreeNodeRemap } from './TreeNodeRemap';
+const UNDEFINED_NODE_ID = null;
+export const EditTreeAttributeValuesMapping = ({ libraryId, attribute, setAttributeMapping, massSelectionFilters, }) => {
+    const { t } = useSharedTranslation();
+    const { distribution, noValueCount, loading } = useValuesDistribution({
+        attributeId: attribute.id,
+        libraryId,
+        recordFilters: massSelectionFilters,
+    });
+    const noValueNode = attribute.treeNodes.find(({ id }) => id === UNDEFINED_NODE_ID) ?? null;
+    const editableNodes = attribute.treeNodes.filter(({ id }) => id !== UNDEFINED_NODE_ID);
+    const remappingList = useTreeNodeRemapping({ distribution, editableNodes });
+    if (loading) {
+        return _jsx(KitLoader, {});
+    }
+    return (_jsxs(KitSpace, { direction: "vertical", size: "xs", style: { display: 'flex' }, children: [remappingList.map(remapping => (_jsx(TreeNodeRemap, { ...remapping, setAttributeMapping: setAttributeMapping }, remapping.currentNode.id))), noValueCount > 0 && noValueNode !== null && (_jsx(TreeNodeRemap, { currentNode: noValueNode, occurrenceCount: noValueCount, candidateNodes: [
+                    { id: UNDEFINED_NODE_ID, label: t('explorer.massAction.editAttribute_value_do_not_change') },
+                    ...editableNodes,
+                ], setAttributeMapping: setAttributeMapping }))] }));
 };
 //# sourceMappingURL=EditTreeAttributeValuesMapping.js.map

package/dist/components/Explorer/actions-mass/edit-attribute/EditTreeAttributeValuesMapping.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditTreeAttributeValuesMapping.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/EditTreeAttributeValuesMapping.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAGpC,OAAO,EAAC,8BAA8B,EAAC,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;AAExE,MAAM,CAAC,MAAM,8BAA8B,GAItC,CAAC,EAAC,iBAAiB,EAAE,iBAAiB,EAAE,mBAAmB,EAAC,EAAE,EAAE;IACjE,MAAM,mBAAmB,GAAG,8BAA8B,CAAC,EAAC,aAAa,EAAE,iBAAiB,EAAC,CAAC,CAAC;IAC/F,MAAM,EAAC,WAAW,EAAE,YAAY,EAAC,GAAG,iBAAiB,CAAC;IAEtD,OAAO,CACH,MAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,aAC5D,mBAAmB,CAAC,GAAG,CAAC,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE;gBAClD,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,KAAK,iBAAiB,CAAC,EAAE,CAAC,CAAC;gBAClF,IAAI,CAAC,UAAU,EAAE,CAAC;oBACd,OAAO,IAAI,CAAC;gBAChB,CAAC;gBACD,OAAO,CACH,KAAC,0BAA0B,IAEvB,cAAc,EAAE,mBAAmB,EACnC,qBAAqB,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,EAC1C,oBAAoB,EAAE,UAAU,CAAC,KAAK,EACtC,mBAAmB,EAAE,mBAAmB,IAJnC,KAAK,CAKZ,CACL,CAAC;YACN,CAAC,CAAC,EACD,YAAY,GAAG,CAAC,IAAI,CACjB,KAAC,0BAA0B,IACvB,cAAc,EAAE,mBAAmB,EACnC,qBAAqB,EAAE,IAAI,EAC3B,oBAAoB,EAAE,YAAY,EAClC,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,IACM,CACd,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type AttributeDetailsTreeAttributeFragment} from '_ui/_gqlTypes';\nimport {KitSpace} from 'aristid-ds';\nimport {type FunctionComponent} from 'react';\nimport {type ValuesOccurrences} from './useCountValuesOccurrencesHook';\nimport {useListTreeAttributeValuesHook} from './useListTreeAttributeValuesHook';\nimport {EditTreeAttributeValueLine} from './EditTreeAttributeValueLine';\n\nexport const EditTreeAttributeValuesMapping: FunctionComponent<{\n    selectedAttribute: AttributeDetailsTreeAttributeFragment;\n    valuesOccurrences: ValuesOccurrences;\n    setAttributeMapping: (before: string | null, after: string | null) => void;\n}> = ({selectedAttribute, valuesOccurrences, setAttributeMapping}) => {\n    const treeAttributeValues = useListTreeAttributeValuesHook({treeAttribute: selectedAttribute});\n    const {occurrences, noValueCount} = valuesOccurrences;\n\n    return (\n        <KitSpace direction=\"vertical\" size=\"xs\" style={{display: 'flex'}}>\n            {treeAttributeValues.map((nodeForOccurrence, index) => {\n                const occurrence = occurrences.find(occ => occ.value.id === nodeForOccurrence.id);\n                if (!occurrence) {\n                    return null;\n                }\n                return (\n                    <EditTreeAttributeValueLine\n                        key={index}\n                        treeNodeValues={treeAttributeValues}\n                        valueOccurrenceNodeId={occurrence.value.id}\n                        valueOccurrenceCount={occurrence.count}\n                        setAttributeMapping={setAttributeMapping}\n                    />\n                );\n            })}\n            {noValueCount > 0 && (\n                <EditTreeAttributeValueLine\n                    treeNodeValues={treeAttributeValues}\n                    valueOccurrenceNodeId={null}\n                    valueOccurrenceCount={noValueCount}\n                    setAttributeMapping={setAttributeMapping}\n                />\n            )}\n        </KitSpace>\n    );\n};\n"]}
+{"version":3,"file":"EditTreeAttributeValuesMapping.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/EditTreeAttributeValuesMapping.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAE/C,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAG9C,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAE/B,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,EAC3C,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,oBAAoB,GAMvB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,EAAC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAC,GAAG,qBAAqB,CAAC;QAChE,WAAW,EAAE,SAAS,CAAC,EAAE;QACzB,SAAS;QACT,aAAa,EAAE,oBAAoB;KACtC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,iBAAiB,CAAC,IAAI,IAAI,CAAC;IACzF,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,iBAAiB,CAAC,CAAC;IAErF,MAAM,aAAa,GAAG,oBAAoB,CAAC,EAAC,YAAY,EAAE,aAAa,EAAC,CAAC,CAAC;IAE1E,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,KAAC,SAAS,KAAG,CAAC;IACzB,CAAC;IAED,OAAO,CACH,MAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,aAC5D,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAC5B,KAAC,aAAa,OAEN,SAAS,EACb,mBAAmB,EAAE,mBAAmB,IAFnC,SAAS,CAAC,WAAW,CAAC,EAAE,CAG/B,CACL,CAAC,EACD,YAAY,GAAG,CAAC,IAAI,WAAW,KAAK,IAAI,IAAI,CACzC,KAAC,aAAa,IACV,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,YAAY,EAC7B,cAAc,EAAE;oBACZ,EAAC,EAAE,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC,CAAC,uDAAuD,CAAC,EAAC;oBAC1F,GAAG,aAAa;iBACnB,EACD,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,IACM,CACd,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 {KitLoader, KitSpace} from 'aristid-ds';\nimport {type RecordFilterInput} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useValuesDistribution} from './useValuesDistribution';\nimport {useTreeNodeRemapping} from './useTreeNodeRemapping';\nimport {TreeNodeRemap} from './TreeNodeRemap';\nimport {type MassEditableAttribute, type SetAttributeMapping} from './_types';\n\nconst UNDEFINED_NODE_ID = null;\n\nexport const EditTreeAttributeValuesMapping = ({\n    libraryId,\n    attribute,\n    setAttributeMapping,\n    massSelectionFilters,\n}: {\n    libraryId: string;\n    attribute: MassEditableAttribute;\n    setAttributeMapping: SetAttributeMapping;\n    massSelectionFilters: RecordFilterInput[];\n}) => {\n    const {t} = useSharedTranslation();\n\n    const {distribution, noValueCount, loading} = useValuesDistribution({\n        attributeId: attribute.id,\n        libraryId,\n        recordFilters: massSelectionFilters,\n    });\n\n    const noValueNode = attribute.treeNodes.find(({id}) => id === UNDEFINED_NODE_ID) ?? null;\n    const editableNodes = attribute.treeNodes.filter(({id}) => id !== UNDEFINED_NODE_ID);\n\n    const remappingList = useTreeNodeRemapping({distribution, editableNodes});\n\n    if (loading) {\n        return <KitLoader />;\n    }\n\n    return (\n        <KitSpace direction=\"vertical\" size=\"xs\" style={{display: 'flex'}}>\n            {remappingList.map(remapping => (\n                <TreeNodeRemap\n                    key={remapping.currentNode.id}\n                    {...remapping}\n                    setAttributeMapping={setAttributeMapping}\n                />\n            ))}\n            {noValueCount > 0 && noValueNode !== null && (\n                <TreeNodeRemap\n                    currentNode={noValueNode}\n                    occurrenceCount={noValueCount}\n                    candidateNodes={[\n                        {id: UNDEFINED_NODE_ID, label: t('explorer.massAction.editAttribute_value_do_not_change')},\n                        ...editableNodes,\n                    ]}\n                    setAttributeMapping={setAttributeMapping}\n                />\n            )}\n        </KitSpace>\n    );\n};\n"]}

package/dist/components/Explorer/actions-mass/edit-attribute/TreeNodeRemap.d.ts

@@ -0,0 +1,7 @@
+import { type MassEditTreeNode, type SetAttributeMapping } from './_types';
+export declare const TreeNodeRemap: ({ currentNode, occurrenceCount, candidateNodes, setAttributeMapping, }: {
+    currentNode: MassEditTreeNode;
+    occurrenceCount: number;
+    candidateNodes: MassEditTreeNode[];
+    setAttributeMapping: SetAttributeMapping;
+}) => JSX.Element;

package/dist/components/Explorer/actions-mass/edit-attribute/TreeNodeRemap.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from 'styled-components';
+import { KitIdCard, KitSelect, KitTypography } from 'aristid-ds';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
+const DivContainer = styled.div `
+    display: grid;
+    align-items: center;
+    grid-template-columns: repeat(3, 1fr);
+    grid-column-gap: calc(var(--general-spacing-l) * 1px);
+`;
+const UNDEFINED_VALUE = '__null__';
+const DEFAULT_ID_CARD_COLOR = 'rgba(200, 200, 200, 1)';
+export const TreeNodeRemap = ({ currentNode, occurrenceCount, candidateNodes, setAttributeMapping, }) => {
+    const { t } = useSharedTranslation();
+    const selectOptions = candidateNodes.map(node => ({
+        label: node.label,
+        value: node.id ?? UNDEFINED_VALUE,
+    }));
+    const doNotChangeOption = selectOptions[0];
+    return (_jsxs(DivContainer, { children: [_jsx(KitIdCard, { title: currentNode.label, color: currentNode.color ?? DEFAULT_ID_CARD_COLOR }), _jsx(KitTypography.Text, { children: t('explorer.massAction.editAttribute_value_occurrences_to_edit', {
+                    count: occurrenceCount,
+                }) }), _jsx(KitSelect, { defaultValue: doNotChangeOption.value, options: selectOptions, size: "middle", allowClear: false, onChange: value => {
+                    setAttributeMapping({
+                        before: currentNode.id,
+                        after: value === UNDEFINED_VALUE ? null : value,
+                        occurrenceCount,
+                    });
+                } })] }));
+};
+//# sourceMappingURL=TreeNodeRemap.js.map

package/dist/components/Explorer/actions-mass/edit-attribute/TreeNodeRemap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeRemap.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/TreeNodeRemap.tsx"],"names":[],"mappings":";AAIA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK9B,CAAC;AAEF,MAAM,eAAe,GAAG,UAAU,CAAC;AACnC,MAAM,qBAAqB,GAAG,wBAAwB,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC1B,WAAW,EACX,eAAe,EACf,cAAc,EACd,mBAAmB,GAMtB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,aAAa,GAAgD,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC3F,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,eAAe;KACpC,CAAC,CAAC,CAAC;IAEJ,MAAM,iBAAiB,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IAE3C,OAAO,CACH,MAAC,YAAY,eACT,KAAC,SAAS,IAAC,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,IAAI,qBAAqB,GAAI,EAC1F,KAAC,aAAa,CAAC,IAAI,cACd,CAAC,CAAC,6DAA6D,EAAE;oBAC9D,KAAK,EAAE,eAAe;iBACzB,CAAC,GACe,EACrB,KAAC,SAAS,IACN,YAAY,EAAE,iBAAiB,CAAC,KAAK,EACrC,OAAO,EAAE,aAAa,EACtB,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,KAAK,CAAC,EAAE;oBACd,mBAAmB,CAAC;wBAChB,MAAM,EAAE,WAAW,CAAC,EAAE;wBACtB,KAAK,EAAE,KAAK,KAAK,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;wBAC/C,eAAe;qBAClB,CAAC,CAAC;gBACP,CAAC,GACH,IACS,CAClB,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ComponentProps} from 'react';\nimport styled from 'styled-components';\nimport {KitIdCard, KitSelect, KitTypography} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type MassEditTreeNode, type SetAttributeMapping} from './_types';\n\nconst DivContainer = styled.div`\n    display: grid;\n    align-items: center;\n    grid-template-columns: repeat(3, 1fr);\n    grid-column-gap: calc(var(--general-spacing-l) * 1px);\n`;\n\nconst UNDEFINED_VALUE = '__null__';\nconst DEFAULT_ID_CARD_COLOR = 'rgba(200, 200, 200, 1)';\n\nexport const TreeNodeRemap = ({\n    currentNode,\n    occurrenceCount,\n    candidateNodes,\n    setAttributeMapping,\n}: {\n    currentNode: MassEditTreeNode;\n    occurrenceCount: number;\n    candidateNodes: MassEditTreeNode[];\n    setAttributeMapping: SetAttributeMapping;\n}) => {\n    const {t} = useSharedTranslation();\n\n    const selectOptions: ComponentProps<typeof KitSelect>['options'] = candidateNodes.map(node => ({\n        label: node.label,\n        value: node.id ?? UNDEFINED_VALUE,\n    }));\n\n    const doNotChangeOption = selectOptions[0];\n\n    return (\n        <DivContainer>\n            <KitIdCard title={currentNode.label} color={currentNode.color ?? DEFAULT_ID_CARD_COLOR} />\n            <KitTypography.Text>\n                {t('explorer.massAction.editAttribute_value_occurrences_to_edit', {\n                    count: occurrenceCount,\n                })}\n            </KitTypography.Text>\n            <KitSelect\n                defaultValue={doNotChangeOption.value}\n                options={selectOptions}\n                size=\"middle\"\n                allowClear={false}\n                onChange={value => {\n                    setAttributeMapping({\n                        before: currentNode.id,\n                        after: value === UNDEFINED_VALUE ? null : value,\n                        occurrenceCount,\n                    });\n                }}\n            />\n        </DivContainer>\n    );\n};\n"]}

package/dist/components/Explorer/actions-mass/edit-attribute/_types.d.ts

@@ -0,0 +1,23 @@
+import { type SystemTranslation } from '../../../../types';
+import { type SaveValueBulkMappingValueInput } from '../../../../_gqlTypes';
+export type MassEditableAttribute = {
+    id: string;
+    label?: SystemTranslation;
+    dependencies: Array<{
+        id: string;
+        label?: SystemTranslation;
+    }>;
+    hasEmptyDependency: boolean;
+    isSimpleWorkflow: boolean;
+    isMonoDependencyWorkflow: boolean;
+    treeNodes: MassEditTreeNode[];
+};
+export type MassEditTreeNode = {
+    id: string | null;
+    label: string;
+    color?: string | null;
+    allowedDependentNodeIds?: string[];
+};
+export type SetAttributeMapping = (mapping: SaveValueBulkMappingValueInput & {
+    occurrenceCount: number;
+}) => void;

package/dist/components/Explorer/actions-mass/edit-attribute/_types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_types.js.map

package/dist/components/Explorer/actions-mass/edit-attribute/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/_types.ts"],"names":[],"mappings":"","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 SystemTranslation} from '_ui/types';\nimport {type SaveValueBulkMappingValueInput} from '_ui/_gqlTypes';\n\nexport type MassEditableAttribute = {\n    id: string;\n    label?: SystemTranslation;\n    dependencies: Array<{id: string; label?: SystemTranslation}>;\n    hasEmptyDependency: boolean;\n    isSimpleWorkflow: boolean;\n    isMonoDependencyWorkflow: boolean;\n    treeNodes: MassEditTreeNode[];\n};\n\nexport type MassEditTreeNode = {\n    id: string | null;\n    label: string;\n    color?: string | null;\n    allowedDependentNodeIds?: string[];\n};\n\nexport type SetAttributeMapping = (mapping: SaveValueBulkMappingValueInput & {occurrenceCount: number}) => void;\n"]}

package/dist/components/Explorer/actions-mass/edit-attribute/useMassEditableAttributes.d.ts

@@ -0,0 +1,4 @@
+import { type MassEditableAttribute } from './_types';
+export declare const useMassEditableAttributes: ({ libraryId }: {
+    libraryId: string;
+}) => MassEditableAttribute[];

package/dist/components/Explorer/actions-mass/edit-attribute/useMassEditableAttributes.js

@@ -0,0 +1,46 @@
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useMassEditableAttributesQuery } from '../../../../_gqlTypes';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
+export const useMassEditableAttributes = ({ libraryId }) => {
+    const { t } = useSharedTranslation();
+    const { data } = useMassEditableAttributesQuery({
+        variables: { libraryId },
+        skip: libraryId.length === 0,
+    });
+    return (data?.attributes?.list
+        .map(treeAttribute => {
+        let dependencies = [];
+        if ('permissions_conf_dependent_values' in treeAttribute) {
+            dependencies = treeAttribute.permissions_conf_dependent_values?.dependenciesTreeAttributes ?? [];
+        }
+        const hasEmptyDependency = dependencies.length === 0;
+        const isSimpleWorkflow = dependencies.length === 1 && dependencies[0].id === treeAttribute.id;
+        const isMonoDependencyWorkflow = dependencies.length === 2 &&
+            dependencies.filter(attribute => attribute.id === treeAttribute.id).length === 1;
+        let treeNodes = [];
+        if ('tree_values' in treeAttribute) {
+            treeNodes =
+                treeAttribute.tree_values?.map(treeValue => ({
+                    id: treeValue.node?.id ?? null,
+                    label: treeValue.node?.record.whoAmI.label ??
+                        treeValue.node?.record.id ??
+                        t('explorer.massAction.editAttribute_value_undefined'),
+                    color: treeValue.node?.record.whoAmI.color,
+                    allowedDependentNodeIds: treeValue.allowedDependentValues?.map(({ nodeId }) => nodeId) ?? [],
+                })) ?? [];
+        }
+        return {
+            id: treeAttribute.id,
+            label: treeAttribute.label,
+            dependencies,
+            hasEmptyDependency,
+            isSimpleWorkflow,
+            isMonoDependencyWorkflow,
+            treeNodes,
+        };
+    })
+        .filter(({ hasEmptyDependency, isSimpleWorkflow, isMonoDependencyWorkflow }) => hasEmptyDependency || isSimpleWorkflow /*|| isMonoDependencyWorkflow*/) ?? []);
+};
+//# sourceMappingURL=useMassEditableAttributes.js.map

package/dist/components/Explorer/actions-mass/edit-attribute/useMassEditableAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMassEditableAttributes.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/useMassEditableAttributes.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,8BAA8B,EAAC,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EAAC,SAAS,EAAsB,EAA2B,EAAE;IACnG,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,EAAC,IAAI,EAAC,GAAG,8BAA8B,CAAC;QAC1C,SAAS,EAAE,EAAC,SAAS,EAAC;QACtB,IAAI,EAAE,SAAS,CAAC,MAAM,KAAK,CAAC;KAC/B,CAAC,CAAC;IAEH,OAAO,CACH,IAAI,EAAE,UAAU,EAAE,IAAI;SACjB,GAAG,CAAC,aAAa,CAAC,EAAE;QACjB,IAAI,YAAY,GAA0C,EAAE,CAAC;QAC7D,IAAI,mCAAmC,IAAI,aAAa,EAAE,CAAC;YACvD,YAAY,GAAG,aAAa,CAAC,iCAAiC,EAAE,0BAA0B,IAAI,EAAE,CAAC;QACrG,CAAC;QAED,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC;QACrD,MAAM,gBAAgB,GAAG,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,aAAa,CAAC,EAAE,CAAC;QAC9F,MAAM,wBAAwB,GAC1B,YAAY,CAAC,MAAM,KAAK,CAAC;YACzB,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,aAAa,CAAC,EAAE,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;QAErF,IAAI,SAAS,GAAuC,EAAE,CAAC;QACvD,IAAI,aAAa,IAAI,aAAa,EAAE,CAAC;YACjC,SAAS;gBACL,aAAa,CAAC,WAAW,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;oBACzC,EAAE,EAAE,SAAS,CAAC,IAAI,EAAE,EAAE,IAAI,IAAI;oBAC9B,KAAK,EACD,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK;wBACnC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE;wBACzB,CAAC,CAAC,mDAAmD,CAAC;oBAC1D,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK;oBAC1C,uBAAuB,EAAE,SAAS,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,MAAO,CAAC,IAAI,EAAE;iBAC9F,CAAC,CAAC,IAAI,EAAE,CAAC;QAClB,CAAC;QAED,OAAO;YACH,EAAE,EAAE,aAAa,CAAC,EAAE;YACpB,KAAK,EAAE,aAAa,CAAC,KAAK;YAC1B,YAAY;YACZ,kBAAkB;YAClB,gBAAgB;YAChB,wBAAwB;YACxB,SAAS;SACZ,CAAC;IACN,CAAC,CAAC;SACD,MAAM,CACH,CAAC,EAAC,kBAAkB,EAAE,gBAAgB,EAAE,wBAAwB,EAAC,EAAE,EAAE,CACjE,kBAAkB,IAAI,gBAAgB,CAAC,+BAA+B,CAC7E,IAAI,EAAE,CACd,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 {useMassEditableAttributesQuery} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type MassEditableAttribute} from './_types';\n\nexport const useMassEditableAttributes = ({libraryId}: {libraryId: string}): MassEditableAttribute[] => {\n    const {t} = useSharedTranslation();\n\n    const {data} = useMassEditableAttributesQuery({\n        variables: {libraryId},\n        skip: libraryId.length === 0,\n    });\n\n    return (\n        data?.attributes?.list\n            .map(treeAttribute => {\n                let dependencies: MassEditableAttribute['dependencies'] = [];\n                if ('permissions_conf_dependent_values' in treeAttribute) {\n                    dependencies = treeAttribute.permissions_conf_dependent_values?.dependenciesTreeAttributes ?? [];\n                }\n\n                const hasEmptyDependency = dependencies.length === 0;\n                const isSimpleWorkflow = dependencies.length === 1 && dependencies[0].id === treeAttribute.id;\n                const isMonoDependencyWorkflow =\n                    dependencies.length === 2 &&\n                    dependencies.filter(attribute => attribute.id === treeAttribute.id).length === 1;\n\n                let treeNodes: MassEditableAttribute['treeNodes'] = [];\n                if ('tree_values' in treeAttribute) {\n                    treeNodes =\n                        treeAttribute.tree_values?.map(treeValue => ({\n                            id: treeValue.node?.id ?? null,\n                            label:\n                                treeValue.node?.record.whoAmI.label ??\n                                treeValue.node?.record.id ??\n                                t('explorer.massAction.editAttribute_value_undefined'),\n                            color: treeValue.node?.record.whoAmI.color,\n                            allowedDependentNodeIds: treeValue.allowedDependentValues?.map(({nodeId}) => nodeId!) ?? [],\n                        })) ?? [];\n                }\n\n                return {\n                    id: treeAttribute.id,\n                    label: treeAttribute.label,\n                    dependencies,\n                    hasEmptyDependency,\n                    isSimpleWorkflow,\n                    isMonoDependencyWorkflow,\n                    treeNodes,\n                };\n            })\n            .filter(\n                ({hasEmptyDependency, isSimpleWorkflow, isMonoDependencyWorkflow}) =>\n                    hasEmptyDependency || isSimpleWorkflow /*|| isMonoDependencyWorkflow*/,\n            ) ?? []\n    );\n};\n"]}

package/dist/components/Explorer/actions-mass/edit-attribute/useTreeNodeRemapping.d.ts

@@ -0,0 +1,12 @@
+import { type MassEditTreeNode } from './_types';
+export declare const useTreeNodeRemapping: ({ distribution, editableNodes, }: {
+    distribution: Array<{
+        count: number;
+        treeNodeId: string;
+    }>;
+    editableNodes: MassEditTreeNode[];
+}) => Array<{
+    currentNode: MassEditTreeNode;
+    occurrenceCount: number;
+    candidateNodes: MassEditTreeNode[];
+}>;

package/dist/components/Explorer/actions-mass/edit-attribute/useTreeNodeRemapping.js

@@ -0,0 +1,24 @@
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
+export const useTreeNodeRemapping = ({ distribution, editableNodes, }) => {
+    const { t } = useSharedTranslation();
+    return distribution.map(occurrence => {
+        const currentNode = editableNodes.find(({ id }) => id === occurrence.treeNodeId);
+        const filteredCandidates = editableNodes
+            .filter(({ id }) => id !== currentNode.id)
+            .filter(candidate => currentNode.allowedDependentNodeIds &&
+            (currentNode.allowedDependentNodeIds.length === 0 ||
+                currentNode.allowedDependentNodeIds.includes(candidate.id)));
+        return {
+            currentNode,
+            occurrenceCount: occurrence.count,
+            candidateNodes: [
+                { id: occurrence.treeNodeId, label: t('explorer.massAction.editAttribute_value_do_not_change') },
+                ...filteredCandidates,
+            ],
+        };
+    });
+};
+//# sourceMappingURL=useTreeNodeRemapping.js.map

package/dist/components/Explorer/actions-mass/edit-attribute/useTreeNodeRemapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeNodeRemapping.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/useTreeNodeRemapping.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACjC,YAAY,EACZ,aAAa,GAIhB,EAIE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,OAAO,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;QACjC,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,UAAU,CAAC,UAAU,CAAE,CAAC;QAEhF,MAAM,kBAAkB,GAAG,aAAa;aACnC,MAAM,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,CAAC;aACvC,MAAM,CACH,SAAS,CAAC,EAAE,CACR,WAAW,CAAC,uBAAuB;YACnC,CAAC,WAAW,CAAC,uBAAuB,CAAC,MAAM,KAAK,CAAC;gBAC7C,WAAW,CAAC,uBAAuB,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAG,CAAC,CAAC,CACvE,CAAC;QAEN,OAAO;YACH,WAAW;YACX,eAAe,EAAE,UAAU,CAAC,KAAK;YACjC,cAAc,EAAE;gBACZ,EAAC,EAAE,EAAE,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,uDAAuD,CAAC,EAAC;gBAC9F,GAAG,kBAAkB;aACxB;SACJ,CAAC;IACN,CAAC,CAAC,CAAC;AACP,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 {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type MassEditTreeNode} from './_types';\n\nexport const useTreeNodeRemapping = ({\n    distribution,\n    editableNodes,\n}: {\n    distribution: Array<{count: number; treeNodeId: string}>;\n    editableNodes: MassEditTreeNode[];\n}): Array<{\n    currentNode: MassEditTreeNode;\n    occurrenceCount: number;\n    candidateNodes: MassEditTreeNode[];\n}> => {\n    const {t} = useSharedTranslation();\n\n    return distribution.map(occurrence => {\n        const currentNode = editableNodes.find(({id}) => id === occurrence.treeNodeId)!;\n\n        const filteredCandidates = editableNodes\n            .filter(({id}) => id !== currentNode.id)\n            .filter(\n                candidate =>\n                    currentNode.allowedDependentNodeIds &&\n                    (currentNode.allowedDependentNodeIds.length === 0 ||\n                        currentNode.allowedDependentNodeIds.includes(candidate.id!)),\n            );\n\n        return {\n            currentNode,\n            occurrenceCount: occurrence.count,\n            candidateNodes: [\n                {id: occurrence.treeNodeId, label: t('explorer.massAction.editAttribute_value_do_not_change')},\n                ...filteredCandidates,\n            ],\n        };\n    });\n};\n"]}

package/dist/components/Explorer/actions-mass/edit-attribute/useValuesDistribution.d.ts

@@ -0,0 +1,13 @@
+import { type RecordFilterInput } from '../../../../_gqlTypes';
+export declare const useValuesDistribution: ({ attributeId, libraryId, recordFilters, }: {
+    attributeId: string;
+    libraryId: string;
+    recordFilters: RecordFilterInput[];
+}) => {
+    noValueCount: number;
+    distribution: Array<{
+        count: number;
+        treeNodeId: string;
+    }>;
+    loading: boolean;
+};

package/dist/components/Explorer/actions-mass/edit-attribute/useValuesDistribution.js

@@ -0,0 +1,28 @@
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useValuesOccurrencesQuery } from '../../../../_gqlTypes';
+export const useValuesDistribution = ({ attributeId, libraryId, recordFilters, }) => {
+    const { data: valuesOccurrences, loading } = useValuesOccurrencesQuery({
+        variables: {
+            attributeId,
+            libraryId,
+            recordFilters,
+        },
+    });
+    const noValueCount = valuesOccurrences?.listDistinctValues?.find(treeOccurrence => !('treeNode' in treeOccurrence && treeOccurrence.treeNode))?.count ?? 0;
+    const distribution = valuesOccurrences?.listDistinctValues
+        ?.map(treeOccurrence => 'treeNode' in treeOccurrence && treeOccurrence.treeNode
+        ? {
+            count: treeOccurrence.count,
+            treeNodeId: treeOccurrence.treeNode.id,
+        }
+        : null)
+        .filter(Boolean) ?? [];
+    return {
+        distribution,
+        noValueCount,
+        loading,
+    };
+};
+//# sourceMappingURL=useValuesDistribution.js.map

package/dist/components/Explorer/actions-mass/edit-attribute/useValuesDistribution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValuesDistribution.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/useValuesDistribution.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAyB,yBAAyB,EAAC,MAAM,eAAe,CAAC;AAEhF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAClC,WAAW,EACX,SAAS,EACT,aAAa,GAKhB,EAOC,EAAE;IACA,MAAM,EAAC,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAC,GAAG,yBAAyB,CAAC;QACjE,SAAS,EAAE;YACP,WAAW;YACX,SAAS;YACT,aAAa;SAChB;KACJ,CAAC,CAAC;IAEH,MAAM,YAAY,GACd,iBAAiB,EAAE,kBAAkB,EAAE,IAAI,CACvC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,IAAI,cAAc,IAAI,cAAc,CAAC,QAAQ,CAAC,CAC/E,EAAE,KAAK,IAAI,CAAC,CAAC;IAElB,MAAM,YAAY,GACd,iBAAiB,EAAE,kBAAkB;QACjC,EAAE,GAAG,CAAC,cAAc,CAAC,EAAE,CACnB,UAAU,IAAI,cAAc,IAAI,cAAc,CAAC,QAAQ;QACnD,CAAC,CAAC;YACI,KAAK,EAAE,cAAc,CAAC,KAAK;YAC3B,UAAU,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE;SACzC;QACH,CAAC,CAAC,IAAI,CACb;SACA,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IAE/B,OAAO;QACH,YAAY;QACZ,YAAY;QACZ,OAAO;KACV,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type RecordFilterInput, useValuesOccurrencesQuery} from '_ui/_gqlTypes';\n\nexport const useValuesDistribution = ({\n    attributeId,\n    libraryId,\n    recordFilters,\n}: {\n    attributeId: string;\n    libraryId: string;\n    recordFilters: RecordFilterInput[];\n}): {\n    noValueCount: number;\n    distribution: Array<{\n        count: number;\n        treeNodeId: string;\n    }>;\n    loading: boolean;\n} => {\n    const {data: valuesOccurrences, loading} = useValuesOccurrencesQuery({\n        variables: {\n            attributeId,\n            libraryId,\n            recordFilters,\n        },\n    });\n\n    const noValueCount =\n        valuesOccurrences?.listDistinctValues?.find(\n            treeOccurrence => !('treeNode' in treeOccurrence && treeOccurrence.treeNode),\n        )?.count ?? 0;\n\n    const distribution =\n        valuesOccurrences?.listDistinctValues\n            ?.map(treeOccurrence =>\n                'treeNode' in treeOccurrence && treeOccurrence.treeNode\n                    ? {\n                          count: treeOccurrence.count,\n                          treeNodeId: treeOccurrence.treeNode.id,\n                      }\n                    : null,\n            )\n            .filter(Boolean) ?? [];\n\n    return {\n        distribution,\n        noValueCount,\n        loading,\n    };\n};\n"]}

package/dist/components/Explorer/actions-mass/useDeactivateMassAction.js

@@ -3,12 +3,13 @@ import { jsx as _jsx } 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 { useMemo } from 'react';
-import { KitAlert, KitModal } from 'aristid-ds';
+import { KitAlert } from 'aristid-ds';
 import { useDeactivateRecordsMutation } from '../../../_gqlTypes';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
+import { useConfirmModal } from '../../../hooks/useConfirmModal';
 import { ViewSettingsActionTypes } from '../manage-view-settings';
-import { BREAK_TWO_LINES, MASS_SELECTION_ALL } from '../_constants';
-import { SUCCESS_ALERT_DURATION } from '../../../constants';
+import { MASS_SELECTION_ALL } from '../_constants';
+import { SUCCESS_ALERT_DURATION, BREAK_TWO_LINES } from '../../../constants';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faTrash } from '@fortawesome/free-solid-svg-icons';
 /**
@@ -26,17 +27,14 @@ import { faTrash } from '@fortawesome/free-solid-svg-icons';
  */
 export const useDeactivateMassAction = ({ isEnabled, store: { view, dispatch }, allVisibleKeys, totalCount, onDeactivate, refetch, }) => {
     const { t } = useSharedTranslation();
+    const { openConfirmModal } = useConfirmModal();
     const [deactivateRecordsMutation] = useDeactivateRecordsMutation();
     const _deactivateMassAction = useMemo(() => ({
         label: t('explorer.massAction.deactivate'),
         icon: _jsx(FontAwesomeIcon, { icon: faTrash }),
         deselectAll: true,
         callback: massSelectionFilter => {
-            KitModal.confirm({
-                width: '100%',
-                style: { content: { width: '90vw', maxWidth: '656px' } },
-                type: 'confirm',
-                icon: false,
+            openConfirmModal({
                 title: t('explorer.deactivate_item', {
                     count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,
                 }) ?? undefined,
@@ -45,8 +43,6 @@ export const useDeactivateMassAction = ({ isEnabled, store: { view, dispatch },
                 }) +
                     BREAK_TWO_LINES +
                     t('global.are_you_sure'),
-                okText: t('global.confirm') ?? undefined,
-                cancelText: t('global.cancel') ?? undefined,
                 onOk: async () => {
                     const { data } = await deactivateRecordsMutation({
                         variables: {

package/dist/components/Explorer/actions-mass/useDeactivateMassAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeactivateMassAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useDeactivateMassAction.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 Dispatch, useMemo} from 'react';\nimport {KitAlert, KitModal} from 'aristid-ds';\nimport {useDeactivateRecordsMutation} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type FeatureHook, type IMassActions} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {BREAK_TWO_LINES, MASS_SELECTION_ALL} from '../_constants';\nimport {type useExplorerData} from '../_queries/useExplorerData';\nimport {SUCCESS_ALERT_DURATION} from '_ui/constants';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faTrash} from '@fortawesome/free-solid-svg-icons';\n\n/**\n * Hook used to get the action for mass actions only available on selection.\n *\n * When the mutation for deactivation is done, the Apollo cache will be clean (`Record` and `RecordIdentity`)\n * from deactivated record.\n *\n * @param isEnabled - whether the action is present\n * @param view - represent the current view\n * @param dispatch - method to change the current view\n * @param libraryId - concerned library\n * @param allVisibleKeys - list of all visible keys used to know if we need to change page\n * @param refetch - method to get fresh data when we delete last page\n */\nexport const useDeactivateMassAction = ({\n    isEnabled,\n    store: {view, dispatch},\n    allVisibleKeys,\n    totalCount,\n    onDeactivate,\n    refetch,\n}: FeatureHook<{\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    allVisibleKeys: string[];\n    totalCount: number;\n    onDeactivate?: IMassActions['callback'];\n    refetch: ReturnType<typeof useExplorerData>['refetch'];\n}>) => {\n    const {t} = useSharedTranslation();\n\n    const [deactivateRecordsMutation] = useDeactivateRecordsMutation();\n\n    const _deactivateMassAction: IMassActions = useMemo(\n        () => ({\n            label: t('explorer.massAction.deactivate'),\n            icon: <FontAwesomeIcon icon={faTrash} />,\n            deselectAll: true,\n            callback: massSelectionFilter => {\n                KitModal.confirm({\n                    width: '100%',\n                    style: {content: {width: '90vw', maxWidth: '656px'}},\n                    type: 'confirm',\n                    icon: false,\n                    title:\n                        t('explorer.deactivate_item', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) ?? undefined,\n                    content:\n                        t('explorer.deactivate_item_description', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) +\n                        BREAK_TWO_LINES +\n                        t('global.are_you_sure'),\n                    okText: t('global.confirm') ?? undefined,\n                    cancelText: t('global.cancel') ?? undefined,\n                    onOk: async () => {\n                        const {data} = await deactivateRecordsMutation({\n                            variables: {\n                                libraryId: view.libraryId,\n                                filters: massSelectionFilter,\n                            },\n                        });\n                        const total =\n                            view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length;\n                        KitAlert.success({\n                            showIcon: true,\n                            duration: SUCCESS_ALERT_DURATION,\n                            message: t('explorer.massAction.deactivate_message'),\n                            description: t('explorer.massAction.deactivate_description', {\n                                count: data?.deactivateRecords.length,\n                                total,\n                            }),\n                            closable: true,\n                        });\n                        if (\n                            view.massSelection === MASS_SELECTION_ALL ||\n                            allVisibleKeys.every(key => view.massSelection.includes(key))\n                        ) {\n                            await refetch({\n                                pagination: {\n                                    limit: view.pageSize,\n                                    offset: 0,\n                                },\n                            });\n                        } else {\n                            await refetch();\n                        }\n                        onDeactivate?.(massSelectionFilter, view.massSelection);\n                        dispatch({\n                            type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                            payload: [],\n                        });\n                    },\n                });\n            },\n        }),\n        [t, deactivateRecordsMutation, view.massSelection, dispatch, view.libraryId, allVisibleKeys, refetch],\n    );\n\n    return {\n        deactivateMassAction: isEnabled ? _deactivateMassAction : null,\n    };\n};\n"]}
+{"version":3,"file":"useDeactivateMassAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useDeactivateMassAction.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 Dispatch, useMemo} from 'react';\nimport {KitAlert} from 'aristid-ds';\nimport {useDeactivateRecordsMutation} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useConfirmModal} from '_ui/hooks/useConfirmModal';\nimport {type FeatureHook, type IMassActions} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {MASS_SELECTION_ALL} from '../_constants';\nimport {type useExplorerData} from '../_queries/useExplorerData';\nimport {SUCCESS_ALERT_DURATION, BREAK_TWO_LINES} from '_ui/constants';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faTrash} from '@fortawesome/free-solid-svg-icons';\n\n/**\n * Hook used to get the action for mass actions only available on selection.\n *\n * When the mutation for deactivation is done, the Apollo cache will be clean (`Record` and `RecordIdentity`)\n * from deactivated record.\n *\n * @param isEnabled - whether the action is present\n * @param view - represent the current view\n * @param dispatch - method to change the current view\n * @param libraryId - concerned library\n * @param allVisibleKeys - list of all visible keys used to know if we need to change page\n * @param refetch - method to get fresh data when we delete last page\n */\nexport const useDeactivateMassAction = ({\n    isEnabled,\n    store: {view, dispatch},\n    allVisibleKeys,\n    totalCount,\n    onDeactivate,\n    refetch,\n}: FeatureHook<{\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    allVisibleKeys: string[];\n    totalCount: number;\n    onDeactivate?: IMassActions['callback'];\n    refetch: ReturnType<typeof useExplorerData>['refetch'];\n}>) => {\n    const {t} = useSharedTranslation();\n    const {openConfirmModal} = useConfirmModal();\n\n    const [deactivateRecordsMutation] = useDeactivateRecordsMutation();\n\n    const _deactivateMassAction: IMassActions = useMemo(\n        () => ({\n            label: t('explorer.massAction.deactivate'),\n            icon: <FontAwesomeIcon icon={faTrash} />,\n            deselectAll: true,\n            callback: massSelectionFilter => {\n                openConfirmModal({\n                    title:\n                        t('explorer.deactivate_item', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) ?? undefined,\n                    content:\n                        t('explorer.deactivate_item_description', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) +\n                        BREAK_TWO_LINES +\n                        t('global.are_you_sure'),\n                    onOk: async () => {\n                        const {data} = await deactivateRecordsMutation({\n                            variables: {\n                                libraryId: view.libraryId,\n                                filters: massSelectionFilter,\n                            },\n                        });\n                        const total =\n                            view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length;\n                        KitAlert.success({\n                            showIcon: true,\n                            duration: SUCCESS_ALERT_DURATION,\n                            message: t('explorer.massAction.deactivate_message'),\n                            description: t('explorer.massAction.deactivate_description', {\n                                count: data?.deactivateRecords.length,\n                                total,\n                            }),\n                            closable: true,\n                        });\n                        if (\n                            view.massSelection === MASS_SELECTION_ALL ||\n                            allVisibleKeys.every(key => view.massSelection.includes(key))\n                        ) {\n                            await refetch({\n                                pagination: {\n                                    limit: view.pageSize,\n                                    offset: 0,\n                                },\n                            });\n                        } else {\n                            await refetch();\n                        }\n                        onDeactivate?.(massSelectionFilter, view.massSelection);\n                        dispatch({\n                            type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                            payload: [],\n                        });\n                    },\n                });\n            },\n        }),\n        [t, deactivateRecordsMutation, view.massSelection, dispatch, view.libraryId, allVisibleKeys, refetch],\n    );\n\n    return {\n        deactivateMassAction: isEnabled ? _deactivateMassAction : null,\n    };\n};\n"]}

package/dist/components/Explorer/actions-mass/useDeleteLinkValues.js

@@ -7,12 +7,14 @@ import { ViewSettingsActionTypes } from '../manage-view-settings';
 import { useMemo } from 'react';
 import { useExplorerData } from '../_queries/useExplorerData';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-import { KitModal } from 'aristid-ds';
-import { BREAK_TWO_LINES, MASS_SELECTION_ALL } from '../_constants';
+import { useConfirmModal } from '../../../hooks/useConfirmModal';
+import { MASS_SELECTION_ALL } from '../_constants';
+import { BREAK_TWO_LINES } from '../../../constants';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faTrash } from '@fortawesome/free-solid-svg-icons';
 export const useDeleteLinkValues = ({ isEnabled, store: { view, dispatch }, filtersStore: { filters, filtersOperator }, pagination, allVisibleKeys, onDelete, refetch, }) => {
     const { t } = useSharedTranslation();
+    const { openConfirmModal } = useConfirmModal();
     const { saveValues } = useSaveValueBatchMutation();
     const isLink = view.entrypoint.type === 'link';
     const { data: linkData, canEditLinkAttributeValues: canUnlinkValues } = useExplorerData({
@@ -31,11 +33,7 @@ export const useDeleteLinkValues = ({ isEnabled, store: { view, dispatch }, filt
         icon: _jsx(FontAwesomeIcon, { icon: faTrash }),
         deselectAll: true,
         callback: massSelectionFilter => {
-            KitModal.confirm({
-                width: '100%',
-                style: { content: { width: '90vw', maxWidth: '656px' } },
-                type: 'confirm',
-                icon: false,
+            openConfirmModal({
                 title: t('explorer.delete_link', {
                     count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,
                 }) ?? undefined,
@@ -45,7 +43,6 @@ export const useDeleteLinkValues = ({ isEnabled, store: { view, dispatch }, filt
                     BREAK_TWO_LINES +
                     t('global.are_you_sure'),
                 okText: t('global.submit') ?? undefined,
-                cancelText: t('global.cancel') ?? undefined,
                 onOk: async () => {
                     const entrypoint = view.entrypoint;
                     let values;