@leav/ui 1.8.0 → 1.9.0-0dfef3bb

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

@@ -1,229 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// 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 } from 'antd';
-import { useState } from 'react';
-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/filterUtils';
-import { defaultFilterConditionByAttributeFormat } from '../helpers/defaultFilterConditionByAttributeFormat';
-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) => {
-        // we set the new filter key with the attribute id by default
-        let key = attribute.id;
-        // If we replace a current filter, the filter key depends on filter type and whether it goes through parent attributes or not
-        // The key is a concatenation of parents attribute's id
-        if (typeof filter?.parentTreeLibrary !== 'undefined') {
-            key = `${filter?.parentTreeLibrary.key}.${attribute.id}`;
-        }
-        else if (filter?.condition === ThroughConditionFilter.THROUGH && filter.type === FilterType.LIBRARY) {
-            key = `${filter.key}.${attribute.id}`;
-        }
-        else if (filter?.condition === ThroughConditionFilter.THROUGH) {
-            key = `${filter?.attribute?.id}.${attribute.id}`;
-        }
-        else if (filter?.attribute?.parentAttribute) {
-            key = `${filter?.attribute?.parentAttribute.id}.${attribute.id}`;
-        }
-        const filterAttribute = {
-            type: FilterType.ATTRIBUTE,
-            index: Date.now(),
-            active: true,
-            key,
-            condition: AttributeConditionFilter[defaultFilterConditionByAttributeFormat(attribute.format)],
-            attribute: {
-                id: attribute.id,
-                type: attribute.type,
-                format: isTypeLink(attribute.type) || attribute.type === AttributeType.tree
-                    ? defaultLinkAttributeFilterFormat
-                    : attribute.format,
-                label: attribute.label,
-                isLink: isTypeLink(attribute.type),
-                isMultiple: attribute.multiple_values,
-                linkedLibrary: attribute.linked_library,
-                linkedTree: attribute.linked_tree,
-                library: attribute.linked_library?.id || libraryId,
-                embedded_fields: attribute.embedded_fields,
-            },
-            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?.condition === ThroughConditionFilter.THROUGH) {
-            filterAttribute.attribute.parentAttribute = filter?.attribute;
-        }
-        else if (filter?.attribute?.parentAttribute) {
-            filterAttribute.attribute.parentAttribute = filter?.attribute?.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?.type === FilterType.LIBRARY) {
-            filterAttribute.parentTreeLibrary = filter;
-        }
-        else if (typeof filter?.parentTreeLibrary !== 'undefined') {
-            filterAttribute.parentTreeLibrary = filter?.parentTreeLibrary;
-        }
-        return filterAttribute;
-    };
-    const getTreeFilter = (tree) => ({
-        type: FilterType.TREE,
-        index: Date.now(),
-        active: true,
-        key: tree.id,
-        condition: TreeConditionFilter[TreeConditionFilter.CLASSIFIED_IN],
-        tree,
-        value: { value: null },
-    });
-    const getLibraryFilter = (library) => {
-        // 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?.type !== FilterType.LIBRARY
-            ? `${filter.attribute?.id}.${library.id}`
-            : `${filter.parentAttribute?.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?.condition === ThroughConditionFilter.THROUGH
-                ? (filter.attribute ?? filter.parentAttribute)
-                : filter.parentAttribute,
-        };
-    };
-    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, { ...newFilter, index: filter.index });
-            setVisible(false);
-        }
-        else {
-            filters.push(newFilter);
-        }
-        searchDispatch({
-            type: SearchActionTypes.SET_FILTERS,
-            filters,
-        });
-        searchDispatch({
-            type: SearchActionTypes.SET_SIDEBAR,
-            visible: true,
-            sidebarType: SidebarContentType.FILTERS,
-        });
-    };
-    const _handleOpenChange = () => setVisible(!visible);
-    const _handleSearchChange = (e) => {
-        setSearch(e.target.value);
-    };
-    const _translateLabel = function (el) {
-        return {
-            ...el,
-            localizedLabel: localizedTranslation(el.label, lang) || el.id,
-        };
-    };
-    const _filterBySearch = function (el) {
-        const searchRegEx = new RegExp(`${search}`, 'i');
-        return !search || !!el.id.match(searchRegEx) || !!el.localizedLabel.match(searchRegEx);
-    };
-    const filteredTrees = trees.map(_translateLabel).filter(_filterBySearch);
-    const filteredAttributes = attributes.map(_translateLabel).filter(_filterBySearch);
-    const filteredLibraries = libraries
-        .map(lib => ({ ...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 isUIFilterUsed = (id) => searchState.filters.some(f => f?.key === id ||
-        f.attribute?.parentAttribute?.id === id ||
-        f.parentAttribute?.id === id ||
-        f.parentTreeLibrary?.parentAttribute?.id === id);
-    const menuItems = [
-        {
-            key: 'search',
-            label: _jsx(Input.Search, { placeholder: t('global.search'), onChange: _handleSearchChange }),
-        },
-        {
-            key: 'divider',
-            type: 'divider',
-        },
-    ];
-    let menuElements = [];
-    if (filteredTrees.length > 0) {
-        menuElements = [
-            ...menuElements,
-            {
-                key: 'trees-group',
-                type: 'group',
-                label: t('filters.trees-group'),
-                children: filteredTrees.map(tree => ({
-                    key: tree.id,
-                    icon: _jsx(BranchesOutlined, {}),
-                    onClick: () => addFilter(getTreeFilter(tree)),
-                    label: isUIFilterUsed(tree.id) ? (_jsx(Badge, { color: "blue", text: tree.localizedLabel })) : (tree.localizedLabel),
-                })),
-            },
-        ];
-    }
-    if (filteredAttributes.length > 0) {
-        menuElements = [
-            ...menuElements,
-            {
-                key: 'attributes-group',
-                type: 'group',
-                label: t('filters.attributes-group'),
-                children: filteredAttributes.map(attribute => ({
-                    key: attribute.id,
-                    icon: _jsx(NumberOutlined, {}),
-                    onClick: () => addFilter(getAttributeFilter(attribute)),
-                    label: isUIFilterUsed(attribute.id) ? (_jsx(Badge, { color: "blue", text: attribute.localizedLabel })) : (attribute.localizedLabel),
-                })),
-            },
-        ];
-    }
-    if (filteredLibraries.length > 0) {
-        menuElements = [
-            ...menuElements,
-            {
-                key: 'libraries-group',
-                type: 'group',
-                label: t('filters.libraries-group'),
-                children: filteredLibraries.map(({ library }) => ({
-                    key: library.id,
-                    icon: _jsx(NumberOutlined, {}),
-                    onClick: () => addFilter(getLibraryFilter(library)),
-                    label: isUIFilterUsed(library.id) ? (_jsx(Badge, { color: "blue", text: library.localizedLabel })) : (library.localizedLabel),
-                })),
-            },
-        ];
-    }
-    menuItems.push({
-        key: 'elements-wrapper',
-        type: 'group',
-        children: menuElements,
-        label: null,
-        className: 'elements-wrapper',
-        style: { maxHeight: '75vh', overflowY: 'auto' },
-    });
-    const menu = { items: menuItems };
-    return (_jsx(Dropdown, { disabled: !!filter && !filter.active, open: visible, onOpenChange: _handleOpenChange, menu: menu, trigger: ['click'], children: button }));
-}
-export default FiltersDropdown;
-//# sourceMappingURL=FiltersDropdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FiltersDropdown.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/FiltersDropdown/FiltersDropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {BranchesOutlined, NumberOutlined} from '@ant-design/icons';\nimport {isTypeLink, localizedTranslation} from '@leav/utils';\nimport {Badge, Dropdown, Input} from 'antd';\nimport {type ItemType} from 'antd/es/menu/interface';\nimport React, {useState} from 'react';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport {useLang} from '_ui/hooks';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type SystemTranslation} from '_ui/types/scalars';\nimport {\n    AttributeConditionFilter,\n    FilterType,\n    type IFilter,\n    type IFilterAttribute,\n    type IFilterLibrary,\n    type IFilterTree,\n    SidebarContentType,\n    ThroughConditionFilter,\n    TreeConditionFilter,\n} from '_ui/types/search';\nimport {AttributeType} from '_ui/_gqlTypes';\nimport {\n    type ILibraryDetailExtendedAttribute,\n    type ILibraryDetailExtendedAttributeChild,\n    type ILibraryDetailExtendedAttributeLink,\n    type ILibraryDetailExtendedAttributeParentLinkedTree,\n    type ILibraryDetailExtendedAttributeParentLinkedTreeLibrary,\n    type ILibraryDetailExtendedAttributeStandard,\n    type ILibraryDetailExtendedAttributeTree,\n    type ILibraryDetailExtendedLinkedTree,\n} from '_ui/_queries/libraries/getLibraryDetailExtendQuery';\nimport {defaultLinkAttributeFilterFormat} from '../constants';\nimport {getDefaultFilterValueByFormat} from '../FiltersPanel/Filter/filterUtils';\nimport {defaultFilterConditionByAttributeFormat} from '../helpers/defaultFilterConditionByAttributeFormat';\n\ninterface IFiltersDropdownProps {\n    libraryId: string;\n    button: JSX.Element;\n    attributes: ILibraryDetailExtendedAttribute[];\n    libraries: ILibraryDetailExtendedAttributeParentLinkedTree['libraries'];\n    trees: ILibraryDetailExtendedLinkedTree[];\n    disabled?: boolean;\n    filter?: IFilter; // if replace filter\n}\n\nfunction FiltersDropdown({\n    libraryId,\n    button,\n    attributes,\n    libraries,\n    trees,\n    filter,\n}: IFiltersDropdownProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n    const {lang} = useLang();\n    const [visible, setVisible] = useState<boolean>(false);\n    const [search, setSearch] = useState<string>();\n\n    const getAttributeFilter = (attribute: ILibraryDetailExtendedAttribute): IFilterAttribute => {\n        // we set the new filter key with the attribute id by default\n        let key = attribute.id;\n\n        // If we replace a current filter, the filter key depends on filter type and whether it goes through parent attributes or not\n        // The key is a concatenation of parents attribute's id\n        if (typeof (filter as IFilterAttribute)?.parentTreeLibrary !== 'undefined') {\n            key = `${(filter as IFilterAttribute)?.parentTreeLibrary.key}.${attribute.id}`;\n        } else if (filter?.condition === ThroughConditionFilter.THROUGH && filter.type === FilterType.LIBRARY) {\n            key = `${(filter as IFilterLibrary).key}.${attribute.id}`;\n        } else if (filter?.condition === ThroughConditionFilter.THROUGH) {\n            key = `${(filter as IFilterAttribute)?.attribute?.id}.${attribute.id}`;\n        } else if ((filter as IFilterAttribute)?.attribute?.parentAttribute) {\n            key = `${(filter as IFilterAttribute)?.attribute?.parentAttribute.id}.${attribute.id}`;\n        }\n\n        const filterAttribute: IFilterAttribute = {\n            type: FilterType.ATTRIBUTE,\n            index: Date.now(),\n            active: true,\n            key,\n            condition: AttributeConditionFilter[defaultFilterConditionByAttributeFormat(attribute.format)],\n            attribute: {\n                id: attribute.id,\n                type: attribute.type,\n                format:\n                    isTypeLink(attribute.type) || attribute.type === AttributeType.tree\n                        ? defaultLinkAttributeFilterFormat\n                        : attribute.format,\n                label: attribute.label,\n                isLink: isTypeLink(attribute.type),\n                isMultiple: attribute.multiple_values,\n                linkedLibrary: (attribute as ILibraryDetailExtendedAttributeLink).linked_library,\n                linkedTree: (attribute as ILibraryDetailExtendedAttributeTree).linked_tree,\n                library: (attribute as ILibraryDetailExtendedAttributeLink).linked_library?.id || libraryId,\n                embedded_fields: (attribute as ILibraryDetailExtendedAttributeStandard).embedded_fields,\n            },\n            value: {value: getDefaultFilterValueByFormat(attribute.format)},\n        };\n\n        // If filter's condition is a through condition it means current filter is a parent\n        // so we set the parentAttribute field to current filter's attribute, otherwise it means\n        // that the current filter is just a \"brother\" so we get the parent attribute of the current filter instead\n        if (filter?.condition === ThroughConditionFilter.THROUGH) {\n            filterAttribute.attribute.parentAttribute = (filter as IFilterAttribute)?.attribute;\n        } else if ((filter as IFilterAttribute)?.attribute?.parentAttribute) {\n            filterAttribute.attribute.parentAttribute = (filter as IFilterAttribute)?.attribute?.parentAttribute;\n        }\n\n        // 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\n        // If current filter type is not library it means we just change the current filter attribute by another at the same level,\n        // so the parent tree library is not as the first time, the filter itself, but the parentTreeLibrary of this one\n        if (filter?.type === FilterType.LIBRARY) {\n            filterAttribute.parentTreeLibrary = filter as IFilterLibrary;\n        } else if (typeof (filter as IFilterAttribute)?.parentTreeLibrary !== 'undefined') {\n            filterAttribute.parentTreeLibrary = (filter as IFilterAttribute)?.parentTreeLibrary;\n        }\n\n        return filterAttribute;\n    };\n\n    const getTreeFilter = (tree: ILibraryDetailExtendedLinkedTree): IFilterTree => ({\n        type: FilterType.TREE,\n        index: Date.now(),\n        active: true,\n        key: tree.id,\n        condition: TreeConditionFilter[TreeConditionFilter.CLASSIFIED_IN],\n        tree,\n        value: {value: null},\n    });\n\n    const getLibraryFilter = (library: {\n        id: string;\n        label: SystemTranslation;\n        attributes: ILibraryDetailExtendedAttributeChild[];\n    }): IFilterLibrary => {\n        // If current filter's type is a LIBRARY type it means we just changed the child library\n        // and not the parent attribute so we copy the current filter parent attribute\n        // The key is a concatenation of parent attributes' and libraries' id\n        const key =\n            filter?.type !== FilterType.LIBRARY\n                ? `${(filter as IFilterAttribute).attribute?.id}.${library.id}`\n                : `${(filter as IFilterLibrary).parentAttribute?.id}.${library.id}`;\n\n        return {\n            type: FilterType.LIBRARY,\n            index: Date.now(),\n            active: true,\n            key,\n            condition:\n                AttributeConditionFilter[defaultFilterConditionByAttributeFormat(defaultLinkAttributeFilterFormat)],\n            library: {id: library.id, label: library.label},\n            value: {value: getDefaultFilterValueByFormat(defaultLinkAttributeFilterFormat)},\n            parentAttribute:\n                filter?.condition === ThroughConditionFilter.THROUGH\n                    ? ((filter as IFilterAttribute).attribute ?? (filter as IFilterLibrary).parentAttribute)\n                    : (filter as IFilterLibrary).parentAttribute,\n        };\n    };\n\n    const addFilter = (newFilter: IFilter) => {\n        const filters = [...searchState.filters];\n\n        if (typeof filter !== 'undefined') {\n            // we replace current filter\n            const filterPos = searchState.filters.findIndex(f => f.index === filter.index);\n            filters.splice(filterPos, 1, {...newFilter, index: filter.index});\n            setVisible(false);\n        } else {\n            filters.push(newFilter);\n        }\n\n        searchDispatch({\n            type: SearchActionTypes.SET_FILTERS,\n            filters,\n        });\n\n        searchDispatch({\n            type: SearchActionTypes.SET_SIDEBAR,\n            visible: true,\n            sidebarType: SidebarContentType.FILTERS,\n        });\n    };\n\n    const _handleOpenChange = () => setVisible(!visible);\n\n    const _handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setSearch(e.target.value);\n    };\n\n    const _translateLabel = function <\n        T extends\n            | ILibraryDetailExtendedAttribute\n            | ILibraryDetailExtendedLinkedTree\n            | ILibraryDetailExtendedAttributeParentLinkedTreeLibrary,\n    >(el: T) {\n        return {\n            ...el,\n            localizedLabel: localizedTranslation(el.label, lang) || el.id,\n        };\n    };\n\n    const _filterBySearch = function (el: {id: string; localizedLabel: string}): boolean {\n        const searchRegEx = new RegExp(`${search}`, 'i');\n        return !search || !!el.id.match(searchRegEx) || !!el.localizedLabel.match(searchRegEx);\n    };\n\n    const filteredTrees = trees.map(_translateLabel).filter(_filterBySearch);\n    const filteredAttributes = attributes.map(_translateLabel).filter(_filterBySearch);\n    const filteredLibraries = libraries\n        .map(lib => ({...lib, library: _translateLabel(lib.library)}))\n        .filter(lib => _filterBySearch(lib.library));\n\n    // to verify if a filter is used, we have to get the filter attribute/tree base id\n    // and check if one of those is used in the list of filters depending on the filter type\n    const isUIFilterUsed = (id: string) =>\n        searchState.filters.some(\n            f =>\n                (f as IFilterTree)?.key === id ||\n                (f as IFilterAttribute).attribute?.parentAttribute?.id === id ||\n                (f as IFilterLibrary).parentAttribute?.id === id ||\n                (f as IFilterAttribute).parentTreeLibrary?.parentAttribute?.id === id,\n        );\n\n    const menuItems: ItemType[] = [\n        {\n            key: 'search',\n            label: <Input.Search placeholder={t('global.search')} onChange={_handleSearchChange} />,\n        },\n        {\n            key: 'divider',\n            type: 'divider',\n        },\n    ];\n\n    let menuElements = [];\n    if (filteredTrees.length > 0) {\n        menuElements = [\n            ...menuElements,\n            {\n                key: 'trees-group',\n                type: 'group',\n                label: t('filters.trees-group'),\n                children: filteredTrees.map(tree => ({\n                    key: tree.id,\n                    icon: <BranchesOutlined />,\n                    onClick: () => addFilter(getTreeFilter(tree)),\n                    label: isUIFilterUsed(tree.id) ? (\n                        <Badge color=\"blue\" text={tree.localizedLabel} />\n                    ) : (\n                        tree.localizedLabel\n                    ),\n                })),\n            },\n        ];\n    }\n\n    if (filteredAttributes.length > 0) {\n        menuElements = [\n            ...menuElements,\n            {\n                key: 'attributes-group',\n                type: 'group',\n                label: t('filters.attributes-group'),\n                children: filteredAttributes.map(attribute => ({\n                    key: attribute.id,\n                    icon: <NumberOutlined />,\n                    onClick: () => addFilter(getAttributeFilter(attribute)),\n                    label: isUIFilterUsed(attribute.id) ? (\n                        <Badge color=\"blue\" text={attribute.localizedLabel} />\n                    ) : (\n                        attribute.localizedLabel\n                    ),\n                })),\n            },\n        ];\n    }\n\n    if (filteredLibraries.length > 0) {\n        menuElements = [\n            ...menuElements,\n            {\n                key: 'libraries-group',\n                type: 'group',\n                label: t('filters.libraries-group'),\n                children: filteredLibraries.map(({library}) => ({\n                    key: library.id,\n                    icon: <NumberOutlined />,\n                    onClick: () => addFilter(getLibraryFilter(library)),\n                    label: isUIFilterUsed(library.id) ? (\n                        <Badge color=\"blue\" text={library.localizedLabel} />\n                    ) : (\n                        library.localizedLabel\n                    ),\n                })),\n            },\n        ];\n    }\n\n    menuItems.push({\n        key: 'elements-wrapper',\n        type: 'group',\n        children: menuElements,\n        label: null,\n        className: 'elements-wrapper',\n        style: {maxHeight: '75vh', overflowY: 'auto'},\n    });\n\n    const menu = {items: menuItems};\n\n    return (\n        <Dropdown\n            disabled={!!filter && !filter.active}\n            open={visible}\n            onOpenChange={_handleOpenChange}\n            menu={menu}\n            trigger={['click']}\n        >\n            {button}\n        </Dropdown>\n    );\n}\n\nexport default FiltersDropdown;\n"]}

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

@@ -1,2 +0,0 @@
-import FiltersDropdown from './FiltersDropdown';
-export default FiltersDropdown;

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

@@ -1,6 +0,0 @@
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import FiltersDropdown from './FiltersDropdown';
-export default FiltersDropdown;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/FiltersDropdown/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,eAAe,eAAe,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport FiltersDropdown from './FiltersDropdown';\n\nexport default FiltersDropdown;\n"]}

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

@@ -1,11 +0,0 @@
-import { type IFilter } from '../../../../types/search';
-export interface IFilterInputProps {
-    filter: IFilter;
-    updateFilterValue: (newFilterValue: IFilter['value']) => void;
-    onPressEnter?: () => void;
-}
-interface IFilterProps {
-    filter: IFilter;
-}
-declare function Filter({ filter }: IFilterProps): JSX.Element;
-export default Filter;

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

@@ -1,328 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// 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 { useCallback, useState } from 'react';
-import { CSS } from '@dnd-kit/utilities';
-import styled from 'styled-components';
-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 { SelectTreeNodeModalOld } from '../../../../components/SelectTreeNodeModalOld';
-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 FilterDropdownButton from '../FilterDropdownButton';
-import FilterTreeCondition from '../FilterTreeCondition';
-import mustHideValue from '../mustHideValue';
-import FilterAttributeCondition from './FilterAttributeCondition';
-import DateFilter from './FilterInput/DateFilter';
-import NumericFilter from './FilterInput/NumericFilter';
-import TextFilter from './FilterInput/TextFilter';
-import { getDefaultFilterValueByFormat } from '../../../../components/LibraryItemsList/FiltersPanel/Filter/filterUtils';
-import { useSortable } from '@dnd-kit/sortable';
-const Wrapper = styled.div `
-    background: ${themeVars.lightBg};
-    padding: 8px 8px 8px 0px;
-    border-radius: 3px;
-    display: grid;
-    grid-template-columns: 1.375rem 1fr;
-    margin-bottom: 8px;
-    border: 2px solid transparent;
-
-    ${({ $active }) => $active
-    ? `
-        &:hover,
-        &:active {
-            border: 2px solid ${themeVars.primaryColor};
-
-            &&& .filter-handle {
-                color: ${themeVars.primaryColor};
-            }
-        }
-    `
-    : 'opacity: .5;'}
-`;
-const Handle = styled.div `
-    content: '....';
-    width: 20px;
-    height: 30px;
-    display: inline-block;
-    overflow: hidden;
-    line-height: 5px;
-    padding: 3px 4px;
-    vertical-align: middle;
-    margin: auto;
-    font-size: 12px;
-    font-family: sans-serif;
-    letter-spacing: 2px;
-    color: ${themeVars.borderLightColor};
-    text-shadow: 1px 0 1px black;
-
-    &::after {
-        content: '.. .. .. ..';
-    }
-`;
-const Content = styled.div `
-    display: grid;
-    grid-template-rows: ${p => (p.$hasParent ? 'auto auto 1fr' : 'auto 1fr')};
-    row-gap: 8px;
-`;
-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 `
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    justify-items: space-around;
-    align-items: center;
-    justify-content: center;
-
-    background: ${themeVars.defaultBg} 0% 0% no-repeat padding-box;
-    border: 1px solid ${themeVars.borderColor};
-    border-radius: 3px;
-
-    min-width: 0;
-`;
-const HeadOptions = styled.div `
-    display: grid;
-    place-items: center;
-    height: 32px;
-
-    background: ${themeVars.defaultBg} 0% 0% no-repeat padding-box;
-    border: 1px solid ${themeVars.borderColor};
-    border-radius: 3px;
-`;
-const ParentLabel = styled.div `
-    display: flex;
-    align-content: flex-start;
-`;
-const ClearParentButton = styled(Button) `
-    && {
-        border: none;
-        color: ${themeVars.secondaryTextColor};
-
-        :hover {
-            border: none;
-            color: ${themeVars.secondaryTextColor};
-        }
-    }
-`;
-function Filter({ filter }) {
-    const { t } = useSharedTranslation();
-    const { lang } = useLang();
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
-    const [showSelectTreeNodeModal, setShowSelectTreeNodeModal] = useState(false);
-    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: filter.key });
-    const style = { transform: CSS.Transform.toString(transform), transition };
-    const handleDelete = () => {
-        searchDispatch({
-            type: SearchActionTypes.SET_FILTERS,
-            filters: searchState.filters.filter(f => f.index !== filter.index),
-        });
-    };
-    const updateFilterValue = (newFilterValue) => {
-        const newFilters = searchState.filters.map(f => {
-            if (f.index === filter.index) {
-                return { ...f, value: newFilterValue };
-            }
-            return f;
-        });
-        searchDispatch({
-            type: SearchActionTypes.SET_FILTERS,
-            filters: newFilters,
-        });
-    };
-    const _getValueFromNode = (node) => typeof node === 'undefined' || node.id === filter.tree.id
-        ? { value: null }
-        : { value: node.id, label: String(node.title) };
-    const toggleActiveStatus = () => {
-        const newFilters = searchState.filters.map(f => {
-            if (f.index === filter.index) {
-                return { ...f, active: !f.active };
-            }
-            return f;
-        });
-        searchDispatch({
-            type: SearchActionTypes.SET_FILTERS,
-            filters: newFilters,
-        });
-    };
-    const filterOptions = {
-        items: [
-            {
-                key: 'deactivate',
-                label: filter.active ? t('filters.deactivate') : t('filters.activate'),
-                onClick: toggleActiveStatus,
-            },
-            {
-                key: 'delete',
-                label: t('global.delete'),
-                onClick: handleDelete,
-            },
-        ],
-    };
-    const InputByFormat = useCallback((props) => {
-        const showStandardCondition = props.filter.condition in AttributeConditionFilter &&
-            !(props.filter.condition in TreeConditionFilter) &&
-            !formatNotUsingCondition.find(format => format === props.filter.attribute?.format);
-        const showTreeCondition = props.filter.condition in TreeConditionFilter;
-        if (showStandardCondition) {
-            if (mustHideValue(props.filter.condition)) {
-                return _jsx(_Fragment, {});
-            }
-            switch (props.filter.attribute?.format) {
-                case AttributeFormat.date:
-                    return props.filter.condition === AttributeConditionFilter.BETWEEN ? (_jsx(DateBetweenFilter, { ...props })) : (_jsx(DateFilter, { ...props }));
-                case AttributeFormat.date_range:
-                    return _jsx(DateFilter, { ...props });
-                case AttributeFormat.numeric:
-                    return _jsx(NumericFilter, { ...props });
-                case AttributeFormat.text:
-                default:
-                    return _jsx(TextFilter, { ...props });
-            }
-        }
-        else if (showTreeCondition) {
-            return (_jsx(Button, { disabled: !props.filter.active, onClick: () => setShowSelectTreeNodeModal(true), children: props.filter.value.label || t('global.select') }));
-        }
-        return _jsx(_Fragment, {});
-    }, [t]);
-    const embeddedFieldsToAttribute = (embeddedFields) => embeddedFields
-        ? embeddedFields.map(f => ({
-            ...f,
-            type: AttributeType.simple,
-            multiple_values: undefined,
-            linked_tree: undefined,
-            system: false,
-            readonly: false,
-        }))
-        : [];
-    const getAttributes = () => {
-        if (filter.type === FilterType.ATTRIBUTE) {
-            if (filter.condition === ThroughConditionFilter.THROUGH &&
-                filter.attribute?.format === AttributeFormat.extended) {
-                return embeddedFieldsToAttribute(filter.attribute.embedded_fields);
-            }
-            if (filter.condition === ThroughConditionFilter.THROUGH &&
-                typeof filter.attribute.linkedTree === 'undefined') {
-                return filter.attribute.linkedLibrary?.attributes;
-            }
-            if (typeof filter.attribute.parentAttribute !== 'undefined') {
-                return (filter.attribute.parentAttribute?.linkedLibrary?.attributes ||
-                    embeddedFieldsToAttribute(filter.attribute.parentAttribute?.embedded_fields));
-            }
-            if (typeof filter.parentTreeLibrary !== 'undefined') {
-                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) {
-                return [];
-            }
-        }
-        if (filter.type === FilterType.LIBRARY) {
-            if (filter.condition !== ThroughConditionFilter.THROUGH) {
-                return [];
-            }
-            if (filter.condition === ThroughConditionFilter.THROUGH) {
-                const lib = filter.parentAttribute.linkedTree?.libraries.find(l => l.library.id === filter.library.id);
-                return lib.library.attributes;
-            }
-        }
-        return searchState.library.attributes;
-    };
-    // on tree attribute type with linkedTree
-    const getLibraries = () => {
-        if (filter.type === FilterType.LIBRARY) {
-            return filter.parentAttribute.linkedTree?.libraries;
-        }
-        if (filter.type === FilterType.ATTRIBUTE &&
-            typeof filter.attribute.linkedTree !== 'undefined' &&
-            filter.condition === ThroughConditionFilter.THROUGH) {
-            return filter.attribute.linkedTree?.libraries;
-        }
-        return [];
-    };
-    const getTrees = () => {
-        if (filter.type === FilterType.TREE ||
-            (filter.condition !== ThroughConditionFilter.THROUGH &&
-                filter.type === FilterType.ATTRIBUTE &&
-                !filter.parentTreeLibrary &&
-                !filter.attribute.parentAttribute)) {
-            return searchState.trees;
-        }
-        return [];
-    };
-    const _handleResetClick = () => {
-        const filters = [...searchState.filters];
-        const parentAttribute = filter.type === FilterType.ATTRIBUTE &&
-            typeof filter.parentTreeLibrary !== 'undefined'
-            ? filter.parentTreeLibrary.parentAttribute
-            : filter.type === FilterType.ATTRIBUTE
-                ? (filter.attribute.parentAttribute ?? filter.attribute)
-                : filter.parentAttribute;
-        const newFilter = {
-            type: FilterType.ATTRIBUTE,
-            index: filter.index,
-            key: parentAttribute?.id,
-            value: {
-                value: getDefaultFilterValueByFormat(parentAttribute.format),
-            },
-            active: true,
-            condition: RecordFilterCondition[defaultFilterConditionByAttributeFormat(parentAttribute.format)],
-            attribute: parentAttribute,
-        };
-        const filterPos = searchState.filters.findIndex(f => f.index === filter.index);
-        filters.splice(filterPos, 1, newFilter);
-        searchDispatch({
-            type: SearchActionTypes.SET_FILTERS,
-            filters,
-        });
-    };
-    const getDropdownLabel = () => {
-        if (filter.condition === ThroughConditionFilter.THROUGH) {
-            return `${t('global.select')}...`;
-        }
-        if (filter.type === FilterType.ATTRIBUTE) {
-            return (localizedTranslation(filter.attribute?.label, lang) ||
-                filter.attribute?.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);
-    };
-    const getParentLabel = () => localizedTranslation(filter.condition === ThroughConditionFilter.THROUGH
-        ? filter.attribute?.label
-        : filter.attribute?.parentAttribute?.label ||
-            filter.parentAttribute?.label, lang) ||
-        `${localizedTranslation(filter.condition === ThroughConditionFilter.THROUGH
-            ? filter.parentAttribute?.label
-            : filter.parentTreeLibrary?.parentAttribute?.label, lang)} > ${localizedTranslation(filter.condition === ThroughConditionFilter.THROUGH
-            ? filter?.library.label
-            : filter.parentTreeLibrary?.library.label, lang)} `;
-    const hasParent = !!(filter.condition === ThroughConditionFilter.THROUGH ||
-        !!filter.attribute?.parentAttribute ||
-        filter.parentTreeLibrary ||
-        filter.type === FilterType.LIBRARY);
-    const _handlePressEnter = () => {
-        searchDispatch({ type: SearchActionTypes.APPLY_FILTERS });
-    };
-    return (_jsxs(_Fragment, { children: [showSelectTreeNodeModal && (_jsx(SelectTreeNodeModalOld, { selectedNodeKey: filter.value.value || filter.tree.id, treeId: filter.tree.id, onSubmit: node => updateFilterValue(_getValueFromNode(node)), onClose: () => setShowSelectTreeNodeModal(false), isVisible: showSelectTreeNodeModal, canSelectRoot: true })), _jsxs(Wrapper, { "data-testid": "filter", "$active": filter.active, ref: setNodeRef, style: style, ...attributes, children: [_jsx(Handle, { className: "filter-handle", ...listeners }), _jsxs(Content, { "$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, { 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, { 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