@leav/ui 1.12.0-69ccbdbf → 1.12.0-7392f2e8

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
@@ -138,4 +134,25 @@ export const DataView = memo(({ dataGroupedFilteredSorted, attributesToDisplay,
                     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":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ComponentProps, type FunctionComponent, 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' : 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\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/useDeactivateMassAction.js

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useDeleteLinkValues.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useDeleteLinkValues.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 useSaveValueBatchMutation from '_ui/components/RecordEdition/EditRecordContent/hooks/useExecuteSaveValueBatchMutation';\nimport {type FeatureHook, type IEntrypointLink, type IMassActions} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {type Dispatch, type Key, useMemo} from 'react';\nimport {useExplorerData} from '../_queries/useExplorerData';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitModal} from 'aristid-ds';\nimport {BREAK_TWO_LINES, MASS_SELECTION_ALL} from '../_constants';\nimport {type IValueToSubmit} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {type IUIFiltersState} from '_ui/components/Filters/context/filtersReducer';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faTrash} from '@fortawesome/free-solid-svg-icons';\n\nexport const useDeleteLinkValues = ({\n    isEnabled,\n    store: {view, dispatch},\n    filtersStore: {filters, filtersOperator},\n    pagination,\n    allVisibleKeys,\n    onDelete,\n    refetch,\n}: FeatureHook<{\n    pagination: null | {limit: number; offset: number};\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    filtersStore: IUIFiltersState;\n    allVisibleKeys: string[];\n    onDelete?: IMassActions['callback'];\n    refetch: ReturnType<typeof useExplorerData>['refetch'];\n}>) => {\n    const {t} = useSharedTranslation();\n    const {saveValues} = useSaveValueBatchMutation();\n\n    const isLink = view.entrypoint.type === 'link';\n    const {data: linkData, canEditLinkAttributeValues: canUnlinkValues} = useExplorerData({\n        entrypoint: view.entrypoint,\n        libraryId: view.libraryId,\n        attributeIds: view.attributesIds,\n        fulltextSearch: view.fulltextSearch,\n        pagination,\n        sorts: view.sort,\n        filtersOperator,\n        filters,\n        skip: !isLink,\n    });\n\n    const _unlinkMassAction: IMassActions = useMemo(\n        () => ({\n            label: t('explorer.massAction.deactivate'),\n            icon: <FontAwesomeIcon icon={faTrash} />,\n            deselectAll: true,\n            callback: massSelectionFilter => {\n                KitModal.confirm({\n                    width: '100%',\n                    style: {content: {width: '90vw', maxWidth: '656px'}},\n                    type: 'confirm',\n                    icon: false,\n                    title:\n                        t('explorer.delete_link', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) ?? undefined,\n                    content:\n                        t('explorer.delete_link_description', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) +\n                        BREAK_TWO_LINES +\n                        t('global.are_you_sure'),\n                    okText: t('global.submit') ?? undefined,\n                    cancelText: t('global.cancel') ?? undefined,\n                    onOk: async () => {\n                        const entrypoint = view.entrypoint as IEntrypointLink;\n                        let values: IValueToSubmit[];\n                        if (\n                            view.massSelection === MASS_SELECTION_ALL ||\n                            allVisibleKeys.every(key => view.massSelection.includes(key))\n                        ) {\n                            values =\n                                (linkData?.records ?? []).map(({id_value}) => ({\n                                    attribute: entrypoint.linkAttributeId,\n                                    idValue: id_value ?? null,\n                                    value: null,\n                                })) ?? [];\n                        } else {\n                            values = (linkData?.records ?? []).reduce<IValueToSubmit[]>((acc, {id_value, key}) => {\n                                if (view.massSelection.includes(key)) {\n                                    acc.push({\n                                        attribute: entrypoint.linkAttributeId,\n                                        idValue: id_value ?? null,\n                                        value: null,\n                                    });\n                                }\n                                return acc;\n                            }, []);\n                        }\n\n                        if (values.length > 0) {\n                            await saveValues(\n                                {\n                                    id: entrypoint.parentRecordId,\n                                    library: {\n                                        id: entrypoint.parentLibraryId,\n                                    },\n                                },\n                                values,\n                                undefined,\n                                true,\n                            );\n\n                            onDelete?.(\n                                massSelectionFilter,\n                                values.map(({idValue}) => idValue as Key),\n                            );\n                            await refetch();\n                        }\n                        dispatch({\n                            type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                            payload: [],\n                        });\n                    },\n                });\n            },\n        }),\n        [t, saveValues, view.massSelection, dispatch, view.libraryId, allVisibleKeys],\n    );\n\n    return {\n        unlinkMassAction: isEnabled && canUnlinkValues ? _unlinkMassAction : null,\n    };\n};\n"]}
+{"version":3,"file":"useDeleteLinkValues.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useDeleteLinkValues.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 useSaveValueBatchMutation from '_ui/components/RecordEdition/EditRecordContent/hooks/useExecuteSaveValueBatchMutation';\nimport {type FeatureHook, type IEntrypointLink, type IMassActions} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {type Dispatch, type Key, useMemo} from 'react';\nimport {useExplorerData} from '../_queries/useExplorerData';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useConfirmModal} from '_ui/hooks/useConfirmModal';\nimport {MASS_SELECTION_ALL} from '../_constants';\nimport {BREAK_TWO_LINES} from '_ui/constants';\nimport {type IValueToSubmit} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {type IUIFiltersState} from '_ui/components/Filters/context/filtersReducer';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faTrash} from '@fortawesome/free-solid-svg-icons';\n\nexport const useDeleteLinkValues = ({\n    isEnabled,\n    store: {view, dispatch},\n    filtersStore: {filters, filtersOperator},\n    pagination,\n    allVisibleKeys,\n    onDelete,\n    refetch,\n}: FeatureHook<{\n    pagination: null | {limit: number; offset: number};\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    filtersStore: IUIFiltersState;\n    allVisibleKeys: string[];\n    onDelete?: IMassActions['callback'];\n    refetch: ReturnType<typeof useExplorerData>['refetch'];\n}>) => {\n    const {t} = useSharedTranslation();\n    const {openConfirmModal} = useConfirmModal();\n    const {saveValues} = useSaveValueBatchMutation();\n\n    const isLink = view.entrypoint.type === 'link';\n    const {data: linkData, canEditLinkAttributeValues: canUnlinkValues} = useExplorerData({\n        entrypoint: view.entrypoint,\n        libraryId: view.libraryId,\n        attributeIds: view.attributesIds,\n        fulltextSearch: view.fulltextSearch,\n        pagination,\n        sorts: view.sort,\n        filtersOperator,\n        filters,\n        skip: !isLink,\n    });\n\n    const _unlinkMassAction: IMassActions = useMemo(\n        () => ({\n            label: t('explorer.massAction.deactivate'),\n            icon: <FontAwesomeIcon icon={faTrash} />,\n            deselectAll: true,\n            callback: massSelectionFilter => {\n                openConfirmModal({\n                    title:\n                        t('explorer.delete_link', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) ?? undefined,\n                    content:\n                        t('explorer.delete_link_description', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) +\n                        BREAK_TWO_LINES +\n                        t('global.are_you_sure'),\n                    okText: t('global.submit') ?? undefined,\n                    onOk: async () => {\n                        const entrypoint = view.entrypoint as IEntrypointLink;\n                        let values: IValueToSubmit[];\n                        if (\n                            view.massSelection === MASS_SELECTION_ALL ||\n                            allVisibleKeys.every(key => view.massSelection.includes(key))\n                        ) {\n                            values =\n                                (linkData?.records ?? []).map(({id_value}) => ({\n                                    attribute: entrypoint.linkAttributeId,\n                                    idValue: id_value ?? null,\n                                    value: null,\n                                })) ?? [];\n                        } else {\n                            values = (linkData?.records ?? []).reduce<IValueToSubmit[]>((acc, {id_value, key}) => {\n                                if (view.massSelection.includes(key)) {\n                                    acc.push({\n                                        attribute: entrypoint.linkAttributeId,\n                                        idValue: id_value ?? null,\n                                        value: null,\n                                    });\n                                }\n                                return acc;\n                            }, []);\n                        }\n\n                        if (values.length > 0) {\n                            await saveValues(\n                                {\n                                    id: entrypoint.parentRecordId,\n                                    library: {\n                                        id: entrypoint.parentLibraryId,\n                                    },\n                                },\n                                values,\n                                undefined,\n                                true,\n                            );\n\n                            onDelete?.(\n                                massSelectionFilter,\n                                values.map(({idValue}) => idValue as Key),\n                            );\n                            await refetch();\n                        }\n                        dispatch({\n                            type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                            payload: [],\n                        });\n                    },\n                });\n            },\n        }),\n        [t, saveValues, view.massSelection, dispatch, view.libraryId, allVisibleKeys],\n    );\n\n    return {\n        unlinkMassAction: isEnabled && canUnlinkValues ? _unlinkMassAction : null,\n    };\n};\n"]}

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

@@ -53,10 +53,12 @@ export const useEditAttributeMassAction = ({ isEnabled, store: { view }, totalCo
         setSelectedAttribute(undefined);
         setEditionMapping([]);
     };
-    const isMappingCompleted = useMemo(() => valuesOccurrences.noValueCount === 0
-        ? editionMapping.length === valuesOccurrences.occurrences.length
-        : editionMapping.length === valuesOccurrences.occurrences.length + 1, // for undefined values
-    [editionMapping, valuesOccurrences]);
+    const isMappingCompleted = useMemo(() => {
+        const editionMappingValuesLength = editionMapping.reduce((acc, curr) => acc + curr.values.length, 0);
+        return valuesOccurrences.noValueCount === 0
+            ? editionMappingValuesLength === valuesOccurrences.occurrences.length
+            : editionMappingValuesLength + 1; // for undefined values
+    }, [editionMapping, valuesOccurrences]);
     const bulkCounter = useMemo(() => (view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length), [view.massSelection, totalCount]);
     const onOkButtonClick = async () => {
         if (!selectedAttribute || !isMappingCompleted) {
@@ -68,7 +70,7 @@ export const useEditAttributeMassAction = ({ isEnabled, store: { view }, totalCo
                     libraryId: view.libraryId,
                     recordsFilters: massSelectionFilter,
                     attributeId: selectedAttribute.id,
-                    mapValues: editionMapping,
+                    mapping: editionMapping,
                 },
             });
             closeModal();
@@ -100,7 +102,13 @@ export const useEditAttributeMassAction = ({ isEnabled, store: { view }, totalCo
     return {
         editAttributeMassAction: _editAttributeMassAction,
         editAttributeMassActionModal: (_jsxs(EditAttributeMassActionModal, { isOpen: openModal, attributes: editableAttributes, setSelectedAttribute: setSelectedAttribute, massSelectionFilter: massSelectionFilter, elementsCount: bulkCounter, disableOkButton: !isMappingCompleted, onOkButtonClick: onOkButtonClick, onCancelButtonClick: closeModal, children: [selectedAttribute != null && valuesOccurrences.loading ? _jsx(Loading, {}) : null, selectedAttribute?.type === AttributeType.tree && (_jsx(EditTreeAttributeValuesMapping, { selectedAttribute: selectedAttribute, valuesOccurrences: valuesOccurrences, setAttributeMapping: (before, after) => {
-                        setEditionMapping(editionMapping.filter(mapping => mapping.before !== before).concat([{ before, after }]));
+                        setEditionMapping([
+                            {
+                                values: (editionMapping[0]?.values ?? [])
+                                    .filter(value => value.before !== before)
+                                    .concat([{ before, after }]),
+                            },
+                        ]);
                     } }))] })),
     };
 };