@leav/ui 1.12.0 → 1.13.0

package/dist/_queries/attributes/attributeDetailsFragment.js

@@ -50,6 +50,9 @@ export const attributeDetailsFragment = gql `
             reverse_link
             smart_filter {
                 enable
+                through {
+                    id
+                }
             }
         }
         ... on TreeAttribute {

package/dist/_queries/attributes/attributeDetailsFragment.js.map

@@ -1 +1 @@
-{"version":3,"file":"attributeDetailsFragment.js","sourceRoot":"","sources":["../../../src/_queries/attributes/attributeDetailsFragment.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAEnC,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D1C,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 {gql} from '@apollo/client';\n\nexport const attributeDetailsFragment = gql`\n    fragment AttributeDetails on Attribute {\n        id\n        type\n        format\n        system\n        readonly\n        label\n        description\n        required\n        multiple_values\n        multi_link_display_option\n        multi_tree_display_option\n        metadata_fields {\n            id\n            label\n            type\n            format\n        }\n        versions_conf {\n            versionable\n            mode\n            profile {\n                id\n                label\n                trees {\n                    id\n                    label\n                }\n            }\n        }\n        libraries {\n            id\n            label\n        }\n\n        ... on StandardAttribute {\n            unique\n        }\n\n        ... on LinkAttribute {\n            linked_library {\n                id\n                label\n            }\n            reverse_link\n            smart_filter {\n                enable\n            }\n        }\n        ... on TreeAttribute {\n            linked_tree {\n                id\n                label\n            }\n            permissions_conf_dependent_values {\n                dependenciesTreeAttributes {\n                    id\n                }\n            }\n        }\n    }\n`;\n"]}
+{"version":3,"file":"attributeDetailsFragment.js","sourceRoot":"","sources":["../../../src/_queries/attributes/attributeDetailsFragment.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAEnC,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiE1C,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 {gql} from '@apollo/client';\n\nexport const attributeDetailsFragment = gql`\n    fragment AttributeDetails on Attribute {\n        id\n        type\n        format\n        system\n        readonly\n        label\n        description\n        required\n        multiple_values\n        multi_link_display_option\n        multi_tree_display_option\n        metadata_fields {\n            id\n            label\n            type\n            format\n        }\n        versions_conf {\n            versionable\n            mode\n            profile {\n                id\n                label\n                trees {\n                    id\n                    label\n                }\n            }\n        }\n        libraries {\n            id\n            label\n        }\n\n        ... on StandardAttribute {\n            unique\n        }\n\n        ... on LinkAttribute {\n            linked_library {\n                id\n                label\n            }\n            reverse_link\n            smart_filter {\n                enable\n                through {\n                    id\n                }\n            }\n        }\n        ... on TreeAttribute {\n            linked_tree {\n                id\n                label\n            }\n            permissions_conf_dependent_values {\n                dependenciesTreeAttributes {\n                    id\n                }\n            }\n        }\n    }\n`;\n"]}

package/dist/components/Explorer/DataView.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { memo } from 'react';
+import { memo, useCallback, useState } from 'react';
 import { KitPagination, KitTable } from 'aristid-ds';
 import styled from 'styled-components';
 import isEqual from 'lodash/isEqual';
@@ -13,7 +13,7 @@ import { useColumnWidth } from './useColumnWidth';
 import { WHO_AM_I_COLUMN } from './_constants';
 import { TableNameCell } from './TableNameCell';
 import cn from 'classnames';
-import { INTERNAL_COL_DEFINE } from 'rc-table';
+import { throttle } from 'lodash';
 const tableRowHeight = 56;
 const tableHeaderMinLineHeight = 22;
 const DataViewContainerDivStyled = styled.div `
@@ -60,11 +60,9 @@ const StyledTable = styled(KitTable) `
         .ant-table-cell {
             min-height: ${tableRowHeight}px;
             height: auto !important;
-        }
-
-        /* Align actions to the right of the cell only if another column is present after */
-        td:has(+ td) .ant-table-cell .actions-list {
-            margin-left: auto;
+            .actions-list {
+                margin-left: auto;
+            }
         }
     }
 
@@ -92,19 +90,17 @@ export const DataView = memo(({ dataGroupedFilteredSorted, attributesToDisplay,
         title: () => attributesProperties[attributeName].label,
         ellipsis: useSmallHeaderSize,
         width: getFieldColumnWidth(attributesProperties[attributeName]),
-        shouldCellUpdate: (record, prevRecord) => isMassSelectionAll || record.propertiesById[attributeName] !== prevRecord.propertiesById[attributeName],
+        shouldCellUpdate: (record, prevRecord) => isMassSelectionAll ||
+            record.propertiesById[attributeName] !== prevRecord.propertiesById[attributeName],
         render: (_, item) => (_jsx(TableCell, { attributeProperties: attributesProperties[attributeName], values: item.propertiesById[attributeName] })),
     });
     const columns = attributesToDisplay.map(getColumnProps);
-    const whoIAmColumn = {
+    const whoIAmColumn = useWhoAmIColumn({
         ...getColumnProps(WHO_AM_I_COLUMN),
-        title: () => t('explorer.name'),
         fixed: 'left',
         render: (_, item) => _jsx(TableNameCell, { item: item, itemActions: itemActions }),
         shouldCellUpdate: (record, prevRecord) => isMassSelectionAll || record.whoAmI !== prevRecord.whoAmI,
-    };
-    // replace `width` by `min-width` for the whoAmI column definition to prevent selection column to expand when all column have a width defined (which is a native table behaviour).
-    whoIAmColumn[INTERNAL_COL_DEFINE] = { style: { width: 'unset', minWidth: whoIAmColumn.width } };
+    });
     const itemActionToUseOnRowClick = itemActions.find(itemAction => itemAction.useItemActionOnRowClick);
     const _rowSelection = onSelectionChange === null
         ? undefined
@@ -131,11 +127,32 @@ export const DataView = memo(({ dataGroupedFilteredSorted, attributesToDisplay,
     // TODO: handle columns width based on attribute type/format
     return (_jsxs(DataViewContainerDivStyled, { ref: containerRef, className: cn({ headless: hideTableHeader }), children: [_jsx(StyledTable, { className: cn({
                     'row-clickable': itemActionToUseOnRowClick,
-                }), showHeader: dataGroupedFilteredSorted.length > 0 && !hideTableHeader, headerLineSize: useSmallHeaderSize ? 's' : undefined, columns: [whoIAmColumn, ...columns], tableLayout: "fixed", scroll: {
+                }), showHeader: dataGroupedFilteredSorted.length > 0 && !hideTableHeader, headerLineSize: useSmallHeaderSize ? 's' : 'm', columns: [whoIAmColumn, ...columns], tableLayout: "fixed", scroll: {
                     y: tableBodyHeight ?? (hideTableHeader ? '100%' : scrollHeight),
                     x: '100%',
                 }, dataSource: dataGroupedFilteredSorted, pagination: false, rowSelection: _rowSelection, onRow: (item) => ({
                     onClick: () => itemActionToUseOnRowClick?.callback(item),
                 }) }), paginationProps && (_jsx("div", { className: "pagination", children: _jsx(KitPagination, { "aria-label": "pagination", showSizeChanger: true, showTotal: (total, [from, to]) => t('explorer.pagination-total-number', { from, to, count: total }), total: paginationProps.totalCount, defaultCurrent: paginationProps.currentPage, defaultPageSize: paginationProps.pageSize, pageSizeOptions: paginationProps.pageSizeOptions, onChange: paginationProps.setNewPage, onShowSizeChange: paginationProps.setNewPageSize }) }))] }));
 }, arePropsEqual);
+// This hook exists to change the width of the whoAmI column dynamically.
+// The aimed result is a whoAmI column that always expand and is the only one to expand if there is horizontal space available, but never shrinks under its specifed width.
+// This behaviour is mostly present to prevent the selection column to expand
+function useWhoAmIColumn(props) {
+    const { t } = useSharedTranslation();
+    const [width, setWidth] = useState(props.width);
+    // initialize observer only once using the useState initializer
+    const [resizeObserver] = useState(() => new ResizeObserver(throttle(([node]) => setWidth(node.contentRect.width < props.width ? props.width : '100%'), 100)));
+    // use the `ref` prop as a callback to retrieve the div element and connect the observer on it
+    const onWhoAmIColumnRender = useCallback((node) => {
+        resizeObserver.disconnect();
+        if (node) {
+            resizeObserver.observe(node);
+        }
+    }, []);
+    return {
+        ...props,
+        title: () => _jsx("div", { ref: onWhoAmIColumnRender, children: t('explorer.name') }),
+        width,
+    };
+}
 //# sourceMappingURL=DataView.js.map

package/dist/components/Explorer/DataView.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataView.js","sourceRoot":"","sources":["../../../src/components/Explorer/DataView.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAwD,IAAI,EAAC,MAAM,OAAO,CAAC;AAClF,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEnD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,uBAAuB,EAAE,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAC7F,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAC;AAE7C,MAAM,cAAc,GAAG,EAAE,CAAC;AAC1B,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAEpC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;0BASnB,uBAAuB;;;;;;;;;;CAUhD,CAAC;AAEF,6DAA6D;AAC7D,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;kBAIlB,cAAc;;;0BAGN,wBAAwB;;;;;;;;;;;;;;0BAcxB,cAAc;;;;;;;;;;;;;;;CAevC,CAAC;AA2BF,wKAAwK;AACxK,MAAM,aAAa,GAAG,CAAC,SAAyB,EAAE,SAAyB,EAAE,EAAE,CAC3E,OAAO,CACH;IACI,mBAAmB,EAAE,SAAS,CAAC,mBAAmB;IAClD,IAAI,EAAE,SAAS,CAAC,yBAAyB;IACzC,YAAY,EAAE,SAAS,CAAC,SAAS,CAAC,YAAY;CACjD,EACD;IACI,mBAAmB,EAAE,SAAS,CAAC,mBAAmB;IAClD,IAAI,EAAE,SAAS,CAAC,yBAAyB;IACzC,YAAY,EAAE,SAAS,CAAC,SAAS,CAAC,YAAY;CACjD,CACJ,CAAC;AAEN,MAAM,CAAC,MAAM,QAAQ,GAAsC,IAAI,CAC3D,CAAC,EACG,yBAAyB,EACzB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,WAAW,EACX,SAAS,EAAE,EAAC,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,kBAAkB,EAAE,IAAI,EAAC,EACpF,eAAe,GAAG,KAAK,EACvB,kBAAkB,GAAG,KAAK,EAC1B,eAAe,GAClB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,EAAC,YAAY,EAAE,YAAY,EAAC,GAAG,wBAAwB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IACjF,MAAM,EAAC,mBAAmB,EAAC,GAAG,cAAc,EAAE,CAAC;IAE/C,MAAM,cAAc,GAAG,CAAC,aAAqB,EAAiC,EAAE,CAAC,CAAC;QAC9E,KAAK,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC,KAAK;QACtD,QAAQ,EAAE,kBAAkB;QAC5B,KAAK,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;QAC/D,gBAAgB,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE,CACrC,kBAAkB,IAAI,MAAM,CAAC,cAAc,CAAC,aAAa,CAAC,KAAK,UAAU,CAAC,cAAc,CAAC,aAAa,CAAC;QAC3G,MAAM,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CACjB,KAAC,SAAS,IACN,mBAAmB,EAAE,oBAAoB,CAAC,aAAa,CAAC,EACxD,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,GAC5C,CACL;KACJ,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,mBAAmB,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAExD,MAAM,YAAY,GAAkC;QAChD,GAAG,cAAc,CAAC,eAAe,CAAC;QAClC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC;QAC/B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI;QAC5E,gBAAgB,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,kBAAkB,IAAI,MAAM,CAAC,MAAM,KAAK,UAAU,CAAC,MAAM;KACtG,CAAC;IAEF,kLAAkL;IAClL,YAAY,CAAC,mBAAmB,CAAC,GAAG,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,CAAC,KAAK,EAAC,EAAC,CAAC;IAE5F,MAAM,yBAAyB,GAAG,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAErG,MAAM,aAAa,GACf,iBAAiB,KAAK,IAAI;QACtB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACI,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU;YAC9C,WAAW,EAAE,GAAG,EAAE,6DAA6D;YAC/E,eAAe,EAAE,YAAY;YAC7B,uBAAuB,EAAE,IAAI;YAC7B,wCAAwC;YACxC,QAAQ,EAAE,CAAC,eAAsB,EAAE,EAAE;gBACjC,MAAM,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBACpE,MAAM,gBAAgB,GAAG,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,eAAe,CAAC,CAAC;gBAE9F,iBAAiB,CAAC,eAAe,CAAC,CAAC;gBAEnC,IAAI,gBAAgB,EAAE,CAAC;oBACnB,YAAY,EAAE,CAAC,gBAAgB,CAAC,CAAC;gBACrC,CAAC;YACL,CAAC;YACD,gBAAgB,EAAE,kBAAkB;gBAChC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;oBACH,QAAQ,EAAE,IAAI;iBACjB,CAAC;gBACJ,CAAC,CAAC,SAAS;SAClB,CAAC;IAEZ,4DAA4D;IAC5D,OAAO,CACH,MAAC,0BAA0B,IAAC,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,EAAC,QAAQ,EAAE,eAAe,EAAC,CAAC,aACrF,KAAC,WAAW,IACR,SAAS,EAAE,EAAE,CAAC;oBACV,eAAe,EAAE,yBAAyB;iBAC7C,CAAC,EACF,UAAU,EAAE,yBAAyB,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,eAAe,EACpE,cAAc,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EACpD,OAAO,EAAE,CAAC,YAAY,EAAE,GAAG,OAAO,CAAC,EACnC,WAAW,EAAC,OAAO,EACnB,MAAM,EAAE;oBACJ,CAAC,EAAE,eAAe,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC;oBAC/D,CAAC,EAAE,MAAM;iBACZ,EACD,UAAU,EAAE,yBAAyB,EACrC,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,CAAC;oBACzB,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,EAAE,QAAQ,CAAC,IAAI,CAAC;iBAC3D,CAAC,GACJ,EACD,eAAe,IAAI,CAChB,cAAK,SAAS,EAAC,YAAY,YACvB,KAAC,aAAa,kBACC,YAAY,EACvB,eAAe,QACf,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAC7B,CAAC,CAAC,kCAAkC,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,EAEnE,KAAK,EAAE,eAAe,CAAC,UAAU,EACjC,cAAc,EAAE,eAAe,CAAC,WAAW,EAC3C,eAAe,EAAE,eAAe,CAAC,QAAQ,EACzC,eAAe,EAAE,eAAe,CAAC,eAAe,EAChD,QAAQ,EAAE,eAAe,CAAC,UAAU,EACpC,gBAAgB,EAAE,eAAe,CAAC,cAAc,GAClD,GACA,CACT,IACwB,CAChC,CAAC;AACN,CAAC,EACD,aAAa,CAChB,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ComponentProps, type FunctionComponent, type Key, memo} from 'react';\nimport {KitPagination, KitTable} from 'aristid-ds';\nimport {type KitTableColumnType} from 'aristid-ds/dist/Kit/DataDisplay/Table/types';\nimport styled from 'styled-components';\nimport isEqual from 'lodash/isEqual';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IExplorerData, type IItemAction, type IItemData} from './_types';\nimport {TableCell} from './TableCell';\nimport {defaultPaginationHeight, useTableScrollableHeight} from './useTableScrollableHeight';\nimport {useColumnWidth} from './useColumnWidth';\nimport {WHO_AM_I_COLUMN} from './_constants';\nimport {TableNameCell} from './TableNameCell';\nimport cn from 'classnames';\nimport {INTERNAL_COL_DEFINE} from 'rc-table';\n\nconst tableRowHeight = 56;\nconst tableHeaderMinLineHeight = 22;\n\nconst DataViewContainerDivStyled = styled.div`\n    flex: 1 1 min-content;\n    overflow: hidden;\n\n    &.headless {\n        overflow-y: auto;\n    }\n\n    .kit-table {\n        padding-bottom: ${defaultPaginationHeight}px;\n        position: relative;\n    }\n\n    .pagination {\n        flex: 0 0 auto;\n        justify-content: center;\n        display: flex;\n        padding-top: calc(var(--general-spacing-xs) * 1px);\n    }\n`;\n\n// TODO: Table component should be updated fix header display\nconst StyledTable = styled(KitTable)`\n    .ant-table-thead > tr > th {\n        padding-top: calc(var(--general-spacing-xxs) * 1px) !important;\n        padding-bottom: calc(var(--general-spacing-xxs) * 1px) !important;\n        height: ${tableRowHeight}px;\n\n        .ant-table-cell {\n            min-height: ${tableHeaderMinLineHeight}px;\n            height: auto !important;\n            padding: 0 calc(var(--general-spacing-s) * 1px) 0 0;\n        }\n    }\n\n    .ant-table-tbody > tr:hover .ant-table-cell {\n        .actions-list {\n            display: inline-flex;\n        }\n    }\n\n    .ant-table-tbody > tr {\n        .ant-table-cell {\n            min-height: ${tableRowHeight}px;\n            height: auto !important;\n        }\n\n        /* Align actions to the right of the cell only if another column is present after */\n        td:has(+ td) .ant-table-cell .actions-list {\n            margin-left: auto;\n        }\n    }\n\n    &.row-clickable {\n        .ant-table-tbody > tr {\n            cursor: pointer;\n        }\n    }\n`;\n\ninterface IDataViewProps {\n    dataGroupedFilteredSorted: IItemData[];\n    itemActions: IItemAction[];\n    attributesProperties: IExplorerData['attributes'];\n    attributesToDisplay: string[];\n    paginationProps?: {\n        pageSizeOptions: number[];\n        totalCount: number;\n        currentPage: number;\n        pageSize: number;\n        setNewPage: (page: number, pageSize: number) => void;\n        setNewPageSize: (page: number, pageSize: number) => void;\n    };\n    selection: {\n        onSelectItem?: null | ((selectedItem: IItemData) => void);\n        onSelectionChange: null | ((keys: Key[]) => void);\n        isMassSelectionAll: boolean;\n        selectedKeys: Key[];\n        mode?: 'simple' | 'multiple';\n    };\n    hideTableHeader: boolean;\n    useSmallHeaderSize?: boolean;\n    tableBodyHeight?: string;\n}\n\n// TODO: tests will fail if we don't check attributeToDisplay because we have a render with no attributes but data is present. We should check why there's this behavior\nconst arePropsEqual = (prevProps: IDataViewProps, nextProps: IDataViewProps) =>\n    isEqual(\n        {\n            attributesToDisplay: prevProps.attributesToDisplay,\n            data: prevProps.dataGroupedFilteredSorted,\n            selectedKeys: prevProps.selection.selectedKeys,\n        },\n        {\n            attributesToDisplay: nextProps.attributesToDisplay,\n            data: nextProps.dataGroupedFilteredSorted,\n            selectedKeys: nextProps.selection.selectedKeys,\n        },\n    );\n\nexport const DataView: FunctionComponent<IDataViewProps> = memo(\n    ({\n        dataGroupedFilteredSorted,\n        attributesToDisplay,\n        attributesProperties,\n        paginationProps,\n        itemActions,\n        selection: {onSelectItem, onSelectionChange, selectedKeys, isMassSelectionAll, mode},\n        hideTableHeader = false,\n        useSmallHeaderSize = false,\n        tableBodyHeight,\n    }) => {\n        const {t} = useSharedTranslation();\n\n        const {containerRef, scrollHeight} = useTableScrollableHeight(!!paginationProps);\n        const {getFieldColumnWidth} = useColumnWidth();\n\n        const getColumnProps = (attributeName: string): KitTableColumnType<IItemData> => ({\n            title: () => attributesProperties[attributeName].label,\n            ellipsis: useSmallHeaderSize,\n            width: getFieldColumnWidth(attributesProperties[attributeName]),\n            shouldCellUpdate: (record, prevRecord) =>\n                isMassSelectionAll || record.propertiesById[attributeName] !== prevRecord.propertiesById[attributeName],\n            render: (_, item) => (\n                <TableCell\n                    attributeProperties={attributesProperties[attributeName]}\n                    values={item.propertiesById[attributeName]}\n                />\n            ),\n        });\n\n        const columns = attributesToDisplay.map(getColumnProps);\n\n        const whoIAmColumn: KitTableColumnType<IItemData> = {\n            ...getColumnProps(WHO_AM_I_COLUMN),\n            title: () => t('explorer.name'),\n            fixed: 'left',\n            render: (_, item) => <TableNameCell item={item} itemActions={itemActions} />,\n            shouldCellUpdate: (record, prevRecord) => isMassSelectionAll || record.whoAmI !== prevRecord.whoAmI,\n        };\n\n        // replace `width` by `min-width` for the whoAmI column definition to prevent selection column to expand when all column have a width defined (which is a native table behaviour).\n        whoIAmColumn[INTERNAL_COL_DEFINE] = {style: {width: 'unset', minWidth: whoIAmColumn.width}};\n\n        const itemActionToUseOnRowClick = itemActions.find(itemAction => itemAction.useItemActionOnRowClick);\n\n        const _rowSelection: ComponentProps<typeof KitTable>['rowSelection'] =\n            onSelectionChange === null\n                ? undefined\n                : {\n                      type: mode === 'simple' ? 'radio' : 'checkbox',\n                      columnTitle: ' ', // blank string to hide select all checkbox from <KitTable />\n                      selectedRowKeys: selectedKeys,\n                      preserveSelectedRowKeys: true,\n                      // TODO: review types from antd directly\n                      onChange: (selectedRowKeys: Key[]) => {\n                          const lastSelectedKey = selectedRowKeys[selectedRowKeys.length - 1];\n                          const lastSelectedItem = dataGroupedFilteredSorted.find(data => data.key === lastSelectedKey);\n\n                          onSelectionChange(selectedRowKeys);\n\n                          if (lastSelectedItem) {\n                              onSelectItem?.(lastSelectedItem);\n                          }\n                      },\n                      getCheckboxProps: isMassSelectionAll\n                          ? () => ({\n                                disabled: true,\n                            })\n                          : undefined,\n                  };\n\n        // TODO: handle columns width based on attribute type/format\n        return (\n            <DataViewContainerDivStyled ref={containerRef} className={cn({headless: hideTableHeader})}>\n                <StyledTable\n                    className={cn({\n                        'row-clickable': itemActionToUseOnRowClick,\n                    })}\n                    showHeader={dataGroupedFilteredSorted.length > 0 && !hideTableHeader}\n                    headerLineSize={useSmallHeaderSize ? 's' : undefined}\n                    columns={[whoIAmColumn, ...columns]}\n                    tableLayout=\"fixed\"\n                    scroll={{\n                        y: tableBodyHeight ?? (hideTableHeader ? '100%' : scrollHeight),\n                        x: '100%',\n                    }}\n                    dataSource={dataGroupedFilteredSorted}\n                    pagination={false}\n                    rowSelection={_rowSelection}\n                    onRow={(item: IItemData) => ({\n                        onClick: () => itemActionToUseOnRowClick?.callback(item),\n                    })}\n                />\n                {paginationProps && (\n                    <div className=\"pagination\">\n                        <KitPagination\n                            aria-label=\"pagination\"\n                            showSizeChanger\n                            showTotal={(total, [from, to]) =>\n                                t('explorer.pagination-total-number', {from, to, count: total})\n                            }\n                            total={paginationProps.totalCount}\n                            defaultCurrent={paginationProps.currentPage}\n                            defaultPageSize={paginationProps.pageSize}\n                            pageSizeOptions={paginationProps.pageSizeOptions}\n                            onChange={paginationProps.setNewPage}\n                            onShowSizeChange={paginationProps.setNewPageSize}\n                        />\n                    </div>\n                )}\n            </DataViewContainerDivStyled>\n        );\n    },\n    arePropsEqual,\n);\n"]}
+{"version":3,"file":"DataView.js","sourceRoot":"","sources":["../../../src/components/Explorer/DataView.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\n\nimport {type ComponentProps, type FunctionComponent, type Key, memo, useCallback, useState} from 'react';\nimport {KitPagination, KitTable} from 'aristid-ds';\nimport {type KitTableColumnType} from 'aristid-ds/dist/Kit/DataDisplay/Table/types';\nimport styled from 'styled-components';\nimport isEqual from 'lodash/isEqual';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IExplorerData, type IItemAction, type IItemData} from './_types';\nimport {TableCell} from './TableCell';\nimport {defaultPaginationHeight, useTableScrollableHeight} from './useTableScrollableHeight';\nimport {useColumnWidth} from './useColumnWidth';\nimport {WHO_AM_I_COLUMN} from './_constants';\nimport {TableNameCell} from './TableNameCell';\nimport cn from 'classnames';\nimport {throttle} from 'lodash';\n\nconst tableRowHeight = 56;\nconst tableHeaderMinLineHeight = 22;\n\nconst DataViewContainerDivStyled = styled.div`\n    flex: 1 1 min-content;\n    overflow: hidden;\n\n    &.headless {\n        overflow-y: auto;\n    }\n\n    .kit-table {\n        padding-bottom: ${defaultPaginationHeight}px;\n        position: relative;\n    }\n\n    .pagination {\n        flex: 0 0 auto;\n        justify-content: center;\n        display: flex;\n        padding-top: calc(var(--general-spacing-xs) * 1px);\n    }\n`;\n\n// TODO: Table component should be updated fix header display\nconst StyledTable = styled(KitTable)`\n    .ant-table-thead > tr > th {\n        padding-top: calc(var(--general-spacing-xxs) * 1px) !important;\n        padding-bottom: calc(var(--general-spacing-xxs) * 1px) !important;\n        height: ${tableRowHeight}px;\n\n        .ant-table-cell {\n            min-height: ${tableHeaderMinLineHeight}px;\n            height: auto !important;\n            padding: 0 calc(var(--general-spacing-s) * 1px) 0 0;\n        }\n    }\n\n    .ant-table-tbody > tr:hover .ant-table-cell {\n        .actions-list {\n            display: inline-flex;\n        }\n    }\n\n    .ant-table-tbody > tr {\n        .ant-table-cell {\n            min-height: ${tableRowHeight}px;\n            height: auto !important;\n            .actions-list {\n                margin-left: auto;\n            }\n        }\n    }\n\n    &.row-clickable {\n        .ant-table-tbody > tr {\n            cursor: pointer;\n        }\n    }\n`;\n\ninterface IDataViewProps {\n    dataGroupedFilteredSorted: IItemData[];\n    itemActions: IItemAction[];\n    attributesProperties: IExplorerData['attributes'];\n    attributesToDisplay: string[];\n    paginationProps?: {\n        pageSizeOptions: number[];\n        totalCount: number;\n        currentPage: number;\n        pageSize: number;\n        setNewPage: (page: number, pageSize: number) => void;\n        setNewPageSize: (page: number, pageSize: number) => void;\n    };\n    selection: {\n        onSelectItem?: null | ((selectedItem: IItemData) => void);\n        onSelectionChange: null | ((keys: Key[]) => void);\n        isMassSelectionAll: boolean;\n        selectedKeys: Key[];\n        mode?: 'simple' | 'multiple';\n    };\n    hideTableHeader: boolean;\n    useSmallHeaderSize?: boolean;\n    tableBodyHeight?: string;\n}\n\n// TODO: tests will fail if we don't check attributeToDisplay because we have a render with no attributes but data is present. We should check why there's this behavior\nconst arePropsEqual = (prevProps: IDataViewProps, nextProps: IDataViewProps) =>\n    isEqual(\n        {\n            attributesToDisplay: prevProps.attributesToDisplay,\n            data: prevProps.dataGroupedFilteredSorted,\n            selectedKeys: prevProps.selection.selectedKeys,\n        },\n        {\n            attributesToDisplay: nextProps.attributesToDisplay,\n            data: nextProps.dataGroupedFilteredSorted,\n            selectedKeys: nextProps.selection.selectedKeys,\n        },\n    );\n\nexport const DataView: FunctionComponent<IDataViewProps> = memo(\n    ({\n        dataGroupedFilteredSorted,\n        attributesToDisplay,\n        attributesProperties,\n        paginationProps,\n        itemActions,\n        selection: {onSelectItem, onSelectionChange, selectedKeys, isMassSelectionAll, mode},\n        hideTableHeader = false,\n        useSmallHeaderSize = false,\n        tableBodyHeight,\n    }) => {\n        const {t} = useSharedTranslation();\n\n        const {containerRef, scrollHeight} = useTableScrollableHeight(!!paginationProps);\n        const {getFieldColumnWidth} = useColumnWidth();\n\n        const getColumnProps = (attributeName: string) =>\n            ({\n                title: () => attributesProperties[attributeName].label,\n                ellipsis: useSmallHeaderSize,\n                width: getFieldColumnWidth(attributesProperties[attributeName]),\n                shouldCellUpdate: (record, prevRecord) =>\n                    isMassSelectionAll ||\n                    record.propertiesById[attributeName] !== prevRecord.propertiesById[attributeName],\n                render: (_, item) => (\n                    <TableCell\n                        attributeProperties={attributesProperties[attributeName]}\n                        values={item.propertiesById[attributeName]}\n                    />\n                ),\n            }) satisfies KitTableColumnType<IItemData>;\n\n        const columns = attributesToDisplay.map(getColumnProps);\n\n        const whoIAmColumn = useWhoAmIColumn({\n            ...getColumnProps(WHO_AM_I_COLUMN),\n            fixed: 'left',\n            render: (_, item) => <TableNameCell item={item} itemActions={itemActions} />,\n            shouldCellUpdate: (record, prevRecord) => isMassSelectionAll || record.whoAmI !== prevRecord.whoAmI,\n        });\n\n        const itemActionToUseOnRowClick = itemActions.find(itemAction => itemAction.useItemActionOnRowClick);\n\n        const _rowSelection: ComponentProps<typeof KitTable>['rowSelection'] =\n            onSelectionChange === null\n                ? undefined\n                : {\n                      type: mode === 'simple' ? 'radio' : 'checkbox',\n                      columnTitle: ' ', // blank string to hide select all checkbox from <KitTable />\n                      selectedRowKeys: selectedKeys,\n                      preserveSelectedRowKeys: true,\n                      // TODO: review types from antd directly\n                      onChange: (selectedRowKeys: Key[]) => {\n                          const lastSelectedKey = selectedRowKeys[selectedRowKeys.length - 1];\n                          const lastSelectedItem = dataGroupedFilteredSorted.find(data => data.key === lastSelectedKey);\n\n                          onSelectionChange(selectedRowKeys);\n\n                          if (lastSelectedItem) {\n                              onSelectItem?.(lastSelectedItem);\n                          }\n                      },\n                      getCheckboxProps: isMassSelectionAll\n                          ? () => ({\n                                disabled: true,\n                            })\n                          : undefined,\n                  };\n\n        // TODO: handle columns width based on attribute type/format\n        return (\n            <DataViewContainerDivStyled ref={containerRef} className={cn({headless: hideTableHeader})}>\n                <StyledTable\n                    className={cn({\n                        'row-clickable': itemActionToUseOnRowClick,\n                    })}\n                    showHeader={dataGroupedFilteredSorted.length > 0 && !hideTableHeader}\n                    headerLineSize={useSmallHeaderSize ? 's' : 'm'}\n                    columns={[whoIAmColumn, ...columns]}\n                    tableLayout=\"fixed\"\n                    scroll={{\n                        y: tableBodyHeight ?? (hideTableHeader ? '100%' : scrollHeight),\n                        x: '100%',\n                    }}\n                    dataSource={dataGroupedFilteredSorted}\n                    pagination={false}\n                    rowSelection={_rowSelection}\n                    onRow={(item: IItemData) => ({\n                        onClick: () => itemActionToUseOnRowClick?.callback(item),\n                    })}\n                />\n                {paginationProps && (\n                    <div className=\"pagination\">\n                        <KitPagination\n                            aria-label=\"pagination\"\n                            showSizeChanger\n                            showTotal={(total, [from, to]) =>\n                                t('explorer.pagination-total-number', {from, to, count: total})\n                            }\n                            total={paginationProps.totalCount}\n                            defaultCurrent={paginationProps.currentPage}\n                            defaultPageSize={paginationProps.pageSize}\n                            pageSizeOptions={paginationProps.pageSizeOptions}\n                            onChange={paginationProps.setNewPage}\n                            onShowSizeChange={paginationProps.setNewPageSize}\n                        />\n                    </div>\n                )}\n            </DataViewContainerDivStyled>\n        );\n    },\n    arePropsEqual,\n);\n\n// This hook exists to change the width of the whoAmI column dynamically.\n// The aimed result is a whoAmI column that always expand and is the only one to expand if there is horizontal space available, but never shrinks under its specifed width.\n// This behaviour is mostly present to prevent the selection column to expand\nfunction useWhoAmIColumn(props: KitTableColumnType<IItemData> & {width: number}) {\n    const {t} = useSharedTranslation();\n\n    const [width, setWidth] = useState<number | string>(props.width);\n\n    // initialize observer only once using the useState initializer\n    const [resizeObserver] = useState(\n        () =>\n            new ResizeObserver(\n                throttle(\n                    ([node]: ResizeObserverEntry[]) =>\n                        setWidth(node.contentRect.width < props.width ? props.width : '100%'),\n                    100,\n                ),\n            ),\n    );\n\n    // use the `ref` prop as a callback to retrieve the div element and connect the observer on it\n    const onWhoAmIColumnRender = useCallback((node: HTMLDivElement) => {\n        resizeObserver.disconnect();\n        if (node) {\n            resizeObserver.observe(node);\n        }\n    }, []);\n\n    return {\n        ...props,\n        title: () => <div ref={onWhoAmIColumnRender}>{t('explorer.name')}</div>,\n        width,\n    };\n}\n"]}

package/dist/components/Explorer/_constants.d.ts

@@ -8,4 +8,3 @@ export declare const CREATE_RECORD_MODAL_CLASSNAME = "create-record-modal";
 export declare const EDIT_RECORD_MODAL_CLASSNAME = "edit-record-modal";
 export declare const WHO_AM_I_COLUMN = "whoAmI";
 export declare const SNACKBAR_MASS_ID = "SNACKBAR_MASS_ID";
-export declare const BREAK_TWO_LINES = "\n\n";

package/dist/components/Explorer/_constants.js

@@ -20,5 +20,4 @@ export const CREATE_RECORD_MODAL_CLASSNAME = 'create-record-modal';
 export const EDIT_RECORD_MODAL_CLASSNAME = 'edit-record-modal';
 export const WHO_AM_I_COLUMN = 'whoAmI';
 export const SNACKBAR_MASS_ID = 'SNACKBAR_MASS_ID';
-export const BREAK_TWO_LINES = '\n\n';
 //# sourceMappingURL=_constants.js.map

package/dist/components/Explorer/_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"_constants.js","sourceRoot":"","sources":["../../../src/components/Explorer/_constants.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAGxC,yJAAyJ;AACzJ,MAAM,CAAC,MAAM,+BAA+B,GAAgC;IACxE,KAAK,EAAE,SAAS,CAAC,IAAI;IACrB,MAAM,EAAE,SAAS,CAAC,KAAK;IACvB,QAAQ,EAAE,SAAS,CAAC,QAAQ;IAC5B,IAAI,EAAE,SAAS,CAAC,IAAI;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAgC;IACxE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO;IACzB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,QAAQ;IAC3B,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,UAAU;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC;AAExC,MAAM,CAAC,MAAM,4BAA4B,GAAG,YAAY,CAAC;AAEzD,MAAM,CAAC,MAAM,6BAA6B,GAAG,qBAAqB,CAAC;AAEnE,MAAM,CAAC,MAAM,2BAA2B,GAAG,mBAAmB,CAAC;AAE/D,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC;AAExC,MAAM,CAAC,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,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 {ViewTypes} from '_ui/_gqlTypes';\nimport {type ViewType} from './manage-view-settings/store-view-settings/viewSettingsReducer';\n\n//TODO: this mapping is here for backward compatibility. When the old explorer is removed, we should updates types on the backend and remove this mapping\nexport const mapViewTypeFromExplorerToLegacy: Record<ViewType, ViewTypes> = {\n    table: ViewTypes.list,\n    mosaic: ViewTypes.cards,\n    timeline: ViewTypes.timeline,\n    list: ViewTypes.list,\n};\n\nexport const mapViewTypeFromLegacyToExplorer: Record<ViewTypes, ViewType> = {\n    [ViewTypes.list]: 'table',\n    [ViewTypes.cards]: 'mosaic',\n    [ViewTypes.timeline]: 'timeline',\n};\n\nexport const MASS_SELECTION_ALL = 'all';\n\nexport const LINK_RECORDS_MODAL_CLASSNAME = 'link-modal';\n\nexport const CREATE_RECORD_MODAL_CLASSNAME = 'create-record-modal';\n\nexport const EDIT_RECORD_MODAL_CLASSNAME = 'edit-record-modal';\n\nexport const WHO_AM_I_COLUMN = 'whoAmI';\n\nexport const SNACKBAR_MASS_ID = 'SNACKBAR_MASS_ID';\n\nexport const BREAK_TWO_LINES = '\\n\\n';\n"]}
+{"version":3,"file":"_constants.js","sourceRoot":"","sources":["../../../src/components/Explorer/_constants.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAGxC,yJAAyJ;AACzJ,MAAM,CAAC,MAAM,+BAA+B,GAAgC;IACxE,KAAK,EAAE,SAAS,CAAC,IAAI;IACrB,MAAM,EAAE,SAAS,CAAC,KAAK;IACvB,QAAQ,EAAE,SAAS,CAAC,QAAQ;IAC5B,IAAI,EAAE,SAAS,CAAC,IAAI;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAgC;IACxE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO;IACzB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,QAAQ;IAC3B,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,UAAU;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC;AAExC,MAAM,CAAC,MAAM,4BAA4B,GAAG,YAAY,CAAC;AAEzD,MAAM,CAAC,MAAM,6BAA6B,GAAG,qBAAqB,CAAC;AAEnE,MAAM,CAAC,MAAM,2BAA2B,GAAG,mBAAmB,CAAC;AAE/D,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC;AAExC,MAAM,CAAC,MAAM,gBAAgB,GAAG,kBAAkB,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 {ViewTypes} from '_ui/_gqlTypes';\nimport {type ViewType} from './manage-view-settings/store-view-settings/viewSettingsReducer';\n\n//TODO: this mapping is here for backward compatibility. When the old explorer is removed, we should updates types on the backend and remove this mapping\nexport const mapViewTypeFromExplorerToLegacy: Record<ViewType, ViewTypes> = {\n    table: ViewTypes.list,\n    mosaic: ViewTypes.cards,\n    timeline: ViewTypes.timeline,\n    list: ViewTypes.list,\n};\n\nexport const mapViewTypeFromLegacyToExplorer: Record<ViewTypes, ViewType> = {\n    [ViewTypes.list]: 'table',\n    [ViewTypes.cards]: 'mosaic',\n    [ViewTypes.timeline]: 'timeline',\n};\n\nexport const MASS_SELECTION_ALL = 'all';\n\nexport const LINK_RECORDS_MODAL_CLASSNAME = 'link-modal';\n\nexport const CREATE_RECORD_MODAL_CLASSNAME = 'create-record-modal';\n\nexport const EDIT_RECORD_MODAL_CLASSNAME = 'edit-record-modal';\n\nexport const WHO_AM_I_COLUMN = 'whoAmI';\n\nexport const SNACKBAR_MASS_ID = 'SNACKBAR_MASS_ID';\n"]}

package/dist/components/Explorer/actions-item/useEditStatusItemAction.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 { KitModal } from 'aristid-ds';
+import { useConfirmModal } from '../../../hooks/useConfirmModal';
 import { useActivateRecordsMutation, useDeactivateRecordsMutation, useDeleteValueMutation, } from '../../../_gqlTypes';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 import { useValuesCacheUpdate } from '../../../hooks/useValuesCacheUpdate';
 import { ViewSettingsActionTypes } from '../manage-view-settings';
-import { BREAK_TWO_LINES, MASS_SELECTION_ALL } from '../_constants';
+import { MASS_SELECTION_ALL } from '../_constants';
+import { BREAK_TWO_LINES } from '../../../constants';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faTrash, faTrashRestore } from '@fortawesome/free-solid-svg-icons';
 /**
@@ -25,6 +26,7 @@ import { faTrash, faTrashRestore } from '@fortawesome/free-solid-svg-icons';
  */
 export const useEditStatusItemAction = ({ isEnabled, canDeleteLinkValues, store: { view, dispatch }, onRemove, entrypoint, }) => {
     const { t } = useSharedTranslation();
+    const { openConfirmModal } = useConfirmModal();
     const updateValuesCache = useValuesCacheUpdate();
     const [deactivateRecordsMutation] = useDeactivateRecordsMutation({
         update(cache, deactivatedRecords) {
@@ -127,15 +129,9 @@ export const useEditStatusItemAction = ({ isEnabled, canDeleteLinkValues, store:
                     ? t('explorer.deactivate_item_description_one')
                     : t('explorer.activate_item_description_one')
                 : t('explorer.delete_link_description_one');
-            KitModal.confirm({
-                width: '100%',
-                style: { content: { width: '90vw', maxWidth: '656px' } },
-                type: 'confirm',
-                icon: false,
+            openConfirmModal({
                 title,
                 content: content + BREAK_TWO_LINES + t('global.are_you_sure'),
-                okText: t('global.confirm') ?? undefined,
-                cancelText: t('global.cancel') ?? undefined,
                 onOk: async () => {
                     switch (entrypoint.type) {
                         case 'library':

package/dist/components/Explorer/actions-item/useEditStatusItemAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEditStatusItemAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-item/useEditStatusItemAction.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 {KitModal} from 'aristid-ds';\nimport {\n    type ActivateRecordsMutation,\n    type DeactivateRecordsMutation,\n    useActivateRecordsMutation,\n    useDeactivateRecordsMutation,\n    useDeleteValueMutation,\n} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useValuesCacheUpdate} from '_ui/hooks/useValuesCacheUpdate';\nimport {type FeatureHook, type Entrypoint, type IEntrypointLink, type IItemAction, type IItemData} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {BREAK_TWO_LINES, MASS_SELECTION_ALL} from '../_constants';\nimport {type FetchResult} from '@apollo/client';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faTrash, faTrashRestore} from '@fortawesome/free-solid-svg-icons';\n\n/**\n * Hook used to get the action for `<DataView />` component.\n *\n * When the mutation for removing is done, the Apollo cache will be clean (`Record` and `RecordIdentity`)\n * from removed 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 entrypoint - represent the current entrypoint\n * @param canDeleteLinkValues - check permission to delete link values\n */\nexport const useEditStatusItemAction = ({\n    isEnabled,\n    canDeleteLinkValues,\n    store: {view, dispatch},\n    onRemove,\n    entrypoint,\n}: FeatureHook<{\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    canDeleteLinkValues: boolean;\n    onRemove?: IItemAction['callback'];\n    entrypoint: Entrypoint;\n}>) => {\n    const {t} = useSharedTranslation();\n    const updateValuesCache = useValuesCacheUpdate();\n\n    const [deactivateRecordsMutation] = useDeactivateRecordsMutation({\n        update(cache, deactivatedRecords) {\n            deactivatedRecords.data?.deactivateRecords.forEach(record => {\n                cache.evict({\n                    id: cache.identify(record),\n                });\n            });\n            cache.modify({\n                fields: {\n                    records: prev => ({\n                        ...prev,\n                        totalCount: prev.totalCount - 1,\n                    }),\n                },\n                broadcast: false,\n            });\n            cache.gc();\n        },\n    });\n\n    const [activateRecordsMutation] = useActivateRecordsMutation({\n        update(cache, activatedRecords) {\n            activatedRecords.data?.activateRecords.forEach(record => {\n                cache.evict({\n                    id: cache.identify(record),\n                });\n            });\n            cache.modify({\n                fields: {\n                    records: prev => ({\n                        ...prev,\n                        totalCount: prev.totalCount - 1,\n                    }),\n                },\n                broadcast: false,\n            });\n            cache.gc();\n        },\n    });\n\n    const [deleteRecordLinkMutation] = useDeleteValueMutation({\n        update: (_, deletedRecord) => {\n            const parentRecord = {\n                id: (entrypoint as IEntrypointLink).parentRecordId,\n                library: {\n                    id: (entrypoint as IEntrypointLink).parentLibraryId,\n                },\n            };\n            updateValuesCache(parentRecord, deletedRecord.data?.deleteValue ?? []);\n        },\n    });\n\n    const _deactivateItem = async (item: IItemData): Promise<FetchResult<DeactivateRecordsMutation>> => {\n        const libRes = await deactivateRecordsMutation({\n            variables: {\n                libraryId: item.libraryId,\n                recordsIds: [item.itemId],\n            },\n        });\n\n        if (view.massSelection !== MASS_SELECTION_ALL) {\n            dispatch({\n                type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                payload: view.massSelection.filter(key => key !== item.itemId),\n            });\n        }\n\n        onRemove?.(item);\n\n        return libRes;\n    };\n\n    const _activateItem = async (item: IItemData): Promise<FetchResult<ActivateRecordsMutation>> => {\n        const libRes = await activateRecordsMutation({\n            variables: {\n                libraryId: item.libraryId,\n                recordsIds: [item.itemId],\n            },\n        });\n\n        if (view.massSelection !== MASS_SELECTION_ALL) {\n            dispatch({\n                type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                payload: view.massSelection.filter(key => key !== item.itemId),\n            });\n        }\n\n        return libRes;\n    };\n\n    const _editStatusItemAction: IItemAction = useMemo(\n        () => ({\n            label: (item: IItemData) =>\n                entrypoint.type === 'library'\n                    ? item.active\n                        ? t('explorer.deactivate-item')\n                        : t('explorer.activate-item')\n                    : t('explorer.delete-item'),\n            icon: (item: IItemData) => (\n                <FontAwesomeIcon icon={entrypoint.type === 'library' && !item.active ? faTrashRestore : faTrash} />\n            ),\n            isDanger: true,\n            disabled: (item: IItemData) =>\n                entrypoint.type === 'link' ? !canDeleteLinkValues : item.active ? !item.canDelete : !item.canActivate,\n            callback: item => {\n                const {itemId, id_value} = item;\n\n                const title =\n                    entrypoint.type === 'library'\n                        ? item.active\n                            ? t('explorer.deactivate_item_one')\n                            : t('explorer.activate_item_one')\n                        : t('explorer.delete_link_one');\n\n                const content =\n                    entrypoint.type === 'library'\n                        ? item.active\n                            ? t('explorer.deactivate_item_description_one')\n                            : t('explorer.activate_item_description_one')\n                        : t('explorer.delete_link_description_one');\n\n                KitModal.confirm({\n                    width: '100%',\n                    style: {content: {width: '90vw', maxWidth: '656px'}},\n                    type: 'confirm',\n                    icon: false,\n                    title,\n                    content: content + BREAK_TWO_LINES + t('global.are_you_sure'),\n                    okText: t('global.confirm') ?? undefined,\n                    cancelText: t('global.cancel') ?? undefined,\n                    onOk: async () => {\n                        switch (entrypoint.type) {\n                            case 'library':\n                                if (item.active) {\n                                    return _deactivateItem(item);\n                                }\n\n                                return _activateItem(item);\n                            case 'link':\n                                const linkRes = await deleteRecordLinkMutation({\n                                    variables: {\n                                        library: entrypoint.parentLibraryId,\n                                        attribute: entrypoint.linkAttributeId,\n                                        recordId: entrypoint.parentRecordId,\n                                        value: {\n                                            payload: itemId,\n                                            id_value,\n                                        },\n                                    },\n                                });\n                                onRemove?.(item);\n                                return linkRes;\n                            default:\n                                return;\n                        }\n                    },\n                });\n            },\n        }),\n        [\n            t,\n            deactivateRecordsMutation,\n            deleteRecordLinkMutation,\n            activateRecordsMutation,\n            canDeleteLinkValues,\n            entrypoint.type,\n            view.massSelection,\n            dispatch,\n        ],\n    );\n\n    return {\n        editStatusItemAction: isEnabled ? _editStatusItemAction : null,\n    };\n};\n"]}
+{"version":3,"file":"useEditStatusItemAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-item/useEditStatusItemAction.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 {useConfirmModal} from '_ui/hooks/useConfirmModal';\nimport {\n    type ActivateRecordsMutation,\n    type DeactivateRecordsMutation,\n    useActivateRecordsMutation,\n    useDeactivateRecordsMutation,\n    useDeleteValueMutation,\n} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useValuesCacheUpdate} from '_ui/hooks/useValuesCacheUpdate';\nimport {type FeatureHook, type Entrypoint, type IEntrypointLink, type IItemAction, type IItemData} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {MASS_SELECTION_ALL} from '../_constants';\nimport {BREAK_TWO_LINES} from '_ui/constants';\nimport {type FetchResult} from '@apollo/client';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faTrash, faTrashRestore} from '@fortawesome/free-solid-svg-icons';\n\n/**\n * Hook used to get the action for `<DataView />` component.\n *\n * When the mutation for removing is done, the Apollo cache will be clean (`Record` and `RecordIdentity`)\n * from removed 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 entrypoint - represent the current entrypoint\n * @param canDeleteLinkValues - check permission to delete link values\n */\nexport const useEditStatusItemAction = ({\n    isEnabled,\n    canDeleteLinkValues,\n    store: {view, dispatch},\n    onRemove,\n    entrypoint,\n}: FeatureHook<{\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    canDeleteLinkValues: boolean;\n    onRemove?: IItemAction['callback'];\n    entrypoint: Entrypoint;\n}>) => {\n    const {t} = useSharedTranslation();\n    const {openConfirmModal} = useConfirmModal();\n    const updateValuesCache = useValuesCacheUpdate();\n\n    const [deactivateRecordsMutation] = useDeactivateRecordsMutation({\n        update(cache, deactivatedRecords) {\n            deactivatedRecords.data?.deactivateRecords.forEach(record => {\n                cache.evict({\n                    id: cache.identify(record),\n                });\n            });\n            cache.modify({\n                fields: {\n                    records: prev => ({\n                        ...prev,\n                        totalCount: prev.totalCount - 1,\n                    }),\n                },\n                broadcast: false,\n            });\n            cache.gc();\n        },\n    });\n\n    const [activateRecordsMutation] = useActivateRecordsMutation({\n        update(cache, activatedRecords) {\n            activatedRecords.data?.activateRecords.forEach(record => {\n                cache.evict({\n                    id: cache.identify(record),\n                });\n            });\n            cache.modify({\n                fields: {\n                    records: prev => ({\n                        ...prev,\n                        totalCount: prev.totalCount - 1,\n                    }),\n                },\n                broadcast: false,\n            });\n            cache.gc();\n        },\n    });\n\n    const [deleteRecordLinkMutation] = useDeleteValueMutation({\n        update: (_, deletedRecord) => {\n            const parentRecord = {\n                id: (entrypoint as IEntrypointLink).parentRecordId,\n                library: {\n                    id: (entrypoint as IEntrypointLink).parentLibraryId,\n                },\n            };\n            updateValuesCache(parentRecord, deletedRecord.data?.deleteValue ?? []);\n        },\n    });\n\n    const _deactivateItem = async (item: IItemData): Promise<FetchResult<DeactivateRecordsMutation>> => {\n        const libRes = await deactivateRecordsMutation({\n            variables: {\n                libraryId: item.libraryId,\n                recordsIds: [item.itemId],\n            },\n        });\n\n        if (view.massSelection !== MASS_SELECTION_ALL) {\n            dispatch({\n                type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                payload: view.massSelection.filter(key => key !== item.itemId),\n            });\n        }\n\n        onRemove?.(item);\n\n        return libRes;\n    };\n\n    const _activateItem = async (item: IItemData): Promise<FetchResult<ActivateRecordsMutation>> => {\n        const libRes = await activateRecordsMutation({\n            variables: {\n                libraryId: item.libraryId,\n                recordsIds: [item.itemId],\n            },\n        });\n\n        if (view.massSelection !== MASS_SELECTION_ALL) {\n            dispatch({\n                type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                payload: view.massSelection.filter(key => key !== item.itemId),\n            });\n        }\n\n        return libRes;\n    };\n\n    const _editStatusItemAction: IItemAction = useMemo(\n        () => ({\n            label: (item: IItemData) =>\n                entrypoint.type === 'library'\n                    ? item.active\n                        ? t('explorer.deactivate-item')\n                        : t('explorer.activate-item')\n                    : t('explorer.delete-item'),\n            icon: (item: IItemData) => (\n                <FontAwesomeIcon icon={entrypoint.type === 'library' && !item.active ? faTrashRestore : faTrash} />\n            ),\n            isDanger: true,\n            disabled: (item: IItemData) =>\n                entrypoint.type === 'link' ? !canDeleteLinkValues : item.active ? !item.canDelete : !item.canActivate,\n            callback: item => {\n                const {itemId, id_value} = item;\n\n                const title =\n                    entrypoint.type === 'library'\n                        ? item.active\n                            ? t('explorer.deactivate_item_one')\n                            : t('explorer.activate_item_one')\n                        : t('explorer.delete_link_one');\n\n                const content =\n                    entrypoint.type === 'library'\n                        ? item.active\n                            ? t('explorer.deactivate_item_description_one')\n                            : t('explorer.activate_item_description_one')\n                        : t('explorer.delete_link_description_one');\n\n                openConfirmModal({\n                    title,\n                    content: content + BREAK_TWO_LINES + t('global.are_you_sure'),\n                    onOk: async () => {\n                        switch (entrypoint.type) {\n                            case 'library':\n                                if (item.active) {\n                                    return _deactivateItem(item);\n                                }\n\n                                return _activateItem(item);\n                            case 'link':\n                                const linkRes = await deleteRecordLinkMutation({\n                                    variables: {\n                                        library: entrypoint.parentLibraryId,\n                                        attribute: entrypoint.linkAttributeId,\n                                        recordId: entrypoint.parentRecordId,\n                                        value: {\n                                            payload: itemId,\n                                            id_value,\n                                        },\n                                    },\n                                });\n                                onRemove?.(item);\n                                return linkRes;\n                            default:\n                                return;\n                        }\n                    },\n                });\n            },\n        }),\n        [\n            t,\n            deactivateRecordsMutation,\n            deleteRecordLinkMutation,\n            activateRecordsMutation,\n            canDeleteLinkValues,\n            entrypoint.type,\n            view.massSelection,\n            dispatch,\n        ],\n    );\n\n    return {\n        editStatusItemAction: isEnabled ? _editStatusItemAction : null,\n    };\n};\n"]}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { KitTypography } from 'aristid-ds';
-export const ResultsCount = ({ t, isInactive, totalCountFiltered, totalCountLibrary, }) => (_jsxs(KitTypography.Paragraph, { children: [_jsx(KitTypography.Text, { weight: "bold", size: "fontSize7", children: isInactive
+import { KitSpace, KitTypography } from 'aristid-ds';
+export const ResultsCount = ({ t, isInactive, totalCountFiltered, totalCountLibrary, }) => (_jsxs(KitSpace, { direction: "horizontal", size: "xxs", children: [_jsx(KitTypography.Text, { weight: "bold", size: "fontSize7", children: isInactive
                 ? `${totalCountLibrary} `
                 : totalCountFiltered === totalCountLibrary
                     ? `${totalCountLibrary} `

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"]}