@leav/ui 0.2.8 → 0.3.0

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

@@ -1,30 +1,25 @@
-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';
@@ -32,7 +27,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;
@@ -41,9 +36,8 @@ const Wrapper = styled.div`
     margin-bottom: 8px;
     border: 2px solid transparent;
 
-    ${({active}) =>
-        active
-            ? `
+    ${({ active }) => active
+    ? `
         &:hover,
         &:active {
             border: 2px solid ${themeVars.primaryColor};
@@ -53,9 +47,9 @@ const Wrapper = styled.div`
             }
         }
     `
-            : 'opacity: .5;'}
+    : 'opacity: .5;'}
 `;
-const Handle = styled.div`
+const Handle = styled.div `
     content: '....';
     width: 20px;
     height: 30px;
@@ -75,19 +69,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;
@@ -100,7 +94,7 @@ const HeadInfos = styled.div`
 
     min-width: 0;
 `;
-const HeadOptions = styled.div`
+const HeadOptions = styled.div `
     display: grid;
     place-items: center;
     height: 32px;
@@ -109,11 +103,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};
@@ -124,7 +118,7 @@ const ClearParentButton = styled(Button)`
         }
     }
 `;
-export const getDefaultFilterValueByFormat = format => {
+export const getDefaultFilterValueByFormat = (format) => {
     switch (format) {
         case AttributeFormat.boolean:
             return true;
@@ -134,11 +128,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({
@@ -146,10 +140,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;
         });
@@ -158,15 +152,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;
         });
@@ -189,98 +183,59 @@ 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));
-                }
-            } else if (showTreeCondition) {
-                return _jsx(
-                    Button,
-                    Object.assign(
-                        {disabled: !props.filter.active, onClick: () => setShowSelectTreeNodeModal(true)},
-                        {children: props.filter.value.label || t('global.select')}
-                    )
-                );
+    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));
             }
-            return _jsx(_Fragment, {});
-        },
-        [t]
-    );
-    const embeddedFieldsToAttribute = embeddedFields => {
+        }
+        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 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 [];
             }
         }
@@ -289,10 +244,7 @@ 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;
             }
         }
@@ -304,23 +256,19 @@ 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 [];
@@ -328,13 +276,11 @@ 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,
@@ -360,158 +306,35 @@ 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;