@leav/ui 0.2.7 → 0.2.8

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

@@ -1,87 +1,148 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import {jsx as _jsx, Fragment as _Fragment} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { isTypeLink } from '@leav/utils';
-import { Dropdown } from 'antd';
+import {isTypeLink} from '@leav/utils';
+import {Dropdown} from 'antd';
 import styled from 'styled-components';
-import { formatNotUsingCondition } from '../../../../../components/LibraryItemsList/constants';
+import {formatNotUsingCondition} from '../../../../../components/LibraryItemsList/constants';
 import BooleanFilter from '../../../../../components/LibraryItemsList/FiltersPanel/Filter/FilterInput/BooleanFilter';
 import useSearchReducer from '../../../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
-import { AttributeConditionFilter, FilterType } from '../../../../../types/search';
-import { AttributeFormat, AttributeType } from '../../../../../_gqlTypes';
+import {SearchActionTypes} from '../../../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';
+import {AttributeConditionFilter, FilterType} from '../../../../../types/search';
+import {AttributeFormat, AttributeType} from '../../../../../_gqlTypes';
 import FilterDropdownButton from '../../FilterDropdownButton';
-import { getConditionOptionsByType } from '../../FiltersOptions';
+import {getConditionOptionsByType} from '../../FiltersOptions';
 import mustHideValue from '../../mustHideValue';
-import { getDefaultFilterValueByFormat } from '../Filter';
-const BooleanWrapper = styled.span `
+import {getDefaultFilterValueByFormat} from '../Filter';
+const BooleanWrapper = styled.span`
     padding: 0 1rem;
     height: 100%;
     display: grid;
     place-items: center;
 `;
-const FilterAttributeCondition = ({ filter, updateFilterValue }) => {
+const FilterAttributeCondition = ({filter, updateFilterValue}) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    const { t } = useSharedTranslation();
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
-    const showthroughCondition = (((_a = filter.attribute) === null || _a === void 0 ? void 0 : _a.format) === AttributeFormat.extended ||
-        filter.type === FilterType.LIBRARY ||
-        isTypeLink((_b = filter.attribute) === null || _b === void 0 ? void 0 : _b.type) ||
-        ((_c = filter.attribute) === null || _c === void 0 ? void 0 : _c.type) === AttributeType.tree) &&
+    const {t} = useSharedTranslation();
+    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();
+    const showthroughCondition =
+        (((_a = filter.attribute) === null || _a === void 0 ? void 0 : _a.format) === AttributeFormat.extended ||
+            filter.type === FilterType.LIBRARY ||
+            isTypeLink((_b = filter.attribute) === null || _b === void 0 ? void 0 : _b.type) ||
+            ((_c = filter.attribute) === null || _c === void 0 ? void 0 : _c.type) === AttributeType.tree) &&
         typeof ((_d = filter.attribute) === null || _d === void 0 ? void 0 : _d.parentAttribute) === 'undefined' &&
         typeof filter.parentTreeLibrary === 'undefined' &&
         filter.condition !== AttributeConditionFilter.THROUGH;
     const conditionOptionsByType = getConditionOptionsByType(filter, showthroughCondition, t);
-    const _handleConditionChange = (condition) => {
+    const _handleConditionChange = condition => {
         const newFilters = searchState.filters.map(f => {
             if (f.index === filter.index) {
                 let newValue = Object.assign({}, filter.value);
                 if (mustHideValue(condition)) {
                     newValue = null;
-                }
-                else if (newValue === null ||
-                    (typeof (newValue === null || newValue === void 0 ? void 0 : newValue.value) === 'object' && condition !== AttributeConditionFilter.BETWEEN)) {
+                } else if (
+                    newValue === null ||
+                    (typeof (newValue === null || newValue === void 0 ? void 0 : newValue.value) === 'object' &&
+                        condition !== AttributeConditionFilter.BETWEEN)
+                ) {
                     newValue.value = getDefaultFilterValueByFormat(filter.attribute.format);
                 }
-                return Object.assign(Object.assign({}, filter), { value: newValue, condition: AttributeConditionFilter[condition] });
+                return Object.assign(Object.assign({}, filter), {
+                    value: newValue,
+                    condition: AttributeConditionFilter[condition]
+                });
             }
             return f;
         });
-        searchDispatch({ type: SearchActionTypes.SET_FILTERS, filters: newFilters });
+        searchDispatch({type: SearchActionTypes.SET_FILTERS, filters: newFilters});
     };
-    const showStandardCondition = !formatNotUsingCondition.find(format => (filter.type === FilterType.LIBRARY && format === AttributeFormat.text) ||
-        (filter.type === FilterType.ATTRIBUTE && format === filter.attribute.format));
+    const showStandardCondition = !formatNotUsingCondition.find(
+        format =>
+            (filter.type === FilterType.LIBRARY && format === AttributeFormat.text) ||
+            (filter.type === FilterType.ATTRIBUTE && format === filter.attribute.format)
+    );
     const menuItems = conditionOptionsByType
         .filter(c => c.value !== AttributeConditionFilter.THROUGH || showthroughCondition)
         .reduce((items, condition) => {
-        var _a, _b, _c;
-        if (condition.value === AttributeConditionFilter.THROUGH) {
+            var _a, _b, _c;
+            if (condition.value === AttributeConditionFilter.THROUGH) {
+                items.push({
+                    key: 'through-divider',
+                    type: 'divider'
+                });
+            }
             items.push({
-                key: 'through-divider',
-                type: 'divider'
+                key: condition.value,
+                label:
+                    (_c =
+                        (_a = condition.textByFormat) === null || _a === void 0
+                            ? void 0
+                            : _a[
+                                  (_b = filter === null || filter === void 0 ? void 0 : filter.attribute) === null ||
+                                  _b === void 0
+                                      ? void 0
+                                      : _b.format
+                              ]) !== null && _c !== void 0
+                        ? _c
+                        : condition === null || condition === void 0
+                        ? void 0
+                        : condition.text,
+                onClick: () => _handleConditionChange(condition.value)
             });
-        }
-        items.push({
-            key: condition.value,
-            label: (_c = (_a = condition.textByFormat) === null || _a === void 0 ? void 0 : _a[(_b = filter === null || filter === void 0 ? void 0 : filter.attribute) === null || _b === void 0 ? void 0 : _b.format]) !== null && _c !== void 0 ? _c : condition === null || condition === void 0 ? void 0 : condition.text,
-            onClick: () => _handleConditionChange(condition.value)
-        });
-        return items;
-    }, []);
+            return items;
+        }, []);
     if (showStandardCondition) {
         const conditionOption = conditionOptionsByType.filter(c => c.value === filter.condition)[0];
-        return (_jsx(Dropdown, Object.assign({ disabled: !filter.active || filter.condition === AttributeConditionFilter.THROUGH, menu: { items: menuItems }, trigger: ['click'] }, { children: _jsx(FilterDropdownButton, Object.assign({ "aria-label": "filter-condition" }, { children: (_g = (_e = conditionOption === null || conditionOption === void 0 ? void 0 : conditionOption.textByFormat) === null || _e === void 0 ? void 0 : _e[(_f = filter === null || filter === void 0 ? void 0 : filter.attribute) === null || _f === void 0 ? void 0 : _f.format]) !== null && _g !== void 0 ? _g : conditionOption === null || conditionOption === void 0 ? void 0 : conditionOption.text })) })));
-    }
-    else {
+        return _jsx(
+            Dropdown,
+            Object.assign(
+                {
+                    disabled: !filter.active || filter.condition === AttributeConditionFilter.THROUGH,
+                    menu: {items: menuItems},
+                    trigger: ['click']
+                },
+                {
+                    children: _jsx(
+                        FilterDropdownButton,
+                        Object.assign(
+                            {'aria-label': 'filter-condition'},
+                            {
+                                children:
+                                    (_g =
+                                        (_e =
+                                            conditionOption === null || conditionOption === void 0
+                                                ? void 0
+                                                : conditionOption.textByFormat) === null || _e === void 0
+                                            ? void 0
+                                            : _e[
+                                                  (_f =
+                                                      filter === null || filter === void 0
+                                                          ? void 0
+                                                          : filter.attribute) === null || _f === void 0
+                                                      ? void 0
+                                                      : _f.format
+                                              ]) !== null && _g !== void 0
+                                        ? _g
+                                        : conditionOption === null || conditionOption === void 0
+                                        ? void 0
+                                        : conditionOption.text
+                            }
+                        )
+                    )
+                }
+            )
+        );
+    } else {
         switch (filter.attribute.format) {
             case AttributeFormat.boolean:
-                return (_jsx(BooleanWrapper, { children: _jsx(BooleanFilter, { filter: filter, updateFilterValue: updateFilterValue }) }));
+                return _jsx(BooleanWrapper, {
+                    children: _jsx(BooleanFilter, {filter: filter, updateFilterValue: updateFilterValue})
+                });
             default:
                 return _jsx(_Fragment, {});
         }
     }
 };
 export default FilterAttributeCondition;
-//# sourceMappingURL=FilterAttributeCondition.js.map
+//# sourceMappingURL=FilterAttributeCondition.js.map

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterAttributeCondition/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import FilterAttributeCondition from './FilterAttributeCondition';
 export default FilterAttributeCondition;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/BooleanFilter/BooleanFilter.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IFilterInputProps } from '../../Filter';
-declare function BooleanFilter({ filter, updateFilterValue }: IFilterInputProps): JSX.Element;
+import {IFilterInputProps} from '../../Filter';
+declare function BooleanFilter({filter, updateFilterValue}: IFilterInputProps): JSX.Element;
 export default BooleanFilter;

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/BooleanFilter/BooleanFilter.js

@@ -1,13 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { Switch } from 'antd';
-function BooleanFilter({ filter, updateFilterValue }) {
-    const _handleChange = (value) => {
-        updateFilterValue(Object.assign(Object.assign({}, filter.value), { value }));
+import {Switch} from 'antd';
+function BooleanFilter({filter, updateFilterValue}) {
+    const _handleChange = value => {
+        updateFilterValue(Object.assign(Object.assign({}, filter.value), {value}));
     };
-    return (_jsx(Switch, { disabled: !filter.active, "data-test-id": "filter-input-boolean", checked: !!filter.value.value, onChange: _handleChange }));
+    return _jsx(Switch, {
+        disabled: !filter.active,
+        'data-test-id': 'filter-input-boolean',
+        checked: !!filter.value.value,
+        onChange: _handleChange
+    });
 }
 export default BooleanFilter;
-//# sourceMappingURL=BooleanFilter.js.map
+//# sourceMappingURL=BooleanFilter.js.map

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/BooleanFilter/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import BooleanFilter from './BooleanFilter';
 export default BooleanFilter;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/DateBetweenFilter/DateBetweenFilter.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IFilterInputProps } from '../../Filter';
-declare const DateBetweenFilter: ({ filter, updateFilterValue }: IFilterInputProps) => JSX.Element;
+import {IFilterInputProps} from '../../Filter';
+declare const DateBetweenFilter: ({filter, updateFilterValue}: IFilterInputProps) => JSX.Element;
 export default DateBetweenFilter;

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/DateBetweenFilter/DateBetweenFilter.js

@@ -1,13 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DatePicker } from 'antd';
+import {jsx as _jsx} from 'react/jsx-runtime';
+import {DatePicker} from 'antd';
 import dayjs from 'dayjs';
-import { themeVars } from '../../../../../../antdTheme';
-const DateBetweenFilter = ({ filter, updateFilterValue }) => {
+import {themeVars} from '../../../../../../antdTheme';
+const DateBetweenFilter = ({filter, updateFilterValue}) => {
     var _a, _b, _c, _d;
-    const dateRangeValue = ((_b = (_a = filter === null || filter === void 0 ? void 0 : filter.value) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.from) && ((_d = (_c = filter === null || filter === void 0 ? void 0 : filter.value) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.to)
-        ? filter.value.value
-        : null;
-    const _handleChange = (value) => {
+    const dateRangeValue =
+        ((_b =
+            (_a = filter === null || filter === void 0 ? void 0 : filter.value) === null || _a === void 0
+                ? void 0
+                : _a.value) === null || _b === void 0
+            ? void 0
+            : _b.from) &&
+        ((_d =
+            (_c = filter === null || filter === void 0 ? void 0 : filter.value) === null || _c === void 0
+                ? void 0
+                : _c.value) === null || _d === void 0
+            ? void 0
+            : _d.to)
+            ? filter.value.value
+            : null;
+    const _handleChange = value => {
         if (!value) {
             updateFilterValue(null);
             return;
@@ -16,12 +28,21 @@ const DateBetweenFilter = ({ filter, updateFilterValue }) => {
         const [dateFrom, dateTo] = value;
         dateFrom.startOf('day');
         dateTo.startOf('day');
-        updateFilterValue(Object.assign(Object.assign({}, filter.value), { value: { from: String(dateFrom.unix()), to: String(dateTo.unix()) } }));
+        updateFilterValue(
+            Object.assign(Object.assign({}, filter.value), {
+                value: {from: String(dateFrom.unix()), to: String(dateTo.unix())}
+            })
+        );
     };
     const momentValue = dateRangeValue
         ? [dayjs(Number(dateRangeValue.from) * 1000), dayjs(Number(dateRangeValue.to) * 1000)]
         : null;
-    return (_jsx(DatePicker.RangePicker, { popupStyle: { background: themeVars.defaultBg }, disabled: !filter.active, onChange: _handleChange, value: momentValue }));
+    return _jsx(DatePicker.RangePicker, {
+        popupStyle: {background: themeVars.defaultBg},
+        disabled: !filter.active,
+        onChange: _handleChange,
+        value: momentValue
+    });
 };
 export default DateBetweenFilter;
-//# sourceMappingURL=DateBetweenFilter.js.map
+//# sourceMappingURL=DateBetweenFilter.js.map

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/DateBetweenFilter/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import DateBetweenFilter from './DateBetweenFilter';
 export default DateBetweenFilter;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/DateFilter/DateFilter.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IFilterInputProps } from '../../Filter';
-declare const DateFilter: ({ filter, updateFilterValue }: IFilterInputProps) => JSX.Element;
+import {IFilterInputProps} from '../../Filter';
+declare const DateFilter: ({filter, updateFilterValue}: IFilterInputProps) => JSX.Element;
 export default DateFilter;

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/DateFilter/DateFilter.js

@@ -1,23 +1,36 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { DatePicker } from 'antd';
+import {DatePicker} from 'antd';
 import dayjs from 'dayjs';
-import { themeVars } from '../../../../../../antdTheme';
-const DateFilter = ({ filter, updateFilterValue }) => {
+import {themeVars} from '../../../../../../antdTheme';
+const DateFilter = ({filter, updateFilterValue}) => {
     var _a;
-    const _handleChange = (value) => {
+    const _handleChange = value => {
         if (!value) {
             updateFilterValue(null);
             return;
         }
         // Force time to 00:00:00
         value.startOf('day');
-        updateFilterValue(Object.assign(Object.assign({}, filter.value), { value: value.unix() }));
+        updateFilterValue(Object.assign(Object.assign({}, filter.value), {value: value.unix()}));
     };
-    const value = ((_a = filter === null || filter === void 0 ? void 0 : filter.value) === null || _a === void 0 ? void 0 : _a.value) ? dayjs(Number(filter.value.value) * 1000) : null;
-    return (_jsx(DatePicker, { popupStyle: { background: themeVars.defaultBg }, disabled: !filter.active, onOk: _handleChange, onChange: _handleChange, "aria-label": "date-filter", value: value }));
+    const value = (
+        (_a = filter === null || filter === void 0 ? void 0 : filter.value) === null || _a === void 0
+            ? void 0
+            : _a.value
+    )
+        ? dayjs(Number(filter.value.value) * 1000)
+        : null;
+    return _jsx(DatePicker, {
+        popupStyle: {background: themeVars.defaultBg},
+        disabled: !filter.active,
+        onOk: _handleChange,
+        onChange: _handleChange,
+        'aria-label': 'date-filter',
+        value: value
+    });
 };
 export default DateFilter;
-//# sourceMappingURL=DateFilter.js.map
+//# sourceMappingURL=DateFilter.js.map

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/DateFilter/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import DateFilter from './DateFilter';
 export default DateFilter;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/NumericFilter/NumericFilter.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IFilterInputProps } from '../../Filter';
-declare const NumericFilter: ({ filter, updateFilterValue, onPressEnter }: IFilterInputProps) => JSX.Element;
+import {IFilterInputProps} from '../../Filter';
+declare const NumericFilter: ({filter, updateFilterValue, onPressEnter}: IFilterInputProps) => JSX.Element;
 export default NumericFilter;

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/NumericFilter/NumericFilter.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { Input } from 'antd';
+import {Input} from 'antd';
 import styled from 'styled-components';
-const StyledInput = styled(Input) `
+const StyledInput = styled(Input)`
     // Remove arrows on number input
     && {
         -moz-appearance: textfield;
@@ -14,13 +14,13 @@ const StyledInput = styled(Input) `
         }
     }
 `;
-const NumericFilter = ({ filter, updateFilterValue, onPressEnter }) => {
-    const _handleChange = (event) => {
+const NumericFilter = ({filter, updateFilterValue, onPressEnter}) => {
+    const _handleChange = event => {
         // If input is not a valid number, event.target.value will be an empty string
         const newValue = event.target.value || 0;
-        updateFilterValue(Object.assign(Object.assign({}, filter.value), { value: newValue }));
+        updateFilterValue(Object.assign(Object.assign({}, filter.value), {value: newValue}));
     };
-    const _handleKeyDown = (e) => {
+    const _handleKeyDown = e => {
         if (e.key !== 'Enter') {
             return;
         }
@@ -29,7 +29,13 @@ const NumericFilter = ({ filter, updateFilterValue, onPressEnter }) => {
         onPressEnter();
     };
     const filterValue = isNaN(Number(filter.value.value)) ? '' : filter.value.value;
-    return (_jsx(StyledInput, { type: "number", disabled: !filter.active, value: filterValue, onChange: _handleChange, onKeyDown: _handleKeyDown }));
+    return _jsx(StyledInput, {
+        type: 'number',
+        disabled: !filter.active,
+        value: filterValue,
+        onChange: _handleChange,
+        onKeyDown: _handleKeyDown
+    });
 };
 export default NumericFilter;
-//# sourceMappingURL=NumericFilter.js.map
+//# sourceMappingURL=NumericFilter.js.map

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/NumericFilter/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import NumericFilter from './NumericFilter';
 export default NumericFilter;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/TextFilter/TextFilter.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IFilterInputProps } from '../../Filter';
-declare const TextFilter: ({ filter, updateFilterValue, onPressEnter }: IFilterInputProps) => JSX.Element;
+import {IFilterInputProps} from '../../Filter';
+declare const TextFilter: ({filter, updateFilterValue, onPressEnter}: IFilterInputProps) => JSX.Element;
 export default TextFilter;

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/TextFilter/TextFilter.js

@@ -1,23 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { Input } from 'antd';
+import {Input} from 'antd';
 import styled from 'styled-components';
-import { themeVars } from '../../../../../../antdTheme';
-const Text = styled(Input.TextArea) `
+import {themeVars} from '../../../../../../antdTheme';
+const Text = styled(Input.TextArea)`
     background: ${themeVars.defaultBg} 0% 0% no-repeat padding-box;
     border: 1px solid ${themeVars.borderColor};
     border-radius: 3px;
 `;
 const MAX_INPUT_ROWS = 5;
-const TextFilter = ({ filter, updateFilterValue, onPressEnter }) => {
-    const _handleChange = (event) => {
+const TextFilter = ({filter, updateFilterValue, onPressEnter}) => {
+    const _handleChange = event => {
         var _a;
         const newValue = ((_a = event.target.value) !== null && _a !== void 0 ? _a : '').toString();
-        updateFilterValue(Object.assign(Object.assign({}, filter.value), { value: newValue }));
+        updateFilterValue(Object.assign(Object.assign({}, filter.value), {value: newValue}));
     };
-    const _handlePressEnter = (e) => {
+    const _handlePressEnter = e => {
         // If holding shift key, keep normal behavior (ie. insert new line)
         if (e.shiftKey) {
             return;
@@ -29,7 +29,14 @@ const TextFilter = ({ filter, updateFilterValue, onPressEnter }) => {
     const value = filter.value.value ? String(filter.value.value) : null;
     const textRows = value ? value.split('\n').length : 1;
     const inputRows = textRows <= MAX_INPUT_ROWS ? textRows : MAX_INPUT_ROWS;
-    return (_jsx(Text, { disabled: !filter.active, rows: inputRows, value: value, onChange: _handleChange, onPressEnter: _handlePressEnter, "data-testid": "filter-textarea" }));
+    return _jsx(Text, {
+        disabled: !filter.active,
+        rows: inputRows,
+        value: value,
+        onChange: _handleChange,
+        onPressEnter: _handlePressEnter,
+        'data-testid': 'filter-textarea'
+    });
 };
 export default TextFilter;
-//# sourceMappingURL=TextFilter.js.map
+//# sourceMappingURL=TextFilter.js.map

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/TextFilter/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import TextFilter from './TextFilter';
 export default TextFilter;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import Filter from './Filter';
 export default Filter;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/LibraryItemsList/FiltersPanel/FilterDropdownButton/FilterDropdownButton.d.ts

@@ -1,8 +1,8 @@
-import { ButtonProps } from 'antd';
-import { ReactNode } from 'react';
+import {ButtonProps} from 'antd';
+import {ReactNode} from 'react';
 interface IFilterDropdownButtonProps extends ButtonProps {
     children?: ReactNode;
     secondary?: boolean;
 }
-declare function FilterDropdownButton({ children, secondary, ...buttonProps }: IFilterDropdownButtonProps): JSX.Element;
+declare function FilterDropdownButton({children, secondary, ...buttonProps}: IFilterDropdownButtonProps): JSX.Element;
 export default FilterDropdownButton;

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

@@ -1,23 +1,43 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
+var __rest =
+    (this && this.__rest) ||
+    function (s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === 'function')
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+            }
+        return t;
+    };
+import {jsx as _jsx} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { DownOutlined } from '@ant-design/icons';
-import { Button, Typography } from 'antd';
+import {DownOutlined} from '@ant-design/icons';
+import {Button, Typography} from 'antd';
 function FilterDropdownButton(_a) {
-    var { children, secondary = false } = _a, buttonProps = __rest(_a, ["children", "secondary"]);
-    return (_jsx(Button, Object.assign({ icon: _jsx(DownOutlined, {}), type: "text", style: { minWidth: '50%', padding: '0 .5em' } }, buttonProps, { children: _jsx(Typography.Text, Object.assign({ ellipsis: { tooltip: true }, type: secondary ? 'secondary' : null, style: { width: 'calc(100% - 1em)' } }, { children: children })) })));
+    var {children, secondary = false} = _a,
+        buttonProps = __rest(_a, ['children', 'secondary']);
+    return _jsx(
+        Button,
+        Object.assign(
+            {icon: _jsx(DownOutlined, {}), type: 'text', style: {minWidth: '50%', padding: '0 .5em'}},
+            buttonProps,
+            {
+                children: _jsx(
+                    Typography.Text,
+                    Object.assign(
+                        {
+                            ellipsis: {tooltip: true},
+                            type: secondary ? 'secondary' : null,
+                            style: {width: 'calc(100% - 1em)'}
+                        },
+                        {children: children}
+                    )
+                )
+            }
+        )
+    );
 }
 export default FilterDropdownButton;
-//# sourceMappingURL=FilterDropdownButton.js.map
+//# sourceMappingURL=FilterDropdownButton.js.map

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

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import FilterDropdownButton from './FilterDropdownButton';
 export default FilterDropdownButton;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/LibraryItemsList/FiltersPanel/FilterTreeCondition/FilterTreeCondition.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { IFilterTree } from '../../../../types/search';
+import {IFilterTree} from '../../../../types/search';
 interface IFilterTreeConditionProps {
     filter: IFilterTree;
 }
-declare const FilterTreeCondition: ({ filter }: IFilterTreeConditionProps) => JSX.Element;
+declare const FilterTreeCondition: ({filter}: IFilterTreeConditionProps) => JSX.Element;
 export default FilterTreeCondition;