@leav/ui 1.4.0 → 1.4.1-13b47713

package/dist/components/{Explorer/manage-view-settings/_shared → Filters/filter-items}/CommonFilterItem.js

@@ -2,11 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { FilterDropDown } from '../filter-items/filter-type/FilterDropDown';
 import styled from 'styled-components';
 import { KitFilter } from 'aristid-ds';
-import { isExplorerFilterStandard, isExplorerFilterTree } from '../../_types';
-import { nullValueConditions } from '../../conditionsHelper';
-import { AttributeFormat } from '../../../../_gqlTypes';
+import { AttributeFormat } from '../../../_gqlTypes';
 import { useTranslation } from 'react-i18next';
 import { getAttributeConditionOptions } from '../filter-items/filter-type/useConditionOptionsByType';
+import { nullValueConditions } from '../conditionsHelper';
+import { isUIFilterStandard, isUIFilterTree } from '../_types';
 const FilterStyled = styled(KitFilter) `
     flex: 0 0 auto;
 `;
@@ -15,20 +15,20 @@ const getFilterValues = (filter, t) => {
         const conditionOption = getAttributeConditionOptions(t).find(option => option.value === filter.condition);
         return [conditionOption?.label ?? ''];
     }
-    if (isExplorerFilterTree(filter)) {
+    if (isUIFilterTree(filter)) {
         return filter.formattedValue ?? [];
     }
-    if (isExplorerFilterStandard(filter) &&
+    if (isUIFilterStandard(filter) &&
         [AttributeFormat.date, AttributeFormat.boolean].includes(filter.attribute.format)) {
         return filter.formattedValue ? [filter.formattedValue] : [];
     }
     return Array.isArray(filter.value) ? filter.value : filter.value ? [filter.value] : [];
 };
-export const CommonFilterItem = ({ filter, disabled }) => {
+export const CommonFilterItem = ({ filter, isPinned = false, disabled }) => {
     const { t } = useTranslation();
     return (_jsx(FilterStyled, { expandable: true, disabled: disabled, label: filter.attribute.label, values: getFilterValues(filter, t), dropDownProps: {
             placement: 'bottomLeft',
-            dropdownRender: () => _jsx(FilterDropDown, { filter: filter })
+            dropdownRender: () => _jsx(FilterDropDown, { filter: filter, canRemove: !isPinned }),
         } }));
 };
 //# sourceMappingURL=CommonFilterItem.js.map

package/dist/components/Filters/filter-items/CommonFilterItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommonFilterItem.js","sourceRoot":"","sources":["../../../../src/components/Filters/filter-items/CommonFilterItem.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,cAAc,EAAC,MAAM,4CAA4C,CAAC;AAC1E,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AACrC,OAAO,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,4BAA4B,EAAC,MAAM,uDAAuD,CAAC;AAEnG,OAAO,EAAC,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,kBAAkB,EAAE,cAAc,EAAgB,MAAM,WAAW,CAAC;AAE5E,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;CAErC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,MAAgB,EAAE,CAAY,EAAE,EAAE;IACvD,IAAI,MAAM,CAAC,SAAS,IAAI,mBAAmB,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;QACrE,MAAM,eAAe,GAAG,4BAA4B,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,SAAS,CAAC,CAAC;QAC1G,OAAO,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAC1C,CAAC;IAED,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QACzB,OAAO,MAAM,CAAC,cAAc,IAAI,EAAE,CAAC;IACvC,CAAC;IAED,IACI,kBAAkB,CAAC,MAAM,CAAC;QAC1B,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,EACnF,CAAC;QACC,OAAO,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAChE,CAAC;IAED,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAC3F,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,gBAAgB,GAA0C,CAAC,EAAC,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC5G,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,EAAE,CAAC;IAE7B,OAAO,CACH,KAAC,YAAY,IACT,UAAU,QACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAC7B,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,CAAC,CAAC,EAClC,aAAa,EAAE;YACX,SAAS,EAAE,YAAY;YACvB,cAAc,EAAE,GAAG,EAAE,CAAC,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,QAAQ,GAAI;SACjF,GACH,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 FunctionComponent} from 'react';\nimport {FilterDropDown} from '../filter-items/filter-type/FilterDropDown';\nimport styled from 'styled-components';\nimport {KitFilter} from 'aristid-ds';\nimport {AttributeFormat} from '_ui/_gqlTypes';\nimport {useTranslation} from 'react-i18next';\nimport {getAttributeConditionOptions} from '../filter-items/filter-type/useConditionOptionsByType';\nimport {type TFunction} from 'i18next';\nimport {nullValueConditions} from '../conditionsHelper';\nimport {isUIFilterStandard, isUIFilterTree, type UIFilter} from '../_types';\n\nconst FilterStyled = styled(KitFilter)`\n    flex: 0 0 auto;\n`;\n\nconst getFilterValues = (filter: UIFilter, t: TFunction) => {\n    if (filter.condition && nullValueConditions.includes(filter.condition)) {\n        const conditionOption = getAttributeConditionOptions(t).find(option => option.value === filter.condition);\n        return [conditionOption?.label ?? ''];\n    }\n\n    if (isUIFilterTree(filter)) {\n        return filter.formattedValue ?? [];\n    }\n\n    if (\n        isUIFilterStandard(filter) &&\n        [AttributeFormat.date, AttributeFormat.boolean].includes(filter.attribute.format)\n    ) {\n        return filter.formattedValue ? [filter.formattedValue] : [];\n    }\n\n    return Array.isArray(filter.value) ? filter.value : filter.value ? [filter.value] : [];\n};\n\nexport interface ICommonFilterProps {\n    filter: UIFilter;\n    isPinned?: boolean;\n    disabled?: boolean;\n}\n\nexport const CommonFilterItem: FunctionComponent<ICommonFilterProps> = ({filter, isPinned = false, disabled}) => {\n    const {t} = useTranslation();\n\n    return (\n        <FilterStyled\n            expandable\n            disabled={disabled}\n            label={filter.attribute.label}\n            values={getFilterValues(filter, t)}\n            dropDownProps={{\n                placement: 'bottomLeft',\n                dropdownRender: () => <FilterDropDown filter={filter} canRemove={!isPinned} />,\n            }}\n        />\n    );\n};\n"]}

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

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { KitSelect } from 'aristid-ds';
+import { AttributeConditionFilter } from '../../../../types';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
+export const BooleanAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef, }) => {
+    const { t } = useSharedTranslation();
+    const _onSelectionChanged = value => {
+        const filterData = value === undefined
+            ? {
+                ...filter,
+                condition: null,
+                value: null,
+                formattedValue: undefined,
+            }
+            : {
+                ...filter,
+                condition: AttributeConditionFilter.EQUAL,
+                value,
+                formattedValue: value === 'true' ? t('explorer.true') : t('explorer.false'),
+            };
+        onFilterChange(filterData);
+    };
+    const valuesOptions = [
+        {
+            label: t('explorer.true'),
+            value: 'true',
+        },
+        {
+            label: t('explorer.false'),
+            value: 'false',
+        },
+    ];
+    return (_jsx(KitSelect, { options: valuesOptions, onChange: _onSelectionChanged, value: filter.value, getPopupContainer: () => selectDropDownRef?.current ?? document.body, placeholder: t('filters.equal') }));
+};
+//# sourceMappingURL=BooleanAttributeDropdown.js.map

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

@@ -0,0 +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"]}

package/dist/components/{Explorer/manage-view-settings → Filters}/filter-items/filter-type/ColorAttributeDropDown.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { KitSelect } from 'aristid-ds';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
 import { useConditionsOptionsByType } from './useConditionOptionsByType';
-export const ColorAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef }) => {
+export const ColorAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef, }) => {
     const { t } = useSharedTranslation();
     const { conditionOptionsByType } = useConditionsOptionsByType(filter);
     const _onConditionChanged = condition => onFilterChange({ ...filter, condition });

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

@@ -0,0 +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"]}

package/dist/components/{Explorer/manage-view-settings → Filters}/filter-items/filter-type/DateAttributeDropDown.js

@@ -6,10 +6,10 @@ import { useRef } from 'react';
 import dayjs from 'dayjs';
 import styled from 'styled-components';
 import { KitDatePicker, KitSelect } from 'aristid-ds';
-import { AttributeConditionFilter } from '../../../../../types';
-import { nullValueConditions } from '../../../conditionsHelper';
-import { dateValuesSeparator } from '../../../_queries/useExplorerData';
+import { AttributeConditionFilter } from '../../../../types';
 import { useConditionsOptionsByType } from './useConditionOptionsByType';
+import { nullValueConditions } from '../../conditionsHelper';
+import { dateValuesSeparator } from '../../../../components/Explorer/_queries/useExplorerData';
 const DatePickerContainerStyledDiv = styled.div `
     .ant-picker {
         width: 100%;
@@ -24,7 +24,7 @@ const DatePickerDropdowncontainerStyledDiv = styled.div `
         }
     }
 `;
-export const DateAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef }) => {
+export const DateAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef, }) => {
     const datePickerRef = useRef(null);
     const { conditionOptionsByType } = useConditionsOptionsByType(filter);
     const _onConditionChanged = condition => {
@@ -35,14 +35,14 @@ export const DateAttributeDropDown = ({ filter, onFilterChange, selectDropDownRe
         onFilterChange({
             ...filter,
             condition,
-            value: unsetValue ? null : filter.value
+            value: unsetValue ? null : filter.value,
         });
     };
     const _onDateChanged = date => {
         onFilterChange({
             ...filter,
             value: date ? String(date.unix()) : null,
-            formattedValue: date ? date.format('YYYY-MM-DD') : null //TODO: Date format should come from the backend (will be adress in a later ticket)
+            formattedValue: date ? date.format('YYYY-MM-DD') : null, //TODO: Date format should come from the backend (will be adress in a later ticket)
         });
     };
     const _onDateRangeChanged = dates => {

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateAttributeDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/DateAttributeDropDown.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, useRef} from 'react';\nimport dayjs from 'dayjs';\nimport styled from 'styled-components';\nimport {KitDatePicker, KitSelect} from 'aristid-ds';\nimport {AttributeConditionFilter} from '_ui/types';\nimport {type IFilterChildrenDropDownProps} from './_types';\nimport {useConditionsOptionsByType} from './useConditionOptionsByType';\nimport {nullValueConditions} from '../../conditionsHelper';\nimport {dateValuesSeparator} from '_ui/components/Explorer/_queries/useExplorerData';\n\nconst DatePickerContainerStyledDiv = styled.div`\n    .ant-picker {\n        width: 100%;\n    }\n`;\n\nconst DatePickerDropdowncontainerStyledDiv = styled.div`\n    .ant-picker-dropdown {\n        position: initial;\n\n        .ant-picker-panel-container {\n            box-shadow: none;\n        }\n    }\n`;\n\nexport const DateAttributeDropDown: FunctionComponent<IFilterChildrenDropDownProps> = ({\n    filter,\n    onFilterChange,\n    selectDropDownRef,\n}) => {\n    const datePickerRef = useRef<HTMLDivElement>(null);\n\n    const {conditionOptionsByType} = useConditionsOptionsByType(filter);\n\n    const _onConditionChanged: ComponentProps<typeof KitSelect>['onChange'] = condition => {\n        const isMultiDate = filter.value?.includes(dateValuesSeparator);\n        const unsetValue =\n            nullValueConditions.includes(condition) ||\n            (!isMultiDate && condition === AttributeConditionFilter.BETWEEN) ||\n            (isMultiDate && condition !== AttributeConditionFilter.BETWEEN);\n\n        onFilterChange({\n            ...filter,\n            condition,\n            value: unsetValue ? null : filter.value,\n        });\n    };\n\n    const _onDateChanged: ComponentProps<typeof KitDatePicker>['onChange'] = date => {\n        onFilterChange({\n            ...filter,\n            value: date ? String(date.unix()) : null,\n            formattedValue: date ? date.format('YYYY-MM-DD') : null, //TODO: Date format should come from the backend (will be adress in a later ticket)\n        });\n    };\n\n    const _onDateRangeChanged: ComponentProps<typeof KitDatePicker.RangePicker>['onChange'] = dates => {\n        let value: string | null = null;\n        let formattedValue: string | null = null;\n\n        if (dates && dates.length === 2) {\n            let [dateFrom, dateTo] = dates;\n\n            if (dateFrom && dateTo) {\n                dateFrom = dateFrom.startOf('day');\n                dateTo = dateTo.endOf('day');\n\n                value = dateFrom.unix() + dateValuesSeparator + dateTo.unix();\n                formattedValue = dateFrom.format('YYYY-MM-DD') + ' -> ' + dateTo.format('YYYY-MM-DD'); //TODO: Date format should come from the backend (will be adress in a later ticket)\n            }\n        }\n\n        onFilterChange({...filter, value, formattedValue});\n    };\n\n    const showDatePicker = filter.condition && !nullValueConditions.includes(filter.condition);\n\n    const getDateRangeValue = (dates: string): [dayjs.Dayjs, dayjs.Dayjs] => {\n        const [dateFrom, dateTo] = dates.split(dateValuesSeparator).map(date => dayjs.unix(Number(date)));\n        return [dateFrom, dateTo];\n    };\n\n    return (\n        <>\n            <KitSelect\n                options={conditionOptionsByType}\n                onChange={_onConditionChanged}\n                value={filter.condition}\n                getPopupContainer={() => selectDropDownRef?.current ?? document.body}\n            />\n            {showDatePicker && (\n                <DatePickerContainerStyledDiv>\n                    {filter.condition === AttributeConditionFilter.BETWEEN ? (\n                        <KitDatePicker.RangePicker\n                            open\n                            getPopupContainer={() => datePickerRef.current ?? document.body}\n                            value={filter.value ? getDateRangeValue(filter.value) : null}\n                            onChange={_onDateRangeChanged}\n                        />\n                    ) : (\n                        <KitDatePicker\n                            open\n                            getPopupContainer={() => datePickerRef.current ?? document.body}\n                            value={filter.value ? dayjs.unix(Number(filter.value)) : null}\n                            onChange={_onDateChanged}\n                        />\n                    )}\n                    <DatePickerDropdowncontainerStyledDiv ref={datePickerRef} />\n                </DatePickerContainerStyledDiv>\n            )}\n        </>\n    );\n};\n"]}

package/dist/components/{Explorer/manage-view-settings → Filters}/filter-items/filter-type/DateRangeAttributeDropDown.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { KitSelect } from 'aristid-ds';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
 import { useConditionsOptionsByType } from './useConditionOptionsByType';
-export const DateRangeAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef }) => {
+export const DateRangeAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef, }) => {
     const { t } = useSharedTranslation();
     const { conditionOptionsByType } = useConditionsOptionsByType(filter);
     // TODO: When fully implemented, we will need to handle the formatted value (Like in DateAttributeDropDown)

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeAttributeDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/DateRangeAttributeDropDown.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,0BAA0B,GAAoD,CAAC,EACxF,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,2GAA2G;IAC3G,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 DateRangeAttributeDropDown: FunctionComponent<IFilterChildrenDropDownProps> = ({\n    filter,\n    onFilterChange,\n    selectDropDownRef,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const {conditionOptionsByType} = useConditionsOptionsByType(filter);\n\n    // TODO: When fully implemented, we will need to handle the formatted value (Like in DateAttributeDropDown)\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"]}

package/dist/components/{Explorer/manage-view-settings → Filters}/filter-items/filter-type/EncryptedAttributeDropDown.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { KitSelect } from 'aristid-ds';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
 import { useConditionsOptionsByType } from './useConditionOptionsByType';
-export const EncryptedAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef }) => {
+export const EncryptedAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef, }) => {
     const { t } = useSharedTranslation();
     const { conditionOptionsByType } = useConditionsOptionsByType(filter);
     const _onConditionChanged = condition => onFilterChange({ ...filter, condition });

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

@@ -0,0 +1 @@
+{"version":3,"file":"EncryptedAttributeDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/EncryptedAttributeDropDown.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,0BAA0B,GAAoD,CAAC,EACxF,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 EncryptedAttributeDropDown: 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"]}

package/dist/components/{Explorer/manage-view-settings → Filters}/filter-items/filter-type/ExtendedAttributeDropDown.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { KitSelect } from 'aristid-ds';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
 import { useConditionsOptionsByType } from './useConditionOptionsByType';
-export const ExtendedAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef }) => {
+export const ExtendedAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef, }) => {
     const { t } = useSharedTranslation();
     const { conditionOptionsByType } = useConditionsOptionsByType(filter);
     const _onConditionChanged = condition => onFilterChange({ ...filter, condition });

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtendedAttributeDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/ExtendedAttributeDropDown.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,yBAAyB,GAAoD,CAAC,EACvF,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 ExtendedAttributeDropDown: 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"]}

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

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

package/dist/components/{Explorer/manage-view-settings → Filters}/filter-items/filter-type/FilterDropDown.js

@@ -6,35 +6,35 @@ import { useRef } from 'react';
 import { FaClock, FaTrash } from 'react-icons/fa';
 import styled from 'styled-components';
 import { KitDivider, KitButton } from 'aristid-ds';
-import { ViewSettingsActionTypes } from '../../store-view-settings/viewSettingsReducer';
-import { useViewSettingsContext } from '../../store-view-settings/useViewSettingsContext';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
 import { FilterDropdownContent } from './FilterDropdownContent';
+import { useFiltersContext } from '../../useFiltersContext';
+import { FiltersActionTypes } from '../../context/filtersReducer';
 const FilterDropDownStyledDiv = styled.div `
     display: flex;
     flex-direction: column;
     gap: calc(var(--general-spacing-xxs) * 1px);
 `;
-export const FilterDropDown = ({ filter }) => {
+export const FilterDropDown = ({ filter, canRemove }) => {
     const { t } = useSharedTranslation();
-    const { view, dispatch } = useViewSettingsContext();
+    const { dispatch } = useFiltersContext();
     const selectDropDownRef = useRef(null);
     const onFilterChange = (filterData) => dispatch({
-        type: ViewSettingsActionTypes.CHANGE_FILTER_CONFIG,
-        payload: filterData
+        type: FiltersActionTypes.CHANGE_FILTER_CONFIG,
+        payload: filterData,
     });
     const _onResetFilter = () => dispatch({
-        type: ViewSettingsActionTypes.RESET_FILTER,
+        type: FiltersActionTypes.RESET_FILTER,
         payload: {
-            id: filter.id
-        }
+            id: filter.id,
+        },
     });
     const _onDeleteFilter = () => dispatch({
-        type: ViewSettingsActionTypes.REMOVE_FILTER,
+        type: FiltersActionTypes.REMOVE_FILTER,
         payload: {
-            id: filter.id
-        }
+            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') }), view?.enableConfigureView && (_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(FaClock, {}), onClick: _onResetFilter, children: t('explorer.reset-filter') }), canRemove && (_jsx(KitButton, { type: "action", icon: _jsx(FaTrash, {}), onClick: _onDeleteFilter, children: t('global.delete') }))] }));
 };
 //# sourceMappingURL=FilterDropDown.js.map

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

@@ -0,0 +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"]}

package/dist/components/{Explorer/manage-view-settings → Filters}/filter-items/filter-type/FilterDropdownContent.d.ts

@@ -1,8 +1,8 @@
 import { type FunctionComponent, type RefObject } from 'react';
-import { type ExplorerFilter } from '../../../_types';
+import { type UIFilter } from '../../_types';
 export declare const FilterDropdownContent: FunctionComponent<{
-    filter: ExplorerFilter;
-    onFilterChange: (filterData: ExplorerFilter) => void;
+    filter: UIFilter;
+    onFilterChange: (filterData: UIFilter) => void;
     selectDropDownRef?: RefObject<HTMLDivElement>;
     removeThroughCondition?: boolean;
 }>;

package/dist/components/{Explorer/manage-view-settings → Filters}/filter-items/filter-type/FilterDropdownContent.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { AttributeFormat } from '../../../../../_gqlTypes';
+import { AttributeFormat } from '../../../../_gqlTypes';
 import { BooleanAttributeDropDown } from './BooleanAttributeDropdown';
 import { ColorAttributeDropDown } from './ColorAttributeDropDown';
 import { DateAttributeDropDown } from './DateAttributeDropDown';
@@ -14,16 +14,16 @@ import { NumericAttributeDropDown } from './NumericAttributeDropDown';
 import { TextAttributeDropDown } from './TextAttributeDropDown';
 import { TreeAttributeDropDown } from './TreeAttributeDropDown';
 import { FilterValueListDropDown } from './FilterValueListDropDown';
-import { isExplorerFilterLink, isExplorerFilterStandard, isExplorerFilterThrough, isExplorerFilterTree, isExplorerFilterValueList } from '../../../_types';
+import { isUIFilterLink, isUIFilterStandard, isUIFilterThrough, isUIFilterTree, isUIFilterValueList, } from '../../_types';
 export const FilterDropdownContent = ({ filter, onFilterChange, selectDropDownRef, removeThroughCondition = false }) => {
-    if (isExplorerFilterValueList(filter)) {
+    if (isUIFilterValueList(filter)) {
         return (_jsx(FilterValueListDropDown, { filter: filter, onFilterChange: onFilterChange, selectDropDownRef: selectDropDownRef }));
     }
-    if (isExplorerFilterStandard(filter)) {
+    if (isUIFilterStandard(filter)) {
         const commonDropDownProps = {
             filter,
             onFilterChange,
-            selectDropDownRef
+            selectDropDownRef,
         };
         const standardFormatDropdown = {
             [AttributeFormat.text]: _jsx(TextAttributeDropDown, { ...commonDropDownProps }),
@@ -34,14 +34,14 @@ export const FilterDropdownContent = ({ filter, onFilterChange, selectDropDownRe
             [AttributeFormat.encrypted]: _jsx(EncryptedAttributeDropDown, { ...commonDropDownProps }),
             [AttributeFormat.extended]: _jsx(ExtendedAttributeDropDown, { ...commonDropDownProps }),
             [AttributeFormat.color]: _jsx(ColorAttributeDropDown, { ...commonDropDownProps }),
-            [AttributeFormat.date_range]: _jsx(DateRangeAttributeDropDown, { ...commonDropDownProps })
+            [AttributeFormat.date_range]: _jsx(DateRangeAttributeDropDown, { ...commonDropDownProps }),
         };
         return standardFormatDropdown[filter.attribute.format ?? AttributeFormat.text];
     }
-    if (isExplorerFilterTree(filter)) {
+    if (isUIFilterTree(filter)) {
         return (_jsx(TreeAttributeDropDown, { filter: filter, onFilterChange: onFilterChange, selectDropDownRef: selectDropDownRef }));
     }
-    if (isExplorerFilterLink(filter) || isExplorerFilterThrough(filter)) {
+    if (isUIFilterLink(filter) || isUIFilterThrough(filter)) {
         return (_jsx(LinkAttributeDropDown, { filter: filter, onFilterChange: onFilterChange, removeThroughCondition: removeThroughCondition, selectDropDownRef: selectDropDownRef }));
     }
     return _jsx(_Fragment, {});

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

@@ -0,0 +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"]}

package/dist/components/{Explorer/manage-view-settings → Filters}/filter-items/filter-type/FilterValueListDropDown.d.ts

@@ -1,8 +1,8 @@
 import { type FunctionComponent } from 'react';
-import { type ExplorerFilter, type IExplorerFilterValueList } from '../../../../../components/Explorer/_types';
+import { type IUIFilterValueList, type UIFilter } from '../../_types';
 interface IFilterValueListDropDownProps {
-    filter: IExplorerFilterValueList;
-    onFilterChange: (filter: ExplorerFilter) => void;
+    filter: IUIFilterValueList;
+    onFilterChange: (filter: UIFilter) => void;
     selectDropDownRef?: React.RefObject<HTMLDivElement>;
 }
 export declare const FilterValueListDropDown: FunctionComponent<IFilterValueListDropDownProps>;

package/dist/components/{Explorer/manage-view-settings → Filters}/filter-items/filter-type/FilterValueListDropDown.js

@@ -2,13 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
 import { FaCheck } from 'react-icons/fa';
 import { useMemo, useState } from 'react';
 import { KitInput, KitSelect } from 'aristid-ds';
 import styled from 'styled-components';
-import { isExplorerFilterLinkWithValueList, isExplorerFilterStandardWithValueList } from '../../../../../components/Explorer/_types';
-import { RecordFilterCondition } from '../../../../../_gqlTypes';
+import { RecordFilterCondition } from '../../../../_gqlTypes';
+import { isUIFilterLinkWithValueList, isUIFilterStandardWithValueList, } from '../../_types';
 const ListDivStyled = styled.div `
     display: flex;
     flex-direction: column;
@@ -41,7 +41,7 @@ const Label = styled.div `
     white-space: nowrap;
     text-overflow: ellipsis;
 `;
-export const FilterValueListDropDown = ({ filter, onFilterChange, selectDropDownRef }) => {
+export const FilterValueListDropDown = ({ filter, onFilterChange, selectDropDownRef, }) => {
     const { t } = useSharedTranslation();
     const [searchText, setSearchText] = useState('');
     const getOptionLabelText = (label) => (typeof label === 'string' ? label : '');
@@ -50,7 +50,7 @@ export const FilterValueListDropDown = ({ filter, onFilterChange, selectDropDown
         // 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 }
+        { label: t('filters.is-not-empty'), value: RecordFilterCondition.IS_NOT_EMPTY },
     ];
     const _onConditionChanged = condition => {
         onFilterChange({ ...filter, condition });
@@ -58,18 +58,18 @@ export const FilterValueListDropDown = ({ filter, onFilterChange, selectDropDown
     // Generate an option list for the filter dropdown to select a value
     const _createOptionListFromValueList = () => {
         let valueListFormatted = [];
-        if (isExplorerFilterStandardWithValueList(filter)) {
+        if (isUIFilterStandardWithValueList(filter)) {
             valueListFormatted =
                 filter.attribute.valuesList?.values?.map(value => ({
                     label: value,
-                    value
+                    value,
                 })) || [];
         }
-        else if (isExplorerFilterLinkWithValueList(filter)) {
+        else if (isUIFilterLinkWithValueList(filter)) {
             valueListFormatted =
                 filter.attribute.valuesList?.linkedValues?.map(value => ({
                     label: value.whoAmI.label,
-                    value: value.id
+                    value: value.id,
                 })) || [];
         }
         return [...valueListFormatted];
@@ -90,7 +90,7 @@ export const FilterValueListDropDown = ({ filter, onFilterChange, selectDropDown
             onFilterChange({
                 ...filter,
                 value: [],
-                field: filter.field
+                field: filter.field,
             });
             return;
         }
@@ -101,7 +101,7 @@ export const FilterValueListDropDown = ({ filter, onFilterChange, selectDropDown
         onFilterChange({
             ...filter,
             condition,
-            value: valuesSelected
+            value: valuesSelected,
         });
     };
     const options = _createOptionListFromValueList();

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

@@ -0,0 +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"]}

package/dist/components/{Explorer/manage-view-settings → Filters}/filter-items/filter-type/LinkAttributeDropdown.js

@@ -4,19 +4,19 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { useEffect, useState } from 'react';
 import { KitInput, KitSelect } from 'aristid-ds';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
-import { isExplorerFilterThrough } from '../../../_types';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
 import { useConditionsOptionsByType } from './useConditionOptionsByType';
-import { AttributeConditionFilter, ThroughConditionFilter } from '../../../../../types';
+import { AttributeConditionFilter, ThroughConditionFilter } from '../../../../types';
 import styled from 'styled-components';
-import { useGetLibraryAttributesLazyQuery } from '../../../../../_gqlTypes';
+import { useGetLibraryAttributesLazyQuery } from '../../../../_gqlTypes';
 import { localizedTranslation } from '@leav/utils';
-import { useLang } from '../../../../../hooks';
+import { useLang } from '../../../../hooks';
 import { FilterDropdownContent } from './FilterDropdownContent';
+import { isUIFilterThrough } from '../../_types';
 const InputStyled = styled(KitInput) `
     width: 100%;
 `;
-export const LinkAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef, removeThroughCondition = false }) => {
+export const LinkAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef, removeThroughCondition = false, }) => {
     const { t } = useSharedTranslation();
     const { lang } = useLang();
     const { conditionOptionsByType } = useConditionsOptionsByType(filter);
@@ -24,7 +24,7 @@ export const LinkAttributeDropDown = ({ filter, onFilterChange, selectDropDownRe
         ? conditionOptionsByType.filter(({ value }) => value !== ThroughConditionFilter.THROUGH)
         : conditionOptionsByType;
     const [getLibraryAttributes, { loading: libraryAttributesLoading, data: libraryAttributesData }] = useGetLibraryAttributesLazyQuery();
-    const [selectedSubField, setSelectedSubField] = useState(isExplorerFilterThrough(filter) ? filter.subField : null);
+    const [selectedSubField, setSelectedSubField] = useState(isUIFilterThrough(filter) ? filter.subField : null);
     const _onConditionChanged = condition => {
         onFilterChange({ ...filter, condition });
     };
@@ -41,7 +41,7 @@ export const LinkAttributeDropDown = ({ filter, onFilterChange, selectDropDownRe
     useEffect(() => {
         if (filter.condition === ThroughConditionFilter.THROUGH && filter.attribute.linkedLibrary?.id) {
             getLibraryAttributes({
-                variables: { libraryId: filter.attribute.linkedLibrary.id }
+                variables: { libraryId: filter.attribute.linkedLibrary.id },
             });
         }
     }, [filter.condition, filter.attribute, getLibraryAttributes]);
@@ -49,19 +49,19 @@ export const LinkAttributeDropDown = ({ filter, onFilterChange, selectDropDownRe
         ![
             AttributeConditionFilter.IS_EMPTY,
             AttributeConditionFilter.IS_NOT_EMPTY,
-            ThroughConditionFilter.THROUGH
+            ThroughConditionFilter.THROUGH,
         ].includes(filter.condition);
     const libraryLinkAttributes = libraryAttributesData?.libraries?.list[0].attributes ?? [];
     const linkAttributesOptions = libraryLinkAttributes.map(attribute => ({
         label: localizedTranslation(attribute.label, lang) ?? '',
-        value: attribute.id
+        value: attribute.id,
     }));
     const _handleThroughFilterChange = (filterData) => {
         onFilterChange({
             ...filter,
             subField: filterData.field,
             subCondition: filterData.condition,
-            value: filterData.value
+            value: filterData.value,
         });
     };
     const linkedAttribute = libraryLinkAttributes.find(attribute => attribute.id === selectedSubField);
@@ -70,10 +70,10 @@ export const LinkAttributeDropDown = ({ filter, onFilterChange, selectDropDownRe
                             field: selectedSubField,
                             attribute: {
                                 ...linkedAttribute,
-                                label: localizedTranslation(linkedAttribute.label, lang) ?? ''
+                                label: localizedTranslation(linkedAttribute.label, lang) ?? '',
                             },
                             condition: filter.subCondition,
-                            value: filter.value
+                            value: filter.value,
                         }, onFilterChange: _handleThroughFilterChange, selectDropDownRef: selectDropDownRef }))] }))] }));
 };
 //# sourceMappingURL=LinkAttributeDropdown.js.map