@leav/ui 1.5.3-ffa07ccb → 1.6.0-22577b27

package/dist/components/Filters/filter-items/filter-type/BooleanAttributeDropdown.js

@@ -1,10 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { KitSelect } from 'aristid-ds';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { KitTree, KitTypography } from 'aristid-ds';
 import { AttributeConditionFilter } from '../../../../types';
 import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-export const BooleanAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef, }) => {
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faCheck } from '@fortawesome/free-solid-svg-icons';
+import styled from 'styled-components';
+const TreeNodeTitleContainer = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+`;
+const CheckIcon = styled(FontAwesomeIcon) `
+    color: var(--general-utilities-text-blue);
+    font-size: calc(var(--general-typography-fontSize7) * 1px);
+`;
+export const BooleanAttributeDropDown = ({ filter, onFilterChange }) => {
     const { t } = useSharedTranslation();
-    const _onSelectionChanged = value => {
+    const _onSelectionChanged = values => {
+        const value = values[0] ? String(values[0]) : undefined;
         const filterData = value === undefined
             ? {
                 ...filter,
@@ -22,14 +35,15 @@ export const BooleanAttributeDropDown = ({ filter, onFilterChange, selectDropDow
     };
     const valuesOptions = [
         {
-            label: t('explorer.true'),
-            value: 'true',
+            title: t('explorer.true'),
+            key: 'true',
         },
         {
-            label: t('explorer.false'),
-            value: 'false',
+            title: t('explorer.false'),
+            key: 'false',
         },
     ];
-    return (_jsx(KitSelect, { options: valuesOptions, onChange: _onSelectionChanged, value: filter.value, getPopupContainer: () => selectDropDownRef?.current ?? document.body, placeholder: t('filters.equal') }));
+    const TreeNodeTitle = ({ node }) => (_jsxs(TreeNodeTitleContainer, { children: [_jsx(KitTypography.Text, { size: "fontSize5", children: node.title }), node.key === filter.value && _jsx(CheckIcon, { icon: faCheck })] }));
+    return (_jsx(KitTree, { treeData: valuesOptions, selectedKeys: [filter.value], titleRender: node => _jsx(TreeNodeTitle, { node: node }), onSelect: _onSelectionChanged }));
 };
 //# sourceMappingURL=BooleanAttributeDropdown.js.map

package/dist/components/Filters/filter-items/filter-type/BooleanAttributeDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanAttributeDropdown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/BooleanAttributeDropdown.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AACrC,OAAO,EAAC,wBAAwB,EAAC,MAAM,WAAW,CAAC;AACnD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,MAAM,CAAC,MAAM,wBAAwB,GAAoD,CAAC,EACtF,MAAM,EACN,cAAc,EACd,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,mBAAmB,GAAiD,KAAK,CAAC,EAAE;QAC9E,MAAM,UAAU,GACZ,KAAK,KAAK,SAAS;YACf,CAAC,CAAC;gBACI,GAAG,MAAM;gBACT,SAAS,EAAE,IAAI;gBACf,KAAK,EAAE,IAAI;gBACX,cAAc,EAAE,SAAS;aAC5B;YACH,CAAC,CAAC;gBACI,GAAG,MAAM;gBACT,SAAS,EAAE,wBAAwB,CAAC,KAAK;gBACzC,KAAK;gBACL,cAAc,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC;aAC9E,CAAC;QAEZ,cAAc,CAAC,UAAU,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG;QAClB;YACI,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;YACzB,KAAK,EAAE,MAAM;SAChB;QACD;YACI,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC;YAC1B,KAAK,EAAE,OAAO;SACjB;KACJ,CAAC;IAEF,OAAO,CACH,KAAC,SAAS,IACN,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,mBAAmB,EAC7B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,iBAAiB,EAAE,GAAG,EAAE,CAAC,iBAAiB,EAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,EACpE,WAAW,EAAE,CAAC,CAAC,eAAe,CAAC,GACjC,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ComponentProps, type FunctionComponent} from 'react';\nimport {KitSelect} from 'aristid-ds';\nimport {AttributeConditionFilter} from '_ui/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IFilterChildrenDropDownProps} from './_types';\n\nexport const BooleanAttributeDropDown: FunctionComponent<IFilterChildrenDropDownProps> = ({\n    filter,\n    onFilterChange,\n    selectDropDownRef,\n}) => {\n    const {t} = useSharedTranslation();\n    const _onSelectionChanged: ComponentProps<typeof KitSelect>['onChange'] = value => {\n        const filterData =\n            value === undefined\n                ? {\n                      ...filter,\n                      condition: null,\n                      value: null,\n                      formattedValue: undefined,\n                  }\n                : {\n                      ...filter,\n                      condition: AttributeConditionFilter.EQUAL,\n                      value,\n                      formattedValue: value === 'true' ? t('explorer.true') : t('explorer.false'),\n                  };\n\n        onFilterChange(filterData);\n    };\n\n    const valuesOptions = [\n        {\n            label: t('explorer.true'),\n            value: 'true',\n        },\n        {\n            label: t('explorer.false'),\n            value: 'false',\n        },\n    ];\n\n    return (\n        <KitSelect\n            options={valuesOptions}\n            onChange={_onSelectionChanged}\n            value={filter.value}\n            getPopupContainer={() => selectDropDownRef?.current ?? document.body}\n            placeholder={t('filters.equal')}\n        />\n    );\n};\n"]}
+{"version":3,"file":"BooleanAttributeDropdown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/BooleanAttributeDropdown.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAClD,OAAO,EAAC,wBAAwB,EAAC,MAAM,WAAW,CAAC;AACnD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,OAAO,EAAC,MAAM,mCAAmC,CAAC;AAC1D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIxC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;;;CAGxC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAoD,CAAC,EAAC,MAAM,EAAE,cAAc,EAAC,EAAE,EAAE;IAClH,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,mBAAmB,GAA+C,MAAM,CAAC,EAAE;QAC7E,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAExD,MAAM,UAAU,GACZ,KAAK,KAAK,SAAS;YACf,CAAC,CAAC;gBACI,GAAG,MAAM;gBACT,SAAS,EAAE,IAAI;gBACf,KAAK,EAAE,IAAI;gBACX,cAAc,EAAE,SAAS;aAC5B;YACH,CAAC,CAAC;gBACI,GAAG,MAAM;gBACT,SAAS,EAAE,wBAAwB,CAAC,KAAK;gBACzC,KAAK;gBACL,cAAc,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC;aAC9E,CAAC;QAEZ,cAAc,CAAC,UAAU,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG;QAClB;YACI,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;YACzB,GAAG,EAAE,MAAM;SACd;QACD;YACI,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC;YAC1B,GAAG,EAAE,OAAO;SACf;KACJ,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,EAAC,IAAI,EAA0B,EAAE,EAAE,CAAC,CACvD,MAAC,sBAAsB,eACnB,KAAC,aAAa,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,YAAE,IAAI,CAAC,KAAK,GAAsB,EACrE,IAAI,CAAC,GAAG,KAAK,MAAM,CAAC,KAAK,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,OAAO,GAAI,IACrC,CAC5B,CAAC;IAEF,OAAO,CACH,KAAC,OAAO,IACJ,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5B,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,IAAuB,GAAI,EACrE,QAAQ,EAAE,mBAAmB,GAC/B,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ComponentProps, type FunctionComponent} from 'react';\nimport {KitTree, KitTypography} from 'aristid-ds';\nimport {AttributeConditionFilter} from '_ui/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IFilterChildrenDropDownProps} from './_types';\nimport {type ITreeMapElement} from '_ui/components/SelectTreeNode/_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faCheck} from '@fortawesome/free-solid-svg-icons';\nimport styled from 'styled-components';\n\nconst TreeNodeTitleContainer = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n`;\n\nconst CheckIcon = styled(FontAwesomeIcon)`\n    color: var(--general-utilities-text-blue);\n    font-size: calc(var(--general-typography-fontSize7) * 1px);\n`;\n\nexport const BooleanAttributeDropDown: FunctionComponent<IFilterChildrenDropDownProps> = ({filter, onFilterChange}) => {\n    const {t} = useSharedTranslation();\n\n    const _onSelectionChanged: ComponentProps<typeof KitTree>['onSelect'] = values => {\n        const value = values[0] ? String(values[0]) : undefined;\n\n        const filterData =\n            value === undefined\n                ? {\n                      ...filter,\n                      condition: null,\n                      value: null,\n                      formattedValue: undefined,\n                  }\n                : {\n                      ...filter,\n                      condition: AttributeConditionFilter.EQUAL,\n                      value,\n                      formattedValue: value === 'true' ? t('explorer.true') : t('explorer.false'),\n                  };\n\n        onFilterChange(filterData);\n    };\n\n    const valuesOptions = [\n        {\n            title: t('explorer.true'),\n            key: 'true',\n        },\n        {\n            title: t('explorer.false'),\n            key: 'false',\n        },\n    ];\n\n    const TreeNodeTitle = ({node}: {node: ITreeMapElement}) => (\n        <TreeNodeTitleContainer>\n            <KitTypography.Text size=\"fontSize5\">{node.title}</KitTypography.Text>\n            {node.key === filter.value && <CheckIcon icon={faCheck} />}\n        </TreeNodeTitleContainer>\n    );\n\n    return (\n        <KitTree\n            treeData={valuesOptions}\n            selectedKeys={[filter.value]}\n            titleRender={node => <TreeNodeTitle node={node as ITreeMapElement} />}\n            onSelect={_onSelectionChanged}\n        />\n    );\n};\n"]}

package/dist/components/Filters/filter-items/filter-type/ColorAttributeDropDown.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { KitSelect } from 'aristid-ds';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { useConditionsOptionsByType } from './useConditionOptionsByType';
-export const ColorAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef, }) => {
-    const { t } = useSharedTranslation();
-    const { conditionOptionsByType } = useConditionsOptionsByType(filter);
-    const _onConditionChanged = condition => onFilterChange({ ...filter, condition });
-    return (_jsx(KitSelect, { options: conditionOptionsByType, onChange: _onConditionChanged, value: filter.condition, getPopupContainer: () => selectDropDownRef?.current ?? document.body, placeholder: t('explorer.select-condition') }));
+import { EmptyValueCheckbox } from '../EmptyValueCheckbox';
+export const ColorAttributeDropDown = ({ filter, onFilterChange }) => {
+    const _handleOnCheckEmptyValue = (selected) => {
+        onFilterChange({
+            ...filter,
+            withEmptyValues: selected,
+        });
+    };
+    return _jsx(EmptyValueCheckbox, { onSelect: _handleOnCheckEmptyValue, filter: filter });
 };
 //# sourceMappingURL=ColorAttributeDropDown.js.map

package/dist/components/Filters/filter-items/filter-type/ColorAttributeDropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorAttributeDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/ColorAttributeDropDown.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AACrC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,0BAA0B,EAAC,MAAM,6BAA6B,CAAC;AAEvE,MAAM,CAAC,MAAM,sBAAsB,GAAoD,CAAC,EACpF,MAAM,EACN,cAAc,EACd,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,EAAC,sBAAsB,EAAC,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;IAEpE,MAAM,mBAAmB,GAAiD,SAAS,CAAC,EAAE,CAClF,cAAc,CAAC,EAAC,GAAG,MAAM,EAAE,SAAS,EAAC,CAAC,CAAC;IAE3C,OAAO,CACH,KAAC,SAAS,IACN,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAE,mBAAmB,EAC7B,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,iBAAiB,EAAE,GAAG,EAAE,CAAC,iBAAiB,EAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,EACpE,WAAW,EAAE,CAAC,CAAC,2BAA2B,CAAC,GAC7C,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ComponentProps, type FunctionComponent} from 'react';\nimport {KitSelect} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IFilterChildrenDropDownProps} from './_types';\nimport {useConditionsOptionsByType} from './useConditionOptionsByType';\n\nexport const ColorAttributeDropDown: FunctionComponent<IFilterChildrenDropDownProps> = ({\n    filter,\n    onFilterChange,\n    selectDropDownRef,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const {conditionOptionsByType} = useConditionsOptionsByType(filter);\n\n    const _onConditionChanged: ComponentProps<typeof KitSelect>['onChange'] = condition =>\n        onFilterChange({...filter, condition});\n\n    return (\n        <KitSelect\n            options={conditionOptionsByType}\n            onChange={_onConditionChanged}\n            value={filter.condition}\n            getPopupContainer={() => selectDropDownRef?.current ?? document.body}\n            placeholder={t('explorer.select-condition')}\n        />\n    );\n};\n"]}
+{"version":3,"file":"ColorAttributeDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/ColorAttributeDropDown.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAEzD,MAAM,CAAC,MAAM,sBAAsB,GAAoD,CAAC,EAAC,MAAM,EAAE,cAAc,EAAC,EAAE,EAAE;IAChH,MAAM,wBAAwB,GAAG,CAAC,QAAiB,EAAE,EAAE;QACnD,cAAc,CAAC;YACX,GAAG,MAAM;YACT,eAAe,EAAE,QAAQ;SAC5B,CAAC,CAAC;IACP,CAAC,CAAC;IACF,OAAO,KAAC,kBAAkB,IAAC,QAAQ,EAAE,wBAAwB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACtF,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent} from 'react';\nimport {type IFilterChildrenDropDownProps} from './_types';\nimport {EmptyValueCheckbox} from '../EmptyValueCheckbox';\n\nexport const ColorAttributeDropDown: FunctionComponent<IFilterChildrenDropDownProps> = ({filter, onFilterChange}) => {\n    const _handleOnCheckEmptyValue = (selected: boolean) => {\n        onFilterChange({\n            ...filter,\n            withEmptyValues: selected,\n        });\n    };\n    return <EmptyValueCheckbox onSelect={_handleOnCheckEmptyValue} filter={filter} />;\n};\n"]}

package/dist/components/Filters/filter-items/filter-type/FilterDropDown.js

@@ -3,13 +3,14 @@ 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 { useRef } from 'react';
-import { FaClock, FaTrash } from 'react-icons/fa';
 import styled from 'styled-components';
 import { KitDivider, KitButton } from 'aristid-ds';
 import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
 import { FilterDropdownContent } from './FilterDropdownContent';
 import { useFiltersContext } from '../../useFiltersContext';
 import { FiltersActionTypes } from '../../context/filtersReducer';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faClockRotateLeft, faTrash } from '@fortawesome/free-solid-svg-icons';
 const FilterDropDownStyledDiv = styled.div `
     display: flex;
     flex-direction: column;
@@ -35,6 +36,6 @@ export const FilterDropDown = ({ filter, canRemove }) => {
             id: filter.id,
         },
     });
-    return (_jsxs(FilterDropDownStyledDiv, { children: [_jsx(FilterDropdownContent, { filter: filter, onFilterChange: onFilterChange, selectDropDownRef: selectDropDownRef }), _jsx("div", { ref: selectDropDownRef }), _jsx(KitDivider, { noMargin: true }), _jsx(KitButton, { type: "action", icon: _jsx(FaClock, {}), onClick: _onResetFilter, children: t('explorer.reset-filter') }), canRemove && (_jsx(KitButton, { type: "action", icon: _jsx(FaTrash, {}), onClick: _onDeleteFilter, children: t('global.delete') }))] }));
+    return (_jsxs(FilterDropDownStyledDiv, { children: [_jsx(FilterDropdownContent, { filter: filter, onFilterChange: onFilterChange, selectDropDownRef: selectDropDownRef }), _jsx("div", { ref: selectDropDownRef }), _jsx(KitDivider, { noMargin: true }), _jsx(KitButton, { type: "action", icon: _jsx(FontAwesomeIcon, { icon: faClockRotateLeft }), onClick: _onResetFilter, children: t('global.reset') }), canRemove && (_jsx(KitButton, { type: "action", icon: _jsx(FontAwesomeIcon, { icon: faTrash }), onClick: _onDeleteFilter, danger: true, children: t('global.delete') }))] }));
 };
 //# sourceMappingURL=FilterDropDown.js.map

package/dist/components/Filters/filter-items/filter-type/FilterDropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/FilterDropDown.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAA8C,MAAM,EAAC,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,YAAY,CAAC;AACjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAGhE,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIzC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAA8C,CAAC,EAAC,MAAM,EAAE,SAAS,EAAC,EAAE,EAAE;IAC7F,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,QAAQ,EAAC,GAAG,iBAAiB,EAAE,CAAC;IACvC,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAmE,CAAC,UAAoB,EAAE,EAAE,CAC5G,QAAQ,CAAC;QACL,IAAI,EAAE,kBAAkB,CAAC,oBAAoB;QAC7C,OAAO,EAAE,UAAU;KACtB,CAAC,CAAC;IAEP,MAAM,cAAc,GAAgD,GAAG,EAAE,CACrE,QAAQ,CAAC;QACL,IAAI,EAAE,kBAAkB,CAAC,YAAY;QACrC,OAAO,EAAE;YACL,EAAE,EAAE,MAAM,CAAC,EAAE;SAChB;KACJ,CAAC,CAAC;IAEP,MAAM,eAAe,GAAgD,GAAG,EAAE,CACtE,QAAQ,CAAC;QACL,IAAI,EAAE,kBAAkB,CAAC,aAAa;QACtC,OAAO,EAAE;YACL,EAAE,EAAE,MAAM,CAAC,EAAE;SAChB;KACJ,CAAC,CAAC;IAEP,OAAO,CACH,MAAC,uBAAuB,eACpB,KAAC,qBAAqB,IAClB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,GACtC,EACF,cAAK,GAAG,EAAE,iBAAiB,GAAI,EAC/B,KAAC,UAAU,IAAC,QAAQ,SAAG,EACvB,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAC,OAAO,KAAG,EAAE,OAAO,EAAE,cAAc,YAC9D,CAAC,CAAC,uBAAuB,CAAC,GACnB,EACX,SAAS,IAAI,CACV,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAC,OAAO,KAAG,EAAE,OAAO,EAAE,eAAe,YAC/D,CAAC,CAAC,eAAe,CAAC,GACX,CACf,IACqB,CAC7B,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ComponentProps, type FunctionComponent, useRef} from 'react';\nimport {FaClock, FaTrash} from 'react-icons/fa';\nimport styled from 'styled-components';\nimport {KitDivider, KitButton} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {FilterDropdownContent} from './FilterDropdownContent';\nimport {useFiltersContext} from '../../useFiltersContext';\nimport {FiltersActionTypes} from '../../context/filtersReducer';\nimport {type IUIFilterDropDownProps, type UIFilter} from '../../_types';\n\nconst FilterDropDownStyledDiv = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--general-spacing-xxs) * 1px);\n`;\n\nexport const FilterDropDown: FunctionComponent<IUIFilterDropDownProps> = ({filter, canRemove}) => {\n    const {t} = useSharedTranslation();\n    const {dispatch} = useFiltersContext();\n    const selectDropDownRef = useRef<HTMLDivElement>(null);\n\n    const onFilterChange: ComponentProps<typeof FilterDropdownContent>['onFilterChange'] = (filterData: UIFilter) =>\n        dispatch({\n            type: FiltersActionTypes.CHANGE_FILTER_CONFIG,\n            payload: filterData,\n        });\n\n    const _onResetFilter: ComponentProps<typeof KitButton>['onClick'] = () =>\n        dispatch({\n            type: FiltersActionTypes.RESET_FILTER,\n            payload: {\n                id: filter.id,\n            },\n        });\n\n    const _onDeleteFilter: ComponentProps<typeof KitButton>['onClick'] = () =>\n        dispatch({\n            type: FiltersActionTypes.REMOVE_FILTER,\n            payload: {\n                id: filter.id,\n            },\n        });\n\n    return (\n        <FilterDropDownStyledDiv>\n            <FilterDropdownContent\n                filter={filter}\n                onFilterChange={onFilterChange}\n                selectDropDownRef={selectDropDownRef}\n            />\n            <div ref={selectDropDownRef} />\n            <KitDivider noMargin />\n            <KitButton type=\"action\" icon={<FaClock />} onClick={_onResetFilter}>\n                {t('explorer.reset-filter')}\n            </KitButton>\n            {canRemove && (\n                <KitButton type=\"action\" icon={<FaTrash />} onClick={_onDeleteFilter}>\n                    {t('global.delete')}\n                </KitButton>\n            )}\n        </FilterDropDownStyledDiv>\n    );\n};\n"]}
+{"version":3,"file":"FilterDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/FilterDropDown.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAA8C,MAAM,EAAC,MAAM,OAAO,CAAC;AAC1E,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,YAAY,CAAC;AACjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,iBAAiB,EAAE,OAAO,EAAC,MAAM,mCAAmC,CAAC;AAE7E,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIzC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAA8C,CAAC,EAAC,MAAM,EAAE,SAAS,EAAC,EAAE,EAAE;IAC7F,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,QAAQ,EAAC,GAAG,iBAAiB,EAAE,CAAC;IACvC,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAmE,CAAC,UAAoB,EAAE,EAAE,CAC5G,QAAQ,CAAC;QACL,IAAI,EAAE,kBAAkB,CAAC,oBAAoB;QAC7C,OAAO,EAAE,UAAU;KACtB,CAAC,CAAC;IAEP,MAAM,cAAc,GAAgD,GAAG,EAAE,CACrE,QAAQ,CAAC;QACL,IAAI,EAAE,kBAAkB,CAAC,YAAY;QACrC,OAAO,EAAE;YACL,EAAE,EAAE,MAAM,CAAC,EAAE;SAChB;KACJ,CAAC,CAAC;IAEP,MAAM,eAAe,GAAgD,GAAG,EAAE,CACtE,QAAQ,CAAC;QACL,IAAI,EAAE,kBAAkB,CAAC,aAAa;QACtC,OAAO,EAAE;YACL,EAAE,EAAE,MAAM,CAAC,EAAE;SAChB;KACJ,CAAC,CAAC;IAEP,OAAO,CACH,MAAC,uBAAuB,eACpB,KAAC,qBAAqB,IAClB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,GACtC,EACF,cAAK,GAAG,EAAE,iBAAiB,GAAI,EAC/B,KAAC,UAAU,IAAC,QAAQ,SAAG,EACvB,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,iBAAiB,GAAI,EAAE,OAAO,EAAE,cAAc,YAC/F,CAAC,CAAC,cAAc,CAAC,GACV,EACX,SAAS,IAAI,CACV,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAC9F,CAAC,CAAC,eAAe,CAAC,GACX,CACf,IACqB,CAC7B,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ComponentProps, type FunctionComponent, useRef} from 'react';\nimport styled from 'styled-components';\nimport {KitDivider, KitButton} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {FilterDropdownContent} from './FilterDropdownContent';\nimport {useFiltersContext} from '../../useFiltersContext';\nimport {FiltersActionTypes} from '../../context/filtersReducer';\nimport {type IUIFilterDropDownProps, type UIFilter} from '../../_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faClockRotateLeft, faTrash} from '@fortawesome/free-solid-svg-icons';\n\nconst FilterDropDownStyledDiv = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--general-spacing-xxs) * 1px);\n`;\n\nexport const FilterDropDown: FunctionComponent<IUIFilterDropDownProps> = ({filter, canRemove}) => {\n    const {t} = useSharedTranslation();\n    const {dispatch} = useFiltersContext();\n    const selectDropDownRef = useRef<HTMLDivElement>(null);\n\n    const onFilterChange: ComponentProps<typeof FilterDropdownContent>['onFilterChange'] = (filterData: UIFilter) =>\n        dispatch({\n            type: FiltersActionTypes.CHANGE_FILTER_CONFIG,\n            payload: filterData,\n        });\n\n    const _onResetFilter: ComponentProps<typeof KitButton>['onClick'] = () =>\n        dispatch({\n            type: FiltersActionTypes.RESET_FILTER,\n            payload: {\n                id: filter.id,\n            },\n        });\n\n    const _onDeleteFilter: ComponentProps<typeof KitButton>['onClick'] = () =>\n        dispatch({\n            type: FiltersActionTypes.REMOVE_FILTER,\n            payload: {\n                id: filter.id,\n            },\n        });\n\n    return (\n        <FilterDropDownStyledDiv>\n            <FilterDropdownContent\n                filter={filter}\n                onFilterChange={onFilterChange}\n                selectDropDownRef={selectDropDownRef}\n            />\n            <div ref={selectDropDownRef} />\n            <KitDivider noMargin />\n            <KitButton type=\"action\" icon={<FontAwesomeIcon icon={faClockRotateLeft} />} onClick={_onResetFilter}>\n                {t('global.reset')}\n            </KitButton>\n            {canRemove && (\n                <KitButton type=\"action\" icon={<FontAwesomeIcon icon={faTrash} />} onClick={_onDeleteFilter} danger>\n                    {t('global.delete')}\n                </KitButton>\n            )}\n        </FilterDropDownStyledDiv>\n    );\n};\n"]}

package/dist/components/Filters/filter-items/filter-type/FilterDropdownContent.js

@@ -17,7 +17,7 @@ import { FilterValueListDropDown } from './FilterValueListDropDown';
 import { isUIFilterLink, isUIFilterStandard, isUIFilterThrough, isUIFilterTree, isUIFilterValueList, } from '../../_types';
 export const FilterDropdownContent = ({ filter, onFilterChange, selectDropDownRef, removeThroughCondition = false }) => {
     if (isUIFilterValueList(filter)) {
-        return (_jsx(FilterValueListDropDown, { filter: filter, onFilterChange: onFilterChange, selectDropDownRef: selectDropDownRef }));
+        return _jsx(FilterValueListDropDown, { filter: filter, onFilterChange: onFilterChange });
     }
     if (isUIFilterStandard(filter)) {
         const commonDropDownProps = {

package/dist/components/Filters/filter-items/filter-type/FilterDropdownContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDropdownContent.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/FilterDropdownContent.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 {AttributeFormat} from '_ui/_gqlTypes';\nimport {type FunctionComponent, type RefObject} from 'react';\nimport {BooleanAttributeDropDown} from './BooleanAttributeDropdown';\nimport {ColorAttributeDropDown} from './ColorAttributeDropDown';\nimport {DateAttributeDropDown} from './DateAttributeDropDown';\nimport {DateRangeAttributeDropDown} from './DateRangeAttributeDropDown';\nimport {EncryptedAttributeDropDown} from './EncryptedAttributeDropDown';\nimport {ExtendedAttributeDropDown} from './ExtendedAttributeDropDown';\nimport {LinkAttributeDropDown} from './LinkAttributeDropdown';\nimport {NumericAttributeDropDown} from './NumericAttributeDropDown';\nimport {TextAttributeDropDown} from './TextAttributeDropDown';\nimport {TreeAttributeDropDown} from './TreeAttributeDropDown';\nimport {FilterValueListDropDown} from './FilterValueListDropDown';\nimport {\n    isUIFilterLink,\n    isUIFilterStandard,\n    isUIFilterThrough,\n    isUIFilterTree,\n    isUIFilterValueList,\n    type UIFilter,\n} from '../../_types';\n\nexport const FilterDropdownContent: FunctionComponent<{\n    filter: UIFilter;\n    onFilterChange: (filterData: UIFilter) => void;\n    selectDropDownRef?: RefObject<HTMLDivElement>;\n    removeThroughCondition?: boolean;\n}> = ({filter, onFilterChange, selectDropDownRef, removeThroughCondition = false}) => {\n    if (isUIFilterValueList(filter)) {\n        return (\n            <FilterValueListDropDown\n                filter={filter}\n                onFilterChange={onFilterChange}\n                selectDropDownRef={selectDropDownRef}\n            />\n        );\n    }\n\n    if (isUIFilterStandard(filter)) {\n        const commonDropDownProps = {\n            filter,\n            onFilterChange,\n            selectDropDownRef,\n        };\n        const standardFormatDropdown: Record<AttributeFormat, JSX.Element> = {\n            [AttributeFormat.text]: <TextAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.rich_text]: <TextAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.numeric]: <NumericAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.date]: <DateAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.boolean]: <BooleanAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.encrypted]: <EncryptedAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.extended]: <ExtendedAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.color]: <ColorAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.date_range]: <DateRangeAttributeDropDown {...commonDropDownProps} />,\n        };\n        return standardFormatDropdown[filter.attribute.format ?? AttributeFormat.text];\n    }\n\n    if (isUIFilterTree(filter)) {\n        return (\n            <TreeAttributeDropDown\n                filter={filter}\n                onFilterChange={onFilterChange}\n                selectDropDownRef={selectDropDownRef}\n            />\n        );\n    }\n\n    if (isUIFilterLink(filter) || isUIFilterThrough(filter)) {\n        return (\n            <LinkAttributeDropDown\n                filter={filter}\n                onFilterChange={onFilterChange}\n                removeThroughCondition={removeThroughCondition}\n                selectDropDownRef={selectDropDownRef}\n            />\n        );\n    }\n\n    return <></>;\n};\n"]}
+{"version":3,"file":"FilterDropdownContent.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/FilterDropdownContent.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 {AttributeFormat} from '_ui/_gqlTypes';\nimport {type FunctionComponent, type RefObject} from 'react';\nimport {BooleanAttributeDropDown} from './BooleanAttributeDropdown';\nimport {ColorAttributeDropDown} from './ColorAttributeDropDown';\nimport {DateAttributeDropDown} from './DateAttributeDropDown';\nimport {DateRangeAttributeDropDown} from './DateRangeAttributeDropDown';\nimport {EncryptedAttributeDropDown} from './EncryptedAttributeDropDown';\nimport {ExtendedAttributeDropDown} from './ExtendedAttributeDropDown';\nimport {LinkAttributeDropDown} from './LinkAttributeDropdown';\nimport {NumericAttributeDropDown} from './NumericAttributeDropDown';\nimport {TextAttributeDropDown} from './TextAttributeDropDown';\nimport {TreeAttributeDropDown} from './TreeAttributeDropDown';\nimport {FilterValueListDropDown} from './FilterValueListDropDown';\nimport {\n    isUIFilterLink,\n    isUIFilterStandard,\n    isUIFilterThrough,\n    isUIFilterTree,\n    isUIFilterValueList,\n    type UIFilter,\n} from '../../_types';\n\nexport const FilterDropdownContent: FunctionComponent<{\n    filter: UIFilter;\n    onFilterChange: (filterData: UIFilter) => void;\n    selectDropDownRef?: RefObject<HTMLDivElement>;\n    removeThroughCondition?: boolean;\n}> = ({filter, onFilterChange, selectDropDownRef, removeThroughCondition = false}) => {\n    if (isUIFilterValueList(filter)) {\n        return <FilterValueListDropDown filter={filter} onFilterChange={onFilterChange} />;\n    }\n\n    if (isUIFilterStandard(filter)) {\n        const commonDropDownProps = {\n            filter,\n            onFilterChange,\n            selectDropDownRef,\n        };\n        const standardFormatDropdown: Record<AttributeFormat, JSX.Element> = {\n            [AttributeFormat.text]: <TextAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.rich_text]: <TextAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.numeric]: <NumericAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.date]: <DateAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.boolean]: <BooleanAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.encrypted]: <EncryptedAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.extended]: <ExtendedAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.color]: <ColorAttributeDropDown {...commonDropDownProps} />,\n            [AttributeFormat.date_range]: <DateRangeAttributeDropDown {...commonDropDownProps} />,\n        };\n        return standardFormatDropdown[filter.attribute.format ?? AttributeFormat.text];\n    }\n\n    if (isUIFilterTree(filter)) {\n        return (\n            <TreeAttributeDropDown\n                filter={filter}\n                onFilterChange={onFilterChange}\n                selectDropDownRef={selectDropDownRef}\n            />\n        );\n    }\n\n    if (isUIFilterLink(filter) || isUIFilterThrough(filter)) {\n        return (\n            <LinkAttributeDropDown\n                filter={filter}\n                onFilterChange={onFilterChange}\n                removeThroughCondition={removeThroughCondition}\n                selectDropDownRef={selectDropDownRef}\n            />\n        );\n    }\n\n    return <></>;\n};\n"]}

package/dist/components/Filters/filter-items/filter-type/FilterValueListDropDown.d.ts

@@ -3,7 +3,6 @@ import { type IUIFilterValueList, type UIFilter } from '../../_types';
 interface IFilterValueListDropDownProps {
     filter: IUIFilterValueList;
     onFilterChange: (filter: UIFilter) => void;
-    selectDropDownRef?: React.RefObject<HTMLDivElement>;
 }
 export declare const FilterValueListDropDown: FunctionComponent<IFilterValueListDropDownProps>;
 export {};

package/dist/components/Filters/filter-items/filter-type/FilterValueListDropDown.js

@@ -3,12 +3,14 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // 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 { FaCheck } from 'react-icons/fa';
 import { useMemo, useState } from 'react';
-import { KitInput, KitSelect } from 'aristid-ds';
+import { KitInput } from 'aristid-ds';
 import styled from 'styled-components';
 import { RecordFilterCondition } from '../../../../_gqlTypes';
 import { isUIFilterLinkWithValueList, isUIFilterStandardWithValueList, } from '../../_types';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faCheck } from '@fortawesome/free-solid-svg-icons';
+import { EmptyValueCheckbox } from '../EmptyValueCheckbox';
 const ListDivStyled = styled.div `
     display: flex;
     flex-direction: column;
@@ -29,7 +31,7 @@ const OptionRow = styled.div `
         background: var(--general-utilities-main-light);
     }
 `;
-const RightIcon = styled(FaCheck) `
+const RightIcon = styled(FontAwesomeIcon) `
     color: var(--general-utilities-main-default);
     opacity: ${props => (props.$visible ? 1 : 0)};
     transition: opacity 0.12s ease-in-out;
@@ -41,20 +43,10 @@ const Label = styled.div `
     white-space: nowrap;
     text-overflow: ellipsis;
 `;
-export const FilterValueListDropDown = ({ filter, onFilterChange, selectDropDownRef, }) => {
+export const FilterValueListDropDown = ({ filter, onFilterChange }) => {
     const { t } = useSharedTranslation();
     const [searchText, setSearchText] = useState('');
     const getOptionLabelText = (label) => (typeof label === 'string' ? label : '');
-    const availableConditionsOptions = [
-        { label: t('filters.equal'), value: RecordFilterCondition.EQUAL },
-        // disable NOT_EQUAL for now because of backend condition filter issue
-        // {label: t('filters.not-equal'), value: RecordFilterCondition.NOT_EQUAL}
-        { label: t('filters.is-empty'), value: RecordFilterCondition.IS_EMPTY },
-        { label: t('filters.is-not-empty'), value: RecordFilterCondition.IS_NOT_EMPTY },
-    ];
-    const _onConditionChanged = condition => {
-        onFilterChange({ ...filter, condition });
-    };
     // Generate an option list for the filter dropdown to select a value
     const _createOptionListFromValueList = () => {
         let valueListFormatted = [];
@@ -74,6 +66,12 @@ export const FilterValueListDropDown = ({ filter, onFilterChange, selectDropDown
         }
         return [...valueListFormatted];
     };
+    const _handleOnCheckEmptyValue = (selected) => {
+        onFilterChange({
+            ...filter,
+            withEmptyValues: selected,
+        });
+    };
     const _handleToggle = (toggledValue) => {
         // remove or add the toggledValue from the filter.value
         const currentList = filter.value || [];
@@ -94,13 +92,9 @@ export const FilterValueListDropDown = ({ filter, onFilterChange, selectDropDown
             });
             return;
         }
-        // Keep EQUAL/NOT_EQUAL condition per item; default to EQUAL if none chosen yet
-        const condition = filter.condition === RecordFilterCondition.NOT_EQUAL
-            ? RecordFilterCondition.NOT_EQUAL
-            : RecordFilterCondition.EQUAL;
         onFilterChange({
             ...filter,
-            condition,
+            condition: RecordFilterCondition.EQUAL,
             value: valuesSelected,
         });
     };
@@ -123,9 +117,9 @@ export const FilterValueListDropDown = ({ filter, onFilterChange, selectDropDown
             _handleToggle(value);
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsx(KitSelect, { options: availableConditionsOptions, onChange: _onConditionChanged, allowClear: false, value: filter.condition ?? RecordFilterCondition.EQUAL, "aria-label": String(t('explorer.filter-condition')), getPopupContainer: () => selectDropDownRef?.current ?? document.body }), filter.condition === RecordFilterCondition.EQUAL && (_jsxs(_Fragment, { children: [_jsx(KitInput, { value: searchText, onChange: e => setSearchText(e.target.value), placeholder: t('global.search') + '...', allowClear: true }), _jsx(ListDivStyled, { role: "group", "aria-label": String(t('explorer.filter-value')), children: filteredOptions.map(opt => {
-                            const selected = isChecked(opt.value);
-                            return (_jsxs(OptionRow, { "$selected": selected, role: "button", "aria-pressed": selected, tabIndex: 0, onClick: () => _handleToggle(opt.value), onKeyDown: e => onKeyToggle(e, opt.value), children: [_jsx(Label, { children: opt.label }), _jsx(RightIcon, { "$visible": selected })] }, opt.value));
-                        }) })] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(KitInput, { value: searchText, onChange: e => setSearchText(e.target.value), placeholder: t('global.search') + '...', allowClear: true }), _jsx(EmptyValueCheckbox, { onSelect: _handleOnCheckEmptyValue, filter: filter }), filter.condition === RecordFilterCondition.EQUAL && (_jsx(ListDivStyled, { role: "group", "aria-label": String(t('explorer.filter-value')), children: filteredOptions.map(opt => {
+                    const selected = isChecked(opt.value);
+                    return (_jsxs(OptionRow, { "$selected": selected, role: "button", "aria-pressed": selected, tabIndex: 0, onClick: () => _handleToggle(opt.value), onKeyDown: e => onKeyToggle(e, opt.value), children: [_jsx(Label, { children: opt.label }), _jsx(RightIcon, { "$visible": selected, icon: faCheck })] }, opt.value));
+                }) }))] }));
 };
 //# sourceMappingURL=FilterValueListDropDown.js.map

package/dist/components/Filters/filter-items/filter-type/FilterValueListDropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterValueListDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/FilterValueListDropDown.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 {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {FaCheck} from 'react-icons/fa';\nimport {type ComponentProps, type FunctionComponent, type KeyboardEvent, useMemo, useState} from 'react';\nimport {KitInput, KitSelect} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {RecordFilterCondition} from '_ui/_gqlTypes';\nimport {\n    isUIFilterLinkWithValueList,\n    isUIFilterStandardWithValueList,\n    type IUIFilterValueList,\n    type UIFilter,\n} from '../../_types';\n\ninterface IFilterValueListDropDownProps {\n    filter: IUIFilterValueList;\n    onFilterChange: (filter: UIFilter) => void;\n    selectDropDownRef?: React.RefObject<HTMLDivElement>;\n}\n\nconst ListDivStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--general-spacing-xxs) * 1px);\n`;\n\nconst OptionRow = styled.div<{$selected: boolean}>`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 calc(var(--general-spacing-xs) * 1px);\n    height: 36px;\n    border-radius: calc(var(--general-spacing-xs) * 1px);\n    cursor: pointer;\n    background: ${props => (props.$selected ? 'var(--general-utilities-main-light)' : 'transparent')};\n    color: var(--general-utilities-text-primary);\n\n    &:hover {\n        background: var(--general-utilities-main-light);\n    }\n`;\n\nconst RightIcon = styled(FaCheck)<{$visible: boolean}>`\n    color: var(--general-utilities-main-default);\n    opacity: ${props => (props.$visible ? 1 : 0)};\n    transition: opacity 0.12s ease-in-out;\n`;\n\nconst Label = styled.div`\n    flex: 1;\n    min-width: 0; /* allow flex child to shrink for ellipsis */\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n`;\n\nexport const FilterValueListDropDown: FunctionComponent<IFilterValueListDropDownProps> = ({\n    filter,\n    onFilterChange,\n    selectDropDownRef,\n}) => {\n    const {t} = useSharedTranslation();\n    const [searchText, setSearchText] = useState('');\n\n    const getOptionLabelText = (label: any): string => (typeof label === 'string' ? label : '');\n\n    const availableConditionsOptions = [\n        {label: t('filters.equal'), value: RecordFilterCondition.EQUAL},\n        // disable NOT_EQUAL for now because of backend condition filter issue\n        // {label: t('filters.not-equal'), value: RecordFilterCondition.NOT_EQUAL}\n        {label: t('filters.is-empty'), value: RecordFilterCondition.IS_EMPTY},\n        {label: t('filters.is-not-empty'), value: RecordFilterCondition.IS_NOT_EMPTY},\n    ];\n\n    const _onConditionChanged: ComponentProps<typeof KitSelect>['onChange'] = condition => {\n        onFilterChange({...filter, condition});\n    };\n\n    // Generate an option list for the filter dropdown to select a value\n    const _createOptionListFromValueList = () => {\n        let valueListFormatted: Array<{label: string; value: string}> = [];\n        if (isUIFilterStandardWithValueList(filter)) {\n            valueListFormatted =\n                filter.attribute.valuesList?.values?.map(value => ({\n                    label: value,\n                    value,\n                })) || [];\n        } else if (isUIFilterLinkWithValueList(filter)) {\n            valueListFormatted =\n                filter.attribute.valuesList?.linkedValues?.map(value => ({\n                    label: value.whoAmI.label!,\n                    value: value.id,\n                })) || [];\n        }\n\n        return [...valueListFormatted];\n    };\n\n    const _handleToggle = (toggledValue: string) => {\n        // remove or add the toggledValue from the filter.value\n        const currentList = filter.value || [];\n        const current = new Set(currentList);\n        if (current.has(toggledValue)) {\n            current.delete(toggledValue);\n        } else {\n            current.add(toggledValue);\n        }\n        const valuesSelected = Array.from(current);\n\n        if (valuesSelected.length === 0) {\n            // Clear filter when nothing selected\n            onFilterChange({\n                ...filter,\n                value: [],\n                field: (filter as any).field,\n            });\n            return;\n        }\n\n        // Keep EQUAL/NOT_EQUAL condition per item; default to EQUAL if none chosen yet\n        const condition: RecordFilterCondition =\n            filter.condition === RecordFilterCondition.NOT_EQUAL\n                ? RecordFilterCondition.NOT_EQUAL\n                : RecordFilterCondition.EQUAL;\n\n        onFilterChange({\n            ...filter,\n            condition,\n            value: valuesSelected,\n        });\n    };\n\n    const options = _createOptionListFromValueList();\n\n    const isChecked = (optionValue: string) => {\n        const set = new Set(filter.value ?? []);\n        return set.has(optionValue);\n    };\n\n    const filteredOptions = useMemo(() => {\n        if (!searchText) {\n            return options;\n        }\n        const st = searchText.toLowerCase();\n        const specials = new Set(['']);\n        return options.filter(o => specials.has(o.value) || getOptionLabelText(o.label).toLowerCase().includes(st));\n    }, [options, searchText]);\n\n    const onKeyToggle = (e: KeyboardEvent<HTMLDivElement>, value: string) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            _handleToggle(value);\n        }\n    };\n\n    return (\n        <>\n            <KitSelect\n                options={availableConditionsOptions}\n                onChange={_onConditionChanged}\n                allowClear={false}\n                value={filter.condition ?? RecordFilterCondition.EQUAL}\n                aria-label={String(t('explorer.filter-condition'))}\n                getPopupContainer={() => selectDropDownRef?.current ?? document.body}\n            />\n            {filter.condition === RecordFilterCondition.EQUAL && (\n                <>\n                    <KitInput\n                        value={searchText}\n                        onChange={e => setSearchText(e.target.value)}\n                        placeholder={t('global.search') + '...'}\n                        allowClear\n                    />\n                    <ListDivStyled role=\"group\" aria-label={String(t('explorer.filter-value'))}>\n                        {filteredOptions.map(opt => {\n                            const selected = isChecked(opt.value);\n                            return (\n                                <OptionRow\n                                    key={opt.value}\n                                    $selected={selected}\n                                    role=\"button\"\n                                    aria-pressed={selected}\n                                    tabIndex={0}\n                                    onClick={() => _handleToggle(opt.value)}\n                                    onKeyDown={e => onKeyToggle(e, opt.value)}\n                                >\n                                    <Label>{opt.label}</Label>\n                                    <RightIcon $visible={selected} />\n                                </OptionRow>\n                            );\n                        })}\n                    </ListDivStyled>\n                </>\n            )}\n        </>\n    );\n};\n"]}
+{"version":3,"file":"FilterValueListDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/FilterValueListDropDown.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 {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type FunctionComponent, type KeyboardEvent, useMemo, useState} from 'react';\nimport {KitInput} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {RecordFilterCondition} from '_ui/_gqlTypes';\nimport {\n    isUIFilterLinkWithValueList,\n    isUIFilterStandardWithValueList,\n    type IUIFilterValueList,\n    type UIFilter,\n} from '../../_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faCheck} from '@fortawesome/free-solid-svg-icons';\nimport {EmptyValueCheckbox} from '../EmptyValueCheckbox';\n\ninterface IFilterValueListDropDownProps {\n    filter: IUIFilterValueList;\n    onFilterChange: (filter: UIFilter) => void;\n}\n\nconst ListDivStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--general-spacing-xxs) * 1px);\n`;\n\nconst OptionRow = styled.div<{$selected: boolean}>`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 calc(var(--general-spacing-xs) * 1px);\n    height: 36px;\n    border-radius: calc(var(--general-spacing-xs) * 1px);\n    cursor: pointer;\n    background: ${props => (props.$selected ? 'var(--general-utilities-main-light)' : 'transparent')};\n    color: var(--general-utilities-text-primary);\n\n    &:hover {\n        background: var(--general-utilities-main-light);\n    }\n`;\n\nconst RightIcon = styled(FontAwesomeIcon)<{$visible: boolean}>`\n    color: var(--general-utilities-main-default);\n    opacity: ${props => (props.$visible ? 1 : 0)};\n    transition: opacity 0.12s ease-in-out;\n`;\n\nconst Label = styled.div`\n    flex: 1;\n    min-width: 0; /* allow flex child to shrink for ellipsis */\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n`;\n\nexport const FilterValueListDropDown: FunctionComponent<IFilterValueListDropDownProps> = ({filter, onFilterChange}) => {\n    const {t} = useSharedTranslation();\n    const [searchText, setSearchText] = useState('');\n\n    const getOptionLabelText = (label: any): string => (typeof label === 'string' ? label : '');\n\n    // Generate an option list for the filter dropdown to select a value\n    const _createOptionListFromValueList = () => {\n        let valueListFormatted: Array<{label: string; value: string}> = [];\n        if (isUIFilterStandardWithValueList(filter)) {\n            valueListFormatted =\n                filter.attribute.valuesList?.values?.map(value => ({\n                    label: value,\n                    value,\n                })) || [];\n        } else if (isUIFilterLinkWithValueList(filter)) {\n            valueListFormatted =\n                filter.attribute.valuesList?.linkedValues?.map(value => ({\n                    label: value.whoAmI.label!,\n                    value: value.id,\n                })) || [];\n        }\n\n        return [...valueListFormatted];\n    };\n\n    const _handleOnCheckEmptyValue = (selected: boolean) => {\n        onFilterChange({\n            ...filter,\n            withEmptyValues: selected,\n        });\n    };\n\n    const _handleToggle = (toggledValue: string) => {\n        // remove or add the toggledValue from the filter.value\n        const currentList = filter.value || [];\n        const current = new Set(currentList);\n        if (current.has(toggledValue)) {\n            current.delete(toggledValue);\n        } else {\n            current.add(toggledValue);\n        }\n        const valuesSelected = Array.from(current);\n\n        if (valuesSelected.length === 0) {\n            // Clear filter when nothing selected\n            onFilterChange({\n                ...filter,\n                value: [],\n                field: (filter as any).field,\n            });\n            return;\n        }\n\n        onFilterChange({\n            ...filter,\n            condition: RecordFilterCondition.EQUAL,\n            value: valuesSelected,\n        });\n    };\n\n    const options = _createOptionListFromValueList();\n\n    const isChecked = (optionValue: string) => {\n        const set = new Set(filter.value ?? []);\n        return set.has(optionValue);\n    };\n\n    const filteredOptions = useMemo(() => {\n        if (!searchText) {\n            return options;\n        }\n        const st = searchText.toLowerCase();\n        const specials = new Set(['']);\n        return options.filter(o => specials.has(o.value) || getOptionLabelText(o.label).toLowerCase().includes(st));\n    }, [options, searchText]);\n\n    const onKeyToggle = (e: KeyboardEvent<HTMLDivElement>, value: string) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            _handleToggle(value);\n        }\n    };\n\n    return (\n        <>\n            <KitInput\n                value={searchText}\n                onChange={e => setSearchText(e.target.value)}\n                placeholder={t('global.search') + '...'}\n                allowClear\n            />\n            <EmptyValueCheckbox onSelect={_handleOnCheckEmptyValue} filter={filter} />\n            {filter.condition === RecordFilterCondition.EQUAL && (\n                <ListDivStyled role=\"group\" aria-label={String(t('explorer.filter-value'))}>\n                    {filteredOptions.map(opt => {\n                        const selected = isChecked(opt.value);\n                        return (\n                            <OptionRow\n                                key={opt.value}\n                                $selected={selected}\n                                role=\"button\"\n                                aria-pressed={selected}\n                                tabIndex={0}\n                                onClick={() => _handleToggle(opt.value)}\n                                onKeyDown={e => onKeyToggle(e, opt.value)}\n                            >\n                                <Label>{opt.label}</Label>\n                                <RightIcon $visible={selected} icon={faCheck} />\n                            </OptionRow>\n                        );\n                    })}\n                </ListDivStyled>\n            )}\n        </>\n    );\n};\n"]}

package/dist/components/Filters/filter-items/filter-type/TreeAttributeDropDown.js

@@ -1,19 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { KitSelect } from 'aristid-ds';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { AttributeConditionFilter } from '../../../../types';
 import { RecordFilterCondition } from '../../../../_gqlTypes';
 import { SelectTreeNode } from '../../../../components/SelectTreeNode';
 import styled from 'styled-components';
-import { useConditionsOptionsByType } from './useConditionOptionsByType';
+import { EmptyValueCheckbox } from '../EmptyValueCheckbox';
 const DivStyled = styled.div `
     max-height: 30rem;
     overflow: auto;
 `;
-export const TreeAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef, }) => {
-    const { t } = useSharedTranslation();
+export const TreeAttributeDropDown = ({ filter, onFilterChange, }) => {
     const selectedNodesIds = (filter.nodes ?? []).map(node => node.nodeId);
-    const { conditionOptionsByType: availableConditionsOptions } = useConditionsOptionsByType(filter);
+    const _handleOnCheckEmptyValue = (selected) => {
+        onFilterChange({
+            ...filter,
+            withEmptyValues: selected,
+        });
+    };
     const _handleOnSelect = (node, selected) => {
         let newSelectedIds;
         if (selected) {
@@ -27,7 +28,6 @@ export const TreeAttributeDropDown = ({ filter, onFilterChange, selectDropDownRe
             nodes: newSelectedIds.map(id => ({ nodeId: id, libraryId: node.record.whoAmI.library.id })),
         });
     };
-    const _onConditionChanged = condition => onFilterChange({ ...filter, condition });
     const _getRecursiveChildrenRecord = (nodes) => {
         const records = [];
         const collectRecordIdsRecursively = (nodeList) => {
@@ -62,12 +62,10 @@ export const TreeAttributeDropDown = ({ filter, onFilterChange, selectDropDownRe
             })),
             value: records.map(record => record.id),
             formattedValue: records.map(record => record.whoAmI.label).filter(Boolean),
-            condition: filter.condition ?? RecordFilterCondition.EQUAL,
+            condition: RecordFilterCondition.EQUAL,
             field: fields,
         });
     };
-    const showSearch = filter.condition &&
-        ![AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY].includes(filter.condition);
-    return (_jsxs(DivStyled, { children: [_jsx(KitSelect, { options: availableConditionsOptions, onChange: _onConditionChanged, value: filter.condition, getPopupContainer: () => selectDropDownRef?.current ?? document.body, "aria-label": String(t('explorer.filter-link-condition')) }), showSearch && (_jsx(SelectTreeNode, { treeId: filter.attribute.linkedTree?.id ?? '', selectedNodes: selectedNodesIds, onSelect: _handleOnSelect, onCheck: _handleOnCheck, multiple: true, canSelectRoot: true, checkStrictly: false, checkable: true, loadRecursively: true, noPagination: true }))] }));
+    return (_jsxs(DivStyled, { children: [_jsx(EmptyValueCheckbox, { onSelect: _handleOnCheckEmptyValue, filter: filter }), _jsx(SelectTreeNode, { treeId: filter.attribute.linkedTree?.id ?? '', selectedNodes: selectedNodesIds, onSelect: _handleOnSelect, onCheck: _handleOnCheck, multiple: true, canSelectRoot: true, checkStrictly: false, checkable: true, loadRecursively: true, noPagination: true })] }));
 };
 //# sourceMappingURL=TreeAttributeDropDown.js.map

package/dist/components/Filters/filter-items/filter-type/TreeAttributeDropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeAttributeDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/TreeAttributeDropDown.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ComponentProps, type FunctionComponent, useEffect, useState} from 'react';\nimport {KitSelect} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {AttributeConditionFilter, type IRecordIdentity, type ITreeNodeWithRecord} from '_ui/types';\nimport {RecordFilterCondition} from '_ui/_gqlTypes';\nimport {type IFilterChildrenTreeDropDownProps} from './_types';\nimport {SelectTreeNode} from '_ui/components/SelectTreeNode';\nimport styled from 'styled-components';\nimport {useConditionsOptionsByType} from './useConditionOptionsByType';\n\nconst DivStyled = styled.div`\n    max-height: 30rem;\n    overflow: auto;\n`;\n\nexport const TreeAttributeDropDown: FunctionComponent<IFilterChildrenTreeDropDownProps> = ({\n    filter,\n    onFilterChange,\n    selectDropDownRef,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const selectedNodesIds = (filter.nodes ?? []).map(node => node.nodeId);\n\n    const {conditionOptionsByType: availableConditionsOptions} = useConditionsOptionsByType(filter);\n\n    const _handleOnSelect = (node: ITreeNodeWithRecord, selected: boolean) => {\n        let newSelectedIds: string[];\n        if (selected) {\n            newSelectedIds = [...selectedNodesIds, node.id];\n        } else {\n            newSelectedIds = selectedNodesIds.filter(selectedValue => selectedValue !== node.id);\n        }\n        onFilterChange({\n            ...filter,\n            nodes: newSelectedIds.map(id => ({nodeId: id, libraryId: node.record.whoAmI.library.id})),\n        });\n    };\n\n    const _onConditionChanged: ComponentProps<typeof KitSelect>['onChange'] = condition =>\n        onFilterChange({...filter, condition});\n\n    const _getRecursiveChildrenRecord = (nodes: ITreeNodeWithRecord[]): IRecordIdentity[] => {\n        const records: IRecordIdentity[] = [];\n        const collectRecordIdsRecursively = (nodeList: ITreeNodeWithRecord[]) => {\n            for (const node of nodeList) {\n                if (node.id === filter.attribute.linkedTree?.id) {\n                    continue;\n                }\n                if (node.record) {\n                    records.push(node.record);\n                }\n                if (node.children && node.children.length > 0) {\n                    collectRecordIdsRecursively(node.children);\n                }\n            }\n        };\n        collectRecordIdsRecursively(nodes);\n        // Delete duplicates\n        return Array.from(new Set(records));\n    };\n    const _getRecursiveFieldsFromLibraries = (nodes: ITreeNodeWithRecord[]): string[] =>\n        nodes\n            .filter(node => !!node.record?.whoAmI?.library?.id)\n            .map(node => `${filter.attribute.id}.${node.record?.whoAmI?.library?.id}.id`);\n\n    const _handleOnCheck = (selection: ITreeNodeWithRecord[]) => {\n        const newSelectedNodes = selection.filter(node => !node?.disabled);\n\n        const records = _getRecursiveChildrenRecord(selection);\n        const fields = _getRecursiveFieldsFromLibraries(selection);\n\n        onFilterChange({\n            ...filter,\n            nodes: newSelectedNodes.map(node => ({\n                nodeId: node.id,\n                libraryId: node.record?.whoAmI.library.id ?? records[0]?.whoAmI.library.id ?? '',\n            })),\n            value: records.map(record => record.id),\n            formattedValue: records.map(record => record.whoAmI.label).filter(Boolean),\n            condition: filter.condition ?? RecordFilterCondition.EQUAL,\n            field: fields,\n        });\n    };\n\n    const showSearch =\n        filter.condition &&\n        ![AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY].includes(filter.condition);\n\n    return (\n        <DivStyled>\n            <KitSelect\n                options={availableConditionsOptions}\n                onChange={_onConditionChanged}\n                value={filter.condition}\n                getPopupContainer={() => selectDropDownRef?.current ?? document.body}\n                aria-label={String(t('explorer.filter-link-condition'))}\n            />\n            {showSearch && (\n                <SelectTreeNode\n                    treeId={filter.attribute.linkedTree?.id ?? ''}\n                    selectedNodes={selectedNodesIds}\n                    onSelect={_handleOnSelect}\n                    onCheck={_handleOnCheck}\n                    multiple\n                    canSelectRoot={true}\n                    checkStrictly={false}\n                    checkable\n                    loadRecursively={true}\n                    noPagination={true}\n                />\n            )}\n        </DivStyled>\n    );\n};\n"]}
+{"version":3,"file":"TreeAttributeDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/TreeAttributeDropDown.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 FunctionComponent} from 'react';\nimport {type IRecordIdentity, type ITreeNodeWithRecord} from '_ui/types';\nimport {RecordFilterCondition} from '_ui/_gqlTypes';\nimport {type IFilterChildrenTreeDropDownProps} from './_types';\nimport {SelectTreeNode} from '_ui/components/SelectTreeNode';\nimport styled from 'styled-components';\nimport {EmptyValueCheckbox} from '../EmptyValueCheckbox';\n\nconst DivStyled = styled.div`\n    max-height: 30rem;\n    overflow: auto;\n`;\n\nexport const TreeAttributeDropDown: FunctionComponent<IFilterChildrenTreeDropDownProps> = ({\n    filter,\n    onFilterChange,\n}) => {\n    const selectedNodesIds = (filter.nodes ?? []).map(node => node.nodeId);\n\n    const _handleOnCheckEmptyValue = (selected: boolean) => {\n        onFilterChange({\n            ...filter,\n            withEmptyValues: selected,\n        });\n    };\n\n    const _handleOnSelect = (node: ITreeNodeWithRecord, selected: boolean) => {\n        let newSelectedIds: string[];\n        if (selected) {\n            newSelectedIds = [...selectedNodesIds, node.id];\n        } else {\n            newSelectedIds = selectedNodesIds.filter(selectedValue => selectedValue !== node.id);\n        }\n        onFilterChange({\n            ...filter,\n            nodes: newSelectedIds.map(id => ({nodeId: id, libraryId: node.record.whoAmI.library.id})),\n        });\n    };\n\n    const _getRecursiveChildrenRecord = (nodes: ITreeNodeWithRecord[]): IRecordIdentity[] => {\n        const records: IRecordIdentity[] = [];\n        const collectRecordIdsRecursively = (nodeList: ITreeNodeWithRecord[]) => {\n            for (const node of nodeList) {\n                if (node.id === filter.attribute.linkedTree?.id) {\n                    continue;\n                }\n                if (node.record) {\n                    records.push(node.record);\n                }\n                if (node.children && node.children.length > 0) {\n                    collectRecordIdsRecursively(node.children);\n                }\n            }\n        };\n        collectRecordIdsRecursively(nodes);\n        // Delete duplicates\n        return Array.from(new Set(records));\n    };\n    const _getRecursiveFieldsFromLibraries = (nodes: ITreeNodeWithRecord[]): string[] =>\n        nodes\n            .filter(node => !!node.record?.whoAmI?.library?.id)\n            .map(node => `${filter.attribute.id}.${node.record?.whoAmI?.library?.id}.id`);\n\n    const _handleOnCheck = (selection: ITreeNodeWithRecord[]) => {\n        const newSelectedNodes = selection.filter(node => !node?.disabled);\n\n        const records = _getRecursiveChildrenRecord(selection);\n        const fields = _getRecursiveFieldsFromLibraries(selection);\n\n        onFilterChange({\n            ...filter,\n            nodes: newSelectedNodes.map(node => ({\n                nodeId: node.id,\n                libraryId: node.record?.whoAmI.library.id ?? records[0]?.whoAmI.library.id ?? '',\n            })),\n            value: records.map(record => record.id),\n            formattedValue: records.map(record => record.whoAmI.label).filter(Boolean),\n            condition: RecordFilterCondition.EQUAL,\n            field: fields,\n        });\n    };\n\n    return (\n        <DivStyled>\n            <EmptyValueCheckbox onSelect={_handleOnCheckEmptyValue} filter={filter} />\n            <SelectTreeNode\n                treeId={filter.attribute.linkedTree?.id ?? ''}\n                selectedNodes={selectedNodesIds}\n                onSelect={_handleOnSelect}\n                onCheck={_handleOnCheck}\n                multiple\n                canSelectRoot={true}\n                checkStrictly={false}\n                checkable\n                loadRecursively={true}\n                noPagination={true}\n            />\n        </DivStyled>\n    );\n};\n"]}

package/dist/components/Filters/filter-items/filter-type/useConditionOptionsByType.js

@@ -40,7 +40,7 @@ export const conditionsByFormat = {
     [AttributeFormat.date_range]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],
     [AttributeFormat.encrypted]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],
     [AttributeFormat.extended]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],
-    [AttributeFormat.color]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],
+    [AttributeFormat.color]: [],
     [AttributeFormat.numeric]: [
         AttributeConditionFilter.EQUAL,
         AttributeConditionFilter.NOT_EQUAL,
@@ -55,18 +55,8 @@ export const linkFilterConditions = [
     ...conditionsByFormat[AttributeFormat.text].filter(f => f !== AttributeConditionFilter.NOT_EQUAL),
     AttributeConditionFilter.THROUGH,
 ];
-export const treeFilterConditions = [
-    AttributeConditionFilter.EQUAL,
-    AttributeConditionFilter.IS_EMPTY,
-    AttributeConditionFilter.IS_NOT_EMPTY,
-    // disable NOT_EQUAL for now because of backend condition filter issue
-    // AttributeConditionFilter.NOT_EQUAL
-];
-export const valueListTextConditions = [
-    AttributeConditionFilter.EQUAL,
-    // disable NOT_EQUAL for now because of backend condition filter issue
-    // AttributeConditionFilter.NOT_EQUAL
-];
+export const treeFilterConditions = [AttributeConditionFilter.EQUAL];
+export const valueListTextConditions = [AttributeConditionFilter.EQUAL];
 export const getAttributeConditionOptions = (t) => [
     { label: t('filters.contains'), value: AttributeConditionFilter.CONTAINS },
     { label: t('filters.not-contains'), value: AttributeConditionFilter.NOT_CONTAINS },

package/dist/components/Filters/filter-items/filter-type/useConditionOptionsByType.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConditionOptionsByType.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/useConditionOptionsByType.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,eAAe,EAA6B,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAC,wBAAwB,EAA2D,MAAM,WAAW,CAAC;AAE7G,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EACH,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,mBAAmB,GAEtB,MAAM,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,kBAAkB,GAAqD;IAChF,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE;QACpB,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,KAAK;QAC9B,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,UAAU;QACnC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;KACxC;IACD,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE;QACzB,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;KACxC;IACD,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,EAAE;IAC7B,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE;QACpB,wBAAwB,CAAC,KAAK;QAC9B,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,KAAK;QAC9B,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,UAAU;QACnC,wBAAwB,CAAC,UAAU;QACnC,wBAAwB,CAAC,OAAO;KACnC;IACD,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,CAAC,wBAAwB,CAAC,QAAQ,EAAE,wBAAwB,CAAC,YAAY,CAAC;IACxG,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,wBAAwB,CAAC,QAAQ,EAAE,wBAAwB,CAAC,YAAY,CAAC;IACvG,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,wBAAwB,CAAC,QAAQ,EAAE,wBAAwB,CAAC,YAAY,CAAC;IACtG,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,QAAQ,EAAE,wBAAwB,CAAC,YAAY,CAAC;IACnG,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE;QACvB,wBAAwB,CAAC,KAAK;QAC9B,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,YAAY;KACxC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAA0D;IACvF,sEAAsE;IACtE,GAAG,kBAAkB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,wBAAwB,CAAC,SAAS,CAAC;IACjG,wBAAwB,CAAC,OAAO;CACnC,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAA4B;IACzD,wBAAwB,CAAC,KAAK;IAC9B,wBAAwB,CAAC,QAAQ;IACjC,wBAAwB,CAAC,YAAY;IACrC,sEAAsE;IACtE,qCAAqC;CACxC,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAA4B;IAC5D,wBAAwB,CAAC,KAAK;IAC9B,sEAAsE;IACtE,qCAAqC;CACxC,CAAC;AAQF,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,CAAY,EAA2D,EAAE,CAAC;IACnH,EAAC,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,QAAQ,EAAC;IACxE,EAAC,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,YAAY,EAAC;IAChF,EAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,KAAK,EAAC;IAClE,EAAC,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,SAAS,EAAC;IAC1E,EAAC,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,UAAU,EAAC;IAC5E,EAAC,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,QAAQ,EAAC;IACxE;QACI,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC;QAC7B,YAAY,EAAE,EAAC,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,EAAC;QACnE,KAAK,EAAE,wBAAwB,CAAC,SAAS;KAC5C;IACD;QACI,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC;QAChC,YAAY,EAAE,EAAC,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,EAAC;QAClE,KAAK,EAAE,wBAAwB,CAAC,YAAY;KAC/C;IACD,EAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,KAAK,EAAC;IAClE,EAAC,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,QAAQ,EAAC;IACxE,EAAC,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,SAAS,EAAC;IAC1E,EAAC,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,UAAU,EAAC;IAC5E,EAAC,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,UAAU,EAAC;IAC5E,EAAC,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,OAAO,EAAC;IACtE,EAAC,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,QAAQ,EAAC;IACxE,EAAC,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,WAAW,EAAC;IAC9E,EAAC,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,YAAY,EAAC;IAChF,EAAC,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,MAAM,EAAC;IACpE,EAAC,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,SAAS,EAAC;IAC1E,EAAC,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,UAAU,EAAC;IAC5E,EAAC,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,QAAQ,EAAC;IACxE,EAAC,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,YAAY,EAAC;IAChF,EAAC,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,kBAAkB,EAAC;IAC5F,EAAC,KAAK,EAAE,CAAC,CAAC,mCAAmC,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,yBAAyB,EAAC;IAC1G,EAAC,KAAK,EAAE,CAAC,CAAC,iCAAiC,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,uBAAuB,EAAC;IACtG,EAAC,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,OAAO,EAAC;CACzE,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,CACzC,MAAgB,EACqC,EAAE;IACvD,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9B,OAAO,uBAAuB,CAAC;IACnC,CAAC;IACD,IAAI,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7B,OAAO,kBAAkB,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAC7D,CAAC;IACD,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QACzB,OAAO,oBAAoB,IAAI,EAAE,CAAC;IACtC,CAAC;IACD,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QACzB,OAAO,oBAAoB,IAAI,EAAE,CAAC;IACtC,CAAC;IACD,IAAI,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5B,OAAO,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,EAAE,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,MAAgB,EAAE,EAAE;IAC3D,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,OAAO;QACH,sBAAsB,EAAE,4BAA4B,CAAC,CAAC,CAAC;aAClD,MAAM,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;YAChB,oEAAoE;YACpE,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC9B,OAAO,uBAAuB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACnD,CAAC;YACD,IAAI,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC7B,OAAO,kBAAkB,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACvE,CAAC;YACD,IAAI,cAAc,CAAC,MAAM,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;gBACtD,OAAO,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChD,CAAC;YACD,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;gBACzB,OAAO,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChD,CAAC;QACL,CAAC,CAAC;aACD,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACZ,GAAG,MAAM;YACT,KAAK,EACD,kBAAkB,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC;gBACxE,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC;gBAChD,CAAC,CAAC,MAAM,CAAC,KAAK;SACzB,CAAC,CAAC;KACV,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {AttributeFormat, type RecordFilterCondition} from '_ui/_gqlTypes';\nimport {AttributeConditionFilter, type AttributeConditionType, type ThroughConditionFilter} from '_ui/types';\nimport {type TFunction} from 'i18next';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {\n    isUIFilterLink,\n    isUIFilterStandard,\n    isUIFilterThrough,\n    isUIFilterTree,\n    isUIFilterValueList,\n    type UIFilter,\n} from '../../_types';\n\nexport const conditionsByFormat: Record<AttributeFormat, RecordFilterCondition[]> = {\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.rich_text]: [\n        AttributeConditionFilter.CONTAINS,\n        AttributeConditionFilter.NOT_CONTAINS,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n    ],\n    [AttributeFormat.boolean]: [],\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]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],\n    [AttributeFormat.encrypted]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],\n    [AttributeFormat.extended]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],\n    [AttributeFormat.color]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],\n    [AttributeFormat.numeric]: [\n        AttributeConditionFilter.EQUAL,\n        AttributeConditionFilter.NOT_EQUAL,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n        AttributeConditionFilter.LESS_THAN,\n        AttributeConditionFilter.GREATER_THAN,\n    ],\n};\n\nexport const linkFilterConditions: Array<RecordFilterCondition | ThroughConditionFilter> = [\n    // disable NOT_EQUAL for now because of backend condition filter issue\n    ...conditionsByFormat[AttributeFormat.text].filter(f => f !== AttributeConditionFilter.NOT_EQUAL),\n    AttributeConditionFilter.THROUGH,\n];\nexport const treeFilterConditions: RecordFilterCondition[] = [\n    AttributeConditionFilter.EQUAL,\n    AttributeConditionFilter.IS_EMPTY,\n    AttributeConditionFilter.IS_NOT_EMPTY,\n    // disable NOT_EQUAL for now because of backend condition filter issue\n    // AttributeConditionFilter.NOT_EQUAL\n];\nexport const valueListTextConditions: RecordFilterCondition[] = [\n    AttributeConditionFilter.EQUAL,\n    // disable NOT_EQUAL for now because of backend condition filter issue\n    // AttributeConditionFilter.NOT_EQUAL\n];\n\ninterface IUIFilterConditionOption<T> {\n    label: string;\n    value: T;\n    textByFormat?: {[key in AttributeFormat]?: string};\n}\n\nexport const getAttributeConditionOptions = (t: TFunction): Array<IUIFilterConditionOption<AttributeConditionType>> => [\n    {label: t('filters.contains'), value: AttributeConditionFilter.CONTAINS},\n    {label: t('filters.not-contains'), value: AttributeConditionFilter.NOT_CONTAINS},\n    {label: t('filters.equal'), value: AttributeConditionFilter.EQUAL},\n    {label: t('filters.not-equal'), value: AttributeConditionFilter.NOT_EQUAL},\n    {label: t('filters.begin-with'), value: AttributeConditionFilter.BEGIN_WITH},\n    {label: t('filters.end-with'), value: AttributeConditionFilter.END_WITH},\n    {\n        label: t('filters.less-than'),\n        textByFormat: {[AttributeFormat.date]: String(t('filters.before'))},\n        value: AttributeConditionFilter.LESS_THAN,\n    },\n    {\n        label: t('filters.greater-than'),\n        textByFormat: {[AttributeFormat.date]: String(t('filters.after'))},\n        value: AttributeConditionFilter.GREATER_THAN,\n    },\n    {label: t('filters.today'), value: AttributeConditionFilter.TODAY},\n    {label: t('filters.tomorrow'), value: AttributeConditionFilter.TOMORROW},\n    {label: t('filters.yesterday'), value: AttributeConditionFilter.YESTERDAY},\n    {label: t('filters.last-month'), value: AttributeConditionFilter.LAST_MONTH},\n    {label: t('filters.next-month'), value: AttributeConditionFilter.NEXT_MONTH},\n    {label: t('filters.between'), value: AttributeConditionFilter.BETWEEN},\n    {label: t('filters.start-on'), value: AttributeConditionFilter.START_ON},\n    {label: t('filters.start-after'), value: AttributeConditionFilter.START_AFTER},\n    {label: t('filters.start-before'), value: AttributeConditionFilter.START_BEFORE},\n    {label: t('filters.end-on'), value: AttributeConditionFilter.END_ON},\n    {label: t('filters.end-after'), value: AttributeConditionFilter.END_AFTER},\n    {label: t('filters.end-before'), value: AttributeConditionFilter.END_BEFORE},\n    {label: t('filters.is-empty'), value: AttributeConditionFilter.IS_EMPTY},\n    {label: t('filters.is-not-empty'), value: AttributeConditionFilter.IS_NOT_EMPTY},\n    {label: t('filters.values-count-equal'), value: AttributeConditionFilter.VALUES_COUNT_EQUAL},\n    {label: t('filters.values-count-greater-than'), value: AttributeConditionFilter.VALUES_COUNT_GREATER_THAN},\n    {label: t('filters.values-count-lower-than'), value: AttributeConditionFilter.VALUES_COUNT_LOWER_THAN},\n    {label: t('filters.through'), value: AttributeConditionFilter.THROUGH},\n];\n\nexport const getFirstConditionByFilterType = (\n    filter: UIFilter,\n): Array<RecordFilterCondition | ThroughConditionFilter> => {\n    if (isUIFilterValueList(filter)) {\n        return valueListTextConditions;\n    }\n    if (isUIFilterStandard(filter)) {\n        return conditionsByFormat[filter.attribute.format] ?? [];\n    }\n    if (isUIFilterLink(filter)) {\n        return linkFilterConditions ?? [];\n    }\n    if (isUIFilterTree(filter)) {\n        return treeFilterConditions ?? [];\n    }\n    if (isUIFilterThrough(filter)) {\n        return [AttributeConditionFilter.THROUGH];\n    }\n    return [];\n};\n\nexport const useConditionsOptionsByType = (filter: UIFilter) => {\n    const {t} = useSharedTranslation();\n\n    return {\n        conditionOptionsByType: getAttributeConditionOptions(t)\n            .filter(({value}) => {\n                // Use special condition set for text fields with closed list values\n                if (isUIFilterValueList(filter)) {\n                    return valueListTextConditions.includes(value);\n                }\n                if (isUIFilterStandard(filter)) {\n                    return conditionsByFormat[filter.attribute.format].includes(value);\n                }\n                if (isUIFilterLink(filter) || isUIFilterThrough(filter)) {\n                    return linkFilterConditions.includes(value);\n                }\n                if (isUIFilterTree(filter)) {\n                    return treeFilterConditions.includes(value);\n                }\n            })\n            .map(option => ({\n                ...option,\n                label:\n                    isUIFilterStandard(filter) && option.textByFormat?.[filter.attribute.format]\n                        ? option.textByFormat?.[filter.attribute.format]\n                        : option.label,\n            })),\n    };\n};\n"]}
+{"version":3,"file":"useConditionOptionsByType.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/useConditionOptionsByType.ts"],"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 {AttributeFormat, type RecordFilterCondition} from '_ui/_gqlTypes';\nimport {AttributeConditionFilter, type AttributeConditionType, type ThroughConditionFilter} from '_ui/types';\nimport {type TFunction} from 'i18next';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {\n    isUIFilterLink,\n    isUIFilterStandard,\n    isUIFilterThrough,\n    isUIFilterTree,\n    isUIFilterValueList,\n    type UIFilter,\n} from '../../_types';\n\nexport const conditionsByFormat: Record<AttributeFormat, RecordFilterCondition[]> = {\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.rich_text]: [\n        AttributeConditionFilter.CONTAINS,\n        AttributeConditionFilter.NOT_CONTAINS,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n    ],\n    [AttributeFormat.boolean]: [],\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]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],\n    [AttributeFormat.encrypted]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],\n    [AttributeFormat.extended]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],\n    [AttributeFormat.color]: [],\n    [AttributeFormat.numeric]: [\n        AttributeConditionFilter.EQUAL,\n        AttributeConditionFilter.NOT_EQUAL,\n        AttributeConditionFilter.IS_EMPTY,\n        AttributeConditionFilter.IS_NOT_EMPTY,\n        AttributeConditionFilter.LESS_THAN,\n        AttributeConditionFilter.GREATER_THAN,\n    ],\n};\n\nexport const linkFilterConditions: Array<RecordFilterCondition | ThroughConditionFilter> = [\n    // disable NOT_EQUAL for now because of backend condition filter issue\n    ...conditionsByFormat[AttributeFormat.text].filter(f => f !== AttributeConditionFilter.NOT_EQUAL),\n    AttributeConditionFilter.THROUGH,\n];\nexport const treeFilterConditions: RecordFilterCondition[] = [AttributeConditionFilter.EQUAL];\nexport const valueListTextConditions: RecordFilterCondition[] = [AttributeConditionFilter.EQUAL];\n\ninterface IUIFilterConditionOption<T> {\n    label: string;\n    value: T;\n    textByFormat?: {[key in AttributeFormat]?: string};\n}\n\nexport const getAttributeConditionOptions = (t: TFunction): Array<IUIFilterConditionOption<AttributeConditionType>> => [\n    {label: t('filters.contains'), value: AttributeConditionFilter.CONTAINS},\n    {label: t('filters.not-contains'), value: AttributeConditionFilter.NOT_CONTAINS},\n    {label: t('filters.equal'), value: AttributeConditionFilter.EQUAL},\n    {label: t('filters.not-equal'), value: AttributeConditionFilter.NOT_EQUAL},\n    {label: t('filters.begin-with'), value: AttributeConditionFilter.BEGIN_WITH},\n    {label: t('filters.end-with'), value: AttributeConditionFilter.END_WITH},\n    {\n        label: t('filters.less-than'),\n        textByFormat: {[AttributeFormat.date]: String(t('filters.before'))},\n        value: AttributeConditionFilter.LESS_THAN,\n    },\n    {\n        label: t('filters.greater-than'),\n        textByFormat: {[AttributeFormat.date]: String(t('filters.after'))},\n        value: AttributeConditionFilter.GREATER_THAN,\n    },\n    {label: t('filters.today'), value: AttributeConditionFilter.TODAY},\n    {label: t('filters.tomorrow'), value: AttributeConditionFilter.TOMORROW},\n    {label: t('filters.yesterday'), value: AttributeConditionFilter.YESTERDAY},\n    {label: t('filters.last-month'), value: AttributeConditionFilter.LAST_MONTH},\n    {label: t('filters.next-month'), value: AttributeConditionFilter.NEXT_MONTH},\n    {label: t('filters.between'), value: AttributeConditionFilter.BETWEEN},\n    {label: t('filters.start-on'), value: AttributeConditionFilter.START_ON},\n    {label: t('filters.start-after'), value: AttributeConditionFilter.START_AFTER},\n    {label: t('filters.start-before'), value: AttributeConditionFilter.START_BEFORE},\n    {label: t('filters.end-on'), value: AttributeConditionFilter.END_ON},\n    {label: t('filters.end-after'), value: AttributeConditionFilter.END_AFTER},\n    {label: t('filters.end-before'), value: AttributeConditionFilter.END_BEFORE},\n    {label: t('filters.is-empty'), value: AttributeConditionFilter.IS_EMPTY},\n    {label: t('filters.is-not-empty'), value: AttributeConditionFilter.IS_NOT_EMPTY},\n    {label: t('filters.values-count-equal'), value: AttributeConditionFilter.VALUES_COUNT_EQUAL},\n    {label: t('filters.values-count-greater-than'), value: AttributeConditionFilter.VALUES_COUNT_GREATER_THAN},\n    {label: t('filters.values-count-lower-than'), value: AttributeConditionFilter.VALUES_COUNT_LOWER_THAN},\n    {label: t('filters.through'), value: AttributeConditionFilter.THROUGH},\n];\n\nexport const getFirstConditionByFilterType = (\n    filter: UIFilter,\n): Array<RecordFilterCondition | ThroughConditionFilter> => {\n    if (isUIFilterValueList(filter)) {\n        return valueListTextConditions;\n    }\n    if (isUIFilterStandard(filter)) {\n        return conditionsByFormat[filter.attribute.format] ?? [];\n    }\n    if (isUIFilterLink(filter)) {\n        return linkFilterConditions ?? [];\n    }\n    if (isUIFilterTree(filter)) {\n        return treeFilterConditions ?? [];\n    }\n    if (isUIFilterThrough(filter)) {\n        return [AttributeConditionFilter.THROUGH];\n    }\n    return [];\n};\n\nexport const useConditionsOptionsByType = (filter: UIFilter) => {\n    const {t} = useSharedTranslation();\n\n    return {\n        conditionOptionsByType: getAttributeConditionOptions(t)\n            .filter(({value}) => {\n                // Use special condition set for text fields with closed list values\n                if (isUIFilterValueList(filter)) {\n                    return valueListTextConditions.includes(value);\n                }\n                if (isUIFilterStandard(filter)) {\n                    return conditionsByFormat[filter.attribute.format].includes(value);\n                }\n                if (isUIFilterLink(filter) || isUIFilterThrough(filter)) {\n                    return linkFilterConditions.includes(value);\n                }\n                if (isUIFilterTree(filter)) {\n                    return treeFilterConditions.includes(value);\n                }\n            })\n            .map(option => ({\n                ...option,\n                label:\n                    isUIFilterStandard(filter) && option.textByFormat?.[filter.attribute.format]\n                        ? option.textByFormat?.[filter.attribute.format]\n                        : option.label,\n            })),\n    };\n};\n"]}