@leav/ui 0.3.6-7d696be → 0.3.6-804957a

package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/SimpleFilterDropDown.js

@@ -3,11 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
-import { KitButton, KitDivider, KitInput, KitSelect, KitSpace } from 'aristid-ds';
-import { FaCheck, FaClock, FaTrash } from 'react-icons/fa';
+import { KitButton, KitDivider, KitSelect, KitSpace } from 'aristid-ds';
+import { FaClock, FaTrash } from 'react-icons/fa';
 import { useViewSettingsContext } from '../../store-view-settings/useViewSettingsContext';
 import { ViewSettingsActionTypes } from '../../store-view-settings/viewSettingsReducer';
-import styled from 'styled-components';
+import { FilterValueList } from './FilterValueList';
 // TODO : This is an exemple file showing ho to customize dropdown Panel content. Don't mind the content of the file, missing types,... it's just an example.
 const conditions = [
     {
@@ -39,62 +39,34 @@ const conditions = [
         value: 'not_in'
     }
 ];
-const attributeValuesList = ['Value 1', 'Value 2', 'Value 3', 'Value 4', 'Value 5'];
-const ValueListItemValueLi = styled.li `
-    display: flex;
-    align-items: center;
-    min-height: 32px;
-    height: 32px;
-    border-radius: calc(var(--general-border-radius-s) * 1px);
-    cursor: pointer;
-
-    &.selected {
-        color: var(--components-Icon-colors-icon-on, var(--general-utilities-main-default));
-        background-color: var(--components-Icon-colors-background-on, var(--general-utilities-main-light));
-    }
-
-    .label {
-        flex: 1;
-        padding: 0 calc(var(--general-spacing-xs) * 1px);
-    }
-
-    .check {
-        flex: 0;
-        padding: 0 calc(var(--general-spacing-xs) * 1px);
-    }
-`;
-export const SimpleFilterDropdown = ({ filter, attribute }) => {
+const attributeValuesList = ['toto', 'tata', 'Value 3', 'Value 4', 'Value 5'];
+export const SimpleFilterDropdown = ({ filter }) => {
     const { t } = useSharedTranslation();
     const { dispatch } = useViewSettingsContext();
-    const updateFilter = data => {
+    const _updateFilter = (filterData) => {
         dispatch({
             type: ViewSettingsActionTypes.CHANGE_FILTER_CONFIG,
-            payload: {
-                id: filter.id,
-                field: filter.field,
-                condition: data.condition,
-                values: data.values
-            }
+            payload: filterData
         });
     };
-    const onconditionChanged = condition => {
-        updateFilter({ ...filter, condition });
+    const _onConditionChanged = condition => {
+        _updateFilter({ ...filter, condition });
     };
-    const onValueClick = value => {
-        let newValues = [...filter.values];
-        if (filter.values.includes(value)) {
-            newValues = filter.values.filter(v => v !== value);
+    const _onValueClick = value => {
+        _updateFilter({ ...filter, value: value.join('-') });
+    };
+    const _onResetFilter = () => dispatch({
+        type: ViewSettingsActionTypes.RESET_FILTER,
+        payload: {
+            id: filter.id
         }
-        else {
-            if (attribute.multiple_values) {
-                newValues = [...filter.values, value];
-            }
-            else {
-                newValues = [value];
-            }
+    });
+    const _onDeleteFilter = () => dispatch({
+        type: ViewSettingsActionTypes.REMOVE_FILTER,
+        payload: {
+            id: filter.id
         }
-        updateFilter({ ...filter, values: newValues });
-    };
-    return (_jsxs(KitSpace, { size: "xxs", direction: "vertical", children: [_jsx(KitSelect, { options: conditions, onChange: onconditionChanged, value: filter.condition }), _jsx(KitInput, { placeholder: String(t('search')) }), _jsx("ul", { children: attributeValuesList.map(value => (_jsxs(ValueListItemValueLi, { onClick: () => onValueClick(value), className: filter.values.includes(value) ? 'selected' : '', children: [_jsx("span", { className: "label", children: value }), filter.values.includes(value) && (_jsx("span", { className: "check", children: _jsx(FaCheck, {}) }))] }, value))) }), _jsx(KitDivider, { noMargin: true }), _jsx(KitButton, { type: "link", icon: _jsx(FaClock, {}), children: "R\u00E9initialiser le filtre" }), _jsx(KitButton, { type: "link", icon: _jsx(FaTrash, {}), children: "Supprimer" })] }));
+    });
+    return (_jsxs(KitSpace, { size: "xxs", direction: "vertical", children: [_jsx(KitSelect, { options: conditions, onChange: _onConditionChanged, value: filter.condition }), _jsx(FilterValueList, { values: attributeValuesList, multiple: false, freeEntry: false, selectedValues: filter.value === null ? [] : [filter.value], onSelectionChanged: _onValueClick }), _jsx(KitDivider, { noMargin: true }), _jsx(KitButton, { type: "redirect", icon: _jsx(FaClock, {}), onClick: _onResetFilter, children: t('explorer.reset-filter') }), _jsx(KitButton, { type: "redirect", icon: _jsx(FaTrash, {}), onClick: _onDeleteFilter, children: t('global.delete') })] }));
 };
 //# sourceMappingURL=SimpleFilterDropDown.js.map

package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/SimpleFilterDropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleFilterDropDown.js","sourceRoot":"","sources":["../../../../../../src/components/Explorer/manage-view-settings/filter-items/filter-type/SimpleFilterDropDown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SimpleFilterDropDown.js","sourceRoot":"","sources":["../../../../../../src/components/Explorer/manage-view-settings/filter-items/filter-type/SimpleFilterDropDown.tsx"],"names":[],"mappings":"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"}

package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/TextAttributeDropDown.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { IFilterDropDownProps } from '../../../_types';
+export declare const TextAttributeDropDown: FunctionComponent<IFilterDropDownProps>;

package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/TextAttributeDropDown.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { KitButton, KitDivider, KitInput, KitSelect, KitSpace } from 'aristid-ds';
+import styled from 'styled-components';
+import { FaClock, FaTrash } from 'react-icons/fa';
+import { AttributeConditionFilter } from '../../../../../types';
+import { useViewSettingsContext } from '../../store-view-settings/useViewSettingsContext';
+import { ViewSettingsActionTypes } from '../../store-view-settings/viewSettingsReducer';
+import { useConditionsOptionsByType } from './useConditionOptionsByType';
+const InputStyled = styled(KitInput) `
+    width: 100%;
+`;
+export const TextAttributeDropDown = ({ filter }) => {
+    const { t } = useSharedTranslation();
+    const { dispatch } = useViewSettingsContext();
+    const { conditionOptionsByType } = useConditionsOptionsByType(filter);
+    const _updateFilter = (filterData) => {
+        dispatch({
+            type: ViewSettingsActionTypes.CHANGE_FILTER_CONFIG,
+            payload: filterData
+        });
+    };
+    const _onConditionChanged = condition => {
+        _updateFilter({ ...filter, condition });
+    };
+    // TODO debounce ?
+    const _onInputChanged = event => {
+        const shouldIgnoreInputChange = event.target.value.length < 3 && (filter.value?.length ?? 0) <= event.target.value.length;
+        if (shouldIgnoreInputChange) {
+            return;
+        }
+        _updateFilter({ ...filter, value: event.target.value.length === 0 ? null : event.target.value });
+    };
+    const _onResetFilter = () => dispatch({
+        type: ViewSettingsActionTypes.RESET_FILTER,
+        payload: {
+            id: filter.id
+        }
+    });
+    const _onDeleteFilter = () => dispatch({
+        type: ViewSettingsActionTypes.REMOVE_FILTER,
+        payload: {
+            id: filter.id
+        }
+    });
+    const showSearch = filter.condition !== AttributeConditionFilter.IS_EMPTY &&
+        filter.condition !== AttributeConditionFilter.IS_NOT_EMPTY;
+    return (_jsxs(KitSpace, { size: "xxs", direction: "vertical", children: [_jsx(KitSelect, { options: conditionOptionsByType, onChange: _onConditionChanged, value: filter.condition }), showSearch && (_jsx(InputStyled, { placeholder: String(t('explorer.type-a-value')), value: filter.value ?? undefined, onChange: _onInputChanged })), _jsx(KitDivider, { noMargin: true }), _jsx(KitButton, { type: "redirect", icon: _jsx(FaClock, {}), onClick: _onResetFilter, children: t('explorer.reset-filter') }), _jsx(KitButton, { type: "redirect", icon: _jsx(FaTrash, {}), onClick: _onDeleteFilter, children: t('global.delete') })] }));
+};
+//# sourceMappingURL=TextAttributeDropDown.js.map

package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/TextAttributeDropDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAttributeDropDown.js","sourceRoot":"","sources":["../../../../../../src/components/Explorer/manage-view-settings/filter-items/filter-type/TextAttributeDropDown.tsx"],"names":[],"mappings":"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"}

package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/useConditionOptionsByType.d.ts

@@ -0,0 +1,10 @@
+import { AttributeFormat } from '../../../../../_gqlTypes';
+import { IExplorerFilter } from '../../../../../components/Explorer/_types';
+import { AttributeConditionType } from '../../../../../types';
+export declare const useConditionsOptionsByType: (filter: IExplorerFilter) => {
+    conditionOptionsByType: {
+        label: string;
+        value: AttributeConditionType;
+        textByFormat?: { [key in AttributeFormat]?: string; };
+    }[];
+};

package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/useConditionOptionsByType.js

@@ -0,0 +1,110 @@
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { AttributeFormat } from '../../../../../_gqlTypes';
+import { AttributeConditionFilter } from '../../../../../types';
+import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+const conditionsByFormat = {
+    [AttributeFormat.text]: [
+        AttributeConditionFilter.CONTAINS,
+        AttributeConditionFilter.NOT_CONTAINS,
+        AttributeConditionFilter.EQUAL,
+        AttributeConditionFilter.NOT_EQUAL,
+        AttributeConditionFilter.BEGIN_WITH,
+        AttributeConditionFilter.END_WITH,
+        AttributeConditionFilter.IS_EMPTY,
+        AttributeConditionFilter.IS_NOT_EMPTY
+    ],
+    [AttributeFormat.rich_text]: [
+        AttributeConditionFilter.CONTAINS,
+        AttributeConditionFilter.NOT_CONTAINS,
+        AttributeConditionFilter.IS_EMPTY,
+        AttributeConditionFilter.IS_NOT_EMPTY
+    ],
+    [AttributeFormat.boolean]: [],
+    [AttributeFormat.color]: [],
+    [AttributeFormat.date]: [
+        AttributeConditionFilter.EQUAL,
+        AttributeConditionFilter.NOT_EQUAL,
+        AttributeConditionFilter.GREATER_THAN,
+        AttributeConditionFilter.LESS_THAN,
+        AttributeConditionFilter.IS_EMPTY,
+        AttributeConditionFilter.IS_NOT_EMPTY,
+        AttributeConditionFilter.TODAY,
+        AttributeConditionFilter.TOMORROW,
+        AttributeConditionFilter.YESTERDAY,
+        AttributeConditionFilter.LAST_MONTH,
+        AttributeConditionFilter.NEXT_MONTH,
+        AttributeConditionFilter.BETWEEN
+    ],
+    [AttributeFormat.date_range]: [
+        AttributeConditionFilter.CONTAINS,
+        AttributeConditionFilter.START_ON,
+        AttributeConditionFilter.START_AFTER,
+        AttributeConditionFilter.START_BEFORE,
+        AttributeConditionFilter.END_ON,
+        AttributeConditionFilter.END_AFTER,
+        AttributeConditionFilter.END_BEFORE,
+        AttributeConditionFilter.IS_EMPTY,
+        AttributeConditionFilter.IS_NOT_EMPTY
+    ],
+    [AttributeFormat.encrypted]: [],
+    [AttributeFormat.extended]: [],
+    [AttributeFormat.numeric]: [
+        AttributeConditionFilter.EQUAL,
+        AttributeConditionFilter.NOT_EQUAL,
+        AttributeConditionFilter.IS_EMPTY,
+        AttributeConditionFilter.IS_NOT_EMPTY,
+        AttributeConditionFilter.LESS_THAN,
+        AttributeConditionFilter.GREATER_THAN
+    ]
+};
+const _getAttributeConditionOptions = (t) => [
+    { label: t('filters.contains'), value: AttributeConditionFilter.CONTAINS },
+    { label: t('filters.not-contains'), value: AttributeConditionFilter.NOT_CONTAINS },
+    { label: t('filters.equal'), value: AttributeConditionFilter.EQUAL },
+    { label: t('filters.not-equal'), value: AttributeConditionFilter.NOT_EQUAL },
+    { label: t('filters.begin-with'), value: AttributeConditionFilter.BEGIN_WITH },
+    { label: t('filters.end-with'), value: AttributeConditionFilter.END_WITH },
+    {
+        label: t('filters.less-than'),
+        textByFormat: { [AttributeFormat.date]: String(t('filters.before')) },
+        value: AttributeConditionFilter.LESS_THAN
+    },
+    {
+        label: t('filters.greater-than'),
+        textByFormat: { [AttributeFormat.date]: String(t('filters.after')) },
+        value: AttributeConditionFilter.GREATER_THAN
+    },
+    { label: t('filters.today'), value: AttributeConditionFilter.TODAY },
+    { label: t('filters.tomorrow'), value: AttributeConditionFilter.TOMORROW },
+    { label: t('filters.yesterday'), value: AttributeConditionFilter.YESTERDAY },
+    { label: t('filters.last-month'), value: AttributeConditionFilter.LAST_MONTH },
+    { label: t('filters.next-month'), value: AttributeConditionFilter.NEXT_MONTH },
+    { label: t('filters.between'), value: AttributeConditionFilter.BETWEEN },
+    { label: t('filters.start-on'), value: AttributeConditionFilter.START_ON },
+    { label: t('filters.start-after'), value: AttributeConditionFilter.START_AFTER },
+    { label: t('filters.start-before'), value: AttributeConditionFilter.START_BEFORE },
+    { label: t('filters.end-on'), value: AttributeConditionFilter.END_ON },
+    { label: t('filters.end-after'), value: AttributeConditionFilter.END_AFTER },
+    { label: t('filters.end-before'), value: AttributeConditionFilter.END_BEFORE },
+    { label: t('filters.is-empty'), value: AttributeConditionFilter.IS_EMPTY },
+    { label: t('filters.is-not-empty'), value: AttributeConditionFilter.IS_NOT_EMPTY },
+    { label: t('filters.values-count-equal'), value: AttributeConditionFilter.VALUES_COUNT_EQUAL },
+    { label: t('filters.values-count-greater-than'), value: AttributeConditionFilter.VALUES_COUNT_GREATER_THAN },
+    { label: t('filters.values-count-lower-than'), value: AttributeConditionFilter.VALUES_COUNT_LOWER_THAN },
+    { label: t('filters.through'), value: AttributeConditionFilter.THROUGH }
+];
+export const useConditionsOptionsByType = (filter) => {
+    const { t } = useSharedTranslation();
+    const attributeConditionOptions = _getAttributeConditionOptions(t);
+    return {
+        conditionOptionsByType: attributeConditionOptions
+            .filter(({ value }) => conditionsByFormat[filter.attribute.format].includes(value))
+            .map(option => ({
+            ...option,
+            label: option.textByFormat?.[filter.attribute.format] ?? option.label
+        }))
+    };
+};
+//# sourceMappingURL=useConditionOptionsByType.js.map

package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/useConditionOptionsByType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConditionOptionsByType.js","sourceRoot":"","sources":["../../../../../../src/components/Explorer/manage-view-settings/filter-items/filter-type/useConditionOptionsByType.ts"],"names":[],"mappings":"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"}

package/dist/components/Explorer/manage-view-settings/open-view-settings/EditSettingsContext.d.ts

@@ -4,6 +4,7 @@ interface IActiveSettings {
     title: string;
     onClickLeftButton?: () => void;
 }
+export type SettingsPanelPages = 'router-menu' | 'configure-display' | 'sort-items' | 'filter-items';
 export interface IEditSettingsContext {
     setActiveSettings: (params: IActiveSettings) => void;
     activeSettings: null | IActiveSettings;

package/dist/components/Explorer/manage-view-settings/open-view-settings/EditSettingsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditSettingsContext.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/open-view-settings/EditSettingsContext.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAY,MAAM,OAAO,CAAC;AAe/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAuB;IACnE,iBAAiB,EAAE,GAAG,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC;IACD,cAAc,EAAE,IAAI;IACpB,YAAY,EAAE,IAAI;IAClB,OAAO,EAAE,GAAG,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC;CACJ,CAAC,CAAC"}
+{"version":3,"file":"EditSettingsContext.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/open-view-settings/EditSettingsContext.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAY,MAAM,OAAO,CAAC;AAiB/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAuB;IACnE,iBAAiB,EAAE,GAAG,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC;IACD,cAAc,EAAE,IAAI;IACpB,YAAY,EAAE,IAAI;IAClB,OAAO,EAAE,GAAG,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC;CACJ,CAAC,CAAC"}

package/dist/components/Explorer/manage-view-settings/open-view-settings/useOpenViewSettings.d.ts

@@ -1,3 +1,5 @@
+import { SettingsPanelPages } from './EditSettingsContext';
 export declare const useOpenViewSettings: (library: string) => {
+    openSettingsPanel: (pageName?: SettingsPanelPages) => void;
     viewSettingsButton: JSX.Element;
 };

package/dist/components/Explorer/manage-view-settings/open-view-settings/useOpenViewSettings.js

@@ -8,14 +8,32 @@ import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
 import { SettingsPanel } from '../router-menu/SettingsPanel';
 import { useEditSettings } from './useEditSettings';
 export const useOpenViewSettings = (library) => {
-    const { setActiveSettings } = useEditSettings();
+    const { activeSettings, setActiveSettings } = useEditSettings();
     const { t } = useSharedTranslation();
-    const _openSettingsPanel = () => setActiveSettings({
-        content: _jsx(SettingsPanel, { library: library }),
-        title: t('explorer.settings')
-    });
+    const rootPanel = { pageName: 'router-menu', title: t('explorer.settings') };
+    const _changePanelPage = ({ pageName, title, onClickLeftButton }) => {
+        setActiveSettings({
+            ...activeSettings,
+            content: _jsx(SettingsPanel, { library: library, page: pageName }),
+            title,
+            onClickLeftButton
+        });
+    };
+    const _openSettingsPanel = (pageName = 'router-menu') => {
+        const chanelPageParams = {
+            pageName,
+            title: t(`explorer.${pageName}`)
+        };
+        if (pageName !== rootPanel.pageName) {
+            chanelPageParams.onClickLeftButton = () => {
+                _changePanelPage(rootPanel);
+            };
+        }
+        _changePanelPage(chanelPageParams);
+    };
     return {
-        viewSettingsButton: (_jsx(KitButton, { type: "tertiary", color: "neutral", icon: _jsx(FaSlidersH, {}), onClick: _openSettingsPanel, title: String(t('explorer.settings')) /* TODO: avoid transform null to 'null' */ }))
+        openSettingsPanel: _openSettingsPanel,
+        viewSettingsButton: (_jsx(KitButton, { type: "tertiary", color: "neutral", icon: _jsx(FaSlidersH, {}), onClick: () => _openSettingsPanel(), title: String(t('explorer.settings')) /* TODO: avoid transform null to 'null' */ }))
     };
 };
 //# sourceMappingURL=useOpenViewSettings.js.map

package/dist/components/Explorer/manage-view-settings/open-view-settings/useOpenViewSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOpenViewSettings.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/open-view-settings/useOpenViewSettings.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AACrC,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAE,EAAE;IACnD,MAAM,EAAC,iBAAiB,EAAC,GAAG,eAAe,EAAE,CAAC;IAC9C,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAC5B,iBAAiB,CAAC;QACd,OAAO,EAAE,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,GAAI;QAC5C,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC;KAChC,CAAC,CAAC;IAEP,OAAO;QACH,kBAAkB,EAAE,CAChB,KAAC,SAAS,IACN,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,KAAC,UAAU,KAAG,EACpB,OAAO,EAAE,kBAAkB,EAC3B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,0CAA0C,GAClF,CACL;KACJ,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"useOpenViewSettings.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/open-view-settings/useOpenViewSettings.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AACrC,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AASlD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAE,EAAE;IACnD,MAAM,EAAC,cAAc,EAAE,iBAAiB,EAAC,GAAG,eAAe,EAAE,CAAC;IAE9D,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,SAAS,GAAG,EAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAU,CAAC;IAEpF,MAAM,gBAAgB,GAAG,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAmB,EAAE,EAAE;QAChF,iBAAiB,CAAC;YACd,GAAG,cAAe;YAClB,OAAO,EAAE,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,GAAI;YAC5D,KAAK;YACL,iBAAiB;SACpB,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,WAA+B,aAAa,EAAE,EAAE;QACxE,MAAM,gBAAgB,GAAqB;YACvC,QAAQ;YACR,KAAK,EAAE,CAAC,CAAC,YAAY,QAAQ,EAAE,CAAC;SACnC,CAAC;QACF,IAAI,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAC;YAClC,gBAAgB,CAAC,iBAAiB,GAAG,GAAG,EAAE;gBACtC,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAChC,CAAC,CAAC;QACN,CAAC;QAED,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO;QACH,iBAAiB,EAAE,kBAAkB;QACrC,kBAAkB,EAAE,CAChB,KAAC,SAAS,IACN,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,KAAC,UAAU,KAAG,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,EAAE,EACnC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,0CAA0C,GAClF,CACL;KACJ,CAAC;AACN,CAAC,CAAC"}

package/dist/components/Explorer/manage-view-settings/router-menu/SettingsPanel.d.ts

@@ -1,7 +1,8 @@
 import { FunctionComponent } from 'react';
-export type SettingsPanelPages = 'router-menu' | 'configure-display' | 'sort-items' | 'filter-items';
+import { SettingsPanelPages } from '../open-view-settings/EditSettingsContext';
 interface ISettingsPanelProps {
     library: string;
+    page?: SettingsPanelPages;
 }
 export declare const SettingsPanel: FunctionComponent<ISettingsPanelProps>;
 export {};

package/dist/components/Explorer/manage-view-settings/router-menu/SettingsPanel.js

@@ -3,16 +3,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import styled from 'styled-components';
-import { useState } from 'react';
 import { KitTypography } from 'aristid-ds';
 import { FaFilter, FaList, FaSortAlphaDown } from 'react-icons/fa';
 import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { useEditSettings } from '../open-view-settings/useEditSettings';
 import { ConfigureDisplay } from '../configure-display/ConfigureDisplay';
 import { SortItems } from '../sort-items/SortItems';
 import { SettingItem } from './SettingItem';
 import { FilterItems } from '../filter-items/FilterItems';
 import { useViewSettingsContext } from '../store-view-settings/useViewSettingsContext';
+import { useOpenViewSettings } from '../open-view-settings/useOpenViewSettings';
 const ContentWrapperStyledDiv = styled.div `
     display: flex;
     flex-direction: column;
@@ -21,33 +20,11 @@ const ContentWrapperStyledDiv = styled.div `
 const ConfigurationStyledMenu = styled.menu `
     padding: 0;
 `;
-export const SettingsPanel = ({ library }) => {
+export const SettingsPanel = ({ library, page = 'router-menu' }) => {
     const { t } = useSharedTranslation();
-    const { setActiveSettings, activeSettings } = useEditSettings();
+    const { openSettingsPanel } = useOpenViewSettings(library);
     const { view: { filters } } = useViewSettingsContext();
-    const [currentPage, setCurrentPage] = useState('router-menu');
-    const _goToAdvancedSettingsPage = (page) => {
-        if (!activeSettings) {
-            throw Error('Should not be able to change side pane page if there is no side panel!');
-        }
-        const _changePanelPage = ({ pageName, title, onClickLeftButton }) => {
-            setCurrentPage(pageName);
-            setActiveSettings({
-                ...activeSettings,
-                title,
-                onClickLeftButton
-            });
-        };
-        _changePanelPage({
-            pageName: page,
-            title: t(`explorer.${page}`),
-            onClickLeftButton: () => {
-                const rootPanel = { pageName: 'router-menu', title: t('explorer.settings') };
-                _changePanelPage(rootPanel);
-            }
-        });
-    };
     // TODO: look for MemoryRouter
-    return (_jsxs(ContentWrapperStyledDiv, { children: [currentPage === 'router-menu' && (_jsxs("nav", { children: [_jsx(KitTypography.Title, { level: "h4", children: t('explorer.router-menu') }), _jsxs(ConfigurationStyledMenu, { children: [_jsx(SettingItem, { icon: _jsx(FaList, {}), title: t('explorer.configure-display'), onClick: () => _goToAdvancedSettingsPage('configure-display') }), _jsx(SettingItem, { icon: _jsx(FaFilter, {}), title: t('explorer.filters'), value: String(t('explorer.active-items-number', { count: filters.length })), onClick: () => _goToAdvancedSettingsPage('filter-items') }), _jsx(SettingItem, { icon: _jsx(FaSortAlphaDown, {}), title: t('explorer.sort-items'), onClick: () => _goToAdvancedSettingsPage('sort-items') })] })] })), currentPage === 'configure-display' && _jsx(ConfigureDisplay, { libraryId: library }), currentPage === 'sort-items' && _jsx(SortItems, { libraryId: library }), currentPage === 'filter-items' && _jsx(FilterItems, { libraryId: library })] }));
+    return (_jsxs(ContentWrapperStyledDiv, { children: [page === 'router-menu' && (_jsxs("nav", { children: [_jsx(KitTypography.Title, { level: "h4", children: t('explorer.router-menu') }), _jsxs(ConfigurationStyledMenu, { children: [_jsx(SettingItem, { icon: _jsx(FaList, {}), title: t('explorer.configure-display'), onClick: () => openSettingsPanel('configure-display') }), _jsx(SettingItem, { icon: _jsx(FaFilter, {}), title: t('explorer.filters'), value: String(t('explorer.active-items-number', { count: filters.length })), onClick: () => openSettingsPanel('filter-items') }), _jsx(SettingItem, { icon: _jsx(FaSortAlphaDown, {}), title: t('explorer.sort-items'), onClick: () => openSettingsPanel('sort-items') })] })] })), page === 'configure-display' && _jsx(ConfigureDisplay, { libraryId: library }), page === 'sort-items' && _jsx(SortItems, { libraryId: library }), page === 'filter-items' && _jsx(FilterItems, { libraryId: library })] }));
 };
 //# sourceMappingURL=SettingsPanel.js.map

package/dist/components/Explorer/manage-view-settings/router-menu/SettingsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanel.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/router-menu/SettingsPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SettingsPanel.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/router-menu/SettingsPanel.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,gBAAgB,EAAC,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,WAAW,EAAC,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAC,sBAAsB,EAAC,MAAM,+CAA+C,CAAC;AAErF,OAAO,EAAC,mBAAmB,EAAC,MAAM,2CAA2C,CAAC;AAE9E,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIzC,CAAC;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,IAAI,CAAA;;CAE1C,CAAC;AAOF,MAAM,CAAC,MAAM,aAAa,GAA2C,CAAC,EAAC,OAAO,EAAE,IAAI,GAAG,aAAa,EAAC,EAAE,EAAE;IACrG,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,EAAC,iBAAiB,EAAC,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACzD,MAAM,EACF,IAAI,EAAE,EAAC,OAAO,EAAC,EAClB,GAAG,sBAAsB,EAAE,CAAC;IAE7B,8BAA8B;IAE9B,OAAO,CACH,MAAC,uBAAuB,eACnB,IAAI,KAAK,aAAa,IAAI,CACvB,0BACI,KAAC,aAAa,CAAC,KAAK,IAAC,KAAK,EAAC,IAAI,YAAE,CAAC,CAAC,sBAAsB,CAAC,GAAuB,EACjF,MAAC,uBAAuB,eACpB,KAAC,WAAW,IACR,IAAI,EAAE,KAAC,MAAM,KAAG,EAChB,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,GACvD,EACF,KAAC,WAAW,IACR,IAAI,EAAE,KAAC,QAAQ,KAAG,EAClB,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAC5B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,8BAA8B,EAAE,EAAC,KAAK,EAAE,OAAO,CAAC,MAAM,EAAC,CAAC,CAAC,EACzE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAClD,EACF,KAAC,WAAW,IACR,IAAI,EAAE,KAAC,eAAe,KAAG,EACzB,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,GAChD,IACoB,IACxB,CACT,EACA,IAAI,KAAK,mBAAmB,IAAI,KAAC,gBAAgB,IAAC,SAAS,EAAE,OAAO,GAAI,EACxE,IAAI,KAAK,YAAY,IAAI,KAAC,SAAS,IAAC,SAAS,EAAE,OAAO,GAAI,EAC1D,IAAI,KAAK,cAAc,IAAI,KAAC,WAAW,IAAC,SAAS,EAAE,OAAO,GAAI,IACzC,CAC7B,CAAC;AACN,CAAC,CAAC"}

package/dist/components/Explorer/manage-view-settings/store-view-settings/viewSettingsReducer.d.ts

@@ -1,6 +1,8 @@
 import { SortOrder } from '../../../../_gqlTypes';
+import { IExplorerFilter } from '../../_types';
 export type ViewType = 'table' | 'list' | 'timeline' | 'mosaic';
 export declare const ViewSettingsActionTypes: {
+    readonly RESET: "RESET";
     readonly ADD_ATTRIBUTE: "ADD_ATTRIBUTE";
     readonly REMOVE_ATTRIBUTE: "REMOVE_ATTRIBUTE";
     readonly MOVE_ATTRIBUTE: "MOVE_ATTRIBUTE";
@@ -14,16 +16,11 @@ export declare const ViewSettingsActionTypes: {
     readonly CHANGE_FULLTEXT_SEARCH: "CHANGE_FULLTEXT_SEARCH";
     readonly CLEAR_FULLTEXT_SEARCH: "CLEAR_FULLTEXT_SEARCH";
     readonly ADD_FILTER: "ADD_FILTER";
+    readonly RESET_FILTER: "RESET_FILTER";
     readonly REMOVE_FILTER: "REMOVE_FILTER";
     readonly MOVE_FILTER: "MOVE_FILTER";
     readonly CHANGE_FILTER_CONFIG: "CHANGE_FILTER_CONFIG";
 };
-export interface IExplorerFilter {
-    id: string;
-    field: string;
-    condition: string;
-    values: string[];
-}
 export interface IViewSettingsState {
     viewType: ViewType;
     attributesIds: string[];
@@ -109,13 +106,15 @@ interface IViewSettingsActionClearFulltextSearch {
 }
 interface IViewSettingsActionAddFilter {
     type: typeof ViewSettingsActionTypes.ADD_FILTER;
-    payload: Omit<IExplorerFilter, 'id'>;
+    payload: Omit<IExplorerFilter, 'id' | 'value' | 'condition'>;
+}
+interface IViewSettingsActionResetFilter {
+    type: typeof ViewSettingsActionTypes.RESET_FILTER;
+    payload: Pick<IExplorerFilter, 'id'>;
 }
 interface IViewSettingsActionRemoveFilter {
     type: typeof ViewSettingsActionTypes.REMOVE_FILTER;
-    payload: {
-        id: string;
-    };
+    payload: Pick<IExplorerFilter, 'id'>;
 }
 interface IViewSettingsActionChangeFilterConfig {
     type: typeof ViewSettingsActionTypes.CHANGE_FILTER_CONFIG;
@@ -128,8 +127,12 @@ interface IViewSettingsActionMoveFilter {
         indexTo: number;
     };
 }
+interface IViewSettingsActionReset {
+    type: typeof ViewSettingsActionTypes.RESET;
+    payload: IViewSettingsState;
+}
 type Reducer<PAYLOAD = 'no_payload'> = PAYLOAD extends 'no_payload' ? (state: IViewSettingsState) => IViewSettingsState : (state: IViewSettingsState, payload: PAYLOAD) => IViewSettingsState;
 export declare const clearFulltextSearch: Reducer;
-export type IViewSettingsAction = IViewSettingsActionResetAttributes | IViewSettingsActionAddAttribute | IViewSettingsActionRemoveAttribute | IViewSettingsActionMoveAttribute | IViewSettingsActionChangeViewType | IViewSettingsActionAddSort | IViewSettingsActionRemoveSort | IViewSettingsActionChangeSortOrder | IViewSettingsActionMoveSort | IViewSettingsActionChangePageSize | IViewSettingsActionChangeFulltextSearch | IViewSettingsActionClearFulltextSearch | IViewSettingsActionMoveSort | IViewSettingsActionAddFilter | IViewSettingsActionRemoveFilter | IViewSettingsActionChangeFilterConfig | IViewSettingsActionMoveFilter;
+export type IViewSettingsAction = IViewSettingsActionResetAttributes | IViewSettingsActionAddAttribute | IViewSettingsActionRemoveAttribute | IViewSettingsActionMoveAttribute | IViewSettingsActionChangeViewType | IViewSettingsActionAddSort | IViewSettingsActionRemoveSort | IViewSettingsActionChangeSortOrder | IViewSettingsActionMoveSort | IViewSettingsActionChangePageSize | IViewSettingsActionChangeFulltextSearch | IViewSettingsActionClearFulltextSearch | IViewSettingsActionAddFilter | IViewSettingsActionResetFilter | IViewSettingsActionRemoveFilter | IViewSettingsActionChangeFilterConfig | IViewSettingsActionMoveFilter | IViewSettingsActionReset;
 export declare const viewSettingsReducer: (state: IViewSettingsState, action: IViewSettingsAction) => IViewSettingsState;
 export {};

package/dist/components/Explorer/manage-view-settings/store-view-settings/viewSettingsReducer.js

@@ -1,4 +1,10 @@
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { RecordFilterCondition } from '../../../../_gqlTypes';
+import { v4 as uuid } from 'uuid';
 export const ViewSettingsActionTypes = {
+    RESET: 'RESET',
     ADD_ATTRIBUTE: 'ADD_ATTRIBUTE',
     REMOVE_ATTRIBUTE: 'REMOVE_ATTRIBUTE',
     MOVE_ATTRIBUTE: 'MOVE_ATTRIBUTE',
@@ -12,6 +18,7 @@ export const ViewSettingsActionTypes = {
     CHANGE_FULLTEXT_SEARCH: 'CHANGE_FULLTEXT_SEARCH',
     CLEAR_FULLTEXT_SEARCH: 'CLEAR_FULLTEXT_SEARCH',
     ADD_FILTER: 'ADD_FILTER',
+    RESET_FILTER: 'RESET_FILTER',
     REMOVE_FILTER: 'REMOVE_FILTER',
     MOVE_FILTER: 'MOVE_FILTER',
     CHANGE_FILTER_CONFIG: 'CHANGE_FILTER_CONFIG'
@@ -79,13 +86,29 @@ const addFilter = (state, payload) => {
     if (!state.canAddFilter) {
         return state;
     }
-    const newFilters = [...state.filters, { ...payload, id: `${payload.field}-${Date.now()}` }];
+    const newFilters = [
+        ...state.filters,
+        { ...payload, id: uuid(), condition: RecordFilterCondition.EQUAL, value: null }
+    ];
     return {
         ...state,
         filters: newFilters,
         canAddFilter: newFilters.length < state.maxFilters
     };
 };
+const resetFilter = (state, payload) => ({
+    ...state,
+    filters: state.filters.map(filter => {
+        if (filter.id === payload.id) {
+            return {
+                ...filter,
+                condition: RecordFilterCondition.EQUAL,
+                value: null
+            };
+        }
+        return filter;
+    })
+});
 const removeFilter = (state, payload) => {
     const newFilters = state.filters.filter(({ id }) => id !== payload.id);
     return {
@@ -96,7 +119,7 @@ const removeFilter = (state, payload) => {
 };
 const changeFilterConfig = (state, payload) => ({
     ...state,
-    filters: state.filters.map(filter => filter.id === payload.id ? { ...filter, condition: payload.condition, values: payload.values } : filter)
+    filters: state.filters.map(filter => (filter.id === payload.id ? { ...filter, ...payload } : filter))
 });
 const moveFilter = (state, payload) => {
     const attributesUsedToFilter = [...state.filters];
@@ -107,6 +130,7 @@ const moveFilter = (state, payload) => {
         filters: attributesUsedToFilter
     };
 };
+const reset = (_, payload) => payload;
 export const viewSettingsReducer = (state, action) => {
     switch (action.type) {
         case ViewSettingsActionTypes.CHANGE_PAGE_SIZE: {
@@ -148,6 +172,9 @@ export const viewSettingsReducer = (state, action) => {
         case ViewSettingsActionTypes.ADD_FILTER: {
             return addFilter(state, action.payload);
         }
+        case ViewSettingsActionTypes.RESET_FILTER: {
+            return resetFilter(state, action.payload);
+        }
         case ViewSettingsActionTypes.REMOVE_FILTER: {
             return removeFilter(state, action.payload);
         }
@@ -157,6 +184,9 @@ export const viewSettingsReducer = (state, action) => {
         case ViewSettingsActionTypes.MOVE_FILTER: {
             return moveFilter(state, action.payload);
         }
+        case ViewSettingsActionTypes.RESET: {
+            return reset(state, action.payload);
+        }
         default:
             return state;
     }