@leav/ui 0.2.7 → 0.2.8

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

@@ -1,25 +1,30 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs} 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 { CloseCircleFilled, MoreOutlined } from '@ant-design/icons';
-import { localizedTranslation } from '@leav/utils';
-import { Button, Dropdown } from 'antd';
+import {CloseCircleFilled, MoreOutlined} from '@ant-design/icons';
+import {localizedTranslation} from '@leav/utils';
+import {Button, Dropdown} from 'antd';
 import moment from 'moment';
-import { useCallback, useState } from 'react';
+import {useCallback, useState} from 'react';
 import styled from 'styled-components';
-import { themeVars } from '../../../../antdTheme';
+import {themeVars} from '../../../../antdTheme';
 import DateBetweenFilter from '../../../../components/LibraryItemsList/FiltersPanel/Filter/FilterInput/DateBetweenFilter';
 import useSearchReducer from '../../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import {SearchActionTypes} from '../../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
 import SelectTreeNodeModal from '../../../../components/SelectTreeNodeModal';
-import { useLang } from '../../../../hooks';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { AttributeConditionFilter, FilterType, ThroughConditionFilter, TreeConditionFilter } from '../../../../types/search';
-import { AttributeFormat, AttributeType, RecordFilterCondition } from '../../../../_gqlTypes';
-import { formatNotUsingCondition } from '../../constants';
+import {useLang} from '../../../../hooks';
+import {useSharedTranslation} from '../../../../hooks/useSharedTranslation';
+import {
+    AttributeConditionFilter,
+    FilterType,
+    ThroughConditionFilter,
+    TreeConditionFilter
+} from '../../../../types/search';
+import {AttributeFormat, AttributeType, RecordFilterCondition} from '../../../../_gqlTypes';
+import {formatNotUsingCondition} from '../../constants';
 import FiltersDropdown from '../../FiltersDropdown';
-import { defaultFilterConditionByAttributeFormat } from '../../helpers/defaultFilterConditionByAttributeFormat';
+import {defaultFilterConditionByAttributeFormat} from '../../helpers/defaultFilterConditionByAttributeFormat';
 import FilterDropdownButton from '../FilterDropdownButton';
 import FilterTreeCondition from '../FilterTreeCondition';
 import mustHideValue from '../mustHideValue';
@@ -27,7 +32,7 @@ import FilterAttributeCondition from './FilterAttributeCondition';
 import DateFilter from './FilterInput/DateFilter';
 import NumericFilter from './FilterInput/NumericFilter';
 import TextFilter from './FilterInput/TextFilter';
-const Wrapper = styled.div `
+const Wrapper = styled.div`
     background: ${themeVars.lightBg};
     padding: 8px 8px 8px 0px;
     border-radius: 3px;
@@ -36,8 +41,9 @@ const Wrapper = styled.div `
     margin-bottom: 8px;
     border: 2px solid transparent;
 
-    ${({ active }) => active
-    ? `
+    ${({active}) =>
+        active
+            ? `
         &:hover,
         &:active {
             border: 2px solid ${themeVars.primaryColor};
@@ -47,9 +53,9 @@ const Wrapper = styled.div `
             }
         }
     `
-    : 'opacity: .5;'}
+            : 'opacity: .5;'}
 `;
-const Handle = styled.div `
+const Handle = styled.div`
     content: '....';
     width: 20px;
     height: 30px;
@@ -69,19 +75,19 @@ const Handle = styled.div `
         content: '.. .. .. ..';
     }
 `;
-const Content = styled.div `
+const Content = styled.div`
     display: grid;
     grid-template-rows: ${p => (p.$hasParent ? 'auto auto 1fr' : 'auto 1fr')};
     row-gap: 8px;
 `;
-const Head = styled.div `
+const Head = styled.div`
     display: grid;
     grid-template-columns: 1fr 1.5rem;
     align-items: center;
     column-gap: 8px;
     min-width: 0;
 `;
-const HeadInfos = styled.div `
+const HeadInfos = styled.div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     justify-items: space-around;
@@ -94,7 +100,7 @@ const HeadInfos = styled.div `
 
     min-width: 0;
 `;
-const HeadOptions = styled.div `
+const HeadOptions = styled.div`
     display: grid;
     place-items: center;
     height: 32px;
@@ -103,11 +109,11 @@ const HeadOptions = styled.div `
     border: 1px solid ${themeVars.borderColor};
     border-radius: 3px;
 `;
-const ParentLabel = styled.div `
+const ParentLabel = styled.div`
     display: flex;
     align-content: flex-start;
 `;
-const ClearParentButton = styled(Button) `
+const ClearParentButton = styled(Button)`
     && {
         border: none;
         color: ${themeVars.secondaryTextColor};
@@ -118,7 +124,7 @@ const ClearParentButton = styled(Button) `
         }
     }
 `;
-export const getDefaultFilterValueByFormat = (format) => {
+export const getDefaultFilterValueByFormat = format => {
     switch (format) {
         case AttributeFormat.boolean:
             return true;
@@ -128,11 +134,11 @@ export const getDefaultFilterValueByFormat = (format) => {
             return '';
     }
 };
-function Filter({ filter, handleProps }) {
+function Filter({filter, handleProps}) {
     var _a;
-    const { t } = useSharedTranslation();
-    const { lang } = useLang();
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const {t} = useSharedTranslation();
+    const {lang} = useLang();
+    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();
     const [showSelectTreeNodeModal, setShowSelectTreeNodeModal] = useState(false);
     const handleDelete = () => {
         searchDispatch({
@@ -140,10 +146,10 @@ function Filter({ filter, handleProps }) {
             filters: searchState.filters.filter(f => f.index !== filter.index)
         });
     };
-    const updateFilterValue = (newFilterValue) => {
+    const updateFilterValue = newFilterValue => {
         const newFilters = searchState.filters.map(f => {
             if (f.index === filter.index) {
-                return Object.assign(Object.assign({}, f), { value: newFilterValue });
+                return Object.assign(Object.assign({}, f), {value: newFilterValue});
             }
             return f;
         });
@@ -152,15 +158,15 @@ function Filter({ filter, handleProps }) {
             filters: newFilters
         });
     };
-    const _getValueFromNode = (node) => {
+    const _getValueFromNode = node => {
         return typeof node === 'undefined' || node.id === filter.tree.id
-            ? { value: null }
-            : { value: node.id, label: String(node.title) };
+            ? {value: null}
+            : {value: node.id, label: String(node.title)};
     };
     const toggleActiveStatus = () => {
         const newFilters = searchState.filters.map(f => {
             if (f.index === filter.index) {
-                return Object.assign(Object.assign({}, f), { active: !f.active });
+                return Object.assign(Object.assign({}, f), {active: !f.active});
             }
             return f;
         });
@@ -183,59 +189,98 @@ function Filter({ filter, handleProps }) {
             }
         ]
     };
-    const InputByFormat = useCallback((props) => {
-        var _a;
-        const showStandardCondition = props.filter.condition in AttributeConditionFilter &&
-            !(props.filter.condition in TreeConditionFilter) &&
-            !formatNotUsingCondition.find(format => { var _a; return format === ((_a = props.filter.attribute) === null || _a === void 0 ? void 0 : _a.format); });
-        const showTreeCondition = props.filter.condition in TreeConditionFilter;
-        if (showStandardCondition) {
-            if (mustHideValue(props.filter.condition)) {
-                return _jsx(_Fragment, {});
-            }
-            switch ((_a = props.filter.attribute) === null || _a === void 0 ? void 0 : _a.format) {
-                case AttributeFormat.date:
-                    return props.filter.condition === AttributeConditionFilter.BETWEEN ? (_jsx(DateBetweenFilter, Object.assign({}, props))) : (_jsx(DateFilter, Object.assign({}, props)));
-                case AttributeFormat.date_range:
-                    return _jsx(DateFilter, Object.assign({}, props));
-                case AttributeFormat.numeric:
-                    return _jsx(NumericFilter, Object.assign({}, props));
-                case AttributeFormat.text:
-                default:
-                    return _jsx(TextFilter, Object.assign({}, props));
+    const InputByFormat = useCallback(
+        props => {
+            var _a;
+            const showStandardCondition =
+                props.filter.condition in AttributeConditionFilter &&
+                !(props.filter.condition in TreeConditionFilter) &&
+                !formatNotUsingCondition.find(format => {
+                    var _a;
+                    return format === ((_a = props.filter.attribute) === null || _a === void 0 ? void 0 : _a.format);
+                });
+            const showTreeCondition = props.filter.condition in TreeConditionFilter;
+            if (showStandardCondition) {
+                if (mustHideValue(props.filter.condition)) {
+                    return _jsx(_Fragment, {});
+                }
+                switch ((_a = props.filter.attribute) === null || _a === void 0 ? void 0 : _a.format) {
+                    case AttributeFormat.date:
+                        return props.filter.condition === AttributeConditionFilter.BETWEEN
+                            ? _jsx(DateBetweenFilter, Object.assign({}, props))
+                            : _jsx(DateFilter, Object.assign({}, props));
+                    case AttributeFormat.date_range:
+                        return _jsx(DateFilter, Object.assign({}, props));
+                    case AttributeFormat.numeric:
+                        return _jsx(NumericFilter, Object.assign({}, props));
+                    case AttributeFormat.text:
+                    default:
+                        return _jsx(TextFilter, Object.assign({}, props));
+                }
+            } else if (showTreeCondition) {
+                return _jsx(
+                    Button,
+                    Object.assign(
+                        {disabled: !props.filter.active, onClick: () => setShowSelectTreeNodeModal(true)},
+                        {children: props.filter.value.label || t('global.select')}
+                    )
+                );
             }
-        }
-        else if (showTreeCondition) {
-            return (_jsx(Button, Object.assign({ disabled: !props.filter.active, onClick: () => setShowSelectTreeNodeModal(true) }, { children: props.filter.value.label || t('global.select') })));
-        }
-        return _jsx(_Fragment, {});
-    }, [t]);
-    const embeddedFieldsToAttribute = (embeddedFields) => {
+            return _jsx(_Fragment, {});
+        },
+        [t]
+    );
+    const embeddedFieldsToAttribute = embeddedFields => {
         return embeddedFields
-            ? embeddedFields.map(f => (Object.assign(Object.assign({}, f), { type: AttributeType.simple, multiple_values: undefined, linked_tree: undefined, system: false, readonly: false })))
+            ? embeddedFields.map(f =>
+                  Object.assign(Object.assign({}, f), {
+                      type: AttributeType.simple,
+                      multiple_values: undefined,
+                      linked_tree: undefined,
+                      system: false,
+                      readonly: false
+                  })
+              )
             : [];
     };
     const getAttributes = () => {
         var _a, _b, _c, _d, _e, _f;
         if (filter.type === FilterType.ATTRIBUTE) {
-            if (filter.condition === ThroughConditionFilter.THROUGH &&
-                ((_a = filter.attribute) === null || _a === void 0 ? void 0 : _a.format) === AttributeFormat.extended) {
+            if (
+                filter.condition === ThroughConditionFilter.THROUGH &&
+                ((_a = filter.attribute) === null || _a === void 0 ? void 0 : _a.format) === AttributeFormat.extended
+            ) {
                 return embeddedFieldsToAttribute(filter.attribute.embedded_fields);
             }
-            if (filter.condition === ThroughConditionFilter.THROUGH &&
-                typeof filter.attribute.linkedTree === 'undefined') {
+            if (
+                filter.condition === ThroughConditionFilter.THROUGH &&
+                typeof filter.attribute.linkedTree === 'undefined'
+            ) {
                 return (_b = filter.attribute.linkedLibrary) === null || _b === void 0 ? void 0 : _b.attributes;
             }
             if (typeof filter.attribute.parentAttribute !== 'undefined') {
-                return (((_d = (_c = filter.attribute.parentAttribute) === null || _c === void 0 ? void 0 : _c.linkedLibrary) === null || _d === void 0 ? void 0 : _d.attributes) ||
-                    embeddedFieldsToAttribute((_e = filter.attribute.parentAttribute) === null || _e === void 0 ? void 0 : _e.embedded_fields));
+                return (
+                    ((_d =
+                        (_c = filter.attribute.parentAttribute) === null || _c === void 0
+                            ? void 0
+                            : _c.linkedLibrary) === null || _d === void 0
+                        ? void 0
+                        : _d.attributes) ||
+                    embeddedFieldsToAttribute(
+                        (_e = filter.attribute.parentAttribute) === null || _e === void 0 ? void 0 : _e.embedded_fields
+                    )
+                );
             }
             if (typeof filter.parentTreeLibrary !== 'undefined') {
-                const lib = filter.parentTreeLibrary.parentAttribute.linkedTree.libraries.find(l => l.library.id === filter.parentTreeLibrary.library.id);
+                const lib = filter.parentTreeLibrary.parentAttribute.linkedTree.libraries.find(
+                    l => l.library.id === filter.parentTreeLibrary.library.id
+                );
                 return lib.library.attributes;
             }
-            if (typeof filter.attribute.linkedTree !== 'undefined' &&
-                filter.condition === ThroughConditionFilter.THROUGH) {
+            if (
+                typeof filter.attribute.linkedTree !== 'undefined' &&
+                filter.condition === ThroughConditionFilter.THROUGH
+            ) {
                 return [];
             }
         }
@@ -244,7 +289,10 @@ function Filter({ filter, handleProps }) {
                 return [];
             }
             if (filter.condition === ThroughConditionFilter.THROUGH) {
-                const lib = (_f = filter.parentAttribute.linkedTree) === null || _f === void 0 ? void 0 : _f.libraries.find(l => l.library.id === filter.library.id);
+                const lib =
+                    (_f = filter.parentAttribute.linkedTree) === null || _f === void 0
+                        ? void 0
+                        : _f.libraries.find(l => l.library.id === filter.library.id);
                 return lib.library.attributes;
             }
         }
@@ -256,19 +304,23 @@ function Filter({ filter, handleProps }) {
         if (filter.type === FilterType.LIBRARY) {
             return (_a = filter.parentAttribute.linkedTree) === null || _a === void 0 ? void 0 : _a.libraries;
         }
-        if (filter.type === FilterType.ATTRIBUTE &&
+        if (
+            filter.type === FilterType.ATTRIBUTE &&
             typeof filter.attribute.linkedTree !== 'undefined' &&
-            filter.condition === ThroughConditionFilter.THROUGH) {
+            filter.condition === ThroughConditionFilter.THROUGH
+        ) {
             return (_b = filter.attribute.linkedTree) === null || _b === void 0 ? void 0 : _b.libraries;
         }
         return [];
     };
     const getTrees = () => {
-        if (filter.type === FilterType.TREE ||
+        if (
+            filter.type === FilterType.TREE ||
             (filter.condition !== ThroughConditionFilter.THROUGH &&
                 filter.type === FilterType.ATTRIBUTE &&
                 !filter.parentTreeLibrary &&
-                !filter.attribute.parentAttribute)) {
+                !filter.attribute.parentAttribute)
+        ) {
             return searchState.trees;
         }
         return [];
@@ -276,11 +328,13 @@ function Filter({ filter, handleProps }) {
     const _handleResetClick = () => {
         var _a;
         const filters = [...searchState.filters];
-        const parentAttribute = filter.type === FilterType.ATTRIBUTE &&
-            typeof filter.parentTreeLibrary !== 'undefined'
-            ? filter.parentTreeLibrary.parentAttribute
-            : filter.type === FilterType.ATTRIBUTE
-                ? (_a = filter.attribute.parentAttribute) !== null && _a !== void 0 ? _a : filter.attribute
+        const parentAttribute =
+            filter.type === FilterType.ATTRIBUTE && typeof filter.parentTreeLibrary !== 'undefined'
+                ? filter.parentTreeLibrary.parentAttribute
+                : filter.type === FilterType.ATTRIBUTE
+                ? (_a = filter.attribute.parentAttribute) !== null && _a !== void 0
+                    ? _a
+                    : filter.attribute
                 : filter.parentAttribute;
         const newFilter = {
             type: FilterType.ATTRIBUTE,
@@ -306,35 +360,158 @@ function Filter({ filter, handleProps }) {
             return `${t('global.select')}...`;
         }
         if (filter.type === FilterType.ATTRIBUTE) {
-            return (localizedTranslation((_a = filter.attribute) === null || _a === void 0 ? void 0 : _a.label, lang) ||
-                ((_b = filter.attribute) === null || _b === void 0 ? void 0 : _b.id));
-        }
-        else if (filter.type === FilterType.TREE) {
+            return (
+                localizedTranslation((_a = filter.attribute) === null || _a === void 0 ? void 0 : _a.label, lang) ||
+                ((_b = filter.attribute) === null || _b === void 0 ? void 0 : _b.id)
+            );
+        } else if (filter.type === FilterType.TREE) {
             return localizedTranslation(filter.tree.label, lang) || filter.tree.id;
         }
-        return (localizedTranslation(filter.library.label, lang) ||
-            filter.library.id);
+        return localizedTranslation(filter.library.label, lang) || filter.library.id;
     };
     const getParentLabel = () => {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        return (localizedTranslation(filter.condition === ThroughConditionFilter.THROUGH
-            ? (_a = filter.attribute) === null || _a === void 0 ? void 0 : _a.label
-            : ((_c = (_b = filter.attribute) === null || _b === void 0 ? void 0 : _b.parentAttribute) === null || _c === void 0 ? void 0 : _c.label) ||
-                ((_d = filter.parentAttribute) === null || _d === void 0 ? void 0 : _d.label), lang) ||
-            `${localizedTranslation(filter.condition === ThroughConditionFilter.THROUGH
-                ? (_e = filter.parentAttribute) === null || _e === void 0 ? void 0 : _e.label
-                : (_g = (_f = filter.parentTreeLibrary) === null || _f === void 0 ? void 0 : _f.parentAttribute) === null || _g === void 0 ? void 0 : _g.label, lang)} > ${localizedTranslation(filter.condition === ThroughConditionFilter.THROUGH
-                ? filter === null || filter === void 0 ? void 0 : filter.library.label
-                : (_h = filter.parentTreeLibrary) === null || _h === void 0 ? void 0 : _h.library.label, lang)} `);
+        return (
+            localizedTranslation(
+                filter.condition === ThroughConditionFilter.THROUGH
+                    ? (_a = filter.attribute) === null || _a === void 0
+                        ? void 0
+                        : _a.label
+                    : ((_c = (_b = filter.attribute) === null || _b === void 0 ? void 0 : _b.parentAttribute) ===
+                          null || _c === void 0
+                          ? void 0
+                          : _c.label) || ((_d = filter.parentAttribute) === null || _d === void 0 ? void 0 : _d.label),
+                lang
+            ) ||
+            `${localizedTranslation(
+                filter.condition === ThroughConditionFilter.THROUGH
+                    ? (_e = filter.parentAttribute) === null || _e === void 0
+                        ? void 0
+                        : _e.label
+                    : (_g = (_f = filter.parentTreeLibrary) === null || _f === void 0 ? void 0 : _f.parentAttribute) ===
+                          null || _g === void 0
+                    ? void 0
+                    : _g.label,
+                lang
+            )} > ${localizedTranslation(
+                filter.condition === ThroughConditionFilter.THROUGH
+                    ? filter === null || filter === void 0
+                        ? void 0
+                        : filter.library.label
+                    : (_h = filter.parentTreeLibrary) === null || _h === void 0
+                    ? void 0
+                    : _h.library.label,
+                lang
+            )} `
+        );
     };
-    const hasParent = !!(filter.condition === ThroughConditionFilter.THROUGH ||
+    const hasParent = !!(
+        filter.condition === ThroughConditionFilter.THROUGH ||
         !!((_a = filter.attribute) === null || _a === void 0 ? void 0 : _a.parentAttribute) ||
         filter.parentTreeLibrary ||
-        filter.type === FilterType.LIBRARY);
+        filter.type === FilterType.LIBRARY
+    );
     const _handlePressEnter = () => {
-        searchDispatch({ type: SearchActionTypes.APPLY_FILTERS });
+        searchDispatch({type: SearchActionTypes.APPLY_FILTERS});
     };
-    return (_jsxs(_Fragment, { children: [showSelectTreeNodeModal && (_jsx(SelectTreeNodeModal, { selectedNodeKey: filter.value.value || filter.tree.id, tree: filter.tree, onSubmit: node => updateFilterValue(_getValueFromNode(node)), onClose: () => setShowSelectTreeNodeModal(false), visible: showSelectTreeNodeModal, canSelectRoot: true })), _jsxs(Wrapper, Object.assign({ "data-testid": "filter", active: filter.active }, { children: [_jsx(Handle, Object.assign({ className: "filter-handle" }, handleProps)), _jsxs(Content, Object.assign({ "$hasParent": hasParent }, { children: [hasParent && (_jsxs(ParentLabel, { children: [_jsxs("span", { children: [t('filters.through'), ":\u00A0"] }), _jsx("span", { children: getParentLabel() }), _jsx(ClearParentButton, { disabled: !filter.active, size: "small", onClick: _handleResetClick, shape: "circle", icon: _jsx(CloseCircleFilled, {}) })] })), _jsxs(Head, { children: [_jsxs(HeadInfos, { children: [_jsx(FiltersDropdown, { libraryId: searchState.library.id, button: _jsx(FilterDropdownButton, Object.assign({ secondary: filter.condition === ThroughConditionFilter.THROUGH }, { children: getDropdownLabel() })), filter: filter, attributes: getAttributes(), libraries: getLibraries(), trees: getTrees() }), (filter.type === FilterType.ATTRIBUTE || filter.type === FilterType.LIBRARY) && (_jsx(FilterAttributeCondition, { filter: filter, updateFilterValue: updateFilterValue })), filter.type === FilterType.TREE && _jsx(FilterTreeCondition, { filter: filter })] }), _jsx(Dropdown, Object.assign({ menu: filterOptions, placement: "bottomRight" }, { children: _jsx(HeadOptions, { children: _jsx(MoreOutlined, {}) }) }))] }), _jsx(InputByFormat, { filter: filter, updateFilterValue: updateFilterValue, onPressEnter: _handlePressEnter })] }))] }))] }));
+    return _jsxs(_Fragment, {
+        children: [
+            showSelectTreeNodeModal &&
+                _jsx(SelectTreeNodeModal, {
+                    selectedNodeKey: filter.value.value || filter.tree.id,
+                    tree: filter.tree,
+                    onSubmit: node => updateFilterValue(_getValueFromNode(node)),
+                    onClose: () => setShowSelectTreeNodeModal(false),
+                    visible: showSelectTreeNodeModal,
+                    canSelectRoot: true
+                }),
+            _jsxs(
+                Wrapper,
+                Object.assign(
+                    {'data-testid': 'filter', active: filter.active},
+                    {
+                        children: [
+                            _jsx(Handle, Object.assign({className: 'filter-handle'}, handleProps)),
+                            _jsxs(
+                                Content,
+                                Object.assign(
+                                    {$hasParent: hasParent},
+                                    {
+                                        children: [
+                                            hasParent &&
+                                                _jsxs(ParentLabel, {
+                                                    children: [
+                                                        _jsxs('span', {children: [t('filters.through'), ':\u00A0']}),
+                                                        _jsx('span', {children: getParentLabel()}),
+                                                        _jsx(ClearParentButton, {
+                                                            disabled: !filter.active,
+                                                            size: 'small',
+                                                            onClick: _handleResetClick,
+                                                            shape: 'circle',
+                                                            icon: _jsx(CloseCircleFilled, {})
+                                                        })
+                                                    ]
+                                                }),
+                                            _jsxs(Head, {
+                                                children: [
+                                                    _jsxs(HeadInfos, {
+                                                        children: [
+                                                            _jsx(FiltersDropdown, {
+                                                                libraryId: searchState.library.id,
+                                                                button: _jsx(
+                                                                    FilterDropdownButton,
+                                                                    Object.assign(
+                                                                        {
+                                                                            secondary:
+                                                                                filter.condition ===
+                                                                                ThroughConditionFilter.THROUGH
+                                                                        },
+                                                                        {children: getDropdownLabel()}
+                                                                    )
+                                                                ),
+                                                                filter: filter,
+                                                                attributes: getAttributes(),
+                                                                libraries: getLibraries(),
+                                                                trees: getTrees()
+                                                            }),
+                                                            (filter.type === FilterType.ATTRIBUTE ||
+                                                                filter.type === FilterType.LIBRARY) &&
+                                                                _jsx(FilterAttributeCondition, {
+                                                                    filter: filter,
+                                                                    updateFilterValue: updateFilterValue
+                                                                }),
+                                                            filter.type === FilterType.TREE &&
+                                                                _jsx(FilterTreeCondition, {filter: filter})
+                                                        ]
+                                                    }),
+                                                    _jsx(
+                                                        Dropdown,
+                                                        Object.assign(
+                                                            {menu: filterOptions, placement: 'bottomRight'},
+                                                            {
+                                                                children: _jsx(HeadOptions, {
+                                                                    children: _jsx(MoreOutlined, {})
+                                                                })
+                                                            }
+                                                        )
+                                                    )
+                                                ]
+                                            }),
+                                            _jsx(InputByFormat, {
+                                                filter: filter,
+                                                updateFilterValue: updateFilterValue,
+                                                onPressEnter: _handlePressEnter
+                                            })
+                                        ]
+                                    }
+                                )
+                            )
+                        ]
+                    }
+                )
+            )
+        ]
+    });
 }
 export default Filter;
-//# sourceMappingURL=Filter.js.map
+//# sourceMappingURL=Filter.js.map

package/dist/components/LibraryItemsList/FiltersPanel/Filter/FilterAttributeCondition/FilterAttributeCondition.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { IFilterAttribute, IFilterLibrary } from '../../../../../types/search';
+import {IFilterAttribute, IFilterLibrary} from '../../../../../types/search';
 interface IFilterAttributeConditionProps {
     filter: IFilterAttribute | IFilterLibrary;
     updateFilterValue: (newValue: any) => void;
 }
-declare const FilterAttributeCondition: ({ filter, updateFilterValue }: IFilterAttributeConditionProps) => JSX.Element;
+declare const FilterAttributeCondition: ({filter, updateFilterValue}: IFilterAttributeConditionProps) => JSX.Element;
 export default FilterAttributeCondition;