@leav/ui 1.6.0 → 1.7.0-67b86ab9

package/dist/components/LibraryItemsList/FiltersPanel/FiltersOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"FiltersOptions.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/FiltersPanel/FiltersOptions.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 TFunction} from 'i18next';\nimport {\n    AttributeConditionFilter,\n    type AttributeConditionType,\n    FilterType,\n    type IFilter,\n    type IFilterAttribute,\n    OperatorFilter,\n    TreeConditionFilter,\n} from '_ui/types/search';\nimport {AttributeFormat, type RecordFilterCondition} from '_ui/_gqlTypes';\n\nexport interface IFilterConditionOption<T> {\n    text: string;\n    value: T;\n    textByFormat?: {[key in AttributeFormat]?: string};\n}\n\nconst allowedConditionByFormat: {[format in AttributeFormat]: AttributeConditionType[]} = {\n    [AttributeFormat.text]: [\n        AttributeConditionFilter.CONTAINS,\n        AttributeConditionFilter.NOT_CONTAINS,\n        AttributeConditionFilter.EQUAL,\n        AttributeConditionFilter.NOT_EQUAL,\n        AttributeConditionFilter.BEGIN_WITH,\n        AttributeConditionFilter.END_WITH,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n    ],\n    [AttributeFormat.extended]: [\n        AttributeConditionFilter.CONTAINS,\n        AttributeConditionFilter.NOT_CONTAINS,\n        AttributeConditionFilter.EQUAL,\n        AttributeConditionFilter.NOT_EQUAL,\n        AttributeConditionFilter.BEGIN_WITH,\n        AttributeConditionFilter.END_WITH,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n    ],\n    [AttributeFormat.encrypted]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],\n    [AttributeFormat.numeric]: [\n        AttributeConditionFilter.EQUAL,\n        AttributeConditionFilter.NOT_EQUAL,\n        AttributeConditionFilter.GREATER_THAN,\n        AttributeConditionFilter.LESS_THAN,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n    ],\n    [AttributeFormat.boolean]: [AttributeConditionFilter.EQUAL, AttributeConditionFilter.NOT_EQUAL],\n    [AttributeFormat.date]: [\n        AttributeConditionFilter.EQUAL,\n        AttributeConditionFilter.NOT_EQUAL,\n        AttributeConditionFilter.GREATER_THAN,\n        AttributeConditionFilter.LESS_THAN,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n        AttributeConditionFilter.TODAY,\n        AttributeConditionFilter.TOMORROW,\n        AttributeConditionFilter.YESTERDAY,\n        AttributeConditionFilter.LAST_MONTH,\n        AttributeConditionFilter.NEXT_MONTH,\n        AttributeConditionFilter.BETWEEN,\n    ],\n    [AttributeFormat.date_range]: [\n        AttributeConditionFilter.CONTAINS,\n        AttributeConditionFilter.START_ON,\n        AttributeConditionFilter.START_AFTER,\n        AttributeConditionFilter.START_BEFORE,\n        AttributeConditionFilter.END_ON,\n        AttributeConditionFilter.END_AFTER,\n        AttributeConditionFilter.END_BEFORE,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n    ],\n    [AttributeFormat.color]: [\n        AttributeConditionFilter.CONTAINS,\n        AttributeConditionFilter.NOT_CONTAINS,\n        AttributeConditionFilter.EQUAL,\n        AttributeConditionFilter.NOT_EQUAL,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n    ],\n    [AttributeFormat.rich_text]: [\n        AttributeConditionFilter.CONTAINS,\n        AttributeConditionFilter.NOT_CONTAINS,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n    ],\n};\n\nexport function getAttributeConditionOptions(t: TFunction): Array<IFilterConditionOption<AttributeConditionType>> {\n    return [\n        {text: t('filters.contains'), value: AttributeConditionFilter.CONTAINS},\n        {text: t('filters.not-contains'), value: AttributeConditionFilter.NOT_CONTAINS},\n        {text: t('filters.equal'), value: AttributeConditionFilter.EQUAL},\n        {text: t('filters.not-equal'), value: AttributeConditionFilter.NOT_EQUAL},\n        {text: t('filters.begin-with'), value: AttributeConditionFilter.BEGIN_WITH},\n        {text: t('filters.end-with'), value: AttributeConditionFilter.END_WITH},\n        {\n            text: t('filters.less-than'),\n            textByFormat: {[AttributeFormat.date]: t('filters.before')},\n            value: AttributeConditionFilter.LESS_THAN,\n        },\n        {\n            text: t('filters.greater-than'),\n            textByFormat: {[AttributeFormat.date]: t('filters.after')},\n            value: AttributeConditionFilter.GREATER_THAN,\n        },\n        {text: t('filters.today'), value: AttributeConditionFilter.TODAY},\n        {text: t('filters.tomorrow'), value: AttributeConditionFilter.TOMORROW},\n        {text: t('filters.yesterday'), value: AttributeConditionFilter.YESTERDAY},\n        {text: t('filters.last-month'), value: AttributeConditionFilter.LAST_MONTH},\n        {text: t('filters.next-month'), value: AttributeConditionFilter.NEXT_MONTH},\n        {text: t('filters.between'), value: AttributeConditionFilter.BETWEEN},\n        {text: t('filters.start-on'), value: AttributeConditionFilter.START_ON},\n        {text: t('filters.start-after'), value: AttributeConditionFilter.START_AFTER},\n        {text: t('filters.start-before'), value: AttributeConditionFilter.START_BEFORE},\n        {text: t('filters.end-on'), value: AttributeConditionFilter.END_ON},\n        {text: t('filters.end-after'), value: AttributeConditionFilter.END_AFTER},\n        {text: t('filters.end-before'), value: AttributeConditionFilter.END_BEFORE},\n        {text: t('filters.is-empty'), value: AttributeConditionFilter.IS_EMPTY},\n        {text: t('filters.is-not-empty'), value: AttributeConditionFilter.IS_NOT_EMPTY},\n        {text: t('filters.values-count-equal'), value: AttributeConditionFilter.VALUES_COUNT_EQUAL},\n        {text: t('filters.values-count-greater-than'), value: AttributeConditionFilter.VALUES_COUNT_GREATER_THAN},\n        {text: t('filters.values-count-lower-than'), value: AttributeConditionFilter.VALUES_COUNT_LOWER_THAN},\n        {text: t('filters.through'), value: AttributeConditionFilter.THROUGH},\n    ];\n}\n\nexport function getTreeConditionOptions(t: TFunction): Array<IFilterConditionOption<TreeConditionFilter>> {\n    return [\n        {text: t('filters.classified-in'), value: TreeConditionFilter.CLASSIFIED_IN},\n        {text: t('filters.not-classified-in'), value: TreeConditionFilter.NOT_CLASSIFIED_IN},\n    ];\n}\n\nexport function getOperatorOptions(t: TFunction): Array<IFilterConditionOption<OperatorFilter>> {\n    return [\n        {text: t('filters.and'), value: OperatorFilter.AND},\n        {text: t('filters.or'), value: OperatorFilter.OR},\n    ];\n}\n\nexport const getConditionOptionsByType = (\n    filter: IFilter,\n    showThroughCondition: boolean,\n    t: TFunction,\n): Array<IFilterConditionOption<AttributeConditionType>> => {\n    const _isValuesCountCondition = (condition: AttributeConditionType): boolean =>\n        [\n            AttributeConditionFilter.VALUES_COUNT_EQUAL,\n            AttributeConditionFilter.VALUES_COUNT_GREATER_THAN,\n            AttributeConditionFilter.VALUES_COUNT_LOWER_THAN,\n        ].includes(condition as RecordFilterCondition);\n\n    const attributeConditionOptions = getAttributeConditionOptions(t);\n\n    const conditionOptionsByType = attributeConditionOptions.filter(conditionOption => {\n        // \"Through\" condition\n        if (conditionOption.value === AttributeConditionFilter.THROUGH && showThroughCondition) {\n            return true;\n        }\n\n        // Filter on library (applied to tree attribute only) => show condition for text attribute\n        if (\n            filter.type === FilterType.LIBRARY &&\n            allowedConditionByFormat[AttributeFormat.text].includes(conditionOption.value)\n        ) {\n            return true;\n        }\n\n        // Regular attribute filter => show condition based on format + values count if multiple values is allowed\n        if (filter.type === FilterType.ATTRIBUTE) {\n            const attributeFilter = filter as IFilterAttribute;\n            if (\n                ((filter as IFilterAttribute).attribute?.format &&\n                    allowedConditionByFormat[attributeFilter.attribute.format]?.includes(conditionOption.value)) ||\n                (attributeFilter.attribute.isMultiple && _isValuesCountCondition(conditionOption.value))\n            ) {\n                return true;\n            }\n        }\n\n        return false;\n    });\n\n    return conditionOptionsByType;\n};\n"]}
+{"version":3,"file":"FiltersOptions.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/FiltersPanel/FiltersOptions.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 TFunction} from 'i18next';\nimport {\n    AttributeConditionFilter,\n    type AttributeConditionType,\n    FilterType,\n    type IFilter,\n    type IFilterAttribute,\n    OperatorFilter,\n    TreeConditionFilter,\n} from '_ui/types/search';\nimport {AttributeFormat, type RecordFilterCondition} from '_ui/_gqlTypes';\n\nexport interface IFilterConditionOption<T> {\n    text: string;\n    value: T;\n    textByFormat?: {[key in AttributeFormat]?: string};\n}\n\nconst allowedConditionByFormat: {[format in AttributeFormat]: AttributeConditionType[]} = {\n    [AttributeFormat.text]: [\n        AttributeConditionFilter.CONTAINS,\n        AttributeConditionFilter.NOT_CONTAINS,\n        AttributeConditionFilter.EQUAL,\n        AttributeConditionFilter.NOT_EQUAL,\n        AttributeConditionFilter.BEGIN_WITH,\n        AttributeConditionFilter.END_WITH,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n    ],\n    [AttributeFormat.extended]: [\n        AttributeConditionFilter.CONTAINS,\n        AttributeConditionFilter.NOT_CONTAINS,\n        AttributeConditionFilter.EQUAL,\n        AttributeConditionFilter.NOT_EQUAL,\n        AttributeConditionFilter.BEGIN_WITH,\n        AttributeConditionFilter.END_WITH,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n    ],\n    [AttributeFormat.encrypted]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],\n    [AttributeFormat.numeric]: [\n        AttributeConditionFilter.EQUAL,\n        AttributeConditionFilter.NOT_EQUAL,\n        AttributeConditionFilter.GREATER_THAN,\n        AttributeConditionFilter.LESS_THAN,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n    ],\n    [AttributeFormat.boolean]: [AttributeConditionFilter.EQUAL, AttributeConditionFilter.NOT_EQUAL],\n    [AttributeFormat.date]: [\n        AttributeConditionFilter.EQUAL,\n        AttributeConditionFilter.NOT_EQUAL,\n        AttributeConditionFilter.GREATER_THAN,\n        AttributeConditionFilter.LESS_THAN,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n        AttributeConditionFilter.TODAY,\n        AttributeConditionFilter.TOMORROW,\n        AttributeConditionFilter.YESTERDAY,\n        AttributeConditionFilter.LAST_MONTH,\n        AttributeConditionFilter.NEXT_MONTH,\n        AttributeConditionFilter.BETWEEN,\n    ],\n    [AttributeFormat.date_range]: [\n        AttributeConditionFilter.CONTAINS,\n        AttributeConditionFilter.START_ON,\n        AttributeConditionFilter.START_AFTER,\n        AttributeConditionFilter.START_BEFORE,\n        AttributeConditionFilter.END_ON,\n        AttributeConditionFilter.END_AFTER,\n        AttributeConditionFilter.END_BEFORE,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n    ],\n    [AttributeFormat.color]: [],\n    [AttributeFormat.rich_text]: [\n        AttributeConditionFilter.CONTAINS,\n        AttributeConditionFilter.NOT_CONTAINS,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n    ],\n};\n\nexport function getAttributeConditionOptions(t: TFunction): Array<IFilterConditionOption<AttributeConditionType>> {\n    return [\n        {text: t('filters.contains'), value: AttributeConditionFilter.CONTAINS},\n        {text: t('filters.not-contains'), value: AttributeConditionFilter.NOT_CONTAINS},\n        {text: t('filters.equal'), value: AttributeConditionFilter.EQUAL},\n        {text: t('filters.not-equal'), value: AttributeConditionFilter.NOT_EQUAL},\n        {text: t('filters.begin-with'), value: AttributeConditionFilter.BEGIN_WITH},\n        {text: t('filters.end-with'), value: AttributeConditionFilter.END_WITH},\n        {\n            text: t('filters.less-than'),\n            textByFormat: {[AttributeFormat.date]: t('filters.before')},\n            value: AttributeConditionFilter.LESS_THAN,\n        },\n        {\n            text: t('filters.greater-than'),\n            textByFormat: {[AttributeFormat.date]: t('filters.after')},\n            value: AttributeConditionFilter.GREATER_THAN,\n        },\n        {text: t('filters.today'), value: AttributeConditionFilter.TODAY},\n        {text: t('filters.tomorrow'), value: AttributeConditionFilter.TOMORROW},\n        {text: t('filters.yesterday'), value: AttributeConditionFilter.YESTERDAY},\n        {text: t('filters.last-month'), value: AttributeConditionFilter.LAST_MONTH},\n        {text: t('filters.next-month'), value: AttributeConditionFilter.NEXT_MONTH},\n        {text: t('filters.between'), value: AttributeConditionFilter.BETWEEN},\n        {text: t('filters.start-on'), value: AttributeConditionFilter.START_ON},\n        {text: t('filters.start-after'), value: AttributeConditionFilter.START_AFTER},\n        {text: t('filters.start-before'), value: AttributeConditionFilter.START_BEFORE},\n        {text: t('filters.end-on'), value: AttributeConditionFilter.END_ON},\n        {text: t('filters.end-after'), value: AttributeConditionFilter.END_AFTER},\n        {text: t('filters.end-before'), value: AttributeConditionFilter.END_BEFORE},\n        {text: t('filters.is-empty'), value: AttributeConditionFilter.IS_EMPTY},\n        {text: t('filters.is-not-empty'), value: AttributeConditionFilter.IS_NOT_EMPTY},\n        {text: t('filters.values-count-equal'), value: AttributeConditionFilter.VALUES_COUNT_EQUAL},\n        {text: t('filters.values-count-greater-than'), value: AttributeConditionFilter.VALUES_COUNT_GREATER_THAN},\n        {text: t('filters.values-count-lower-than'), value: AttributeConditionFilter.VALUES_COUNT_LOWER_THAN},\n        {text: t('filters.through'), value: AttributeConditionFilter.THROUGH},\n    ];\n}\n\nexport function getTreeConditionOptions(t: TFunction): Array<IFilterConditionOption<TreeConditionFilter>> {\n    return [\n        {text: t('filters.classified-in'), value: TreeConditionFilter.CLASSIFIED_IN},\n        {text: t('filters.not-classified-in'), value: TreeConditionFilter.NOT_CLASSIFIED_IN},\n    ];\n}\n\nexport function getOperatorOptions(t: TFunction): Array<IFilterConditionOption<OperatorFilter>> {\n    return [\n        {text: t('filters.and'), value: OperatorFilter.AND},\n        {text: t('filters.or'), value: OperatorFilter.OR},\n    ];\n}\n\nexport const getConditionOptionsByType = (\n    filter: IFilter,\n    showThroughCondition: boolean,\n    t: TFunction,\n): Array<IFilterConditionOption<AttributeConditionType>> => {\n    const _isValuesCountCondition = (condition: AttributeConditionType): boolean =>\n        [\n            AttributeConditionFilter.VALUES_COUNT_EQUAL,\n            AttributeConditionFilter.VALUES_COUNT_GREATER_THAN,\n            AttributeConditionFilter.VALUES_COUNT_LOWER_THAN,\n        ].includes(condition as RecordFilterCondition);\n\n    const attributeConditionOptions = getAttributeConditionOptions(t);\n\n    const conditionOptionsByType = attributeConditionOptions.filter(conditionOption => {\n        // \"Through\" condition\n        if (conditionOption.value === AttributeConditionFilter.THROUGH && showThroughCondition) {\n            return true;\n        }\n\n        // Filter on library (applied to tree attribute only) => show condition for text attribute\n        if (\n            filter.type === FilterType.LIBRARY &&\n            allowedConditionByFormat[AttributeFormat.text].includes(conditionOption.value)\n        ) {\n            return true;\n        }\n\n        // Regular attribute filter => show condition based on format + values count if multiple values is allowed\n        if (filter.type === FilterType.ATTRIBUTE) {\n            const attributeFilter = filter as IFilterAttribute;\n            if (\n                ((filter as IFilterAttribute).attribute?.format &&\n                    allowedConditionByFormat[attributeFilter.attribute.format]?.includes(conditionOption.value)) ||\n                (attributeFilter.attribute.isMultiple && _isValuesCountCondition(conditionOption.value))\n            ) {\n                return true;\n            }\n        }\n\n        return false;\n    });\n\n    return conditionOptionsByType;\n};\n"]}

package/dist/components/LibraryItemsList/FiltersPanel/FiltersPanel.js

@@ -6,7 +6,8 @@ import { DownOutlined } from '@ant-design/icons';
 import { faAngleLeft } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Button, Dropdown, Space } from 'antd';
-import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
+import { DndContext, closestCenter } from '@dnd-kit/core';
+import { SortableContext, verticalListSortingStrategy, arrayMove } from '@dnd-kit/sortable';
 import styled from 'styled-components';
 import { themeVars } from '../../../antdTheme';
 import useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
@@ -71,24 +72,21 @@ function FiltersPanel() {
     const _handleHide = () => {
         searchDispatch({ type: SearchActionTypes.SET_SIDEBAR, visible: false, sidebarType: searchState.sideBar.type });
     };
-    const onDragEnd = (result, provided) => {
-        if (!result.destination) {
+    const handleDragEnd = event => {
+        const { active, over } = event;
+        if (!over || active.id === over.id) {
             return;
         }
-        const newFilter = searchState.filters
-            .map(filter => ({
+        const oldIndex = searchState.filters.findIndex(f => f.key === active.id);
+        const newIndex = searchState.filters.findIndex(f => f.key === over.id);
+        if (oldIndex === -1 || newIndex === -1) {
+            return;
+        }
+        const filters = arrayMove(searchState.filters, oldIndex, newIndex).map((filter, idx) => ({
             ...filter,
-            index: result.source.index === filter.index
-                ? result.destination.index
-                : result.destination.index === filter.index
-                    ? result.source.index
-                    : filter.index,
-        }))
-            .sort((a, b) => a.index - b.index);
-        searchDispatch({
-            type: SearchActionTypes.SET_FILTERS,
-            filters: newFilter,
-        });
+            index: idx,
+        }));
+        searchDispatch({ type: SearchActionTypes.SET_FILTERS, filters });
     };
     const filtersSorted = searchState.filters.sort((a, b) => a.index - b.index);
     const _handleApplyFilters = () => {
@@ -117,7 +115,7 @@ function FiltersPanel() {
                                     label: t('filters.remove-filters'),
                                 },
                             ],
-                        }, children: _jsxs(Button, { type: "text", style: { display: 'inline-flex' }, children: [t('filters.filters'), _jsx(DownOutlined, { style: { marginTop: '5px', marginLeft: '-3px' } })] }) }), _jsxs(Space, { size: "small", children: [_jsx(Button, { disabled: !searchState.filters.length, onClick: _handleApplyFilters, children: t('filters.apply') }), _jsx(Button, { onClick: _handleHide, icon: _jsx(FontAwesomeIcon, { icon: faAngleLeft }) })] })] }), _jsx(FiltersWrapper, { children: _jsx(DragDropContext, { onDragEnd: onDragEnd, children: _jsx(Droppable, { droppableId: "droppable", children: providedDroppable => (_jsxs(ListFilters, { ...providedDroppable.droppableProps, ref: providedDroppable.innerRef, children: [filtersSorted.map(filter => (_jsx(Draggable, { draggableId: filter.index.toString(), index: filter.index, children: provided => (_jsx("div", { ref: provided.innerRef, ...provided.draggableProps, children: _jsx(Filter, { filter: filter, handleProps: provided.dragHandleProps }, filter.index) })) }, filter.index))), providedDroppable.placeholder] })) }) }) })] }));
+                        }, children: _jsxs(Button, { type: "text", style: { display: 'inline-flex' }, children: [t('filters.filters'), _jsx(DownOutlined, { style: { marginTop: '5px', marginLeft: '-3px' } })] }) }), _jsxs(Space, { size: "small", children: [_jsx(Button, { disabled: !searchState.filters.length, onClick: _handleApplyFilters, children: t('filters.apply') }), _jsx(Button, { onClick: _handleHide, icon: _jsx(FontAwesomeIcon, { icon: faAngleLeft }) })] })] }), _jsx(FiltersWrapper, { children: _jsx(DndContext, { collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: filtersSorted.map(v => v.key), strategy: verticalListSortingStrategy, children: _jsx(ListFilters, { children: filtersSorted.map(filter => (_jsx(Filter, { filter: filter }, filter.key))) }) }) }) })] }));
 }
 export default FiltersPanel;
 //# sourceMappingURL=FiltersPanel.js.map

package/dist/components/LibraryItemsList/FiltersPanel/FiltersPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FiltersPanel.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/FiltersPanel/FiltersPanel.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 {DownOutlined} from '@ant-design/icons';\nimport {faAngleLeft} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {Button, Dropdown, Space} from 'antd';\nimport {DragDropContext, Draggable, Droppable, type DropResult, type ResponderProvided} from 'react-beautiful-dnd';\nimport styled from 'styled-components';\nimport {themeVars} from '_ui/antdTheme';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport Filter from './Filter/Filter';\n\nconst Wrapper = styled.div`\n    width: 100%;\n    display: flex;\n    flex-flow: column nowrap;\n    border-right: ${themeVars.borderLightColor} 1px solid;\n    overflow-y: auto;\n    width: 1000px;\n`;\n\nconst Header = styled.div`\n    width: 100%;\n    background-color: ${themeVars.headerBg};\n    display: grid;\n    grid-template-columns: repeat(2, auto);\n    justify-content: space-between;\n    padding: 0.3rem 0.3rem 0.3rem 1rem;\n    font-weight: 700;\n    border-bottom: 1px solid ${themeVars.borderLightColor};\n\n    & > * {\n        :first-of-type {\n            display: grid;\n            column-gap: 8px;\n            grid-template-columns: repeat(3, auto);\n            align-items: center;\n            justify-items: center;\n        }\n\n        :last-of-type {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            column-gap: 8px;\n            grid-template-columns: repeat(2, auto);\n        }\n    }\n`;\n\nconst FiltersWrapper = styled.div`\n    height: calc(100% - 7rem);\n    overflow: auto;\n`;\n\nconst ListFilters = styled.div`\n    display: grid;\n`;\n\nfunction FiltersPanel(): JSX.Element {\n    const {t} = useSharedTranslation();\n\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n\n    const _resetFilters = () => {\n        searchDispatch({type: SearchActionTypes.RESET_FILTERS});\n    };\n\n    const _disableFilters = () => {\n        searchDispatch({type: SearchActionTypes.DISABLE_FILTERS});\n    };\n\n    const _enableFilters = () => {\n        searchDispatch({type: SearchActionTypes.ENABLE_FILTERS});\n    };\n\n    const _handleHide = () => {\n        searchDispatch({type: SearchActionTypes.SET_SIDEBAR, visible: false, sidebarType: searchState.sideBar.type});\n    };\n\n    const onDragEnd = (result: DropResult, provided: ResponderProvided) => {\n        if (!result.destination) {\n            return;\n        }\n\n        const newFilter = searchState.filters\n            .map(filter => ({\n                ...filter,\n                index:\n                    result.source.index === filter.index\n                        ? result.destination.index\n                        : result.destination.index === filter.index\n                          ? result.source.index\n                          : filter.index,\n            }))\n            .sort((a, b) => a.index - b.index);\n\n        searchDispatch({\n            type: SearchActionTypes.SET_FILTERS,\n            filters: newFilter,\n        });\n    };\n\n    const filtersSorted = searchState.filters.sort((a, b) => a.index - b.index);\n\n    const _handleApplyFilters = () => {\n        searchDispatch({type: SearchActionTypes.APPLY_FILTERS});\n    };\n\n    const allFiltersDisabled = searchState.filters.every(f => f.active === false);\n    const allFiltersEnabled = searchState.filters.every(f => f.active === true);\n\n    return (\n        <Wrapper>\n            <Header>\n                <Dropdown\n                    menu={{\n                        items: [\n                            {\n                                key: 'disable',\n                                disabled: allFiltersDisabled,\n                                onClick: _disableFilters,\n                                label: t('filters.disable-filters'),\n                            },\n                            {\n                                key: 'enable',\n                                disabled: allFiltersEnabled,\n                                onClick: _enableFilters,\n                                label: t('filters.enable-filters'),\n                            },\n                            {\n                                key: 'remove',\n                                disabled: !searchState.filters.length,\n                                onClick: _resetFilters,\n                                label: t('filters.remove-filters'),\n                            },\n                        ],\n                    }}\n                >\n                    <Button type=\"text\" style={{display: 'inline-flex'}}>\n                        {t('filters.filters')}\n                        <DownOutlined style={{marginTop: '5px', marginLeft: '-3px'}} />\n                    </Button>\n                </Dropdown>\n                <Space size=\"small\">\n                    <Button disabled={!searchState.filters.length} onClick={_handleApplyFilters}>\n                        {t('filters.apply')}\n                    </Button>\n                    <Button onClick={_handleHide} icon={<FontAwesomeIcon icon={faAngleLeft} />} />\n                </Space>\n            </Header>\n\n            <FiltersWrapper>\n                <DragDropContext onDragEnd={onDragEnd}>\n                    <Droppable droppableId=\"droppable\">\n                        {providedDroppable => (\n                            <ListFilters {...providedDroppable.droppableProps} ref={providedDroppable.innerRef}>\n                                {filtersSorted.map(filter => (\n                                    <Draggable\n                                        key={filter.index}\n                                        draggableId={filter.index.toString()}\n                                        index={filter.index}\n                                    >\n                                        {provided => (\n                                            <div ref={provided.innerRef} {...provided.draggableProps}>\n                                                <Filter\n                                                    key={filter.index}\n                                                    filter={filter}\n                                                    handleProps={provided.dragHandleProps}\n                                                />\n                                            </div>\n                                        )}\n                                    </Draggable>\n                                ))}\n                                {providedDroppable.placeholder}\n                            </ListFilters>\n                        )}\n                    </Droppable>\n                </DragDropContext>\n            </FiltersWrapper>\n        </Wrapper>\n    );\n}\n\nexport default FiltersPanel;\n"]}
+{"version":3,"file":"FiltersPanel.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/FiltersPanel/FiltersPanel.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 {DownOutlined} from '@ant-design/icons';\nimport {faAngleLeft} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {Button, Dropdown, Space} from 'antd';\nimport {DndContext, closestCenter} from '@dnd-kit/core';\nimport {SortableContext, verticalListSortingStrategy, arrayMove} from '@dnd-kit/sortable';\nimport styled from 'styled-components';\nimport {themeVars} from '_ui/antdTheme';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport Filter from './Filter/Filter';\n\nconst Wrapper = styled.div`\n    width: 100%;\n    display: flex;\n    flex-flow: column nowrap;\n    border-right: ${themeVars.borderLightColor} 1px solid;\n    overflow-y: auto;\n    width: 1000px;\n`;\n\nconst Header = styled.div`\n    width: 100%;\n    background-color: ${themeVars.headerBg};\n    display: grid;\n    grid-template-columns: repeat(2, auto);\n    justify-content: space-between;\n    padding: 0.3rem 0.3rem 0.3rem 1rem;\n    font-weight: 700;\n    border-bottom: 1px solid ${themeVars.borderLightColor};\n\n    & > * {\n        :first-of-type {\n            display: grid;\n            column-gap: 8px;\n            grid-template-columns: repeat(3, auto);\n            align-items: center;\n            justify-items: center;\n        }\n\n        :last-of-type {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            column-gap: 8px;\n            grid-template-columns: repeat(2, auto);\n        }\n    }\n`;\n\nconst FiltersWrapper = styled.div`\n    height: calc(100% - 7rem);\n    overflow: auto;\n`;\n\nconst ListFilters = styled.div`\n    display: grid;\n`;\n\nfunction FiltersPanel(): JSX.Element {\n    const {t} = useSharedTranslation();\n\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n\n    const _resetFilters = () => {\n        searchDispatch({type: SearchActionTypes.RESET_FILTERS});\n    };\n\n    const _disableFilters = () => {\n        searchDispatch({type: SearchActionTypes.DISABLE_FILTERS});\n    };\n\n    const _enableFilters = () => {\n        searchDispatch({type: SearchActionTypes.ENABLE_FILTERS});\n    };\n\n    const _handleHide = () => {\n        searchDispatch({type: SearchActionTypes.SET_SIDEBAR, visible: false, sidebarType: searchState.sideBar.type});\n    };\n\n    const handleDragEnd = event => {\n        const {active, over} = event;\n        if (!over || active.id === over.id) {\n            return;\n        }\n\n        const oldIndex = searchState.filters.findIndex(f => f.key === active.id);\n        const newIndex = searchState.filters.findIndex(f => f.key === over.id);\n        if (oldIndex === -1 || newIndex === -1) {\n            return;\n        }\n\n        const filters = arrayMove(searchState.filters, oldIndex, newIndex).map((filter, idx) => ({\n            ...filter,\n            index: idx,\n        }));\n\n        searchDispatch({type: SearchActionTypes.SET_FILTERS, filters});\n    };\n\n    const filtersSorted = searchState.filters.sort((a, b) => a.index - b.index);\n\n    const _handleApplyFilters = () => {\n        searchDispatch({type: SearchActionTypes.APPLY_FILTERS});\n    };\n\n    const allFiltersDisabled = searchState.filters.every(f => f.active === false);\n    const allFiltersEnabled = searchState.filters.every(f => f.active === true);\n\n    return (\n        <Wrapper>\n            <Header>\n                <Dropdown\n                    menu={{\n                        items: [\n                            {\n                                key: 'disable',\n                                disabled: allFiltersDisabled,\n                                onClick: _disableFilters,\n                                label: t('filters.disable-filters'),\n                            },\n                            {\n                                key: 'enable',\n                                disabled: allFiltersEnabled,\n                                onClick: _enableFilters,\n                                label: t('filters.enable-filters'),\n                            },\n                            {\n                                key: 'remove',\n                                disabled: !searchState.filters.length,\n                                onClick: _resetFilters,\n                                label: t('filters.remove-filters'),\n                            },\n                        ],\n                    }}\n                >\n                    <Button type=\"text\" style={{display: 'inline-flex'}}>\n                        {t('filters.filters')}\n                        <DownOutlined style={{marginTop: '5px', marginLeft: '-3px'}} />\n                    </Button>\n                </Dropdown>\n                <Space size=\"small\">\n                    <Button disabled={!searchState.filters.length} onClick={_handleApplyFilters}>\n                        {t('filters.apply')}\n                    </Button>\n                    <Button onClick={_handleHide} icon={<FontAwesomeIcon icon={faAngleLeft} />} />\n                </Space>\n            </Header>\n\n            <FiltersWrapper>\n                <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd}>\n                    <SortableContext items={filtersSorted.map(v => v.key)} strategy={verticalListSortingStrategy}>\n                        <ListFilters>\n                            {filtersSorted.map(filter => (\n                                <Filter key={filter.key} filter={filter} />\n                            ))}\n                        </ListFilters>\n                    </SortableContext>\n                </DndContext>\n            </FiltersWrapper>\n        </Wrapper>\n    );\n}\n\nexport default FiltersPanel;\n"]}

package/dist/components/LibraryItemsList/LibraryItemsListTable/ChooseTableColumns/ChooseTableColumns.js

@@ -72,12 +72,6 @@ function ChooseTableColumns({ visible, onClose }) {
     const _handleCancel = () => {
         onClose();
     };
-    // hack to disable warning "Droppable: unsupported nested scroll container" from react-beautiful-dnd,
-    // remove "overflow: auto" on class "ant-modal-wrap"
-    const elements = document.getElementsByClassName('ant-modal-wrap');
-    if (elements.length) {
-        elements[0].style.overflow = 'initial';
-    }
     return (_jsx(Modal, { open: visible, onCancel: _handleCancel, title: t('table-columns-selection.header'), width: "70rem", centered: true, footer: [
             _jsx(Button, { onClick: _handleCancel, children: t('table-columns-selection.cancel') }, "Cancel"),
             _jsx(Button, { type: "primary", onClick: handleSubmit, children: t('table-columns-selection.submit') }, "Submit"),

package/dist/components/LibraryItemsList/LibraryItemsListTable/ChooseTableColumns/ChooseTableColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChooseTableColumns.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/LibraryItemsListTable/ChooseTableColumns/ChooseTableColumns.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 {localizedTranslation} from '@leav/utils';\nimport {Button, Modal} from 'antd';\nimport {useState} from 'react';\nimport AttributesSelectionList from '_ui/components/AttributesSelectionList';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport useLang from '_ui/hooks/useLang';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type ISelectedAttribute} from '_ui/types/attributes';\nimport {type IAttribute, type IField} from '_ui/types/search';\nimport {AttributeFormat, AttributeType} from '_ui/_gqlTypes';\nimport {getFieldsKeyFromAttribute} from '../../helpers/getFieldsKeyFromAttribute';\n\ninterface IChooseTableColumnsProps {\n    visible: boolean;\n    onClose: () => void;\n}\n\nfunction ChooseTableColumns({visible, onClose}: IChooseTableColumnsProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang} = useLang();\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n    const [selectedAttributes, setSelectedAttributes] = useState<ISelectedAttribute[]>(\n        (searchState?.fields ?? []).map(col => {\n            const currentAttribute = searchState.attributes.find(\n                attribute => attribute.id === col.id && attribute.library === col.library,\n            );\n\n            return {\n                ...col,\n                path: col.key,\n                label: currentAttribute?.label ?? null,\n                multiple_values: !!col.multipleValues,\n            };\n        }),\n    );\n\n    const handleSubmit = () => {\n        const noDuplicateNewAttribute: IAttribute[] = selectedAttributes\n            .filter(\n                selectedAttribute =>\n                    !searchState.attributes.some(\n                        attribute =>\n                            attribute.id === selectedAttribute.id && attribute.library === selectedAttribute.library,\n                    ),\n            )\n            .map(a => ({\n                ...a,\n                isLink: a.type === AttributeType.tree,\n                isMultiple: a.multiple_values,\n                format: a.format ?? undefined,\n            }));\n\n        const allAttributes = [...(searchState?.attributes ?? []), ...noDuplicateNewAttribute];\n\n        searchDispatch({type: SearchActionTypes.SET_ATTRIBUTES, attributes: allAttributes});\n\n        const newFields: IField[] = selectedAttributes.reduce((acc, selectedAttribute) => {\n            const attribute = allAttributes.find(\n                currentAttr =>\n                    currentAttr.id === selectedAttribute.id && currentAttr.library === selectedAttribute.library,\n            );\n\n            if (!attribute) {\n                return acc;\n            }\n\n            const key = getFieldsKeyFromAttribute(selectedAttribute);\n\n            const label =\n                typeof attribute.label === 'string' ? attribute.label : localizedTranslation(attribute.label, lang);\n\n            const embeddedData = selectedAttribute.embeddedFieldData && {\n                format: selectedAttribute.embeddedFieldData?.format ?? AttributeFormat.text,\n                path: selectedAttribute.path,\n            };\n\n            const field: IField = {\n                id: selectedAttribute.id,\n                library: selectedAttribute.library,\n                label,\n                key,\n                type: selectedAttribute.type,\n                format: attribute.format,\n                parentAttributeData: selectedAttribute?.parentAttributeData,\n                treeData: selectedAttribute.treeData,\n                embeddedData,\n                recordLibrary:\n                    selectedAttribute?.parentAttributeData?.type === AttributeType.tree\n                        ? selectedAttribute.path.split('.')[1]\n                        : null,\n            };\n\n            return [...acc, field];\n        }, []);\n\n        searchDispatch({\n            type: SearchActionTypes.SET_FIELDS,\n            fields: newFields,\n        });\n\n        onClose();\n    };\n\n    const _handleCancel = () => {\n        onClose();\n    };\n\n    // hack to disable warning \"Droppable: unsupported nested scroll container\" from react-beautiful-dnd,\n    // remove \"overflow: auto\" on class \"ant-modal-wrap\"\n    const elements: any = document.getElementsByClassName('ant-modal-wrap');\n    if (elements.length) {\n        elements[0].style.overflow = 'initial';\n    }\n\n    return (\n        <Modal\n            open={visible}\n            onCancel={_handleCancel}\n            title={t('table-columns-selection.header')}\n            width=\"70rem\"\n            centered\n            footer={[\n                <Button key=\"Cancel\" onClick={_handleCancel}>\n                    {t('table-columns-selection.cancel')}\n                </Button>,\n                <Button type=\"primary\" key=\"Submit\" onClick={handleSubmit}>\n                    {t('table-columns-selection.submit')}\n                </Button>,\n            ]}\n        >\n            <AttributesSelectionList\n                library={searchState.library.id}\n                selectedAttributes={selectedAttributes}\n                onSelectionChange={setSelectedAttributes}\n            />\n        </Modal>\n    );\n}\n\nexport default ChooseTableColumns;\n"]}
+{"version":3,"file":"ChooseTableColumns.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/LibraryItemsListTable/ChooseTableColumns/ChooseTableColumns.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 {localizedTranslation} from '@leav/utils';\nimport {Button, Modal} from 'antd';\nimport {useState} from 'react';\nimport AttributesSelectionList from '_ui/components/AttributesSelectionList';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport useLang from '_ui/hooks/useLang';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type ISelectedAttribute} from '_ui/types/attributes';\nimport {type IAttribute, type IField} from '_ui/types/search';\nimport {AttributeFormat, AttributeType} from '_ui/_gqlTypes';\nimport {getFieldsKeyFromAttribute} from '../../helpers/getFieldsKeyFromAttribute';\n\ninterface IChooseTableColumnsProps {\n    visible: boolean;\n    onClose: () => void;\n}\n\nfunction ChooseTableColumns({visible, onClose}: IChooseTableColumnsProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang} = useLang();\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n    const [selectedAttributes, setSelectedAttributes] = useState<ISelectedAttribute[]>(\n        (searchState?.fields ?? []).map(col => {\n            const currentAttribute = searchState.attributes.find(\n                attribute => attribute.id === col.id && attribute.library === col.library,\n            );\n\n            return {\n                ...col,\n                path: col.key,\n                label: currentAttribute?.label ?? null,\n                multiple_values: !!col.multipleValues,\n            };\n        }),\n    );\n\n    const handleSubmit = () => {\n        const noDuplicateNewAttribute: IAttribute[] = selectedAttributes\n            .filter(\n                selectedAttribute =>\n                    !searchState.attributes.some(\n                        attribute =>\n                            attribute.id === selectedAttribute.id && attribute.library === selectedAttribute.library,\n                    ),\n            )\n            .map(a => ({\n                ...a,\n                isLink: a.type === AttributeType.tree,\n                isMultiple: a.multiple_values,\n                format: a.format ?? undefined,\n            }));\n\n        const allAttributes = [...(searchState?.attributes ?? []), ...noDuplicateNewAttribute];\n\n        searchDispatch({type: SearchActionTypes.SET_ATTRIBUTES, attributes: allAttributes});\n\n        const newFields: IField[] = selectedAttributes.reduce((acc, selectedAttribute) => {\n            const attribute = allAttributes.find(\n                currentAttr =>\n                    currentAttr.id === selectedAttribute.id && currentAttr.library === selectedAttribute.library,\n            );\n\n            if (!attribute) {\n                return acc;\n            }\n\n            const key = getFieldsKeyFromAttribute(selectedAttribute);\n\n            const label =\n                typeof attribute.label === 'string' ? attribute.label : localizedTranslation(attribute.label, lang);\n\n            const embeddedData = selectedAttribute.embeddedFieldData && {\n                format: selectedAttribute.embeddedFieldData?.format ?? AttributeFormat.text,\n                path: selectedAttribute.path,\n            };\n\n            const field: IField = {\n                id: selectedAttribute.id,\n                library: selectedAttribute.library,\n                label,\n                key,\n                type: selectedAttribute.type,\n                format: attribute.format,\n                parentAttributeData: selectedAttribute?.parentAttributeData,\n                treeData: selectedAttribute.treeData,\n                embeddedData,\n                recordLibrary:\n                    selectedAttribute?.parentAttributeData?.type === AttributeType.tree\n                        ? selectedAttribute.path.split('.')[1]\n                        : null,\n            };\n\n            return [...acc, field];\n        }, []);\n\n        searchDispatch({\n            type: SearchActionTypes.SET_FIELDS,\n            fields: newFields,\n        });\n\n        onClose();\n    };\n\n    const _handleCancel = () => {\n        onClose();\n    };\n\n    return (\n        <Modal\n            open={visible}\n            onCancel={_handleCancel}\n            title={t('table-columns-selection.header')}\n            width=\"70rem\"\n            centered\n            footer={[\n                <Button key=\"Cancel\" onClick={_handleCancel}>\n                    {t('table-columns-selection.cancel')}\n                </Button>,\n                <Button type=\"primary\" key=\"Submit\" onClick={handleSubmit}>\n                    {t('table-columns-selection.submit')}\n                </Button>,\n            ]}\n        >\n            <AttributesSelectionList\n                library={searchState.library.id}\n                selectedAttributes={selectedAttributes}\n                onSelectionChange={setSelectedAttributes}\n            />\n        </Modal>\n    );\n}\n\nexport default ChooseTableColumns;\n"]}

package/dist/components/LibraryItemsList/MenuView/MenuView.js

@@ -5,8 +5,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AppstoreFilled, FilterOutlined, MenuOutlined, PlusOutlined, SaveFilled } from '@ant-design/icons';
 import { localizedTranslation, objectToNameValueArray } from '@leav/utils';
 import { Badge, Button, Dropdown, Space, Tooltip } from 'antd';
-import { GrUndo } from 'react-icons/gr';
-import { VscLayers } from 'react-icons/vsc';
 import styled from 'styled-components';
 import useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
 import { SearchActionTypes } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
@@ -23,6 +21,8 @@ import { defaultView } from '../constants';
 import FiltersDropdown from '../FiltersDropdown';
 import useUpdateViewsOrderMutation from '../hooks/useUpdateViewsOrderMutation';
 import IconViewType from '../IconViewType';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faUndo, faLayerGroup } from '@fortawesome/free-solid-svg-icons';
 const ViewButton = styled(Button) `
     && {
         display: flex;
@@ -154,9 +154,9 @@ function MenuView({ library }) {
         ],
     };
     return (_jsxs(Space, { size: "large", children: [_jsxs(Button.Group, { children: [_jsx(Tooltip, { title: localizedTranslation(searchState.view.current?.label, lang) || t('select-view.default-view'), children: _jsx(ViewButton, { icon: _jsx(IconViewType, { style: { marginRight: '8px' }, type: searchState.view.current.display.type }), "data-testid": "dropdown-view-options", onClick: _toggleShowView, children: _jsx(ViewLabel, { children: localizedTranslation(searchState.view.current?.label, lang) ||
-                                    t('select-view.default-view') }) }) }), _jsx(Button, { disabled: searchState.view.sync, icon: _jsx(GrUndo, {}), onClick: _resetView, style: { paddingTop: '6px' } }), _jsx(Button, { icon: _jsx(SaveFilled, {}), onClick: _saveView, disabled: searchState.view.sync ||
+                                    t('select-view.default-view') }) }) }), _jsx(Button, { disabled: searchState.view.sync, icon: _jsx(FontAwesomeIcon, { icon: faUndo }), onClick: _resetView, style: { paddingTop: '6px' } }), _jsx(Button, { icon: _jsx(SaveFilled, {}), onClick: _saveView, disabled: searchState.view.sync ||
                             searchState.view.current?.id === defaultView.id ||
-                            !searchState.view.current.owner }), _jsx(Dropdown, { menu: menu, trigger: ['click'], children: _jsx(Button, { icon: _jsx(PlusOutlined, {}) }) })] }), _jsx(Badge, { dot: !!searchState.filters.length, children: _jsxs(Button.Group, { children: [_jsx(Button, { onClick: _toggleShowFilters, icon: _jsx(FilterOutlined, {}), children: t('filters.filters') }), _jsx(FiltersDropdown, { libraryId: library.id, button: _jsx(Button, { icon: _jsx(PlusOutlined, {}), type: "default" }), attributes: library.attributes, trees: library.linkedTrees, libraries: [] })] }) }), _jsx(Button, { onClick: _toggleShowVersions, icon: _jsx(VscLayers, {}), style: { paddingTop: '5px' } })] }));
+                            !searchState.view.current.owner }), _jsx(Dropdown, { menu: menu, trigger: ['click'], children: _jsx(Button, { icon: _jsx(PlusOutlined, {}) }) })] }), _jsx(Badge, { dot: !!searchState.filters.length, children: _jsxs(Button.Group, { children: [_jsx(Button, { onClick: _toggleShowFilters, icon: _jsx(FilterOutlined, {}), children: t('filters.filters') }), _jsx(FiltersDropdown, { libraryId: library.id, button: _jsx(Button, { icon: _jsx(PlusOutlined, {}), type: "default" }), attributes: library.attributes, trees: library.linkedTrees, libraries: [] })] }) }), _jsx(Button, { onClick: _toggleShowVersions, icon: _jsx(FontAwesomeIcon, { icon: faLayerGroup }), style: { paddingTop: '5px' } })] }));
 }
 export default MenuView;
 //# sourceMappingURL=MenuView.js.map

package/dist/components/LibraryItemsList/MenuView/MenuView.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuView.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/MenuView/MenuView.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 {AppstoreFilled, FilterOutlined, MenuOutlined, PlusOutlined, SaveFilled} from '@ant-design/icons';\nimport {localizedTranslation, objectToNameValueArray} from '@leav/utils';\nimport {Badge, Button, Dropdown, type MenuProps, Space, Tooltip} from 'antd';\nimport {GrUndo} from 'react-icons/gr';\nimport {VscLayers} from 'react-icons/vsc';\nimport styled from 'styled-components';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport useExecuteSaveViewMutation from '_ui/hooks/useExecuteSaveViewMutation/useExecuteSaveViewMutation';\nimport useLang from '_ui/hooks/useLang';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {SidebarContentType} from '_ui/types/search';\nimport {type ViewInput, ViewTypes} from '_ui/_gqlTypes';\nimport {type ILibraryDetailExtended} from '_ui/_queries/libraries/getLibraryDetailExtendQuery';\nimport {prepareView} from '_ui/_utils';\nimport {getRequestFromFilters} from '_ui/_utils/getRequestFromFilter';\nimport {PREFIX_USER_VIEWS_ORDER_KEY} from '../../../constants';\nimport {useUser} from '../../../hooks/useUser/useUser';\nimport {defaultView} from '../constants';\nimport FiltersDropdown from '../FiltersDropdown';\nimport useUpdateViewsOrderMutation from '../hooks/useUpdateViewsOrderMutation';\nimport IconViewType from '../IconViewType';\n\ninterface IMenuViewProps {\n    library: ILibraryDetailExtended;\n}\n\nconst ViewButton = styled(Button)`\n    && {\n        display: flex;\n        align-items: center;\n    }\n`;\n\nconst ViewLabel = styled.span`\n    width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    whitespace: nowrap;\n`;\n\nfunction MenuView({library}: IMenuViewProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang, defaultLang} = useLang();\n\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n    const {userData} = useUser();\n\n    const {saveView: addView} = useExecuteSaveViewMutation();\n    const {updateViewsOrder} = useUpdateViewsOrderMutation(library.id);\n\n    const _toggleShowView = () => {\n        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.VIEW;\n        searchDispatch({\n            type: SearchActionTypes.SET_SIDEBAR,\n            sidebarType: SidebarContentType.VIEW,\n            visible,\n        });\n    };\n\n    const _toggleShowFilters = () => {\n        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.FILTERS;\n        searchDispatch({\n            type: SearchActionTypes.SET_SIDEBAR,\n            sidebarType: SidebarContentType.FILTERS,\n            visible,\n        });\n    };\n\n    const _toggleShowVersions = () => {\n        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.FILTERS;\n        searchDispatch({\n            type: SearchActionTypes.SET_SIDEBAR,\n            sidebarType: SidebarContentType.VERSIONS,\n            visible,\n        });\n    };\n\n    const _resetView = () => {\n        searchDispatch({\n            type: SearchActionTypes.CHANGE_VIEW,\n            view: searchState.view.current,\n        });\n    };\n\n    const _getNewViewFromSearchState = (): ViewInput => ({\n        library: library.id,\n        label: {\n            [defaultLang]: t('view.add-view.title', {lng: defaultLang}),\n        },\n        display: searchState.display,\n        shared: false,\n        sort: searchState.sort,\n        filters: getRequestFromFilters(searchState.filters),\n        valuesVersions: searchState.valuesVersions\n            ? objectToNameValueArray(searchState.valuesVersions)\n                  .map(version => ({\n                      treeId: version?.name ?? null,\n                      treeNode: version?.value?.id ?? null,\n                  }))\n                  .filter(v => v.treeId !== null && v.treeNode !== null)\n            : null,\n        attributes: searchState.fields?.map(f => f.key) ?? [],\n    });\n\n    const _saveView = async () => {\n        if (searchState.view.current.id !== defaultView.id) {\n            // save view in backend\n            await addView({\n                view: {\n                    ..._getNewViewFromSearchState(),\n                    id: searchState.view.current.id,\n                    label: searchState.view.current.label,\n                    description: searchState.view.current.description,\n                    shared: searchState.view.current.shared,\n                    color: searchState.view.current.color,\n                    sort: searchState.sort ?? null,\n                },\n            });\n\n            searchDispatch({\n                type: SearchActionTypes.SET_VIEW_SYNC,\n                sync: true,\n            });\n        }\n    };\n\n    const _handleAddView = async (viewType: ViewTypes) => {\n        const newView: ViewInput = {\n            ..._getNewViewFromSearchState(),\n            display: {...searchState.display, type: viewType},\n        };\n\n        // save view in backend\n        const newViewRes = await addView({\n            view: newView,\n        });\n\n        await updateViewsOrder({\n            key: PREFIX_USER_VIEWS_ORDER_KEY + newView.library,\n            value: [...searchState.userViewsOrder, newViewRes.data.saveView.id],\n            global: false,\n        });\n\n        searchDispatch({\n            type: SearchActionTypes.CHANGE_VIEW,\n            view: prepareView(\n                newViewRes.data.saveView,\n                searchState.attributes,\n                searchState.library.id,\n                userData?.userId,\n            ),\n        });\n    };\n\n    const menu: MenuProps = {\n        items: [\n            {\n                key: 'add-group',\n                type: 'group',\n                label: t('view.add-view.title'),\n                children: [\n                    {\n                        key: 'list',\n                        onClick: () => _handleAddView(ViewTypes.list),\n                        icon: <MenuOutlined />,\n                        label: t('view.type-list'),\n                    },\n                    {\n                        key: 'cards',\n                        onClick: () => _handleAddView(ViewTypes.cards),\n                        icon: <AppstoreFilled />,\n                        label: t('view.type-cards'),\n                    },\n                ],\n            },\n        ],\n    };\n\n    return (\n        <Space size=\"large\">\n            <Button.Group>\n                <Tooltip\n                    title={localizedTranslation(searchState.view.current?.label, lang) || t('select-view.default-view')}\n                >\n                    <ViewButton\n                        icon={\n                            <IconViewType style={{marginRight: '8px'}} type={searchState.view.current.display.type} />\n                        }\n                        data-testid=\"dropdown-view-options\"\n                        onClick={_toggleShowView}\n                    >\n                        <ViewLabel>\n                            {localizedTranslation(searchState.view.current?.label, lang) ||\n                                t('select-view.default-view')}\n                        </ViewLabel>\n                    </ViewButton>\n                </Tooltip>\n                <Button\n                    disabled={searchState.view.sync}\n                    icon={<GrUndo />}\n                    onClick={_resetView}\n                    style={{paddingTop: '6px'}}\n                />\n                <Button\n                    icon={<SaveFilled />}\n                    onClick={_saveView}\n                    disabled={\n                        searchState.view.sync ||\n                        searchState.view.current?.id === defaultView.id ||\n                        !searchState.view.current.owner\n                    }\n                />\n                <Dropdown menu={menu} trigger={['click']}>\n                    <Button icon={<PlusOutlined />}></Button>\n                </Dropdown>\n            </Button.Group>\n            <Badge dot={!!searchState.filters.length}>\n                <Button.Group>\n                    <Button onClick={_toggleShowFilters} icon={<FilterOutlined />}>\n                        {t('filters.filters')}\n                    </Button>\n                    <FiltersDropdown\n                        libraryId={library.id}\n                        button={<Button icon={<PlusOutlined />} type=\"default\" />}\n                        attributes={library.attributes}\n                        trees={library.linkedTrees}\n                        libraries={[]}\n                    />\n                </Button.Group>\n            </Badge>\n            <Button onClick={_toggleShowVersions} icon={<VscLayers />} style={{paddingTop: '5px'}} />\n        </Space>\n    );\n}\n\nexport default MenuView;\n"]}
+{"version":3,"file":"MenuView.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/MenuView/MenuView.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 {AppstoreFilled, FilterOutlined, MenuOutlined, PlusOutlined, SaveFilled} from '@ant-design/icons';\nimport {localizedTranslation, objectToNameValueArray} from '@leav/utils';\nimport {Badge, Button, Dropdown, type MenuProps, Space, Tooltip} from 'antd';\nimport styled from 'styled-components';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport useExecuteSaveViewMutation from '_ui/hooks/useExecuteSaveViewMutation/useExecuteSaveViewMutation';\nimport useLang from '_ui/hooks/useLang';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {SidebarContentType} from '_ui/types/search';\nimport {type ViewInput, ViewTypes} from '_ui/_gqlTypes';\nimport {type ILibraryDetailExtended} from '_ui/_queries/libraries/getLibraryDetailExtendQuery';\nimport {prepareView} from '_ui/_utils';\nimport {getRequestFromFilters} from '_ui/_utils/getRequestFromFilter';\nimport {PREFIX_USER_VIEWS_ORDER_KEY} from '../../../constants';\nimport {useUser} from '../../../hooks/useUser/useUser';\nimport {defaultView} from '../constants';\nimport FiltersDropdown from '../FiltersDropdown';\nimport useUpdateViewsOrderMutation from '../hooks/useUpdateViewsOrderMutation';\nimport IconViewType from '../IconViewType';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faUndo, faLayerGroup} from '@fortawesome/free-solid-svg-icons';\n\ninterface IMenuViewProps {\n    library: ILibraryDetailExtended;\n}\n\nconst ViewButton = styled(Button)`\n    && {\n        display: flex;\n        align-items: center;\n    }\n`;\n\nconst ViewLabel = styled.span`\n    width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    whitespace: nowrap;\n`;\n\nfunction MenuView({library}: IMenuViewProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang, defaultLang} = useLang();\n\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n    const {userData} = useUser();\n\n    const {saveView: addView} = useExecuteSaveViewMutation();\n    const {updateViewsOrder} = useUpdateViewsOrderMutation(library.id);\n\n    const _toggleShowView = () => {\n        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.VIEW;\n        searchDispatch({\n            type: SearchActionTypes.SET_SIDEBAR,\n            sidebarType: SidebarContentType.VIEW,\n            visible,\n        });\n    };\n\n    const _toggleShowFilters = () => {\n        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.FILTERS;\n        searchDispatch({\n            type: SearchActionTypes.SET_SIDEBAR,\n            sidebarType: SidebarContentType.FILTERS,\n            visible,\n        });\n    };\n\n    const _toggleShowVersions = () => {\n        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.FILTERS;\n        searchDispatch({\n            type: SearchActionTypes.SET_SIDEBAR,\n            sidebarType: SidebarContentType.VERSIONS,\n            visible,\n        });\n    };\n\n    const _resetView = () => {\n        searchDispatch({\n            type: SearchActionTypes.CHANGE_VIEW,\n            view: searchState.view.current,\n        });\n    };\n\n    const _getNewViewFromSearchState = (): ViewInput => ({\n        library: library.id,\n        label: {\n            [defaultLang]: t('view.add-view.title', {lng: defaultLang}),\n        },\n        display: searchState.display,\n        shared: false,\n        sort: searchState.sort,\n        filters: getRequestFromFilters(searchState.filters),\n        valuesVersions: searchState.valuesVersions\n            ? objectToNameValueArray(searchState.valuesVersions)\n                  .map(version => ({\n                      treeId: version?.name ?? null,\n                      treeNode: version?.value?.id ?? null,\n                  }))\n                  .filter(v => v.treeId !== null && v.treeNode !== null)\n            : null,\n        attributes: searchState.fields?.map(f => f.key) ?? [],\n    });\n\n    const _saveView = async () => {\n        if (searchState.view.current.id !== defaultView.id) {\n            // save view in backend\n            await addView({\n                view: {\n                    ..._getNewViewFromSearchState(),\n                    id: searchState.view.current.id,\n                    label: searchState.view.current.label,\n                    description: searchState.view.current.description,\n                    shared: searchState.view.current.shared,\n                    color: searchState.view.current.color,\n                    sort: searchState.sort ?? null,\n                },\n            });\n\n            searchDispatch({\n                type: SearchActionTypes.SET_VIEW_SYNC,\n                sync: true,\n            });\n        }\n    };\n\n    const _handleAddView = async (viewType: ViewTypes) => {\n        const newView: ViewInput = {\n            ..._getNewViewFromSearchState(),\n            display: {...searchState.display, type: viewType},\n        };\n\n        // save view in backend\n        const newViewRes = await addView({\n            view: newView,\n        });\n\n        await updateViewsOrder({\n            key: PREFIX_USER_VIEWS_ORDER_KEY + newView.library,\n            value: [...searchState.userViewsOrder, newViewRes.data.saveView.id],\n            global: false,\n        });\n\n        searchDispatch({\n            type: SearchActionTypes.CHANGE_VIEW,\n            view: prepareView(\n                newViewRes.data.saveView,\n                searchState.attributes,\n                searchState.library.id,\n                userData?.userId,\n            ),\n        });\n    };\n\n    const menu: MenuProps = {\n        items: [\n            {\n                key: 'add-group',\n                type: 'group',\n                label: t('view.add-view.title'),\n                children: [\n                    {\n                        key: 'list',\n                        onClick: () => _handleAddView(ViewTypes.list),\n                        icon: <MenuOutlined />,\n                        label: t('view.type-list'),\n                    },\n                    {\n                        key: 'cards',\n                        onClick: () => _handleAddView(ViewTypes.cards),\n                        icon: <AppstoreFilled />,\n                        label: t('view.type-cards'),\n                    },\n                ],\n            },\n        ],\n    };\n\n    return (\n        <Space size=\"large\">\n            <Button.Group>\n                <Tooltip\n                    title={localizedTranslation(searchState.view.current?.label, lang) || t('select-view.default-view')}\n                >\n                    <ViewButton\n                        icon={\n                            <IconViewType style={{marginRight: '8px'}} type={searchState.view.current.display.type} />\n                        }\n                        data-testid=\"dropdown-view-options\"\n                        onClick={_toggleShowView}\n                    >\n                        <ViewLabel>\n                            {localizedTranslation(searchState.view.current?.label, lang) ||\n                                t('select-view.default-view')}\n                        </ViewLabel>\n                    </ViewButton>\n                </Tooltip>\n                <Button\n                    disabled={searchState.view.sync}\n                    icon={<FontAwesomeIcon icon={faUndo} />}\n                    onClick={_resetView}\n                    style={{paddingTop: '6px'}}\n                />\n                <Button\n                    icon={<SaveFilled />}\n                    onClick={_saveView}\n                    disabled={\n                        searchState.view.sync ||\n                        searchState.view.current?.id === defaultView.id ||\n                        !searchState.view.current.owner\n                    }\n                />\n                <Dropdown menu={menu} trigger={['click']}>\n                    <Button icon={<PlusOutlined />}></Button>\n                </Dropdown>\n            </Button.Group>\n            <Badge dot={!!searchState.filters.length}>\n                <Button.Group>\n                    <Button onClick={_toggleShowFilters} icon={<FilterOutlined />}>\n                        {t('filters.filters')}\n                    </Button>\n                    <FiltersDropdown\n                        libraryId={library.id}\n                        button={<Button icon={<PlusOutlined />} type=\"default\" />}\n                        attributes={library.attributes}\n                        trees={library.linkedTrees}\n                        libraries={[]}\n                    />\n                </Button.Group>\n            </Badge>\n            <Button\n                onClick={_toggleShowVersions}\n                icon={<FontAwesomeIcon icon={faLayerGroup} />}\n                style={{paddingTop: '5px'}}\n            />\n        </Space>\n    );\n}\n\nexport default MenuView;\n"]}

package/dist/components/LibraryItemsList/ViewPanel/View/View.d.ts

@@ -1,9 +1,7 @@
-import { type DraggableProvidedDragHandleProps } from 'react-beautiful-dnd';
 import { type IView } from '../../../../types/views';
 interface IViewProps {
     view: IView;
     onEdit: (viewId: string) => void;
-    handleProps?: DraggableProvidedDragHandleProps;
 }
-declare function View({ view, onEdit, handleProps }: IViewProps): JSX.Element;
+declare function View({ view, onEdit }: IViewProps): JSX.Element;
 export default View;

package/dist/components/LibraryItemsList/ViewPanel/View/View.js

@@ -4,10 +4,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { CopyOutlined, DeleteOutlined, EditOutlined } from '@ant-design/icons';
 import { localizedTranslation, objectToNameValueArray } from '@leav/utils';
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
 import { Button, Tooltip, Typography } from 'antd';
 import omit from 'lodash/omit';
 import { useState } from 'react';
-import { RiUserReceivedLine } from 'react-icons/ri';
 import styled from 'styled-components';
 import { themeVars } from '../../../../antdTheme';
 import useSearchReducer from '../../../../components/LibraryItemsList/hooks/useSearchReducer';
@@ -22,6 +23,8 @@ import { ViewSizes, ViewTypes } from '../../../../_gqlTypes';
 import { getRequestFromFilters } from '../../../../_utils/getRequestFromFilter';
 import { defaultView } from '../../constants';
 import useUpdateViewsOrderMutation from '../../hooks/useUpdateViewsOrderMutation';
+import { faUserTag } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 const Infos = styled.div `
     width: 100%;
 `;
@@ -59,7 +62,7 @@ const Description = styled.div `
     margin-left: 10px;
     overflow: hidden;
 `;
-function View({ view, onEdit, handleProps }) {
+function View({ view, onEdit }) {
     const { t } = useSharedTranslation();
     const { lang, defaultLang } = useLang();
     const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
@@ -67,6 +70,8 @@ function View({ view, onEdit, handleProps }) {
     const { saveView } = useExecuteSaveViewMutation();
     const { deleteView } = useExecuteDeleteViewMutation();
     const { updateViewsOrder } = useUpdateViewsOrderMutation(searchState.library.id);
+    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: view.id });
+    const style = { transform: CSS.Transform.toString(transform), transition };
     const _changeView = () => {
         searchDispatch({ type: SearchActionTypes.CHANGE_VIEW, view });
     };
@@ -133,7 +138,7 @@ function View({ view, onEdit, handleProps }) {
     const selected = view.id === searchState.view.current?.id;
     const [isActionsShown, setIsActionsShown] = useState(false);
     const viewLabel = localizedTranslation(view.label, lang);
-    return (_jsxs(Wrapper, { selected: selected, onClick: _changeView, color: view.color, onMouseEnter: () => setIsActionsShown(true), onMouseLeave: () => setIsActionsShown(false), children: [_jsx(Handle, { className: "view-handle", ...handleProps }), _jsxs(Infos, { children: [_jsxs(Title, { "data-testid": "view-title", children: [_jsx(IconViewType, { type: view.display.type }), _jsx(Typography.Text, { ellipsis: { tooltip: true }, style: { padding: '0 .5em', width: 'calc(100% - 1em)' }, children: viewLabel })] }), view.description && (_jsxs(Description, { children: [_jsx(Typography.Paragraph, { ellipsis: {
+    return (_jsxs(Wrapper, { ref: setNodeRef, style: style, ...attributes, selected: selected, onClick: _changeView, color: view.color, onMouseEnter: () => setIsActionsShown(true), onMouseLeave: () => setIsActionsShown(false), children: [_jsx(Handle, { className: "view-handle", ...listeners }), _jsxs(Infos, { children: [_jsxs(Title, { "data-testid": "view-title", children: [_jsx(IconViewType, { type: view.display.type }), _jsx(Typography.Text, { ellipsis: { tooltip: true }, style: { padding: '0 .5em', width: 'calc(100% - 1em)' }, children: viewLabel })] }), view.description && (_jsxs(Description, { children: [_jsx(Typography.Paragraph, { ellipsis: {
                                     rows: ROWS_DESCRIPTION,
                                     expandable: true,
                                     onExpand: _onExpand,
@@ -141,7 +146,7 @@ function View({ view, onEdit, handleProps }) {
                                 }, style: { marginBottom: 0 }, children: localizedTranslation(view.description, lang) }, description.key), description.expand && (_jsx("a", { href: "!#", onClick: ev => {
                                     ev.preventDefault();
                                     _onClose();
-                                }, children: t('global.close') }))] }))] }), !view.owner && !isActionsShown && _jsx(RiUserReceivedLine, { size: "1.3em" }), isActionsShown && (_jsxs(_Fragment, { children: [_jsx(Tooltip, { title: t('global.edit'), children: _jsx(Button, { onClick: _handleEdit, disabled: !view.owner, type: "text", size: "small", shape: "circle", icon: _jsx(EditOutlined, {}) }, "edit") }), _jsx(Tooltip, { title: t('global.duplicate'), children: _jsx(Button, { onClick: _handleDuplicate, type: "text", size: "small", shape: "circle", icon: _jsx(CopyOutlined, {}) }, "duplicate") }), _jsx(Tooltip, { title: t('global.delete'), children: _jsx(Button, { onClick: _handleDelete, disabled: !view.owner, type: "text", size: "small", shape: "circle", icon: _jsx(DeleteOutlined, {}) }, "delete") })] }))] }, view.id));
+                                }, children: t('global.close') }))] }))] }), !view.owner && !isActionsShown && _jsx(FontAwesomeIcon, { icon: faUserTag }), isActionsShown && (_jsxs(_Fragment, { children: [_jsx(Tooltip, { title: t('global.edit'), children: _jsx(Button, { onClick: _handleEdit, disabled: !view.owner, type: "text", size: "small", shape: "circle", icon: _jsx(EditOutlined, {}) }, "edit") }), _jsx(Tooltip, { title: t('global.duplicate'), children: _jsx(Button, { onClick: _handleDuplicate, type: "text", size: "small", shape: "circle", icon: _jsx(CopyOutlined, {}) }, "duplicate") }), _jsx(Tooltip, { title: t('global.delete'), children: _jsx(Button, { onClick: _handleDelete, disabled: !view.owner, type: "text", size: "small", shape: "circle", icon: _jsx(DeleteOutlined, {}) }, "delete") })] }))] }, view.id));
 }
 export default View;
 //# sourceMappingURL=View.js.map

package/dist/components/LibraryItemsList/ViewPanel/View/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/ViewPanel/View/View.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 {CopyOutlined, DeleteOutlined, EditOutlined} from '@ant-design/icons';\nimport {localizedTranslation, objectToNameValueArray} from '@leav/utils';\nimport {Button, Tooltip, Typography} from 'antd';\nimport omit from 'lodash/omit';\nimport {useState} from 'react';\nimport {type DraggableProvidedDragHandleProps} from 'react-beautiful-dnd';\nimport {RiUserReceivedLine} from 'react-icons/ri';\nimport styled from 'styled-components';\nimport {themeVars} from '_ui/antdTheme';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport IconViewType from '_ui/components/LibraryItemsList/IconViewType';\nimport {PREFIX_SHARED_VIEWS_ORDER_KEY, PREFIX_USER_VIEWS_ORDER_KEY} from '_ui/constants';\nimport {useLang} from '_ui/hooks';\nimport useExecuteSaveViewMutation from '_ui/hooks/useExecuteSaveViewMutation/useExecuteSaveViewMutation';\nimport useExecuteDeleteViewMutation from '_ui/hooks/useExecuteDeleteViewMutation/useExecuteDeleteViewMutation';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IView} from '_ui/types/views';\nimport {type ViewInput, ViewSizes, ViewTypes} from '_ui/_gqlTypes';\nimport {getRequestFromFilters} from '_ui/_utils/getRequestFromFilter';\nimport {defaultView} from '../../constants';\nimport useUpdateViewsOrderMutation from '../../hooks/useUpdateViewsOrderMutation';\n\ninterface IWrapperProps {\n    selected: boolean;\n}\n\nconst Infos = styled.div`\n    width: 100%;\n`;\n\nconst Wrapper = styled.div<IWrapperProps>`\n    background: ${({selected}) => (selected ? `${themeVars.activeColor} ` : 'none')};\n    padding: 0.5rem;\n    display: flex;\n    align-items: center;\n`;\n\nconst Handle = styled.div`\n    content: '....';\n    width: 20px;\n    height: 30px;\n    display: inline-block;\n    line-height: 5px;\n    padding: 3px 4px;\n    vertical-align: middle;\n    font-size: 12px;\n    font-family: sans-serif;\n    letter-spacing: 2px;\n    color: ${themeVars.borderLightColor};\n    text-shadow: 1px 0 1px black;\n\n    &::after {\n        content: '.. .. .. ..';\n    }\n`;\n\nconst Title = styled.div`\n    display: flex;\n    align-items: center;\n    margin-left: 10px;\n`;\n\nconst Description = styled.div`\n    opacity: 0.8;\n    margin-left: 10px;\n    overflow: hidden;\n`;\n\ninterface IViewProps {\n    view: IView;\n    onEdit: (viewId: string) => void;\n    handleProps?: DraggableProvidedDragHandleProps;\n}\n\nfunction View({view, onEdit, handleProps}: IViewProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang, defaultLang} = useLang();\n\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n    const [description, setDescription] = useState<{expand: boolean; key: number}>({expand: false, key: 0});\n\n    const {saveView} = useExecuteSaveViewMutation();\n\n    const {deleteView} = useExecuteDeleteViewMutation();\n    const {updateViewsOrder} = useUpdateViewsOrderMutation(searchState.library.id);\n\n    const _changeView = () => {\n        searchDispatch({type: SearchActionTypes.CHANGE_VIEW, view});\n    };\n\n    const ROWS_DESCRIPTION = 3;\n\n    const _handleDelete = async (event: any) => {\n        // stop progation to avoid click on view\n        event.stopPropagation();\n\n        await deleteView(view.id);\n\n        const newOrder = (view.shared ? searchState.sharedViewsOrder : searchState.userViewsOrder).filter(\n            vId => vId !== view.id,\n        );\n\n        await updateViewsOrder({\n            key: (view.shared ? PREFIX_SHARED_VIEWS_ORDER_KEY : PREFIX_USER_VIEWS_ORDER_KEY) + searchState.library.id,\n            value: newOrder,\n            global: false,\n        });\n\n        if (view.id === searchState.view.current.id) {\n            searchDispatch({type: SearchActionTypes.CHANGE_VIEW, view: defaultView});\n        }\n    };\n\n    const _handleDuplicate = async (event: any) => {\n        // stop progation to avoid click on view\n        event.stopPropagation();\n\n        try {\n            const newView: ViewInput = {\n                ...omit(view, ['id', 'owner']),\n                library: searchState.library.id,\n                label: {\n                    [defaultLang]: `${localizedTranslation(view.label, lang)} (${t('global.copy')})`,\n                },\n                filters: getRequestFromFilters(view.filters),\n                display: {\n                    size: ViewSizes.MEDIUM,\n                    type: ViewTypes.list,\n                },\n                valuesVersions: objectToNameValueArray(view.valuesVersions).map(version => ({\n                    treeId: version.name,\n                    treeNode: version.value.id,\n                })),\n                shared: false,\n            };\n\n            const newViewRes = await saveView({\n                view: newView,\n            });\n\n            await updateViewsOrder({\n                key: PREFIX_USER_VIEWS_ORDER_KEY + newView.library,\n                value: [...searchState.userViewsOrder, newViewRes.data.saveView.id],\n                global: false,\n            });\n        } catch (e) {\n            console.error(e);\n        }\n    };\n\n    const _handleEdit = (event: any) => {\n        // stop progation to avoid click on view\n        event.stopPropagation();\n\n        onEdit(view.id);\n    };\n\n    const _onExpand = () => {\n        setDescription({expand: true, key: description.key});\n    };\n\n    const _onClose = () => {\n        setDescription({expand: false, key: description.key + 1});\n    };\n\n    const selected = view.id === searchState.view.current?.id;\n\n    const [isActionsShown, setIsActionsShown] = useState(false);\n\n    const viewLabel = localizedTranslation(view.label, lang);\n\n    return (\n        <Wrapper\n            key={view.id}\n            selected={selected}\n            onClick={_changeView}\n            color={view.color}\n            onMouseEnter={() => setIsActionsShown(true)}\n            onMouseLeave={() => setIsActionsShown(false)}\n        >\n            <Handle className=\"view-handle\" {...handleProps} />\n            <Infos>\n                <Title data-testid=\"view-title\">\n                    <IconViewType type={view.display.type} />\n                    <Typography.Text ellipsis={{tooltip: true}} style={{padding: '0 .5em', width: 'calc(100% - 1em)'}}>\n                        {viewLabel}\n                    </Typography.Text>\n                </Title>\n                {view.description && (\n                    <Description>\n                        <Typography.Paragraph\n                            key={description.key}\n                            ellipsis={{\n                                rows: ROWS_DESCRIPTION,\n                                expandable: true,\n                                onExpand: _onExpand,\n                                symbol: t('view.see-more'),\n                            }}\n                            style={{marginBottom: 0}}\n                        >\n                            {localizedTranslation(view.description, lang)}\n                        </Typography.Paragraph>\n                        {description.expand && (\n                            <a\n                                href=\"!#\"\n                                onClick={ev => {\n                                    ev.preventDefault();\n                                    _onClose();\n                                }}\n                            >\n                                {t('global.close')}\n                            </a>\n                        )}\n                    </Description>\n                )}\n            </Infos>\n            {!view.owner && !isActionsShown && <RiUserReceivedLine size=\"1.3em\" />}\n            {isActionsShown && (\n                <>\n                    <Tooltip title={t('global.edit')}>\n                        <Button\n                            key=\"edit\"\n                            onClick={_handleEdit}\n                            disabled={!view.owner}\n                            type=\"text\"\n                            size=\"small\"\n                            shape=\"circle\"\n                            icon={<EditOutlined />}\n                        />\n                    </Tooltip>\n                    <Tooltip title={t('global.duplicate')}>\n                        <Button\n                            key=\"duplicate\"\n                            onClick={_handleDuplicate}\n                            type=\"text\"\n                            size=\"small\"\n                            shape=\"circle\"\n                            icon={<CopyOutlined />}\n                        />\n                    </Tooltip>\n                    <Tooltip title={t('global.delete')}>\n                        <Button\n                            key=\"delete\"\n                            onClick={_handleDelete}\n                            disabled={!view.owner}\n                            type=\"text\"\n                            size=\"small\"\n                            shape=\"circle\"\n                            icon={<DeleteOutlined />}\n                        />\n                    </Tooltip>\n                </>\n            )}\n        </Wrapper>\n    );\n}\n\nexport default View;\n"]}
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/ViewPanel/View/View.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 {CopyOutlined, DeleteOutlined, EditOutlined} from '@ant-design/icons';\nimport {localizedTranslation, objectToNameValueArray} from '@leav/utils';\nimport {useSortable} from '@dnd-kit/sortable';\nimport {CSS} from '@dnd-kit/utilities';\nimport {Button, Tooltip, Typography} from 'antd';\nimport omit from 'lodash/omit';\nimport {useState} from 'react';\nimport styled from 'styled-components';\nimport {themeVars} from '_ui/antdTheme';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport IconViewType from '_ui/components/LibraryItemsList/IconViewType';\nimport {PREFIX_SHARED_VIEWS_ORDER_KEY, PREFIX_USER_VIEWS_ORDER_KEY} from '_ui/constants';\nimport {useLang} from '_ui/hooks';\nimport useExecuteSaveViewMutation from '_ui/hooks/useExecuteSaveViewMutation/useExecuteSaveViewMutation';\nimport useExecuteDeleteViewMutation from '_ui/hooks/useExecuteDeleteViewMutation/useExecuteDeleteViewMutation';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IView} from '_ui/types/views';\nimport {type ViewInput, ViewSizes, ViewTypes} from '_ui/_gqlTypes';\nimport {getRequestFromFilters} from '_ui/_utils/getRequestFromFilter';\nimport {defaultView} from '../../constants';\nimport useUpdateViewsOrderMutation from '../../hooks/useUpdateViewsOrderMutation';\nimport {faUserTag} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\n\ninterface IWrapperProps {\n    selected: boolean;\n}\n\nconst Infos = styled.div`\n    width: 100%;\n`;\n\nconst Wrapper = styled.div<IWrapperProps>`\n    background: ${({selected}) => (selected ? `${themeVars.activeColor} ` : 'none')};\n    padding: 0.5rem;\n    display: flex;\n    align-items: center;\n`;\n\nconst Handle = styled.div`\n    content: '....';\n    width: 20px;\n    height: 30px;\n    display: inline-block;\n    line-height: 5px;\n    padding: 3px 4px;\n    vertical-align: middle;\n    font-size: 12px;\n    font-family: sans-serif;\n    letter-spacing: 2px;\n    color: ${themeVars.borderLightColor};\n    text-shadow: 1px 0 1px black;\n\n    &::after {\n        content: '.. .. .. ..';\n    }\n`;\n\nconst Title = styled.div`\n    display: flex;\n    align-items: center;\n    margin-left: 10px;\n`;\n\nconst Description = styled.div`\n    opacity: 0.8;\n    margin-left: 10px;\n    overflow: hidden;\n`;\n\ninterface IViewProps {\n    view: IView;\n    onEdit: (viewId: string) => void;\n}\n\nfunction View({view, onEdit}: IViewProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang, defaultLang} = useLang();\n\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n    const [description, setDescription] = useState<{expand: boolean; key: number}>({expand: false, key: 0});\n\n    const {saveView} = useExecuteSaveViewMutation();\n\n    const {deleteView} = useExecuteDeleteViewMutation();\n    const {updateViewsOrder} = useUpdateViewsOrderMutation(searchState.library.id);\n\n    const {attributes, listeners, setNodeRef, transform, transition} = useSortable({id: view.id});\n    const style = {transform: CSS.Transform.toString(transform), transition};\n\n    const _changeView = () => {\n        searchDispatch({type: SearchActionTypes.CHANGE_VIEW, view});\n    };\n\n    const ROWS_DESCRIPTION = 3;\n\n    const _handleDelete = async (event: any) => {\n        // stop progation to avoid click on view\n        event.stopPropagation();\n\n        await deleteView(view.id);\n\n        const newOrder = (view.shared ? searchState.sharedViewsOrder : searchState.userViewsOrder).filter(\n            vId => vId !== view.id,\n        );\n\n        await updateViewsOrder({\n            key: (view.shared ? PREFIX_SHARED_VIEWS_ORDER_KEY : PREFIX_USER_VIEWS_ORDER_KEY) + searchState.library.id,\n            value: newOrder,\n            global: false,\n        });\n\n        if (view.id === searchState.view.current.id) {\n            searchDispatch({type: SearchActionTypes.CHANGE_VIEW, view: defaultView});\n        }\n    };\n\n    const _handleDuplicate = async (event: any) => {\n        // stop progation to avoid click on view\n        event.stopPropagation();\n\n        try {\n            const newView: ViewInput = {\n                ...omit(view, ['id', 'owner']),\n                library: searchState.library.id,\n                label: {\n                    [defaultLang]: `${localizedTranslation(view.label, lang)} (${t('global.copy')})`,\n                },\n                filters: getRequestFromFilters(view.filters),\n                display: {\n                    size: ViewSizes.MEDIUM,\n                    type: ViewTypes.list,\n                },\n                valuesVersions: objectToNameValueArray(view.valuesVersions).map(version => ({\n                    treeId: version.name,\n                    treeNode: version.value.id,\n                })),\n                shared: false,\n            };\n\n            const newViewRes = await saveView({\n                view: newView,\n            });\n\n            await updateViewsOrder({\n                key: PREFIX_USER_VIEWS_ORDER_KEY + newView.library,\n                value: [...searchState.userViewsOrder, newViewRes.data.saveView.id],\n                global: false,\n            });\n        } catch (e) {\n            console.error(e);\n        }\n    };\n\n    const _handleEdit = (event: any) => {\n        // stop progation to avoid click on view\n        event.stopPropagation();\n\n        onEdit(view.id);\n    };\n\n    const _onExpand = () => {\n        setDescription({expand: true, key: description.key});\n    };\n\n    const _onClose = () => {\n        setDescription({expand: false, key: description.key + 1});\n    };\n\n    const selected = view.id === searchState.view.current?.id;\n\n    const [isActionsShown, setIsActionsShown] = useState(false);\n\n    const viewLabel = localizedTranslation(view.label, lang);\n\n    return (\n        <Wrapper\n            key={view.id}\n            ref={setNodeRef}\n            style={style}\n            {...attributes}\n            selected={selected}\n            onClick={_changeView}\n            color={view.color}\n            onMouseEnter={() => setIsActionsShown(true)}\n            onMouseLeave={() => setIsActionsShown(false)}\n        >\n            <Handle className=\"view-handle\" {...listeners} />\n            <Infos>\n                <Title data-testid=\"view-title\">\n                    <IconViewType type={view.display.type} />\n                    <Typography.Text ellipsis={{tooltip: true}} style={{padding: '0 .5em', width: 'calc(100% - 1em)'}}>\n                        {viewLabel}\n                    </Typography.Text>\n                </Title>\n                {view.description && (\n                    <Description>\n                        <Typography.Paragraph\n                            key={description.key}\n                            ellipsis={{\n                                rows: ROWS_DESCRIPTION,\n                                expandable: true,\n                                onExpand: _onExpand,\n                                symbol: t('view.see-more'),\n                            }}\n                            style={{marginBottom: 0}}\n                        >\n                            {localizedTranslation(view.description, lang)}\n                        </Typography.Paragraph>\n                        {description.expand && (\n                            <a\n                                href=\"!#\"\n                                onClick={ev => {\n                                    ev.preventDefault();\n                                    _onClose();\n                                }}\n                            >\n                                {t('global.close')}\n                            </a>\n                        )}\n                    </Description>\n                )}\n            </Infos>\n            {!view.owner && !isActionsShown && <FontAwesomeIcon icon={faUserTag} />}\n            {isActionsShown && (\n                <>\n                    <Tooltip title={t('global.edit')}>\n                        <Button\n                            key=\"edit\"\n                            onClick={_handleEdit}\n                            disabled={!view.owner}\n                            type=\"text\"\n                            size=\"small\"\n                            shape=\"circle\"\n                            icon={<EditOutlined />}\n                        />\n                    </Tooltip>\n                    <Tooltip title={t('global.duplicate')}>\n                        <Button\n                            key=\"duplicate\"\n                            onClick={_handleDuplicate}\n                            type=\"text\"\n                            size=\"small\"\n                            shape=\"circle\"\n                            icon={<CopyOutlined />}\n                        />\n                    </Tooltip>\n                    <Tooltip title={t('global.delete')}>\n                        <Button\n                            key=\"delete\"\n                            onClick={_handleDelete}\n                            disabled={!view.owner}\n                            type=\"text\"\n                            size=\"small\"\n                            shape=\"circle\"\n                            icon={<DeleteOutlined />}\n                        />\n                    </Tooltip>\n                </>\n            )}\n        </Wrapper>\n    );\n}\n\nexport default View;\n"]}