@leav/ui 0.2.8 → 0.3.0

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,59 +30,31 @@ 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',
@@ -102,17 +74,7 @@ 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,10 +1,6 @@
 /// <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;
@@ -14,12 +10,5 @@ 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,28 +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 {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;
@@ -32,13 +26,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;
@@ -46,29 +40,15 @@ function FiltersDropdown({libraryId, button, attributes, libraries, trees, filte
         // 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,
@@ -79,10 +59,9 @@ function FiltersDropdown({libraryId, button, attributes, libraries, trees, filte
             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,
@@ -91,78 +70,67 @@ function FiltersDropdown({libraryId, button, attributes, libraries, trees, filte
                 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({
@@ -176,11 +144,11 @@ function FiltersDropdown({libraryId, button, attributes, libraries, trees, filte
         });
     };
     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');
@@ -189,31 +157,23 @@ function FiltersDropdown({libraryId, button, attributes, libraries, trees, filte
     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',
@@ -232,9 +192,7 @@ function FiltersDropdown({libraryId, button, attributes, libraries, trees, filte
                     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)
                 }))
             }
         ];
@@ -250,9 +208,7 @@ function FiltersDropdown({libraryId, button, attributes, libraries, trees, filte
                     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)
                 }))
             }
         ];
@@ -264,13 +220,11 @@ function FiltersDropdown({libraryId, button, attributes, libraries, trees, filte
                 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)
                 }))
             }
         ];
@@ -281,22 +235,10 @@ function FiltersDropdown({libraryId, button, attributes, libraries, trees, filte
         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;