@leav/ui 1.8.0 → 1.9.0-0dfef3bb

package/dist/components/Filters/filter-items/filter-type/FilterValueListDropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterValueListDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/FilterValueListDropDown.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 {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type FunctionComponent, type KeyboardEvent, useMemo, useState} from 'react';\nimport {KitInput} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {RecordFilterCondition} from '_ui/_gqlTypes';\nimport {\n    isUIFilterLinkWithValueList,\n    isUIFilterStandardWithValueList,\n    type IUIFilterValueList,\n    type UIFilter,\n} from '../../_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faCheck, faSearch} from '@fortawesome/free-solid-svg-icons';\nimport {EmptyValueCheckbox} from '../EmptyValueCheckbox';\n\ninterface IFilterValueListDropDownProps {\n    filter: IUIFilterValueList;\n    onFilterChange: (filter: UIFilter) => void;\n}\n\nconst ListDivStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--general-spacing-xxs) * 1px);\n`;\n\nconst OptionRow = styled.div<{$selected: boolean}>`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 calc(var(--general-spacing-xs) * 1px);\n    height: 36px;\n    border-radius: calc(var(--general-spacing-xs) * 1px);\n    cursor: pointer;\n    background: ${props => (props.$selected ? 'var(--general-utilities-main-light)' : 'transparent')};\n    color: var(--general-utilities-text-primary);\n\n    &:hover {\n        background: var(--general-utilities-main-light);\n    }\n`;\n\nconst RightIcon = styled(FontAwesomeIcon)<{$visible: boolean}>`\n    color: var(--general-utilities-main-default);\n    opacity: ${props => (props.$visible ? 1 : 0)};\n    transition: opacity 0.12s ease-in-out;\n`;\n\nconst Label = styled.div`\n    flex: 1;\n    min-width: 0; /* allow flex child to shrink for ellipsis */\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n`;\n\nexport const FilterValueListDropDown: FunctionComponent<IFilterValueListDropDownProps> = ({filter, onFilterChange}) => {\n    const {t} = useSharedTranslation();\n    const [searchText, setSearchText] = useState('');\n\n    const getOptionLabelText = (label: any): string => (typeof label === 'string' ? label : '');\n\n    // Generate an option list for the filter dropdown to select a value\n    const _createOptionListFromValueList = () => {\n        let valueListFormatted: Array<{label: string; value: string}> = [];\n        if (isUIFilterStandardWithValueList(filter)) {\n            valueListFormatted =\n                filter.attribute.valuesList?.values?.map(value => ({\n                    label: value,\n                    value,\n                })) || [];\n        } else if (isUIFilterLinkWithValueList(filter)) {\n            valueListFormatted =\n                filter.attribute.valuesList?.linkedValues?.map(value => ({\n                    label: value.whoAmI.label!,\n                    value: value.id,\n                })) || [];\n        }\n\n        return [...valueListFormatted];\n    };\n\n    const _handleOnCheckEmptyValue = (selected: boolean) => {\n        onFilterChange({\n            ...filter,\n            withEmptyValues: selected,\n        });\n    };\n\n    const _handleToggle = (toggledValue: string) => {\n        // remove or add the toggledValue from the filter.value\n        const currentList = filter.value || [];\n        const current = new Set(currentList);\n        if (current.has(toggledValue)) {\n            current.delete(toggledValue);\n        } else {\n            current.add(toggledValue);\n        }\n        const valuesSelected = Array.from(current);\n\n        if (valuesSelected.length === 0) {\n            // Clear filter when nothing selected\n            onFilterChange({\n                ...filter,\n                value: [],\n                field: (filter as any).field,\n            });\n            return;\n        }\n\n        onFilterChange({\n            ...filter,\n            condition: RecordFilterCondition.EQUAL,\n            value: valuesSelected,\n        });\n    };\n\n    const options = _createOptionListFromValueList();\n\n    const isChecked = (optionValue: string) => {\n        const set = new Set(filter.value ?? []);\n        return set.has(optionValue);\n    };\n\n    const filteredOptions = useMemo(() => {\n        if (!searchText) {\n            return options;\n        }\n        const st = searchText.toLowerCase();\n        const specials = new Set(['']);\n        return options.filter(o => specials.has(o.value) || getOptionLabelText(o.label).toLowerCase().includes(st));\n    }, [options, searchText]);\n\n    const onKeyToggle = (e: KeyboardEvent<HTMLDivElement>, value: string) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            _handleToggle(value);\n        }\n    };\n\n    return (\n        <>\n            <KitInput\n                prefix={<FontAwesomeIcon icon={faSearch} />}\n                placeholder={t('global.search')}\n                value={searchText}\n                onChange={e => setSearchText(e.target.value)}\n                allowClear\n            />\n            <EmptyValueCheckbox onSelect={_handleOnCheckEmptyValue} filter={filter} />\n            {filter.condition === RecordFilterCondition.EQUAL && (\n                <ListDivStyled role=\"group\" aria-label={String(t('explorer.filter-value'))}>\n                    {filteredOptions.map(opt => {\n                        const selected = isChecked(opt.value);\n                        return (\n                            <OptionRow\n                                key={opt.value}\n                                $selected={selected}\n                                role=\"button\"\n                                aria-pressed={selected}\n                                tabIndex={0}\n                                onClick={() => _handleToggle(opt.value)}\n                                onKeyDown={e => onKeyToggle(e, opt.value)}\n                            >\n                                <Label>{opt.label}</Label>\n                                <RightIcon $visible={selected} icon={faCheck} />\n                            </OptionRow>\n                        );\n                    })}\n                </ListDivStyled>\n            )}\n        </>\n    );\n};\n"]}
+{"version":3,"file":"FilterValueListDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/FilterValueListDropDown.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 {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type FunctionComponent, type KeyboardEvent, useMemo, useState} from 'react';\nimport {KitInput} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {RecordFilterCondition} from '_ui/_gqlTypes';\nimport {\n    isUIFilterLinkWithValueList,\n    isUIFilterStandardWithValueList,\n    type IUIFilterValueList,\n    type UIFilter,\n} from '../../_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faCheck, faSearch} from '@fortawesome/free-solid-svg-icons';\nimport {EmptyValueCheckbox} from '../shared/EmptyValueCheckbox';\n\ninterface IFilterValueListDropDownProps {\n    filter: IUIFilterValueList;\n    onFilterChange: (filter: UIFilter) => void;\n}\n\nconst ListDivStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--general-spacing-xxs) * 1px);\n`;\n\nconst OptionRow = styled.div<{$selected: boolean}>`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 calc(var(--general-spacing-xs) * 1px);\n    height: 36px;\n    border-radius: calc(var(--general-spacing-xs) * 1px);\n    cursor: pointer;\n    background: ${props => (props.$selected ? 'var(--general-utilities-main-light)' : 'transparent')};\n    color: var(--general-utilities-text-primary);\n\n    &:hover {\n        background: var(--general-utilities-main-light);\n    }\n`;\n\nconst RightIcon = styled(FontAwesomeIcon)<{$visible: boolean}>`\n    color: var(--general-utilities-main-default);\n    opacity: ${props => (props.$visible ? 1 : 0)};\n    transition: opacity 0.12s ease-in-out;\n`;\n\nconst Label = styled.div`\n    flex: 1;\n    min-width: 0; /* allow flex child to shrink for ellipsis */\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n`;\n\nexport const FilterValueListDropDown: FunctionComponent<IFilterValueListDropDownProps> = ({filter, onFilterChange}) => {\n    const {t} = useSharedTranslation();\n    const [searchText, setSearchText] = useState('');\n\n    const getOptionLabelText = (label: any): string => (typeof label === 'string' ? label : '');\n\n    // Generate an option list for the filter dropdown to select a value\n    const _createOptionListFromValueList = () => {\n        let valueListFormatted: Array<{label: string; value: string}> = [];\n        if (isUIFilterStandardWithValueList(filter)) {\n            valueListFormatted =\n                filter.attribute.valuesList?.values?.map(value => ({\n                    label: value,\n                    value,\n                })) || [];\n        } else if (isUIFilterLinkWithValueList(filter)) {\n            valueListFormatted =\n                filter.attribute.valuesList?.linkedValues?.map(value => ({\n                    label: value.whoAmI.label!,\n                    value: value.id,\n                })) || [];\n        }\n\n        return [...valueListFormatted];\n    };\n\n    const _handleOnCheckEmptyValue = (selected: boolean) => {\n        onFilterChange({\n            ...filter,\n            withEmptyValues: selected,\n        });\n    };\n\n    const _handleToggle = (toggledValue: string) => {\n        // remove or add the toggledValue from the filter.value\n        const currentList = filter.value || [];\n        const current = new Set(currentList);\n        if (current.has(toggledValue)) {\n            current.delete(toggledValue);\n        } else {\n            current.add(toggledValue);\n        }\n        const valuesSelected = Array.from(current);\n\n        if (valuesSelected.length === 0) {\n            // Clear filter when nothing selected\n            onFilterChange({\n                ...filter,\n                value: [],\n                field: (filter as any).field,\n            });\n            return;\n        }\n\n        onFilterChange({\n            ...filter,\n            condition: RecordFilterCondition.EQUAL,\n            value: valuesSelected,\n        });\n    };\n\n    const options = _createOptionListFromValueList();\n\n    const isChecked = (optionValue: string) => {\n        const set = new Set(filter.value ?? []);\n        return set.has(optionValue);\n    };\n\n    const filteredOptions = useMemo(() => {\n        if (!searchText) {\n            return options;\n        }\n        const st = searchText.toLowerCase();\n        const specials = new Set(['']);\n        return options.filter(o => specials.has(o.value) || getOptionLabelText(o.label).toLowerCase().includes(st));\n    }, [options, searchText]);\n\n    const onKeyToggle = (e: KeyboardEvent<HTMLDivElement>, value: string) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            _handleToggle(value);\n        }\n    };\n\n    return (\n        <>\n            <KitInput\n                prefix={<FontAwesomeIcon icon={faSearch} />}\n                placeholder={t('global.search')}\n                value={searchText}\n                onChange={e => setSearchText(e.target.value)}\n                allowClear\n            />\n            <EmptyValueCheckbox onSelect={_handleOnCheckEmptyValue} filter={filter} />\n            <ListDivStyled role=\"group\" aria-label={String(t('explorer.filter-value'))}>\n                {filteredOptions.map(opt => {\n                    const selected = isChecked(opt.value);\n                    return (\n                        <OptionRow\n                            key={opt.value}\n                            $selected={selected}\n                            role=\"button\"\n                            aria-pressed={selected}\n                            tabIndex={0}\n                            onClick={() => _handleToggle(opt.value)}\n                            onKeyDown={e => onKeyToggle(e, opt.value)}\n                        >\n                            <Label>{opt.label}</Label>\n                            <RightIcon $visible={selected} icon={faCheck} />\n                        </OptionRow>\n                    );\n                })}\n            </ListDivStyled>\n        </>\n    );\n};\n"]}

package/dist/components/Filters/filter-items/filter-type/_types.d.ts

@@ -1,5 +1,5 @@
 import { type RefObject } from 'react';
-import { type IUIFilterLink, type IUIFilterStandard, type IUIFilterThrough, type IUIFilterTree } from '../../_types';
+import { type IUIFilterSmartFiler, type IUIFilterLink, type IUIFilterStandard, type IUIFilterThrough, type IUIFilterTree } from '../../_types';
 export interface IFilterChildrenDropDownProps {
     filter: IUIFilterStandard;
     onFilterChange: (filterData: IUIFilterStandard) => void;
@@ -16,3 +16,8 @@ export interface IFilterChildrenTreeDropDownProps {
     onFilterChange: (filterData: IUIFilterTree) => void;
     selectDropDownRef?: RefObject<HTMLDivElement>;
 }
+export interface IFilterChildrenSmartFilterDropDownProps {
+    filter: IUIFilterSmartFiler;
+    onFilterChange: (filterData: IUIFilterSmartFiler) => void;
+    selectDropDownRef?: RefObject<HTMLDivElement>;
+}

package/dist/components/Filters/filter-items/filter-type/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/_types.ts"],"names":[],"mappings":"","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 {type RefObject} from 'react';\nimport {type IUIFilterLink, type IUIFilterStandard, type IUIFilterThrough, type IUIFilterTree} from '../../_types';\n\nexport interface IFilterChildrenDropDownProps {\n    filter: IUIFilterStandard;\n    onFilterChange: (filterData: IUIFilterStandard) => void;\n    selectDropDownRef?: RefObject<HTMLDivElement>;\n}\n\nexport interface IFilterChildrenLinkDropDownProps {\n    filter: IUIFilterLink | IUIFilterThrough;\n    onFilterChange: (filterData: IUIFilterLink | IUIFilterThrough) => void;\n    removeThroughCondition: boolean;\n    selectDropDownRef?: RefObject<HTMLDivElement>;\n}\n\nexport interface IFilterChildrenTreeDropDownProps {\n    filter: IUIFilterTree;\n    onFilterChange: (filterData: IUIFilterTree) => void;\n    selectDropDownRef?: RefObject<HTMLDivElement>;\n}\n"]}
+{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/_types.ts"],"names":[],"mappings":"","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 {type RefObject} from 'react';\nimport {\n    type IUIFilterSmartFiler,\n    type IUIFilterLink,\n    type IUIFilterStandard,\n    type IUIFilterThrough,\n    type IUIFilterTree,\n} from '../../_types';\n\nexport interface IFilterChildrenDropDownProps {\n    filter: IUIFilterStandard;\n    onFilterChange: (filterData: IUIFilterStandard) => void;\n    selectDropDownRef?: RefObject<HTMLDivElement>;\n}\n\nexport interface IFilterChildrenLinkDropDownProps {\n    filter: IUIFilterLink | IUIFilterThrough;\n    onFilterChange: (filterData: IUIFilterLink | IUIFilterThrough) => void;\n    removeThroughCondition: boolean;\n    selectDropDownRef?: RefObject<HTMLDivElement>;\n}\n\nexport interface IFilterChildrenTreeDropDownProps {\n    filter: IUIFilterTree;\n    onFilterChange: (filterData: IUIFilterTree) => void;\n    selectDropDownRef?: RefObject<HTMLDivElement>;\n}\n\nexport interface IFilterChildrenSmartFilterDropDownProps {\n    filter: IUIFilterSmartFiler;\n    onFilterChange: (filterData: IUIFilterSmartFiler) => void;\n    selectDropDownRef?: RefObject<HTMLDivElement>;\n}\n"]}

package/dist/components/Filters/filter-items/filter-type/smart-filter/SmartFilterAttributeDropdown.d.ts

@@ -0,0 +1,2 @@
+import { type IFilterChildrenSmartFilterDropDownProps } from '../_types';
+export declare const SmartFilterAttributeDropdown: ({ filter, onFilterChange }: IFilterChildrenSmartFilterDropDownProps) => JSX.Element;

package/dist/components/Filters/filter-items/filter-type/smart-filter/SmartFilterAttributeDropdown.js

@@ -0,0 +1,106 @@
+import { 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 { ErrorDisplay } from '../../../../../components/ErrorDisplay';
+import { useFiltersContext } from '../../../../../components/Filters/useFiltersContext';
+import { KitLoader, KitSpace, KitTree } from 'aristid-ds';
+import { useGetSmartFilterData } from './useGetSmartFilterData';
+import { useSmartFilterSearch } from './useSmartFilerSearch';
+import styled from 'styled-components';
+import { SelectAllCheckbox } from '../../shared/SelectAllCheckbox';
+import { EmptyValueCheckbox } from '../../shared/EmptyValueCheckbox';
+import { FilterTreeNodeTitle } from '../../shared/FilterTreeNodeTitle';
+const DropdownContentWrapper = styled(KitSpace) `
+    width: 327px;
+    justify-content: center;
+`;
+const ScrollableContent = styled.div `
+    max-height: 182px; /* Equal to 5.5 nodes of KitTree */
+    overflow-y: auto;
+    overflow-x: hidden;
+    width: 100%;
+`;
+const KitTreeWithGhostedNodes = styled(KitTree) `
+    & .ant-tree-treenode:has(div[data-ghosted='true']) {
+        & > span {
+            background-color: var(--general-utilities-neutral-light) !important;
+
+            .ant-tree-checkbox-inner {
+                background-color: var(--general-utilities-neutral-dark) !important;
+                border-color: var(--general-utilities-neutral-dark) !important;
+            }
+
+            .ant-typography {
+                font-style: italic;
+            }
+        }
+    }
+`;
+export const SmartFilterAttributeDropdown = ({ filter, onFilterChange }) => {
+    const { filtersData } = useFiltersContext();
+    const selectedNodesIds = [...(filter.value ?? [])];
+    const { smartFilterDataToDisplay, noValueNodeData, isLoading, error } = useGetSmartFilterData({
+        libraryId: filtersData.libraryId,
+        attributeId: filter.attribute.id,
+        filters: filtersData.filters,
+        filtersOperator: filtersData.filtersOperator,
+        selectedValueIds: selectedNodesIds,
+        selectedFormattedValues: filter.formattedValue,
+        linkedLibraryId: filter.attribute.linkedLibrary?.id,
+    });
+    const { filteredSmartFilterData, SearchInput } = useSmartFilterSearch(smartFilterDataToDisplay);
+    const isFullyChecked = selectedNodesIds.length > 0 &&
+        selectedNodesIds.length === smartFilterDataToDisplay.length &&
+        filter.withEmptyValues;
+    const hasAnySelection = selectedNodesIds.length > 0 || filter.withEmptyValues;
+    const _handleOnSelect = (node, selected) => {
+        let newSelectedIds;
+        if (selected) {
+            newSelectedIds = [...selectedNodesIds, node.key];
+        }
+        else {
+            newSelectedIds = selectedNodesIds.filter(selectedValue => selectedValue !== node.key);
+        }
+        const selectedNodes = newSelectedIds
+            .map(nodeKey => filteredSmartFilterData.find(smartFilterNode => smartFilterNode.key === nodeKey))
+            .filter((selectedNode) => Boolean(selectedNode));
+        onFilterChange({
+            ...filter,
+            value: selectedNodes.map(selectedNode => selectedNode.recordId),
+            formattedValue: selectedNodes.map(selectedNode => selectedNode.title),
+        });
+    };
+    const _handleOnSelectAll = (isSelected) => {
+        const selectedNodes = isSelected ? [...smartFilterDataToDisplay] : [];
+        onFilterChange({
+            ...filter,
+            value: selectedNodes.map(selectedNode => selectedNode.recordId),
+            formattedValue: selectedNodes.map(selectedNode => selectedNode.title),
+            withEmptyValues: isSelected,
+        });
+    };
+    const _handleOnSelectEmptyValue = (selected) => {
+        onFilterChange({
+            ...filter,
+            withEmptyValues: selected,
+        });
+    };
+    if (isLoading) {
+        return (_jsx(DropdownContentWrapper, { align: "center", children: _jsx(KitLoader, {}) }));
+    }
+    if (error) {
+        return (_jsx(DropdownContentWrapper, { children: _jsx(ErrorDisplay, { message: error.message }) }));
+    }
+    return (_jsxs(DropdownContentWrapper, { direction: "vertical", size: "xs", children: [SearchInput, _jsxs(ScrollableContent, { children: [_jsx(SelectAllCheckbox, { checked: isFullyChecked, indeterminate: hasAnySelection && !isFullyChecked, onChange: _handleOnSelectAll }), _jsx(EmptyValueCheckbox, { filter: filter, onSelect: _handleOnSelectEmptyValue, count: noValueNodeData?.count ?? 0 }), _jsx(KitTreeWithGhostedNodes, { treeData: filteredSmartFilterData, selectedKeys: selectedNodesIds, checkedKeys: selectedNodesIds, checkable: true, checkStrictly: true, multiple: true, titleRender: kitTreeNode => {
+                            const node = kitTreeNode;
+                            return (_jsx(FilterTreeNodeTitle, { title: node.title, count: node.count ?? 0, ghosted: node.ghosted }));
+                        }, onCheck: (_, info) => {
+                            const node = info.node;
+                            _handleOnSelect(node, info.checked);
+                        }, onSelect: (_, info) => {
+                            const node = info.node;
+                            _handleOnSelect(node, info.selected);
+                        } })] })] }));
+};
+//# sourceMappingURL=SmartFilterAttributeDropdown.js.map

package/dist/components/Filters/filter-items/filter-type/smart-filter/SmartFilterAttributeDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartFilterAttributeDropdown.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/smart-filter/SmartFilterAttributeDropdown.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,iBAAiB,EAAC,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAC,MAAM,YAAY,CAAC;AACxD,OAAO,EAAwB,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAC,oBAAoB,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErE,MAAM,sBAAsB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;CAG9C,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKnC,CAAC;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;;;;;;;;;;CAe9C,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAAC,MAAM,EAAE,cAAc,EAA0C,EAAE,EAAE;IAC9G,MAAM,EAAC,WAAW,EAAC,GAAG,iBAAiB,EAAE,CAAC;IAE1C,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;IAEnD,MAAM,EAAC,wBAAwB,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAC,GAAG,qBAAqB,CAAC;QACxF,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE;QAChC,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,eAAe,EAAE,WAAW,CAAC,eAAe;QAC5C,gBAAgB,EAAE,gBAAgB;QAClC,uBAAuB,EAAE,MAAM,CAAC,cAAc;QAC9C,eAAe,EAAE,MAAM,CAAC,SAAS,CAAC,aAAa,EAAE,EAAE;KACtD,CAAC,CAAC;IAEH,MAAM,EAAC,uBAAuB,EAAE,WAAW,EAAC,GAAG,oBAAoB,CAAC,wBAAwB,CAAC,CAAC;IAE9F,MAAM,cAAc,GAChB,gBAAgB,CAAC,MAAM,GAAG,CAAC;QAC3B,gBAAgB,CAAC,MAAM,KAAK,wBAAwB,CAAC,MAAM;QAC3D,MAAM,CAAC,eAAe,CAAC;IAC3B,MAAM,eAAe,GAAG,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,eAAe,CAAC;IAE9E,MAAM,eAAe,GAAG,CAAC,IAAsB,EAAE,QAAiB,EAAE,EAAE;QAClE,IAAI,cAAwB,CAAC;QAE7B,IAAI,QAAQ,EAAE,CAAC;YACX,cAAc,GAAG,CAAC,GAAG,gBAAgB,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QACrD,CAAC;aAAM,CAAC;YACJ,cAAc,GAAG,gBAAgB,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1F,CAAC;QAED,MAAM,aAAa,GAAG,cAAc;aAC/B,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,uBAAuB,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC;aAChG,MAAM,CAAC,CAAC,YAAY,EAAoC,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC;QAEvF,cAAc,CAAC;YACX,GAAG,MAAM;YACT,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC;YAC/D,cAAc,EAAE,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;SACxE,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,UAAmB,EAAE,EAAE;QAC/C,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAEtE,cAAc,CAAC;YACX,GAAG,MAAM;YACT,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC;YAC/D,cAAc,EAAE,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;YACrE,eAAe,EAAE,UAAU;SAC9B,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAAC,QAAiB,EAAE,EAAE;QACpD,cAAc,CAAC;YACX,GAAG,MAAM;YACT,eAAe,EAAE,QAAQ;SAC5B,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACZ,OAAO,CACH,KAAC,sBAAsB,IAAC,KAAK,EAAC,QAAQ,YAClC,KAAC,SAAS,KAAG,GACQ,CAC5B,CAAC;IACN,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,CACH,KAAC,sBAAsB,cACnB,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,GACnB,CAC5B,CAAC;IACN,CAAC;IAED,OAAO,CACH,MAAC,sBAAsB,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,aACjD,WAAW,EACZ,MAAC,iBAAiB,eACd,KAAC,iBAAiB,IACd,OAAO,EAAE,cAAc,EACvB,aAAa,EAAE,eAAe,IAAI,CAAC,cAAc,EACjD,QAAQ,EAAE,kBAAkB,GAC9B,EACF,KAAC,kBAAkB,IACf,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,yBAAyB,EACnC,KAAK,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC,GACpC,EACF,KAAC,uBAAuB,IACpB,QAAQ,EAAE,uBAAuB,EACjC,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EAAE,IAAI,EACf,aAAa,EAAE,IAAI,EACnB,QAAQ,EAAE,IAAI,EACd,WAAW,EAAE,WAAW,CAAC,EAAE;4BACvB,MAAM,IAAI,GAAG,WAA8C,CAAC;4BAC5D,OAAO,CACH,KAAC,mBAAmB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAI,CAC5F,CAAC;wBACN,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;4BACjB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAuC,CAAC;4BAC1D,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;wBACxC,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;4BAClB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAuC,CAAC;4BAC1D,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;wBACzC,CAAC,GACH,IACc,IACC,CAC5B,CAAC;AACN,CAAC,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 {ErrorDisplay} from '_ui/components/ErrorDisplay';\nimport {useFiltersContext} from '_ui/components/Filters/useFiltersContext';\nimport {KitLoader, KitSpace, KitTree} from 'aristid-ds';\nimport {type ISmartFilterNode, useGetSmartFilterData} from './useGetSmartFilterData';\nimport {useSmartFilterSearch} from './useSmartFilerSearch';\nimport styled from 'styled-components';\nimport {type EventDataNode} from 'antd/es/tree';\nimport {type IFilterChildrenSmartFilterDropDownProps} from '../_types';\nimport {SelectAllCheckbox} from '../../shared/SelectAllCheckbox';\nimport {EmptyValueCheckbox} from '../../shared/EmptyValueCheckbox';\nimport {FilterTreeNodeTitle} from '../../shared/FilterTreeNodeTitle';\n\nconst DropdownContentWrapper = styled(KitSpace)`\n    width: 327px;\n    justify-content: center;\n`;\n\nconst ScrollableContent = styled.div`\n    max-height: 182px; /* Equal to 5.5 nodes of KitTree */\n    overflow-y: auto;\n    overflow-x: hidden;\n    width: 100%;\n`;\n\nconst KitTreeWithGhostedNodes = styled(KitTree)`\n    & .ant-tree-treenode:has(div[data-ghosted='true']) {\n        & > span {\n            background-color: var(--general-utilities-neutral-light) !important;\n\n            .ant-tree-checkbox-inner {\n                background-color: var(--general-utilities-neutral-dark) !important;\n                border-color: var(--general-utilities-neutral-dark) !important;\n            }\n\n            .ant-typography {\n                font-style: italic;\n            }\n        }\n    }\n`;\n\nexport const SmartFilterAttributeDropdown = ({filter, onFilterChange}: IFilterChildrenSmartFilterDropDownProps) => {\n    const {filtersData} = useFiltersContext();\n\n    const selectedNodesIds = [...(filter.value ?? [])];\n\n    const {smartFilterDataToDisplay, noValueNodeData, isLoading, error} = useGetSmartFilterData({\n        libraryId: filtersData.libraryId,\n        attributeId: filter.attribute.id,\n        filters: filtersData.filters,\n        filtersOperator: filtersData.filtersOperator,\n        selectedValueIds: selectedNodesIds,\n        selectedFormattedValues: filter.formattedValue,\n        linkedLibraryId: filter.attribute.linkedLibrary?.id,\n    });\n\n    const {filteredSmartFilterData, SearchInput} = useSmartFilterSearch(smartFilterDataToDisplay);\n\n    const isFullyChecked =\n        selectedNodesIds.length > 0 &&\n        selectedNodesIds.length === smartFilterDataToDisplay.length &&\n        filter.withEmptyValues;\n    const hasAnySelection = selectedNodesIds.length > 0 || filter.withEmptyValues;\n\n    const _handleOnSelect = (node: ISmartFilterNode, selected: boolean) => {\n        let newSelectedIds: string[];\n\n        if (selected) {\n            newSelectedIds = [...selectedNodesIds, node.key];\n        } else {\n            newSelectedIds = selectedNodesIds.filter(selectedValue => selectedValue !== node.key);\n        }\n\n        const selectedNodes = newSelectedIds\n            .map(nodeKey => filteredSmartFilterData.find(smartFilterNode => smartFilterNode.key === nodeKey))\n            .filter((selectedNode): selectedNode is ISmartFilterNode => Boolean(selectedNode));\n\n        onFilterChange({\n            ...filter,\n            value: selectedNodes.map(selectedNode => selectedNode.recordId),\n            formattedValue: selectedNodes.map(selectedNode => selectedNode.title),\n        });\n    };\n\n    const _handleOnSelectAll = (isSelected: boolean) => {\n        const selectedNodes = isSelected ? [...smartFilterDataToDisplay] : [];\n\n        onFilterChange({\n            ...filter,\n            value: selectedNodes.map(selectedNode => selectedNode.recordId),\n            formattedValue: selectedNodes.map(selectedNode => selectedNode.title),\n            withEmptyValues: isSelected,\n        });\n    };\n\n    const _handleOnSelectEmptyValue = (selected: boolean) => {\n        onFilterChange({\n            ...filter,\n            withEmptyValues: selected,\n        });\n    };\n\n    if (isLoading) {\n        return (\n            <DropdownContentWrapper align=\"center\">\n                <KitLoader />\n            </DropdownContentWrapper>\n        );\n    }\n\n    if (error) {\n        return (\n            <DropdownContentWrapper>\n                <ErrorDisplay message={error.message} />\n            </DropdownContentWrapper>\n        );\n    }\n\n    return (\n        <DropdownContentWrapper direction=\"vertical\" size=\"xs\">\n            {SearchInput}\n            <ScrollableContent>\n                <SelectAllCheckbox\n                    checked={isFullyChecked}\n                    indeterminate={hasAnySelection && !isFullyChecked}\n                    onChange={_handleOnSelectAll}\n                />\n                <EmptyValueCheckbox\n                    filter={filter}\n                    onSelect={_handleOnSelectEmptyValue}\n                    count={noValueNodeData?.count ?? 0}\n                />\n                <KitTreeWithGhostedNodes\n                    treeData={filteredSmartFilterData}\n                    selectedKeys={selectedNodesIds}\n                    checkedKeys={selectedNodesIds}\n                    checkable={true}\n                    checkStrictly={true}\n                    multiple={true}\n                    titleRender={kitTreeNode => {\n                        const node = kitTreeNode as EventDataNode<ISmartFilterNode>;\n                        return (\n                            <FilterTreeNodeTitle title={node.title} count={node.count ?? 0} ghosted={node.ghosted} />\n                        );\n                    }}\n                    onCheck={(_, info) => {\n                        const node = info.node as EventDataNode<ISmartFilterNode>;\n                        _handleOnSelect(node, info.checked);\n                    }}\n                    onSelect={(_, info) => {\n                        const node = info.node as EventDataNode<ISmartFilterNode>;\n                        _handleOnSelect(node, info.selected);\n                    }}\n                />\n            </ScrollableContent>\n        </DropdownContentWrapper>\n    );\n};\n"]}

package/dist/components/Filters/filter-items/filter-type/smart-filter/useGetSmartFilterData.d.ts

@@ -0,0 +1,25 @@
+import { type IUIFilterTree, type FiltersOperator, type UIFilter } from '../../../../../components/Filters/_types';
+export interface ISmartFilterNode {
+    title: string;
+    key: string;
+    libraryId: string;
+    recordId: string;
+    count: number;
+    ghosted?: boolean;
+}
+interface IUseGetSmartFilterDataProps {
+    libraryId: string;
+    attributeId: string;
+    filters: UIFilter[] | IUIFilterTree[];
+    filtersOperator: FiltersOperator;
+    selectedValueIds?: string[] | null;
+    selectedFormattedValues?: Array<string | null> | null;
+    linkedLibraryId?: string;
+}
+export declare const useGetSmartFilterData: ({ libraryId, attributeId, filters, filtersOperator, selectedValueIds, selectedFormattedValues, linkedLibraryId, }: IUseGetSmartFilterDataProps) => {
+    smartFilterDataToDisplay: ISmartFilterNode[];
+    noValueNodeData: ISmartFilterNode;
+    isLoading: boolean;
+    error: import("@apollo/client").ApolloError;
+};
+export {};

package/dist/components/Filters/filter-items/filter-type/smart-filter/useGetSmartFilterData.js

@@ -0,0 +1,59 @@
+// 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 { useSmartFilterListValuesQuery } from '../../../../../_gqlTypes';
+import { prepareFiltersForRequest } from '../../../../../components/Filters/prepareFiltersForRequest';
+export const useGetSmartFilterData = ({ libraryId, attributeId, filters, filtersOperator, selectedValueIds, selectedFormattedValues, linkedLibraryId, }) => {
+    const filtersWithoutCurrentAttributeFilter = filters.filter(filter => filter.attribute.id !== attributeId);
+    const preparedFilters = prepareFiltersForRequest(filtersWithoutCurrentAttributeFilter, filtersOperator, undefined);
+    const { data, loading, error } = useSmartFilterListValuesQuery({
+        variables: {
+            library: libraryId,
+            attribute: attributeId,
+            recordFilters: preparedFilters ?? undefined,
+        },
+    });
+    const occurrences = data?.listDistinctValues;
+    const smartFilterData = occurrences?.length
+        ? occurrences
+            .map(({ value, count }) => value !== null
+            ? {
+                key: value.id,
+                title: value.whoAmI.label ?? value.whoAmI.id ?? value.id,
+                recordId: value.whoAmI.id,
+                libraryId: value.whoAmI.library.id,
+                count,
+            }
+            : {
+                key: 'no_value',
+                title: '',
+                recordId: null,
+                libraryId: null,
+                count,
+            })
+            .sort((a, b) => a.title.localeCompare(b.title, undefined, { numeric: true }))
+        : [];
+    const smartFilterDataWithoutNoValue = smartFilterData.filter(node => node.key !== 'no_value');
+    const noValueNodeData = smartFilterData.find(node => node.key === 'no_value');
+    const selectedNodeIdsNotInSmartFilterData = (selectedValueIds ?? []).filter(nodeId => !smartFilterData.some(node => node.key === nodeId));
+    const selectedNodesNotInSmartFilterData = selectedNodeIdsNotInSmartFilterData.map(nodeId => {
+        const index = selectedValueIds?.indexOf(nodeId) ?? -1;
+        const formattedValue = index >= 0 && selectedFormattedValues?.[index] != null ? selectedFormattedValues[index] : nodeId;
+        return {
+            key: nodeId,
+            recordId: nodeId,
+            libraryId: linkedLibraryId ?? '',
+            title: formattedValue ?? nodeId,
+            count: 0,
+            ghosted: true,
+        };
+    });
+    const smartFilterDataToDisplay = [...smartFilterDataWithoutNoValue, ...selectedNodesNotInSmartFilterData];
+    return {
+        smartFilterDataToDisplay,
+        noValueNodeData,
+        isLoading: loading,
+        error: error ?? null,
+    };
+};
+//# sourceMappingURL=useGetSmartFilterData.js.map

package/dist/components/Filters/filter-items/filter-type/smart-filter/useGetSmartFilterData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetSmartFilterData.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/smart-filter/useGetSmartFilterData.ts"],"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 {useSmartFilterListValuesQuery} from '_ui/_gqlTypes';\nimport {prepareFiltersForRequest} from '_ui/components/Filters/prepareFiltersForRequest';\nimport {type IUIFilterTree, type FiltersOperator, type UIFilter} from '_ui/components/Filters/_types';\n\nexport interface ISmartFilterNode {\n    title: string;\n    key: string;\n    libraryId: string;\n    recordId: string;\n    count: number;\n    ghosted?: boolean;\n}\n\ninterface IUseGetSmartFilterDataProps {\n    libraryId: string;\n    attributeId: string;\n    filters: UIFilter[] | IUIFilterTree[];\n    filtersOperator: FiltersOperator;\n    selectedValueIds?: string[] | null;\n    selectedFormattedValues?: Array<string | null> | null;\n    linkedLibraryId?: string;\n}\n\nexport const useGetSmartFilterData = ({\n    libraryId,\n    attributeId,\n    filters,\n    filtersOperator,\n    selectedValueIds,\n    selectedFormattedValues,\n    linkedLibraryId,\n}: IUseGetSmartFilterDataProps) => {\n    const filtersWithoutCurrentAttributeFilter = filters.filter(filter => filter.attribute.id !== attributeId);\n    const preparedFilters = prepareFiltersForRequest(filtersWithoutCurrentAttributeFilter, filtersOperator, undefined);\n\n    const {data, loading, error} = useSmartFilterListValuesQuery({\n        variables: {\n            library: libraryId,\n            attribute: attributeId,\n            recordFilters: preparedFilters ?? undefined,\n        },\n    });\n\n    const occurrences = data?.listDistinctValues;\n\n    const smartFilterData: ISmartFilterNode[] = occurrences?.length\n        ? occurrences\n              .map(({value, count}) =>\n                  value !== null\n                      ? {\n                            key: value.id,\n                            title: value.whoAmI.label ?? value.whoAmI.id ?? value.id,\n                            recordId: value.whoAmI.id,\n                            libraryId: value.whoAmI.library.id,\n                            count,\n                        }\n                      : {\n                            key: 'no_value',\n                            title: '',\n                            recordId: null,\n                            libraryId: null,\n                            count,\n                        },\n              )\n              .sort((a, b) => a.title.localeCompare(b.title, undefined, {numeric: true}))\n        : [];\n\n    const smartFilterDataWithoutNoValue = smartFilterData.filter(node => node.key !== 'no_value');\n    const noValueNodeData = smartFilterData.find(node => node.key === 'no_value');\n\n    const selectedNodeIdsNotInSmartFilterData = (selectedValueIds ?? []).filter(\n        nodeId => !smartFilterData.some(node => node.key === nodeId),\n    );\n    const selectedNodesNotInSmartFilterData: ISmartFilterNode[] = selectedNodeIdsNotInSmartFilterData.map(nodeId => {\n        const index = selectedValueIds?.indexOf(nodeId) ?? -1;\n        const formattedValue =\n            index >= 0 && selectedFormattedValues?.[index] != null ? selectedFormattedValues[index] : nodeId;\n        return {\n            key: nodeId,\n            recordId: nodeId,\n            libraryId: linkedLibraryId ?? '',\n            title: formattedValue ?? nodeId,\n            count: 0,\n            ghosted: true,\n        };\n    });\n\n    const smartFilterDataToDisplay = [...smartFilterDataWithoutNoValue, ...selectedNodesNotInSmartFilterData];\n\n    return {\n        smartFilterDataToDisplay,\n        noValueNodeData,\n        isLoading: loading,\n        error: error ?? null,\n    };\n};\n"]}

package/dist/components/Filters/filter-items/filter-type/smart-filter/useSmartFilerSearch.d.ts

@@ -0,0 +1,5 @@
+import { type DataNode } from 'antd/es/tree';
+export declare const useSmartFilterSearch: (smartFilterData: DataNode[]) => {
+    filteredSmartFilterData: DataNode[];
+    SearchInput: JSX.Element;
+};

package/dist/components/Filters/filter-items/filter-type/smart-filter/useSmartFilerSearch.js

@@ -0,0 +1,25 @@
+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 { KitInput } from 'aristid-ds';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faSearch } from '@fortawesome/free-solid-svg-icons';
+import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { useState } from 'react';
+export const useSmartFilterSearch = (smartFilterData) => {
+    const { t } = useSharedTranslation();
+    const [searchValue, setSearchValue] = useState('');
+    const normalizedSearch = searchValue.trim().toLowerCase();
+    const filteredSmartFilterData = !normalizedSearch
+        ? smartFilterData
+        : smartFilterData.filter(node => {
+            const title = typeof node.title === 'string' ? node.title : '';
+            return title.toLowerCase().includes(normalizedSearch);
+        });
+    return {
+        filteredSmartFilterData,
+        SearchInput: (_jsx(KitInput, { prefix: _jsx(FontAwesomeIcon, { icon: faSearch }), placeholder: t('global.search'), value: searchValue, onChange: e => setSearchValue(e.target.value), allowClear: true })),
+    };
+};
+//# sourceMappingURL=useSmartFilerSearch.js.map

package/dist/components/Filters/filter-items/filter-type/smart-filter/useSmartFilerSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSmartFilerSearch.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/smart-filter/useSmartFilerSearch.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,eAA2B,EAAE,EAAE;IAChE,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,MAAM,gBAAgB,GAAG,WAAW,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAE1D,MAAM,uBAAuB,GAAG,CAAC,gBAAgB;QAC7C,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;YAC1B,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/D,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;IAET,OAAO;QACH,uBAAuB;QACvB,WAAW,EAAE,CACT,KAAC,QAAQ,IACL,MAAM,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,GAAI,EAC3C,WAAW,EAAE,CAAC,CAAC,eAAe,CAAC,EAC/B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,UAAU,SACZ,CACL;KACJ,CAAC;AACN,CAAC,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 {KitInput} from 'aristid-ds';\nimport {type DataNode} from 'antd/es/tree';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faSearch} from '@fortawesome/free-solid-svg-icons';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useState} from 'react';\n\nexport const useSmartFilterSearch = (smartFilterData: DataNode[]) => {\n    const {t} = useSharedTranslation();\n    const [searchValue, setSearchValue] = useState('');\n\n    const normalizedSearch = searchValue.trim().toLowerCase();\n\n    const filteredSmartFilterData = !normalizedSearch\n        ? smartFilterData\n        : smartFilterData.filter(node => {\n              const title = typeof node.title === 'string' ? node.title : '';\n              return title.toLowerCase().includes(normalizedSearch);\n          });\n\n    return {\n        filteredSmartFilterData,\n        SearchInput: (\n            <KitInput\n                prefix={<FontAwesomeIcon icon={faSearch} />}\n                placeholder={t('global.search')}\n                value={searchValue}\n                onChange={e => setSearchValue(e.target.value)}\n                allowClear\n            />\n        ),\n    };\n};\n"]}

package/dist/components/Filters/filter-items/filter-type/tree/TreeAttributeDropDown.js

@@ -10,8 +10,8 @@ import { ErrorDisplay } from '../../../../../components/ErrorDisplay';
 import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
 import { useTreesSearch } from './useTreesSearch';
 import { useFiltersContext } from '../../../../../components/Filters/useFiltersContext';
-import { EmptyValueCheckbox } from '../../EmptyValueCheckbox';
-import { SelectAllCheckbox } from '../../SelectAllCheckbox';
+import { EmptyValueCheckbox } from '../../shared/EmptyValueCheckbox';
+import { SelectAllCheckbox } from '../../shared/SelectAllCheckbox';
 import { buildFlattenTree } from './utils/buildFlattenTreeMap';
 import { getSelectAllState } from './utils/getSelectAllState';
 import { filterTreeByPermission } from './utils/filterTreeByPermission';
@@ -29,6 +29,7 @@ const FilteredTreeSpacer = styled(KitSpace) `
 `;
 const DropdownContentWrapper = styled(KitSpace) `
     width: 327px;
+    justify-content: center;
 `;
 export const TreeAttributeDropDown = ({ filter, onFilterChange, }) => {
     const { t } = useSharedTranslation();
@@ -118,10 +119,10 @@ export const TreeAttributeDropDown = ({ filter, onFilterChange, }) => {
         },
     };
     if (isLoading) {
-        return _jsx(KitLoader, {});
+        return (_jsx(DropdownContentWrapper, { children: _jsx(KitLoader, {}) }));
     }
     if (error) {
-        return _jsx(ErrorDisplay, { message: error.message });
+        return (_jsx(DropdownContentWrapper, { children: _jsx(ErrorDisplay, { message: error.message }) }));
     }
     return (_jsxs(DropdownContentWrapper, { direction: "vertical", size: "xs", children: [SearchInput, areBothTreesFilled ? (_jsxs(_Fragment, { children: [_jsx(EmptyValueCheckbox, { onSelect: _handleOnSelectEmptyValue, filter: filter }), _jsxs(FilteredTreeSpacer, { direction: "vertical", size: "xxs", children: [_jsx(FilteredTreeTitle, { size: "fontSize5", weight: "medium", children: t('filters.visible-by-default') }), _jsxs(ScrollableContent, { children: [_jsx(SelectAllCheckbox, { checked: allVisibleSelected, indeterminate: visibleIndeterminate, onChange: _handleOnSelectAllVisibleByDefault }), _jsx(KitTree, { treeData: filteredVisibleByDefaultTree, ...treeCommonProps })] })] }), _jsx(KitDivider, { noMargin: true }), _jsxs(FilteredTreeSpacer, { direction: "vertical", size: "xxs", children: [_jsx(FilteredTreeTitle, { size: "fontSize5", weight: "medium", children: t('filters.hidden-by-default') }), _jsxs(ScrollableContent, { children: [_jsx(SelectAllCheckbox, { checked: allHiddenSelected, indeterminate: hiddenIndeterminate, onChange: _handleOnSelectAllHiddenByDefault }), _jsx(KitTree, { treeData: filteredHiddenByDefaultTree, ...treeCommonProps })] })] })] })) : (_jsxs(ScrollableContent, { children: [_jsx(EmptyValueCheckbox, { onSelect: _handleOnSelectEmptyValue, filter: filter }), _jsx(SelectAllCheckbox, { checked: visibleByDefaultTree.length > 0 ? allVisibleSelected : allHiddenSelected, indeterminate: visibleByDefaultTree.length > 0 ? visibleIndeterminate : hiddenIndeterminate, onChange: visibleByDefaultTree.length > 0
                             ? _handleOnSelectAllVisibleByDefault

package/dist/components/Filters/filter-items/filter-type/tree/TreeAttributeDropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeAttributeDropDown.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/tree/TreeAttributeDropDown.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 {type ComponentProps, type FunctionComponent, type Key, useMemo, useState} from 'react';\nimport {type IFilterChildrenTreeDropDownProps} from '../_types';\nimport styled from 'styled-components';\nimport {KitDivider, KitLoader, KitSpace, KitTree, KitTypography} from 'aristid-ds';\nimport {type EventDataNode} from 'antd/lib/tree';\nimport {type ITreeNode, useGetTreeData} from './useGetTreeData';\nimport {ErrorDisplay} from '_ui/components/ErrorDisplay';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useTreesSearch} from './useTreesSearch';\nimport {useFiltersContext} from '_ui/components/Filters/useFiltersContext';\nimport {EmptyValueCheckbox} from '../../EmptyValueCheckbox';\nimport {SelectAllCheckbox} from '../../SelectAllCheckbox';\nimport {buildFlattenTree} from './utils/buildFlattenTreeMap';\nimport {getSelectAllState} from './utils/getSelectAllState';\nimport {filterTreeByPermission} from './utils/filterTreeByPermission';\n\nconst ScrollableContent = styled.div`\n    max-height: 182px; /* Equal to 5.5 nodes of KitTree */\n    overflow-y: auto;\n    overflow-x: hidden;\n    width: 100%;\n`;\n\nconst FilteredTreeTitle = styled(KitTypography.Text)`\n    color: var(--general-colors-neutral-grey-500);\n`;\n\nconst FilteredTreeSpacer = styled(KitSpace)`\n    width: 100%;\n`;\n\nconst DropdownContentWrapper = styled(KitSpace)`\n    width: 327px;\n`;\n\nexport const TreeAttributeDropDown: FunctionComponent<IFilterChildrenTreeDropDownProps> = ({\n    filter,\n    onFilterChange,\n}) => {\n    const {t} = useSharedTranslation();\n    const {filtersData} = useFiltersContext();\n    const {treeData, isLoading, error} = useGetTreeData({\n        treeId: filter.attribute.linkedTree?.id ?? '',\n        attributeId: filter.attribute.id,\n        libraryId: filtersData.libraryId,\n    });\n\n    // Split treeData based on accessRecordByDefaultPermission\n    const visibleByDefaultTree = useMemo(() => filterTreeByPermission(treeData, true), [treeData]);\n    const hiddenByDefaultTree = useMemo(() => filterTreeByPermission(treeData, false), [treeData]);\n\n    const {filteredVisibleByDefaultTree, filteredHiddenByDefaultTree, expandedNodeIdsFromSearch, SearchInput} =\n        useTreesSearch(visibleByDefaultTree, hiddenByDefaultTree);\n\n    const [expandedNodeIdsFromUser, setExpandedNodeIdsFromUser] = useState<Key[]>([]);\n\n    const selectedNodesIds = (filter.nodes ?? []).map(node => node.nodeId);\n    const areBothTreesFilled = visibleByDefaultTree.length > 0 && hiddenByDefaultTree.length > 0;\n\n    // Build flatten trees to optimize the search and selection of nodes in handling functions\n    const flattenTreeData = useMemo(() => buildFlattenTree(treeData), [treeData]);\n    const flattenVisibleByDefaultTree = useMemo(() => buildFlattenTree(visibleByDefaultTree), [visibleByDefaultTree]);\n    const flattenHiddenByDefaultTree = useMemo(() => buildFlattenTree(hiddenByDefaultTree), [hiddenByDefaultTree]);\n\n    const _handleOnSelectEmptyValue = (selected: boolean) => {\n        onFilterChange({\n            ...filter,\n            withEmptyValues: selected,\n        });\n    };\n\n    const _handleOnSelect = (node: ITreeNode, selected: boolean) => {\n        let newSelectedIds: string[];\n\n        if (selected) {\n            newSelectedIds = [...selectedNodesIds, node.id];\n        } else {\n            newSelectedIds = selectedNodesIds.filter(selectedValue => selectedValue !== node.id);\n        }\n\n        const selectedNodes = newSelectedIds\n            .map(nodeId => flattenTreeData.get(nodeId))\n            .filter((selectedNode): selectedNode is ITreeNode => Boolean(selectedNode));\n\n        onFilterChange({\n            ...filter,\n            nodes: selectedNodes.map(selectedNode => ({nodeId: selectedNode.id, libraryId: selectedNode.libraryId})),\n            value: selectedNodes.map(selectedNode => selectedNode.recordId),\n            formattedValue: selectedNodes.map(selectedNode => selectedNode.title),\n        });\n    };\n\n    const _handleOnSelectAll = (treeToSelect: Map<string, ITreeNode>, isSelected: boolean) => {\n        const treeNodeIds = Array.from(treeToSelect.keys());\n\n        // Using Set to avoid duplicates\n        const newSelectedIds = isSelected\n            ? [...new Set([...selectedNodesIds, ...treeNodeIds])]\n            : selectedNodesIds.filter(id => !treeNodeIds.includes(id));\n\n        const selectedNodes = newSelectedIds\n            .map(nodeId => flattenTreeData.get(nodeId))\n            .filter((selectedNode): selectedNode is ITreeNode => Boolean(selectedNode));\n\n        onFilterChange({\n            ...filter,\n            nodes: selectedNodes.map(selectedNode => ({\n                nodeId: selectedNode.id,\n                libraryId: selectedNode.libraryId,\n            })),\n            value: selectedNodes.map(selectedNode => selectedNode.recordId),\n            formattedValue: selectedNodes.map(selectedNode => selectedNode.title),\n        });\n    };\n\n    const _handleOnSelectAllVisibleByDefault = (isSelected: boolean) =>\n        _handleOnSelectAll(flattenVisibleByDefaultTree, isSelected);\n\n    const _handleOnSelectAllHiddenByDefault = (isSelected: boolean) =>\n        _handleOnSelectAll(flattenHiddenByDefaultTree, isSelected);\n\n    const {allSelected: allVisibleSelected, indeterminate: visibleIndeterminate} = getSelectAllState(\n        selectedNodesIds,\n        flattenVisibleByDefaultTree,\n    );\n\n    const {allSelected: allHiddenSelected, indeterminate: hiddenIndeterminate} = getSelectAllState(\n        selectedNodesIds,\n        flattenHiddenByDefaultTree,\n    );\n\n    const treeCommonProps: ComponentProps<typeof KitTree> = {\n        selectedKeys: selectedNodesIds,\n        checkedKeys: selectedNodesIds,\n        defaultExpandedKeys: selectedNodesIds,\n        expandedKeys: [...selectedNodesIds, ...expandedNodeIdsFromUser, ...expandedNodeIdsFromSearch],\n        autoExpandParent: true,\n        checkable: true,\n        checkStrictly: true,\n        multiple: true,\n        onExpand: expandedKeys => {\n            setExpandedNodeIdsFromUser(expandedKeys);\n        },\n        onCheck: (_, info) => {\n            const node = info.node as EventDataNode<ITreeNode>;\n            _handleOnSelect(node, info.checked);\n        },\n        onSelect: (_, info) => {\n            const node = info.node as EventDataNode<ITreeNode>;\n            _handleOnSelect(node, info.selected);\n        },\n    };\n\n    if (isLoading) {\n        return <KitLoader />;\n    }\n\n    if (error) {\n        return <ErrorDisplay message={error.message} />;\n    }\n\n    return (\n        <DropdownContentWrapper direction=\"vertical\" size=\"xs\">\n            {SearchInput}\n            {areBothTreesFilled ? (\n                <>\n                    <EmptyValueCheckbox onSelect={_handleOnSelectEmptyValue} filter={filter} />\n                    <FilteredTreeSpacer direction=\"vertical\" size=\"xxs\">\n                        <FilteredTreeTitle size=\"fontSize5\" weight=\"medium\">\n                            {t('filters.visible-by-default')}\n                        </FilteredTreeTitle>\n                        <ScrollableContent>\n                            <SelectAllCheckbox\n                                checked={allVisibleSelected}\n                                indeterminate={visibleIndeterminate}\n                                onChange={_handleOnSelectAllVisibleByDefault}\n                            />\n                            <KitTree treeData={filteredVisibleByDefaultTree} {...treeCommonProps} />\n                        </ScrollableContent>\n                    </FilteredTreeSpacer>\n                    <KitDivider noMargin />\n                    <FilteredTreeSpacer direction=\"vertical\" size=\"xxs\">\n                        <FilteredTreeTitle size=\"fontSize5\" weight=\"medium\">\n                            {t('filters.hidden-by-default')}\n                        </FilteredTreeTitle>\n                        <ScrollableContent>\n                            <SelectAllCheckbox\n                                checked={allHiddenSelected}\n                                indeterminate={hiddenIndeterminate}\n                                onChange={_handleOnSelectAllHiddenByDefault}\n                            />\n                            <KitTree treeData={filteredHiddenByDefaultTree} {...treeCommonProps} />\n                        </ScrollableContent>\n                    </FilteredTreeSpacer>\n                </>\n            ) : (\n                <ScrollableContent>\n                    <EmptyValueCheckbox onSelect={_handleOnSelectEmptyValue} filter={filter} />\n                    <SelectAllCheckbox\n                        checked={visibleByDefaultTree.length > 0 ? allVisibleSelected : allHiddenSelected}\n                        indeterminate={visibleByDefaultTree.length > 0 ? visibleIndeterminate : hiddenIndeterminate}\n                        onChange={\n                            visibleByDefaultTree.length > 0\n                                ? _handleOnSelectAllVisibleByDefault\n                                : _handleOnSelectAllHiddenByDefault\n                        }\n                    />\n                    <KitTree\n                        treeData={\n                            visibleByDefaultTree.length > 0 ? filteredVisibleByDefaultTree : filteredHiddenByDefaultTree\n                        }\n                        {...treeCommonProps}\n                    />\n                </ScrollableContent>\n            )}\n        </DropdownContentWrapper>\n    );\n};\n"]}
+{"version":3,"file":"TreeAttributeDropDown.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/tree/TreeAttributeDropDown.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 {type ComponentProps, type FunctionComponent, type Key, useMemo, useState} from 'react';\nimport {type IFilterChildrenTreeDropDownProps} from '../_types';\nimport styled from 'styled-components';\nimport {KitDivider, KitLoader, KitSpace, KitTree, KitTypography} from 'aristid-ds';\nimport {type EventDataNode} from 'antd/lib/tree';\nimport {type ITreeNode, useGetTreeData} from './useGetTreeData';\nimport {ErrorDisplay} from '_ui/components/ErrorDisplay';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useTreesSearch} from './useTreesSearch';\nimport {useFiltersContext} from '_ui/components/Filters/useFiltersContext';\nimport {EmptyValueCheckbox} from '../../shared/EmptyValueCheckbox';\nimport {SelectAllCheckbox} from '../../shared/SelectAllCheckbox';\nimport {buildFlattenTree} from './utils/buildFlattenTreeMap';\nimport {getSelectAllState} from './utils/getSelectAllState';\nimport {filterTreeByPermission} from './utils/filterTreeByPermission';\n\nconst ScrollableContent = styled.div`\n    max-height: 182px; /* Equal to 5.5 nodes of KitTree */\n    overflow-y: auto;\n    overflow-x: hidden;\n    width: 100%;\n`;\n\nconst FilteredTreeTitle = styled(KitTypography.Text)`\n    color: var(--general-colors-neutral-grey-500);\n`;\n\nconst FilteredTreeSpacer = styled(KitSpace)`\n    width: 100%;\n`;\n\nconst DropdownContentWrapper = styled(KitSpace)`\n    width: 327px;\n    justify-content: center;\n`;\n\nexport const TreeAttributeDropDown: FunctionComponent<IFilterChildrenTreeDropDownProps> = ({\n    filter,\n    onFilterChange,\n}) => {\n    const {t} = useSharedTranslation();\n    const {filtersData} = useFiltersContext();\n    const {treeData, isLoading, error} = useGetTreeData({\n        treeId: filter.attribute.linkedTree?.id ?? '',\n        attributeId: filter.attribute.id,\n        libraryId: filtersData.libraryId,\n    });\n\n    // Split treeData based on accessRecordByDefaultPermission\n    const visibleByDefaultTree = useMemo(() => filterTreeByPermission(treeData, true), [treeData]);\n    const hiddenByDefaultTree = useMemo(() => filterTreeByPermission(treeData, false), [treeData]);\n\n    const {filteredVisibleByDefaultTree, filteredHiddenByDefaultTree, expandedNodeIdsFromSearch, SearchInput} =\n        useTreesSearch(visibleByDefaultTree, hiddenByDefaultTree);\n\n    const [expandedNodeIdsFromUser, setExpandedNodeIdsFromUser] = useState<Key[]>([]);\n\n    const selectedNodesIds = (filter.nodes ?? []).map(node => node.nodeId);\n    const areBothTreesFilled = visibleByDefaultTree.length > 0 && hiddenByDefaultTree.length > 0;\n\n    // Build flatten trees to optimize the search and selection of nodes in handling functions\n    const flattenTreeData = useMemo(() => buildFlattenTree(treeData), [treeData]);\n    const flattenVisibleByDefaultTree = useMemo(() => buildFlattenTree(visibleByDefaultTree), [visibleByDefaultTree]);\n    const flattenHiddenByDefaultTree = useMemo(() => buildFlattenTree(hiddenByDefaultTree), [hiddenByDefaultTree]);\n\n    const _handleOnSelectEmptyValue = (selected: boolean) => {\n        onFilterChange({\n            ...filter,\n            withEmptyValues: selected,\n        });\n    };\n\n    const _handleOnSelect = (node: ITreeNode, selected: boolean) => {\n        let newSelectedIds: string[];\n\n        if (selected) {\n            newSelectedIds = [...selectedNodesIds, node.id];\n        } else {\n            newSelectedIds = selectedNodesIds.filter(selectedValue => selectedValue !== node.id);\n        }\n\n        const selectedNodes = newSelectedIds\n            .map(nodeId => flattenTreeData.get(nodeId))\n            .filter((selectedNode): selectedNode is ITreeNode => Boolean(selectedNode));\n\n        onFilterChange({\n            ...filter,\n            nodes: selectedNodes.map(selectedNode => ({nodeId: selectedNode.id, libraryId: selectedNode.libraryId})),\n            value: selectedNodes.map(selectedNode => selectedNode.recordId),\n            formattedValue: selectedNodes.map(selectedNode => selectedNode.title),\n        });\n    };\n\n    const _handleOnSelectAll = (treeToSelect: Map<string, ITreeNode>, isSelected: boolean) => {\n        const treeNodeIds = Array.from(treeToSelect.keys());\n\n        // Using Set to avoid duplicates\n        const newSelectedIds = isSelected\n            ? [...new Set([...selectedNodesIds, ...treeNodeIds])]\n            : selectedNodesIds.filter(id => !treeNodeIds.includes(id));\n\n        const selectedNodes = newSelectedIds\n            .map(nodeId => flattenTreeData.get(nodeId))\n            .filter((selectedNode): selectedNode is ITreeNode => Boolean(selectedNode));\n\n        onFilterChange({\n            ...filter,\n            nodes: selectedNodes.map(selectedNode => ({\n                nodeId: selectedNode.id,\n                libraryId: selectedNode.libraryId,\n            })),\n            value: selectedNodes.map(selectedNode => selectedNode.recordId),\n            formattedValue: selectedNodes.map(selectedNode => selectedNode.title),\n        });\n    };\n\n    const _handleOnSelectAllVisibleByDefault = (isSelected: boolean) =>\n        _handleOnSelectAll(flattenVisibleByDefaultTree, isSelected);\n\n    const _handleOnSelectAllHiddenByDefault = (isSelected: boolean) =>\n        _handleOnSelectAll(flattenHiddenByDefaultTree, isSelected);\n\n    const {allSelected: allVisibleSelected, indeterminate: visibleIndeterminate} = getSelectAllState(\n        selectedNodesIds,\n        flattenVisibleByDefaultTree,\n    );\n\n    const {allSelected: allHiddenSelected, indeterminate: hiddenIndeterminate} = getSelectAllState(\n        selectedNodesIds,\n        flattenHiddenByDefaultTree,\n    );\n\n    const treeCommonProps: ComponentProps<typeof KitTree> = {\n        selectedKeys: selectedNodesIds,\n        checkedKeys: selectedNodesIds,\n        defaultExpandedKeys: selectedNodesIds,\n        expandedKeys: [...selectedNodesIds, ...expandedNodeIdsFromUser, ...expandedNodeIdsFromSearch],\n        autoExpandParent: true,\n        checkable: true,\n        checkStrictly: true,\n        multiple: true,\n        onExpand: expandedKeys => {\n            setExpandedNodeIdsFromUser(expandedKeys);\n        },\n        onCheck: (_, info) => {\n            const node = info.node as EventDataNode<ITreeNode>;\n            _handleOnSelect(node, info.checked);\n        },\n        onSelect: (_, info) => {\n            const node = info.node as EventDataNode<ITreeNode>;\n            _handleOnSelect(node, info.selected);\n        },\n    };\n\n    if (isLoading) {\n        return (\n            <DropdownContentWrapper>\n                <KitLoader />\n            </DropdownContentWrapper>\n        );\n    }\n\n    if (error) {\n        return (\n            <DropdownContentWrapper>\n                <ErrorDisplay message={error.message} />\n            </DropdownContentWrapper>\n        );\n    }\n\n    return (\n        <DropdownContentWrapper direction=\"vertical\" size=\"xs\">\n            {SearchInput}\n            {areBothTreesFilled ? (\n                <>\n                    <EmptyValueCheckbox onSelect={_handleOnSelectEmptyValue} filter={filter} />\n                    <FilteredTreeSpacer direction=\"vertical\" size=\"xxs\">\n                        <FilteredTreeTitle size=\"fontSize5\" weight=\"medium\">\n                            {t('filters.visible-by-default')}\n                        </FilteredTreeTitle>\n                        <ScrollableContent>\n                            <SelectAllCheckbox\n                                checked={allVisibleSelected}\n                                indeterminate={visibleIndeterminate}\n                                onChange={_handleOnSelectAllVisibleByDefault}\n                            />\n                            <KitTree treeData={filteredVisibleByDefaultTree} {...treeCommonProps} />\n                        </ScrollableContent>\n                    </FilteredTreeSpacer>\n                    <KitDivider noMargin />\n                    <FilteredTreeSpacer direction=\"vertical\" size=\"xxs\">\n                        <FilteredTreeTitle size=\"fontSize5\" weight=\"medium\">\n                            {t('filters.hidden-by-default')}\n                        </FilteredTreeTitle>\n                        <ScrollableContent>\n                            <SelectAllCheckbox\n                                checked={allHiddenSelected}\n                                indeterminate={hiddenIndeterminate}\n                                onChange={_handleOnSelectAllHiddenByDefault}\n                            />\n                            <KitTree treeData={filteredHiddenByDefaultTree} {...treeCommonProps} />\n                        </ScrollableContent>\n                    </FilteredTreeSpacer>\n                </>\n            ) : (\n                <ScrollableContent>\n                    <EmptyValueCheckbox onSelect={_handleOnSelectEmptyValue} filter={filter} />\n                    <SelectAllCheckbox\n                        checked={visibleByDefaultTree.length > 0 ? allVisibleSelected : allHiddenSelected}\n                        indeterminate={visibleByDefaultTree.length > 0 ? visibleIndeterminate : hiddenIndeterminate}\n                        onChange={\n                            visibleByDefaultTree.length > 0\n                                ? _handleOnSelectAllVisibleByDefault\n                                : _handleOnSelectAllHiddenByDefault\n                        }\n                    />\n                    <KitTree\n                        treeData={\n                            visibleByDefaultTree.length > 0 ? filteredVisibleByDefaultTree : filteredHiddenByDefaultTree\n                        }\n                        {...treeCommonProps}\n                    />\n                </ScrollableContent>\n            )}\n        </DropdownContentWrapper>\n    );\n};\n"]}

package/dist/components/Filters/filter-items/filter-type/tree/_queries/filterTreeDataQuery.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generates recursive GraphQL for tree node children.
+ * Used to fetch nested children up to the specified depth.
+ */
+export declare const filterTreeNodeChildren: (depth?: number) => string;
+export declare const filterTreeDataQuery: (depthTreeNodes?: number) => import("@apollo/client").DocumentNode;

package/dist/components/Filters/filter-items/filter-type/tree/_queries/filterTreeDataQuery.js

@@ -0,0 +1,54 @@
+// 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 { gql } from '@apollo/client';
+const DEFAULT_DEPTH_TREE_NODES = 10;
+/**
+ * Generates recursive GraphQL for tree node children.
+ * Used to fetch nested children up to the specified depth.
+ */
+export const filterTreeNodeChildren = (depth = 0) => `
+    children {
+        id
+        record {
+            id
+            whoAmI {
+                id
+                label
+                library {
+                    id
+                }
+            }
+        }
+        ${depth > 0 ? filterTreeNodeChildren(depth - 1) : ''}
+        accessRecordByDefaultPermission
+    }
+`;
+export const filterTreeDataQuery = (depthTreeNodes = DEFAULT_DEPTH_TREE_NODES) => gql `
+    query FilterTreeDataQuery(
+        $treeId: ID!
+        $startAt: ID
+        $accessRecordByDefaultPermission: AccessRecordByDefaultPermissionInput
+    ) {
+        treeContent(
+            treeId: $treeId
+            startAt: $startAt
+            accessRecordByDefaultPermission: $accessRecordByDefaultPermission
+        ) {
+            id
+            record {
+                id
+                whoAmI {
+                    id
+                    label
+                    library {
+                        id
+                    }
+                }
+            }
+            ${filterTreeNodeChildren(depthTreeNodes - 1)}
+            accessRecordByDefaultPermission
+        }
+    }
+`;
+//# sourceMappingURL=filterTreeDataQuery.js.map

package/dist/components/Filters/filter-items/filter-type/tree/_queries/filterTreeDataQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterTreeDataQuery.js","sourceRoot":"","sources":["../../../../../../../src/components/Filters/filter-items/filter-type/tree/_queries/filterTreeDataQuery.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAEnC,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAEpC;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC;;;;;;;;;;;;;UAa3C,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;;;CAG3D,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,cAAc,GAAG,wBAAwB,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;cAsBvE,sBAAsB,CAAC,cAAc,GAAG,CAAC,CAAC;;;;CAIvD,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 {gql} from '@apollo/client';\n\nconst DEFAULT_DEPTH_TREE_NODES = 10;\n\n/**\n * Generates recursive GraphQL for tree node children.\n * Used to fetch nested children up to the specified depth.\n */\nexport const filterTreeNodeChildren = (depth = 0) => `\n    children {\n        id\n        record {\n            id\n            whoAmI {\n                id\n                label\n                library {\n                    id\n                }\n            }\n        }\n        ${depth > 0 ? filterTreeNodeChildren(depth - 1) : ''}\n        accessRecordByDefaultPermission\n    }\n`;\n\nexport const filterTreeDataQuery = (depthTreeNodes = DEFAULT_DEPTH_TREE_NODES) => gql`\n    query FilterTreeDataQuery(\n        $treeId: ID!\n        $startAt: ID\n        $accessRecordByDefaultPermission: AccessRecordByDefaultPermissionInput\n    ) {\n        treeContent(\n            treeId: $treeId\n            startAt: $startAt\n            accessRecordByDefaultPermission: $accessRecordByDefaultPermission\n        ) {\n            id\n            record {\n                id\n                whoAmI {\n                    id\n                    label\n                    library {\n                        id\n                    }\n                }\n            }\n            ${filterTreeNodeChildren(depthTreeNodes - 1)}\n            accessRecordByDefaultPermission\n        }\n    }\n`;\n"]}