@leav/ui 0.2.6 → 0.2.8

package/dist/components/LibraryItemsList/DisplayOptions/DisplayOptions.js

@@ -1,17 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {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 { AppstoreFilled, DownOutlined, MenuOutlined } from '@ant-design/icons';
-import { Button, Dropdown } from 'antd';
-import { useState } from 'react';
+import {AppstoreFilled, DownOutlined, MenuOutlined} from '@ant-design/icons';
+import {Button, Dropdown} from 'antd';
+import {useState} from 'react';
 import styled from 'styled-components';
 import useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
-import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-import { ViewSizes, ViewTypes } from '../../../_gqlTypes';
+import {SearchActionTypes} from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import {useSharedTranslation} from '../../../hooks/useSharedTranslation';
+import {ViewSizes, ViewTypes} from '../../../_gqlTypes';
 import IconViewType from '../IconViewType';
-const DisplaySizeWrapper = styled.div `
+const DisplaySizeWrapper = styled.div`
     display: flex;
     justify-content: space-between;
 
@@ -20,8 +20,8 @@ const DisplaySizeWrapper = styled.div `
     }
 `;
 function DisplayOptions() {
-    const { t } = useSharedTranslation();
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const {t} = useSharedTranslation();
+    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();
     const [visible, setVisible] = useState(false);
     const sizes = {
         [ViewSizes.SMALL]: t('items_list.display.small'),
@@ -30,31 +30,59 @@ function DisplayOptions() {
     };
     let SizeAction;
     (function (SizeAction) {
-        SizeAction["LESS"] = "LESS";
-        SizeAction["MORE"] = "MORE";
+        SizeAction['LESS'] = 'LESS';
+        SizeAction['MORE'] = 'MORE';
     })(SizeAction || (SizeAction = {}));
-    const _handleChangeType = (type) => {
+    const _handleChangeType = type => {
         searchDispatch({
             type: SearchActionTypes.SET_DISPLAY,
-            display: { type, size: searchState.display.size }
+            display: {type, size: searchState.display.size}
         });
     };
-    const _handleChangeSize = (action) => {
+    const _handleChangeSize = action => {
         let idx = Object.keys(sizes).indexOf(searchState.display.size);
         idx = action === SizeAction.LESS ? idx - 1 : idx + 1;
         idx = idx < 0 ? 0 : idx > 2 ? 2 : idx;
         searchDispatch({
             type: SearchActionTypes.SET_DISPLAY,
-            display: { type: searchState.display.type, size: ViewSizes[Object.keys(sizes)[idx]] }
+            display: {type: searchState.display.type, size: ViewSizes[Object.keys(sizes)[idx]]}
         });
     };
     const _handleOpenChange = () => setVisible(!visible);
     const menu = {
-        style: { minWidth: '11em' },
+        style: {minWidth: '11em'},
         items: [
             {
                 key: 'display_size',
-                label: (_jsxs(DisplaySizeWrapper, { children: [_jsx(Button, Object.assign({ shape: "circle", disabled: searchState.display.size === ViewSizes.SMALL, onClick: () => _handleChangeSize(SizeAction.LESS), size: "small" }, { children: "-" })), ` ${sizes[searchState.display.size]} `, _jsx(Button, Object.assign({ shape: "circle", disabled: searchState.display.size === ViewSizes.BIG, onClick: () => _handleChangeSize(SizeAction.MORE), size: "small" }, { children: "+" }))] }))
+                label: _jsxs(DisplaySizeWrapper, {
+                    children: [
+                        _jsx(
+                            Button,
+                            Object.assign(
+                                {
+                                    shape: 'circle',
+                                    disabled: searchState.display.size === ViewSizes.SMALL,
+                                    onClick: () => _handleChangeSize(SizeAction.LESS),
+                                    size: 'small'
+                                },
+                                {children: '-'}
+                            )
+                        ),
+                        ` ${sizes[searchState.display.size]} `,
+                        _jsx(
+                            Button,
+                            Object.assign(
+                                {
+                                    shape: 'circle',
+                                    disabled: searchState.display.size === ViewSizes.BIG,
+                                    onClick: () => _handleChangeSize(SizeAction.MORE),
+                                    size: 'small'
+                                },
+                                {children: '+'}
+                            )
+                        )
+                    ]
+                })
             },
             {
                 type: 'divider',
@@ -74,7 +102,17 @@ function DisplayOptions() {
             }
         ]
     };
-    return (_jsx(Dropdown, Object.assign({ open: visible, onOpenChange: _handleOpenChange, trigger: ['click'], placement: "bottomRight", menu: menu }, { children: _jsxs(Button, { children: [_jsx(IconViewType, { type: searchState.display.type }), _jsx(DownOutlined, {})] }) })));
+    return _jsx(
+        Dropdown,
+        Object.assign(
+            {open: visible, onOpenChange: _handleOpenChange, trigger: ['click'], placement: 'bottomRight', menu: menu},
+            {
+                children: _jsxs(Button, {
+                    children: [_jsx(IconViewType, {type: searchState.display.type}), _jsx(DownOutlined, {})]
+                })
+            }
+        )
+    );
 }
 export default DisplayOptions;
-//# sourceMappingURL=DisplayOptions.js.map
+//# sourceMappingURL=DisplayOptions.js.map

package/dist/components/LibraryItemsList/DisplayOptions/index.js

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

package/dist/components/LibraryItemsList/DisplayTypeSelector/DisplayTypeSelector.js

@@ -1,22 +1,22 @@
-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 useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { ViewTypes } from '../../../_gqlTypes';
+import {ViewTypes} from '../../../_gqlTypes';
 import Table from '../LibraryItemsListTable';
 import TileDisplay from '../TileDisplay';
 function DisplayTypeSelector() {
-    const { state: searchState } = useSearchReducer();
+    const {state: searchState} = useSearchReducer();
     switch (searchState.display.type) {
         case ViewTypes.list:
             return _jsx(Table, {});
         case ViewTypes.timeline:
-            return _jsx("div", { children: "Not supported yet" });
+            return _jsx('div', {children: 'Not supported yet'});
         case ViewTypes.cards:
         default:
             return _jsx(TileDisplay, {});
     }
 }
 export default DisplayTypeSelector;
-//# sourceMappingURL=DisplayTypeSelector.js.map
+//# sourceMappingURL=DisplayTypeSelector.js.map

package/dist/components/LibraryItemsList/DisplayTypeSelector/index.js

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

package/dist/components/LibraryItemsList/FiltersDropdown/FiltersDropdown.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
-import { IFilter } from '../../../types/search';
-import { ILibraryDetailExtendedAttribute, ILibraryDetailExtendedAttributeParentLinkedTree, ILibraryDetailExtendedLinkedTree } from '../../../_queries/libraries/getLibraryDetailExtendQuery';
+import {IFilter} from '../../../types/search';
+import {
+    ILibraryDetailExtendedAttribute,
+    ILibraryDetailExtendedAttributeParentLinkedTree,
+    ILibraryDetailExtendedLinkedTree
+} from '../../../_queries/libraries/getLibraryDetailExtendQuery';
 interface IFiltersDropdownProps {
     libraryId: string;
     button: JSX.Element;
@@ -10,5 +14,12 @@ interface IFiltersDropdownProps {
     disabled?: boolean;
     filter?: IFilter;
 }
-declare function FiltersDropdown({ libraryId, button, attributes, libraries, trees, filter }: IFiltersDropdownProps): JSX.Element;
+declare function FiltersDropdown({
+    libraryId,
+    button,
+    attributes,
+    libraries,
+    trees,
+    filter
+}: IFiltersDropdownProps): JSX.Element;
 export default FiltersDropdown;

package/dist/components/LibraryItemsList/FiltersDropdown/FiltersDropdown.js

@@ -1,22 +1,28 @@
-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 { BranchesOutlined, NumberOutlined } from '@ant-design/icons';
-import { isTypeLink, localizedTranslation } from '@leav/utils';
-import { Badge, Dropdown, Input, Menu } from 'antd';
-import { useState } from 'react';
+import {BranchesOutlined, NumberOutlined} from '@ant-design/icons';
+import {isTypeLink, localizedTranslation} from '@leav/utils';
+import {Badge, Dropdown, Input, Menu} from 'antd';
+import {useState} from 'react';
 import styled from 'styled-components';
 import useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
-import { useLang } from '../../../hooks';
-import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-import { AttributeConditionFilter, FilterType, SidebarContentType, ThroughConditionFilter, TreeConditionFilter } from '../../../types/search';
-import { AttributeType } from '../../../_gqlTypes';
-import { defaultLinkAttributeFilterFormat } from '../constants';
-import { getDefaultFilterValueByFormat } from '../FiltersPanel/Filter/Filter';
-import { defaultFilterConditionByAttributeFormat } from '../helpers/defaultFilterConditionByAttributeFormat';
-const CustomMenu = styled(Menu) `
+import {SearchActionTypes} from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import {useLang} from '../../../hooks';
+import {useSharedTranslation} from '../../../hooks/useSharedTranslation';
+import {
+    AttributeConditionFilter,
+    FilterType,
+    SidebarContentType,
+    ThroughConditionFilter,
+    TreeConditionFilter
+} from '../../../types/search';
+import {AttributeType} from '../../../_gqlTypes';
+import {defaultLinkAttributeFilterFormat} from '../constants';
+import {getDefaultFilterValueByFormat} from '../FiltersPanel/Filter/Filter';
+import {defaultFilterConditionByAttributeFormat} from '../helpers/defaultFilterConditionByAttributeFormat';
+const CustomMenu = styled(Menu)`
     & .elements-wrapper {
         max-height: 75vh;
         overflow-y: auto;
@@ -26,13 +32,13 @@ const CustomMenu = styled(Menu) `
         }
     }
 `;
-function FiltersDropdown({ libraryId, button, attributes, libraries, trees, filter }) {
-    const { t } = useSharedTranslation();
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
-    const { lang } = useLang();
+function FiltersDropdown({libraryId, button, attributes, libraries, trees, filter}) {
+    const {t} = useSharedTranslation();
+    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();
+    const {lang} = useLang();
     const [visible, setVisible] = useState(false);
     const [search, setSearch] = useState();
-    const getAttributeFilter = (attribute) => {
+    const getAttributeFilter = attribute => {
         var _a, _b, _c, _d, _e, _f;
         // we set the new filter key with the attribute id by default
         let key = attribute.id;
@@ -40,15 +46,29 @@ function FiltersDropdown({ libraryId, button, attributes, libraries, trees, filt
         // The key is a concatenation of parents attribute's id
         if (typeof (filter === null || filter === void 0 ? void 0 : filter.parentTreeLibrary) !== 'undefined') {
             key = `${filter === null || filter === void 0 ? void 0 : filter.parentTreeLibrary.key}.${attribute.id}`;
-        }
-        else if ((filter === null || filter === void 0 ? void 0 : filter.condition) === ThroughConditionFilter.THROUGH && filter.type === FilterType.LIBRARY) {
+        } else if (
+            (filter === null || filter === void 0 ? void 0 : filter.condition) === ThroughConditionFilter.THROUGH &&
+            filter.type === FilterType.LIBRARY
+        ) {
             key = `${filter.key}.${attribute.id}`;
-        }
-        else if ((filter === null || filter === void 0 ? void 0 : filter.condition) === ThroughConditionFilter.THROUGH) {
-            key = `${(_a = filter === null || filter === void 0 ? void 0 : filter.attribute) === null || _a === void 0 ? void 0 : _a.id}.${attribute.id}`;
-        }
-        else if ((_b = filter === null || filter === void 0 ? void 0 : filter.attribute) === null || _b === void 0 ? void 0 : _b.parentAttribute) {
-            key = `${(_c = filter === null || filter === void 0 ? void 0 : filter.attribute) === null || _c === void 0 ? void 0 : _c.parentAttribute.id}.${attribute.id}`;
+        } else if (
+            (filter === null || filter === void 0 ? void 0 : filter.condition) === ThroughConditionFilter.THROUGH
+        ) {
+            key = `${
+                (_a = filter === null || filter === void 0 ? void 0 : filter.attribute) === null || _a === void 0
+                    ? void 0
+                    : _a.id
+            }.${attribute.id}`;
+        } else if (
+            (_b = filter === null || filter === void 0 ? void 0 : filter.attribute) === null || _b === void 0
+                ? void 0
+                : _b.parentAttribute
+        ) {
+            key = `${
+                (_c = filter === null || filter === void 0 ? void 0 : filter.attribute) === null || _c === void 0
+                    ? void 0
+                    : _c.parentAttribute.id
+            }.${attribute.id}`;
         }
         const filterAttribute = {
             type: FilterType.ATTRIBUTE,
@@ -59,9 +79,10 @@ function FiltersDropdown({ libraryId, button, attributes, libraries, trees, filt
             attribute: {
                 id: attribute.id,
                 type: attribute.type,
-                format: isTypeLink(attribute.type) || attribute.type === AttributeType.tree
-                    ? defaultLinkAttributeFilterFormat
-                    : attribute.format,
+                format:
+                    isTypeLink(attribute.type) || attribute.type === AttributeType.tree
+                        ? defaultLinkAttributeFilterFormat
+                        : attribute.format,
                 label: attribute.label,
                 isLink: isTypeLink(attribute.type),
                 isMultiple: attribute.multiple_values,
@@ -70,67 +91,78 @@ function FiltersDropdown({ libraryId, button, attributes, libraries, trees, filt
                 library: ((_d = attribute.linked_library) === null || _d === void 0 ? void 0 : _d.id) || libraryId,
                 embedded_fields: attribute.embedded_fields
             },
-            value: { value: getDefaultFilterValueByFormat(attribute.format) }
+            value: {value: getDefaultFilterValueByFormat(attribute.format)}
         };
         // If filter's condition is a through condition it means current filter is a parent
         // so we set the parentAttribute field to current filter's attribute, otherwise it means
         // that the current filter is just a "brother" so we get the parent attribute of the current filter instead
         if ((filter === null || filter === void 0 ? void 0 : filter.condition) === ThroughConditionFilter.THROUGH) {
-            filterAttribute.attribute.parentAttribute = filter === null || filter === void 0 ? void 0 : filter.attribute;
-        }
-        else if ((_e = filter === null || filter === void 0 ? void 0 : filter.attribute) === null || _e === void 0 ? void 0 : _e.parentAttribute) {
-            filterAttribute.attribute.parentAttribute = (_f = filter === null || filter === void 0 ? void 0 : filter.attribute) === null || _f === void 0 ? void 0 : _f.parentAttribute;
+            filterAttribute.attribute.parentAttribute =
+                filter === null || filter === void 0 ? void 0 : filter.attribute;
+        } else if (
+            (_e = filter === null || filter === void 0 ? void 0 : filter.attribute) === null || _e === void 0
+                ? void 0
+                : _e.parentAttribute
+        ) {
+            filterAttribute.attribute.parentAttribute =
+                (_f = filter === null || filter === void 0 ? void 0 : filter.attribute) === null || _f === void 0
+                    ? void 0
+                    : _f.parentAttribute;
         }
         // When we chose an attribute through a tree attribute and a child library we have to set the parent tree library of the new filter
         // If current filter type is not library it means we just change the current filter attribute by another at the same level,
         // so the parent tree library is not as the first time, the filter itself, but the parentTreeLibrary of this one
         if ((filter === null || filter === void 0 ? void 0 : filter.type) === FilterType.LIBRARY) {
             filterAttribute.parentTreeLibrary = filter;
-        }
-        else if (typeof (filter === null || filter === void 0 ? void 0 : filter.parentTreeLibrary) !== 'undefined') {
-            filterAttribute.parentTreeLibrary = filter === null || filter === void 0 ? void 0 : filter.parentTreeLibrary;
+        } else if (typeof (filter === null || filter === void 0 ? void 0 : filter.parentTreeLibrary) !== 'undefined') {
+            filterAttribute.parentTreeLibrary =
+                filter === null || filter === void 0 ? void 0 : filter.parentTreeLibrary;
         }
         return filterAttribute;
     };
-    const getTreeFilter = (tree) => ({
+    const getTreeFilter = tree => ({
         type: FilterType.TREE,
         index: Date.now(),
         active: true,
         key: tree.id,
         condition: TreeConditionFilter[TreeConditionFilter.CLASSIFIED_IN],
         tree,
-        value: { value: null }
+        value: {value: null}
     });
-    const getLibraryFilter = (library) => {
+    const getLibraryFilter = library => {
         var _a, _b, _c;
         // If current filter's type is a LIBRARY type it means we just changed the child library
         // and not the parent attribute so we copy the current filter parent attribute
         // The key is a concatenation of parent attributes' and libraries' id
-        const key = (filter === null || filter === void 0 ? void 0 : filter.type) !== FilterType.LIBRARY
-            ? `${(_a = filter.attribute) === null || _a === void 0 ? void 0 : _a.id}.${library.id}`
-            : `${(_b = filter.parentAttribute) === null || _b === void 0 ? void 0 : _b.id}.${library.id}`;
+        const key =
+            (filter === null || filter === void 0 ? void 0 : filter.type) !== FilterType.LIBRARY
+                ? `${(_a = filter.attribute) === null || _a === void 0 ? void 0 : _a.id}.${library.id}`
+                : `${(_b = filter.parentAttribute) === null || _b === void 0 ? void 0 : _b.id}.${library.id}`;
         return {
             type: FilterType.LIBRARY,
             index: Date.now(),
             active: true,
             key,
-            condition: AttributeConditionFilter[defaultFilterConditionByAttributeFormat(defaultLinkAttributeFilterFormat)],
-            library: { id: library.id, label: library.label },
-            value: { value: getDefaultFilterValueByFormat(defaultLinkAttributeFilterFormat) },
-            parentAttribute: (filter === null || filter === void 0 ? void 0 : filter.condition) === ThroughConditionFilter.THROUGH
-                ? (_c = filter.attribute) !== null && _c !== void 0 ? _c : filter.parentAttribute
-                : filter.parentAttribute
+            condition:
+                AttributeConditionFilter[defaultFilterConditionByAttributeFormat(defaultLinkAttributeFilterFormat)],
+            library: {id: library.id, label: library.label},
+            value: {value: getDefaultFilterValueByFormat(defaultLinkAttributeFilterFormat)},
+            parentAttribute:
+                (filter === null || filter === void 0 ? void 0 : filter.condition) === ThroughConditionFilter.THROUGH
+                    ? (_c = filter.attribute) !== null && _c !== void 0
+                        ? _c
+                        : filter.parentAttribute
+                    : filter.parentAttribute
         };
     };
-    const addFilter = (newFilter) => {
+    const addFilter = newFilter => {
         const filters = [...searchState.filters];
         if (typeof filter !== 'undefined') {
             // we replace current filter
             const filterPos = searchState.filters.findIndex(f => f.index === filter.index);
-            filters.splice(filterPos, 1, Object.assign(Object.assign({}, newFilter), { index: filter.index }));
+            filters.splice(filterPos, 1, Object.assign(Object.assign({}, newFilter), {index: filter.index}));
             setVisible(false);
-        }
-        else {
+        } else {
             filters.push(newFilter);
         }
         searchDispatch({
@@ -144,11 +176,11 @@ function FiltersDropdown({ libraryId, button, attributes, libraries, trees, filt
         });
     };
     const _handleOpenChange = () => setVisible(!visible);
-    const _handleSearchChange = (e) => {
+    const _handleSearchChange = e => {
         setSearch(e.target.value);
     };
     const _translateLabel = function (el) {
-        return Object.assign(Object.assign({}, el), { localizedLabel: localizedTranslation(el.label, lang) || el.id });
+        return Object.assign(Object.assign({}, el), {localizedLabel: localizedTranslation(el.label, lang) || el.id});
     };
     const _filterBySearch = function (el) {
         const searchRegEx = new RegExp(`${search}`, 'i');
@@ -157,23 +189,31 @@ function FiltersDropdown({ libraryId, button, attributes, libraries, trees, filt
     const filteredTrees = trees.map(_translateLabel).filter(_filterBySearch);
     const filteredAttributes = attributes.map(_translateLabel).filter(_filterBySearch);
     const filteredLibraries = libraries
-        .map(lib => (Object.assign(Object.assign({}, lib), { library: _translateLabel(lib.library) })))
+        .map(lib => Object.assign(Object.assign({}, lib), {library: _translateLabel(lib.library)}))
         .filter(lib => _filterBySearch(lib.library));
     // to verify if a filter is used, we have to get the filter attribute/tree base id
     // and check if one of those is used in the list of filters depending on the filter type
-    const isFilterUsed = (id) => {
+    const isFilterUsed = id => {
         return searchState.filters.some(f => {
             var _a, _b, _c, _d, _e;
-            return ((f === null || f === void 0 ? void 0 : f.key) === id ||
-                ((_b = (_a = f.attribute) === null || _a === void 0 ? void 0 : _a.parentAttribute) === null || _b === void 0 ? void 0 : _b.id) === id ||
+            return (
+                (f === null || f === void 0 ? void 0 : f.key) === id ||
+                ((_b = (_a = f.attribute) === null || _a === void 0 ? void 0 : _a.parentAttribute) === null ||
+                _b === void 0
+                    ? void 0
+                    : _b.id) === id ||
                 ((_c = f.parentAttribute) === null || _c === void 0 ? void 0 : _c.id) === id ||
-                ((_e = (_d = f.parentTreeLibrary) === null || _d === void 0 ? void 0 : _d.parentAttribute) === null || _e === void 0 ? void 0 : _e.id) === id);
+                ((_e = (_d = f.parentTreeLibrary) === null || _d === void 0 ? void 0 : _d.parentAttribute) === null ||
+                _e === void 0
+                    ? void 0
+                    : _e.id) === id
+            );
         });
     };
     const menuItems = [
         {
             key: 'search',
-            label: _jsx(Input.Search, { placeholder: t('global.search'), onChange: _handleSearchChange })
+            label: _jsx(Input.Search, {placeholder: t('global.search'), onChange: _handleSearchChange})
         },
         {
             key: 'divider',
@@ -192,7 +232,9 @@ function FiltersDropdown({ libraryId, button, attributes, libraries, trees, filt
                     key: tree.id,
                     icon: _jsx(BranchesOutlined, {}),
                     onClick: () => addFilter(getTreeFilter(tree)),
-                    label: isFilterUsed(tree.id) ? (_jsx(Badge, { color: 'blue', text: tree.localizedLabel })) : (tree.localizedLabel)
+                    label: isFilterUsed(tree.id)
+                        ? _jsx(Badge, {color: 'blue', text: tree.localizedLabel})
+                        : tree.localizedLabel
                 }))
             }
         ];
@@ -208,7 +250,9 @@ function FiltersDropdown({ libraryId, button, attributes, libraries, trees, filt
                     key: attribute.id,
                     icon: _jsx(NumberOutlined, {}),
                     onClick: () => addFilter(getAttributeFilter(attribute)),
-                    label: isFilterUsed(attribute.id) ? (_jsx(Badge, { color: 'blue', text: attribute.localizedLabel })) : (attribute.localizedLabel)
+                    label: isFilterUsed(attribute.id)
+                        ? _jsx(Badge, {color: 'blue', text: attribute.localizedLabel})
+                        : attribute.localizedLabel
                 }))
             }
         ];
@@ -220,11 +264,13 @@ function FiltersDropdown({ libraryId, button, attributes, libraries, trees, filt
                 key: 'libraries-group',
                 type: 'group',
                 label: t('filters.libraries-group'),
-                children: filteredLibraries.map(({ library }) => ({
+                children: filteredLibraries.map(({library}) => ({
                     key: library.id,
                     icon: _jsx(NumberOutlined, {}),
                     onClick: () => addFilter(getLibraryFilter(library)),
-                    label: isFilterUsed(library.id) ? (_jsx(Badge, { color: 'blue', text: library.localizedLabel })) : (library.localizedLabel)
+                    label: isFilterUsed(library.id)
+                        ? _jsx(Badge, {color: 'blue', text: library.localizedLabel})
+                        : library.localizedLabel
                 }))
             }
         ];
@@ -235,10 +281,22 @@ function FiltersDropdown({ libraryId, button, attributes, libraries, trees, filt
         children: menuElements,
         label: null,
         className: 'elements-wrapper',
-        style: { maxHeight: '75vh', overflowY: 'auto' }
+        style: {maxHeight: '75vh', overflowY: 'auto'}
     });
-    const menu = { items: menuItems };
-    return (_jsx(Dropdown, Object.assign({ disabled: !!filter && !filter.active, open: visible, onOpenChange: _handleOpenChange, menu: menu, trigger: ['click'] }, { children: button })));
+    const menu = {items: menuItems};
+    return _jsx(
+        Dropdown,
+        Object.assign(
+            {
+                disabled: !!filter && !filter.active,
+                open: visible,
+                onOpenChange: _handleOpenChange,
+                menu: menu,
+                trigger: ['click']
+            },
+            {children: button}
+        )
+    );
 }
 export default FiltersDropdown;
-//# sourceMappingURL=FiltersDropdown.js.map
+//# sourceMappingURL=FiltersDropdown.js.map

package/dist/components/LibraryItemsList/FiltersDropdown/index.js

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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { DraggableProvidedDragHandleProps } from 'react-beautiful-dnd';
-import { IFilter } from '../../../../types/search';
-import { AttributeFormat } from '../../../../_gqlTypes';
+import {DraggableProvidedDragHandleProps} from 'react-beautiful-dnd';
+import {IFilter} from '../../../../types/search';
+import {AttributeFormat} from '../../../../_gqlTypes';
 export interface IFilterInputProps {
     filter: IFilter;
     updateFilterValue: (newFilterValue: IFilter['value']) => void;
@@ -12,5 +12,5 @@ interface IFilterProps {
     handleProps: DraggableProvidedDragHandleProps;
 }
 export declare const getDefaultFilterValueByFormat: (format: AttributeFormat) => boolean | string | number;
-declare function Filter({ filter, handleProps }: IFilterProps): JSX.Element;
+declare function Filter({filter, handleProps}: IFilterProps): JSX.Element;
 export default Filter;