@leav/ui 1.13.0 → 1.14.0-667fe1ca

package/dist/components/Filters/filter-items/filter-type/TextAttributeDropDown.js

@@ -1,7 +1,4 @@
 import { jsx as _jsx, Fragment as _Fragment, 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 { useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
 import { KitInput, KitSelect } from 'aristid-ds';

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

@@ -1 +1 @@
-{"version":3,"file":"TextAttributeDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/TextAttributeDropDown.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAA8C,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/F,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAC,wBAAwB,EAAC,MAAM,WAAW,CAAC;AACnD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,0BAA0B,EAAC,MAAM,6BAA6B,CAAC;AAEvE,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;CAEnC,CAAC;AAEF,MAAM,cAAc,GAAG,GAAG,CAAC;AAC3B,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAE5B,MAAM,CAAC,MAAM,qBAAqB,GAAoD,CAAC,EACnF,MAAM,EACN,cAAc,EACd,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,sBAAsB,EAAC,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;IACpE,qHAAqH;IACrH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IACjE,2EAA2E;IAC3E,MAAM,gBAAgB,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAE5E,SAAS,CAAC,GAAG,EAAE;QACX,+FAA+F;QAC/F,8EAA8E;QAC9E,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC3B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC3C,CAAC;QACD,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnB,MAAM,mBAAmB,GAAiD,SAAS,CAAC,EAAE;QAClF,cAAc,CAAC,EAAC,GAAG,MAAM,EAAE,SAAS,EAAC,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,eAAe,GAAgD,KAAK,CAAC,EAAE;QACzE,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACpC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAExB,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC3B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC3C,CAAC;QAED,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxB,cAAc,CAAC,EAAC,GAAG,MAAM,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC;YACzC,OAAO;QACX,CAAC;QAED,IAAI,QAAQ,CAAC,MAAM,IAAI,iBAAiB,EAAE,CAAC;YACvC,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACvC,cAAc,CAAC,EAAC,GAAG,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAC,CAAC,CAAC;YACjD,CAAC,EAAE,cAAc,CAAC,CAAC;QACvB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,UAAU,GACZ,MAAM,CAAC,SAAS,KAAK,wBAAwB,CAAC,QAAQ;QACtD,MAAM,CAAC,SAAS,KAAK,wBAAwB,CAAC,YAAY,CAAC;IAE/D,OAAO,CACH,8BACI,KAAC,SAAS,IACN,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAE,mBAAmB,EAC7B,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,iBAAiB,EAAE,GAAG,EAAE,CAAC,iBAAiB,EAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,gBACxD,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,GACpD,EACD,UAAU,IAAI,CACX,KAAC,WAAW,IACR,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAC/C,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,eAAe,GAC3B,CACL,IACF,CACN,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 {type ComponentProps, type FunctionComponent, useEffect, useRef, useState} from 'react';\nimport styled from 'styled-components';\nimport {KitInput, KitSelect} from 'aristid-ds';\nimport {AttributeConditionFilter} from '_ui/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IFilterChildrenDropDownProps} from './_types';\nimport {useConditionsOptionsByType} from './useConditionOptionsByType';\n\nconst InputStyled = styled(KitInput)`\n    width: 100%;\n`;\n\nconst DEBOUNCE_DELAY = 300;\nconst MIN_SEARCH_LENGTH = 3;\n\nexport const TextAttributeDropDown: FunctionComponent<IFilterChildrenDropDownProps> = ({\n    filter,\n    onFilterChange,\n    selectDropDownRef,\n}) => {\n    const {t} = useSharedTranslation();\n    const {conditionOptionsByType} = useConditionsOptionsByType(filter);\n    // Local state drives the input display, decoupled from filter.value which only updates after MIN_SEARCH_LENGTH chars\n    const [inputValue, setInputValue] = useState(filter.value ?? '');\n    // Ref to the pending debounce timer so we can cancel it on external resets\n    const debounceTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        // When filter.value is reset externally (e.g. RESET_FILTER), cancel any pending debounce first\n        // to prevent it from dispatching a stale value that would overwrite the reset\n        if (debounceTimerRef.current) {\n            clearTimeout(debounceTimerRef.current);\n        }\n        setInputValue(filter.value ?? '');\n    }, [filter.value]);\n\n    const _onConditionChanged: ComponentProps<typeof KitSelect>['onChange'] = condition => {\n        onFilterChange({...filter, condition});\n    };\n\n    const _onInputChanged: ComponentProps<typeof KitInput>['onChange'] = event => {\n        const newValue = event.target.value;\n        setInputValue(newValue);\n\n        if (debounceTimerRef.current) {\n            clearTimeout(debounceTimerRef.current);\n        }\n\n        if (newValue.length === 0) {\n            onFilterChange({...filter, value: null});\n            return;\n        }\n\n        if (newValue.length >= MIN_SEARCH_LENGTH) {\n            debounceTimerRef.current = setTimeout(() => {\n                onFilterChange({...filter, value: newValue});\n            }, DEBOUNCE_DELAY);\n        }\n    };\n\n    const showSearch =\n        filter.condition !== AttributeConditionFilter.IS_EMPTY &&\n        filter.condition !== AttributeConditionFilter.IS_NOT_EMPTY;\n\n    return (\n        <>\n            <KitSelect\n                options={conditionOptionsByType}\n                onChange={_onConditionChanged}\n                value={filter.condition}\n                getPopupContainer={() => selectDropDownRef?.current ?? document.body}\n                aria-label={String(t('explorer.filter-condition'))}\n            />\n            {showSearch && (\n                <InputStyled\n                    placeholder={String(t('explorer.type-a-value'))}\n                    value={inputValue}\n                    onChange={_onInputChanged}\n                />\n            )}\n        </>\n    );\n};\n"]}
+{"version":3,"file":"TextAttributeDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/TextAttributeDropDown.tsx"],"names":[],"mappings":"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","sourcesContent":["import {type ComponentProps, type FunctionComponent, useEffect, useRef, useState} from 'react';\nimport styled from 'styled-components';\nimport {KitInput, KitSelect} from 'aristid-ds';\nimport {AttributeConditionFilter} from '_ui/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IFilterChildrenDropDownProps} from './_types';\nimport {useConditionsOptionsByType} from './useConditionOptionsByType';\n\nconst InputStyled = styled(KitInput)`\n    width: 100%;\n`;\n\nconst DEBOUNCE_DELAY = 300;\nconst MIN_SEARCH_LENGTH = 3;\n\nexport const TextAttributeDropDown: FunctionComponent<IFilterChildrenDropDownProps> = ({\n    filter,\n    onFilterChange,\n    selectDropDownRef,\n}) => {\n    const {t} = useSharedTranslation();\n    const {conditionOptionsByType} = useConditionsOptionsByType(filter);\n    // Local state drives the input display, decoupled from filter.value which only updates after MIN_SEARCH_LENGTH chars\n    const [inputValue, setInputValue] = useState(filter.value ?? '');\n    // Ref to the pending debounce timer so we can cancel it on external resets\n    const debounceTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        // When filter.value is reset externally (e.g. RESET_FILTER), cancel any pending debounce first\n        // to prevent it from dispatching a stale value that would overwrite the reset\n        if (debounceTimerRef.current) {\n            clearTimeout(debounceTimerRef.current);\n        }\n        setInputValue(filter.value ?? '');\n    }, [filter.value]);\n\n    const _onConditionChanged: ComponentProps<typeof KitSelect>['onChange'] = condition => {\n        onFilterChange({...filter, condition});\n    };\n\n    const _onInputChanged: ComponentProps<typeof KitInput>['onChange'] = event => {\n        const newValue = event.target.value;\n        setInputValue(newValue);\n\n        if (debounceTimerRef.current) {\n            clearTimeout(debounceTimerRef.current);\n        }\n\n        if (newValue.length === 0) {\n            onFilterChange({...filter, value: null});\n            return;\n        }\n\n        if (newValue.length >= MIN_SEARCH_LENGTH) {\n            debounceTimerRef.current = setTimeout(() => {\n                onFilterChange({...filter, value: newValue});\n            }, DEBOUNCE_DELAY);\n        }\n    };\n\n    const showSearch =\n        filter.condition !== AttributeConditionFilter.IS_EMPTY &&\n        filter.condition !== AttributeConditionFilter.IS_NOT_EMPTY;\n\n    return (\n        <>\n            <KitSelect\n                options={conditionOptionsByType}\n                onChange={_onConditionChanged}\n                value={filter.condition}\n                getPopupContainer={() => selectDropDownRef?.current ?? document.body}\n                aria-label={String(t('explorer.filter-condition'))}\n            />\n            {showSearch && (\n                <InputStyled\n                    placeholder={String(t('explorer.type-a-value'))}\n                    value={inputValue}\n                    onChange={_onInputChanged}\n                />\n            )}\n        </>\n    );\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { type RefObject } from 'react';
+import { type MutableRefObject, type RefObject } from 'react';
 import { type IUIFilterSmartFiler, type IUIFilterLink, type IUIFilterStandard, type IUIFilterThrough, type IUIFilterTree } from '../../_types';
 export interface IFilterChildrenDropDownProps {
     filter: IUIFilterStandard;
@@ -15,6 +15,8 @@ export interface IFilterChildrenTreeDropDownProps {
     filter: IUIFilterTree;
     onFilterChange: (filterData: IUIFilterTree) => void;
     selectDropDownRef?: RefObject<HTMLDivElement>;
+    toggleHiddenRef?: MutableRefObject<((checked: boolean) => void) | null>;
+    onPermissionConfiguredChange?: (isConfigured: boolean) => void;
 }
 export interface IFilterChildrenSmartFilterDropDownProps {
     filter: IUIFilterSmartFiler;

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 {\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"]}
+{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/_types.ts"],"names":[],"mappings":"","sourcesContent":["import {type MutableRefObject, 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    toggleHiddenRef?: MutableRefObject<((checked: boolean) => void) | null>;\n    onPermissionConfiguredChange?: (isConfigured: boolean) => void;\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.js

@@ -1,7 +1,4 @@
 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';
@@ -47,7 +44,6 @@ export const SmartFilterAttributeDropdown = ({ filter, onFilterChange }) => {
         filtersOperator: filtersData.filtersOperator,
         selectedValueIds: selectedNodesIds,
         selectedFormattedValues: filter.formattedValue,
-        linkedLibraryId: filter.attribute.linkedLibrary?.id,
     });
     const { filteredSmartFilterData, SearchInput } = useSmartFilterSearch(smartFilterDataToDisplay);
     const isFullyChecked = selectedNodesIds.length > 0 &&
@@ -67,7 +63,7 @@ export const SmartFilterAttributeDropdown = ({ filter, onFilterChange }) => {
             .filter((selectedNode) => Boolean(selectedNode));
         onFilterChange({
             ...filter,
-            value: selectedNodes.map(selectedNode => selectedNode.recordId),
+            value: selectedNodes.map(selectedNode => selectedNode.value),
             formattedValue: selectedNodes.map(selectedNode => selectedNode.title),
         });
     };
@@ -75,7 +71,7 @@ export const SmartFilterAttributeDropdown = ({ filter, onFilterChange }) => {
         const selectedNodes = isSelected ? [...smartFilterDataToDisplay] : [];
         onFilterChange({
             ...filter,
-            value: selectedNodes.map(selectedNode => selectedNode.recordId),
+            value: selectedNodes.map(selectedNode => selectedNode.value),
             formattedValue: selectedNodes.map(selectedNode => selectedNode.title),
             withEmptyValues: isSelected,
         });

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

@@ -1 +1 @@
-{"version":3,"file":"SmartFilterAttributeDropdown.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/smart-filter/SmartFilterAttributeDropdown.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 {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"]}
+{"version":3,"file":"SmartFilterAttributeDropdown.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/smart-filter/SmartFilterAttributeDropdown.tsx"],"names":[],"mappings":";AAAA,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;KACjD,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,KAAK,CAAC;YAC5D,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,KAAK,CAAC;YAC5D,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":["import {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    });\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.value),\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.value),\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

@@ -2,8 +2,7 @@ import { type IUIFilterTree, type FiltersOperator, type UIFilter } from '../../.
 export interface ISmartFilterNode {
     title: string;
     key: string;
-    libraryId: string;
-    recordId: string;
+    value: string | null;
     count: number;
     ghosted?: boolean;
 }
@@ -14,9 +13,8 @@ interface IUseGetSmartFilterDataProps {
     filtersOperator: FiltersOperator;
     selectedValueIds?: string[] | null;
     selectedFormattedValues?: Array<string | null> | null;
-    linkedLibraryId?: string;
 }
-export declare const useGetSmartFilterData: ({ libraryId, attributeId, filters, filtersOperator, selectedValueIds, selectedFormattedValues, linkedLibraryId, }: IUseGetSmartFilterDataProps) => {
+export declare const useGetSmartFilterData: ({ libraryId, attributeId, filters, filtersOperator, selectedValueIds, selectedFormattedValues, }: IUseGetSmartFilterDataProps) => {
     smartFilterDataToDisplay: ISmartFilterNode[];
     noValueNodeData: ISmartFilterNode;
     isLoading: boolean;

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

@@ -1,9 +1,6 @@
-// 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, }) => {
+export const useGetSmartFilterData = ({ libraryId, attributeId, filters, filtersOperator, selectedValueIds, selectedFormattedValues, }) => {
     const filtersWithoutCurrentAttributeFilter = filters.filter(filter => filter.attribute.id !== attributeId);
     const preparedFilters = prepareFiltersForRequest(filtersWithoutCurrentAttributeFilter, filtersOperator, undefined);
     const { data, loading, error } = useSmartFilterListValuesQuery({
@@ -16,21 +13,28 @@ export const useGetSmartFilterData = ({ libraryId, attributeId, filters, filters
     const occurrences = data?.listDistinctValues;
     const smartFilterData = occurrences?.length
         ? occurrences
-            .map(({ value, count }) => value !== null
+            .map(occurrence => 'standardValue' in occurrence && occurrence.standardValue !== null
             ? {
-                key: value.id,
-                title: value.whoAmI.label ?? value.whoAmI.id ?? value.id,
-                recordId: value.whoAmI.id,
-                libraryId: value.whoAmI.library.id,
-                count,
+                key: occurrence.standardValue,
+                title: occurrence.standardValue,
+                value: occurrence.standardValue,
+                count: occurrence.count,
             }
-            : {
-                key: 'no_value',
-                title: '',
-                recordId: null,
-                libraryId: null,
-                count,
-            })
+            : 'recordValue' in occurrence && occurrence.recordValue !== null
+                ? {
+                    key: occurrence.recordValue.id,
+                    title: occurrence.recordValue.whoAmI.label ??
+                        occurrence.recordValue.whoAmI.id ??
+                        occurrence.recordValue.id,
+                    value: occurrence.recordValue.whoAmI.id,
+                    count: occurrence.count,
+                }
+                : {
+                    key: 'no_value',
+                    title: '',
+                    value: null,
+                    count: occurrence.count,
+                })
             .sort((a, b) => a.title.localeCompare(b.title, undefined, { numeric: true }))
         : [];
     const smartFilterDataWithoutNoValue = smartFilterData.filter(node => node.key !== 'no_value');
@@ -41,8 +45,7 @@ export const useGetSmartFilterData = ({ libraryId, attributeId, filters, filters
         const formattedValue = index >= 0 && selectedFormattedValues?.[index] != null ? selectedFormattedValues[index] : nodeId;
         return {
             key: nodeId,
-            recordId: nodeId,
-            libraryId: linkedLibraryId ?? '',
+            value: nodeId,
             title: formattedValue ?? nodeId,
             count: 0,
             ghosted: true,

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

@@ -1 +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"]}
+{"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":["import {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    value: string | null; // recordId or text value\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}\n\nexport const useGetSmartFilterData = ({\n    libraryId,\n    attributeId,\n    filters,\n    filtersOperator,\n    selectedValueIds,\n    selectedFormattedValues,\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(occurrence =>\n                  'standardValue' in occurrence && occurrence.standardValue !== null\n                      ? {\n                            key: occurrence.standardValue,\n                            title: occurrence.standardValue,\n                            value: occurrence.standardValue,\n                            count: occurrence.count,\n                        }\n                      : 'recordValue' in occurrence && occurrence.recordValue !== null\n                        ? {\n                              key: occurrence.recordValue.id,\n                              title:\n                                  occurrence.recordValue.whoAmI.label ??\n                                  occurrence.recordValue.whoAmI.id ??\n                                  occurrence.recordValue.id,\n                              value: occurrence.recordValue.whoAmI.id,\n                              count: occurrence.count,\n                          }\n                        : {\n                              key: 'no_value',\n                              title: '',\n                              value: null,\n                              count: occurrence.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            value: nodeId,\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.js

@@ -1,7 +1,4 @@
 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';

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

@@ -1 +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"]}
+{"version":3,"file":"useSmartFilerSearch.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/smart-filter/useSmartFilerSearch.tsx"],"names":[],"mappings":";AAAA,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":["import {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

@@ -1,104 +1,66 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { useMemo, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import styled from 'styled-components';
-import { KitDivider, KitLoader, KitSpace, KitTree, KitTypography } from 'aristid-ds';
+import { KitLoader, KitSpace, KitTree } from 'aristid-ds';
 import { useGetTreeData } from './useGetTreeData';
 import { ErrorDisplay } from '../../../../../components/ErrorDisplay';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
 import { useTreesSearch } from './useTreesSearch';
 import { useFiltersContext } from '../../../../../components/Filters/useFiltersContext';
 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';
 import { countSelectedTreeChildren } from './utils/countSelectedTreeChildren';
 import { FilterTreeNodeTitle } from '../../shared/FilterTreeNodeTitle';
+import { useTreePermissions } from './useTreePermissions';
+import { useTreeNodeSelection } from './useTreeNodeSelection';
 const ScrollableContent = styled.div `
-    max-height: 182px; /* Equal to 5.5 nodes of KitTree */
+    max-height: 348px; /* Equal to 10.5 nodes of KitTree */
     overflow-y: auto;
     overflow-x: hidden;
     width: 100%;
 `;
-const FilteredTreeTitle = styled(KitTypography.Text) `
-    color: var(--general-colors-neutral-grey-500);
-`;
-const FilteredTreeSpacer = styled(KitSpace) `
-    width: 100%;
-`;
 const DropdownContentWrapper = styled(KitSpace) `
     width: 327px;
     justify-content: center;
 `;
-export const TreeAttributeDropDown = ({ filter, onFilterChange, }) => {
-    const { t } = useSharedTranslation();
+// Applies ghosted styling to tree nodes that have data-ghosted="true" on their title wrapper.
+// Used to visually distinguish hidden-by-default nodes when the toggle is active.
+const StyledKitTreeWithGhostedNodes = styled(KitTree) `
+    & .ant-tree-treenode:has(div[data-ghosted='true']) {
+        .ant-typography {
+            color: var(--general-colors-neutral-grey-500);
+            font-style: italic;
+        }
+    }
+
+    & .ant-tree-treenode:has(.ant-tree-checkbox-disabled) {
+        .ant-tree-node-content-wrapper,
+        .ant-typography {
+            cursor: default;
+        }
+    }
+`;
+export const TreeAttributeDropDown = ({ filter, onFilterChange, toggleHiddenRef, onPermissionConfiguredChange, }) => {
     const { filtersData } = useFiltersContext();
     const { treeData, isLoading, error } = useGetTreeData({
         treeId: filter.attribute.linkedTree?.id ?? '',
         attributeId: filter.attribute.id,
         libraryId: filtersData.libraryId,
     });
-    // Split treeData based on accessRecordByDefaultPermission
-    const visibleByDefaultTree = useMemo(() => filterTreeByPermission(treeData, true), [treeData]);
-    const hiddenByDefaultTree = useMemo(() => filterTreeByPermission(treeData, false), [treeData]);
-    const { filteredVisibleByDefaultTree, filteredHiddenByDefaultTree, expandedNodeIdsFromSearch, SearchInput } = useTreesSearch(visibleByDefaultTree, hiddenByDefaultTree);
+    const includeHiddenOptions = filter.includeHiddenOptions ?? false;
+    const { displayTree, flattenTreeData, flattenForSelectAll, isAccessPermissionConfigured } = useTreePermissions(treeData, includeHiddenOptions);
+    const { selectedNodesIds, allSelected, indeterminate, handleOnSelectEmptyValue, handleOnSelect, handleOnSelectAll } = useTreeNodeSelection({
+        filter,
+        onFilterChange,
+        flattenTreeData,
+        flattenForSelectAll,
+        isAccessPermissionConfigured,
+        toggleHiddenRef,
+    });
+    const { filteredTree, expandedNodeIdsFromSearch, SearchInput } = useTreesSearch(displayTree);
     const [expandedNodeIdsFromUser, setExpandedNodeIdsFromUser] = useState([]);
-    const selectedNodesIds = (filter.nodes ?? []).map(node => node.nodeId);
-    const areBothTreesFilled = visibleByDefaultTree.length > 0 && hiddenByDefaultTree.length > 0;
-    // Build flatten trees to optimize the search and selection of nodes in handling functions
-    const flattenTreeData = useMemo(() => buildFlattenTree(treeData), [treeData]);
-    const flattenVisibleByDefaultTree = useMemo(() => buildFlattenTree(visibleByDefaultTree), [visibleByDefaultTree]);
-    const flattenHiddenByDefaultTree = useMemo(() => buildFlattenTree(hiddenByDefaultTree), [hiddenByDefaultTree]);
-    const _handleOnSelectEmptyValue = (selected) => {
-        onFilterChange({
-            ...filter,
-            withEmptyValues: selected,
-        });
-    };
-    const _handleOnSelect = (node, selected) => {
-        let newSelectedIds;
-        if (selected) {
-            newSelectedIds = [...selectedNodesIds, node.id];
-        }
-        else {
-            newSelectedIds = selectedNodesIds.filter(selectedValue => selectedValue !== node.id);
-        }
-        const selectedNodes = newSelectedIds
-            .map(nodeId => flattenTreeData.get(nodeId))
-            .filter((selectedNode) => Boolean(selectedNode));
-        onFilterChange({
-            ...filter,
-            nodes: selectedNodes.map(selectedNode => ({ nodeId: selectedNode.id, libraryId: selectedNode.libraryId })),
-            value: selectedNodes.map(selectedNode => selectedNode.recordId),
-            formattedValue: selectedNodes.map(selectedNode => selectedNode.title),
-        });
-    };
-    const _handleOnSelectAll = (treeToSelect, isSelected) => {
-        const treeNodeIds = Array.from(treeToSelect.keys());
-        // Using Set to avoid duplicates
-        const newSelectedIds = isSelected
-            ? [...new Set([...selectedNodesIds, ...treeNodeIds])]
-            : selectedNodesIds.filter(id => !treeNodeIds.includes(id));
-        const selectedNodes = newSelectedIds
-            .map(nodeId => flattenTreeData.get(nodeId))
-            .filter((selectedNode) => Boolean(selectedNode));
-        onFilterChange({
-            ...filter,
-            nodes: selectedNodes.map(selectedNode => ({
-                nodeId: selectedNode.id,
-                libraryId: selectedNode.libraryId,
-            })),
-            value: selectedNodes.map(selectedNode => selectedNode.recordId),
-            formattedValue: selectedNodes.map(selectedNode => selectedNode.title),
-        });
-    };
-    const _handleOnSelectAllVisibleByDefault = (isSelected) => _handleOnSelectAll(flattenVisibleByDefaultTree, isSelected);
-    const _handleOnSelectAllHiddenByDefault = (isSelected) => _handleOnSelectAll(flattenHiddenByDefaultTree, isSelected);
-    const { allSelected: allVisibleSelected, indeterminate: visibleIndeterminate } = getSelectAllState(selectedNodesIds, flattenVisibleByDefaultTree);
-    const { allSelected: allHiddenSelected, indeterminate: hiddenIndeterminate } = getSelectAllState(selectedNodesIds, flattenHiddenByDefaultTree);
+    useEffect(() => {
+        onPermissionConfiguredChange?.(isAccessPermissionConfigured);
+    }, [isAccessPermissionConfigured, onPermissionConfiguredChange]);
     const treeCommonProps = {
         selectedKeys: selectedNodesIds,
         checkedKeys: selectedNodesIds,
@@ -109,23 +71,29 @@ export const TreeAttributeDropDown = ({ filter, onFilterChange, }) => {
         multiple: true,
         titleRender(node) {
             const nodeData = node;
-            // TODO: countSelectedTreeChildren is computed here because the tree is split into two sub-trees
-            // (visibleByDefaultTree / hiddenByDefaultTree) which reshapes the `children` field.
-            // Once the dual-tree is removed and a single tree is used, this calculation can be
-            // moved closer to the data fetching (e.g. in _toTreeNode in useGetTreeData).
+            // TODO: countSelectedTreeChildren is computed here because the tree may contain
+            // disabled-checkbox parents whose children are in a different permission group.
+            // This ensures the count reflects the actual selected descendants regardless of splitting.
             const selectedChildrenCount = countSelectedTreeChildren(nodeData, selectedNodesIds);
-            return (_jsx(FilterTreeNodeTitle, { title: nodeData.title, count: selectedChildrenCount > 0 ? selectedChildrenCount : undefined }));
+            const isHiddenByDefault = isAccessPermissionConfigured &&
+                (includeHiddenOptions
+                    ? nodeData.accessRecordByDefaultPermission === false
+                    : nodeData.accessRecordByDefaultPermission !== true);
+            return (_jsx(FilterTreeNodeTitle, { title: nodeData.title, count: selectedChildrenCount > 0 ? selectedChildrenCount : undefined, ghosted: isHiddenByDefault }));
         },
         onExpand: expandedKeys => {
             setExpandedNodeIdsFromUser(expandedKeys);
         },
         onCheck: (_, info) => {
             const node = info.node;
-            _handleOnSelect(node, info.checked);
+            handleOnSelect(node, info.checked);
         },
         onSelect: (_, info) => {
             const node = info.node;
-            _handleOnSelect(node, info.selected);
+            if (node.disableCheckbox) {
+                return;
+            }
+            handleOnSelect(node, info.selected);
         },
     };
     if (isLoading) {
@@ -134,8 +102,6 @@ export const TreeAttributeDropDown = ({ filter, onFilterChange, }) => {
     if (error) {
         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
-                            : _handleOnSelectAllHiddenByDefault }), _jsx(KitTree, { treeData: visibleByDefaultTree.length > 0 ? filteredVisibleByDefaultTree : filteredHiddenByDefaultTree, ...treeCommonProps })] }))] }));
+    return (_jsxs(DropdownContentWrapper, { direction: "vertical", size: "xs", children: [SearchInput, _jsxs(ScrollableContent, { children: [_jsx(EmptyValueCheckbox, { onSelect: handleOnSelectEmptyValue, filter: filter }), _jsx(SelectAllCheckbox, { checked: allSelected, indeterminate: indeterminate, onChange: checked => handleOnSelectAll(flattenForSelectAll, checked) }), _jsx(StyledKitTreeWithGhostedNodes, { treeData: filteredTree, ...treeCommonProps })] })] }));
 };
 //# sourceMappingURL=TreeAttributeDropDown.js.map

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 '../../shared/EmptyValueCheckbox';\nimport {SelectAllCheckbox} from '../../shared/SelectAllCheckbox';\nimport {buildFlattenTree} from './utils/buildFlattenTreeMap';\nimport {getSelectAllState} from './utils/getSelectAllState';\nimport {filterTreeByPermission} from './utils/filterTreeByPermission';\nimport {countSelectedTreeChildren} from './utils/countSelectedTreeChildren';\nimport {FilterTreeNodeTitle} from '../../shared/FilterTreeNodeTitle';\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: [...expandedNodeIdsFromUser, ...expandedNodeIdsFromSearch],\n        checkable: true,\n        checkStrictly: true,\n        multiple: true,\n        titleRender(node) {\n            const nodeData = node as EventDataNode<ITreeNode>;\n\n            // TODO: countSelectedTreeChildren is computed here because the tree is split into two sub-trees\n            // (visibleByDefaultTree / hiddenByDefaultTree) which reshapes the `children` field.\n            // Once the dual-tree is removed and a single tree is used, this calculation can be\n            // moved closer to the data fetching (e.g. in _toTreeNode in useGetTreeData).\n            const selectedChildrenCount = countSelectedTreeChildren(nodeData, selectedNodesIds);\n\n            return (\n                <FilterTreeNodeTitle\n                    title={nodeData.title}\n                    count={selectedChildrenCount > 0 ? selectedChildrenCount : undefined}\n                />\n            );\n        },\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"]}
+{"version":3,"file":"TreeAttributeDropDown.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/tree/TreeAttributeDropDown.tsx"],"names":[],"mappings":"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","sourcesContent":["import {type ComponentProps, type FunctionComponent, type Key, useEffect, useState} from 'react';\nimport {type IFilterChildrenTreeDropDownProps} from '../_types';\nimport styled from 'styled-components';\nimport {KitLoader, KitSpace, KitTree} from 'aristid-ds';\nimport {type EventDataNode} from 'antd/lib/tree';\nimport {type ITreeNode, useGetTreeData} from './useGetTreeData';\nimport {ErrorDisplay} from '_ui/components/ErrorDisplay';\nimport {useTreesSearch} from './useTreesSearch';\nimport {useFiltersContext} from '_ui/components/Filters/useFiltersContext';\nimport {EmptyValueCheckbox} from '../../shared/EmptyValueCheckbox';\nimport {SelectAllCheckbox} from '../../shared/SelectAllCheckbox';\nimport {countSelectedTreeChildren} from './utils/countSelectedTreeChildren';\nimport {FilterTreeNodeTitle} from '../../shared/FilterTreeNodeTitle';\nimport {useTreePermissions} from './useTreePermissions';\nimport {useTreeNodeSelection} from './useTreeNodeSelection';\n\nconst ScrollableContent = styled.div`\n    max-height: 348px; /* Equal to 10.5 nodes of KitTree */\n    overflow-y: auto;\n    overflow-x: hidden;\n    width: 100%;\n`;\n\nconst DropdownContentWrapper = styled(KitSpace)`\n    width: 327px;\n    justify-content: center;\n`;\n\n// Applies ghosted styling to tree nodes that have data-ghosted=\"true\" on their title wrapper.\n// Used to visually distinguish hidden-by-default nodes when the toggle is active.\nconst StyledKitTreeWithGhostedNodes = styled(KitTree)`\n    & .ant-tree-treenode:has(div[data-ghosted='true']) {\n        .ant-typography {\n            color: var(--general-colors-neutral-grey-500);\n            font-style: italic;\n        }\n    }\n\n    & .ant-tree-treenode:has(.ant-tree-checkbox-disabled) {\n        .ant-tree-node-content-wrapper,\n        .ant-typography {\n            cursor: default;\n        }\n    }\n`;\n\nexport const TreeAttributeDropDown: FunctionComponent<IFilterChildrenTreeDropDownProps> = ({\n    filter,\n    onFilterChange,\n    toggleHiddenRef,\n    onPermissionConfiguredChange,\n}) => {\n    const {filtersData} = useFiltersContext();\n\n    const {treeData, isLoading, error} = useGetTreeData({\n        treeId: filter.attribute.linkedTree?.id ?? '',\n        attributeId: filter.attribute.id,\n        libraryId: filtersData.libraryId,\n    });\n\n    const includeHiddenOptions = filter.includeHiddenOptions ?? false;\n\n    const {displayTree, flattenTreeData, flattenForSelectAll, isAccessPermissionConfigured} = useTreePermissions(\n        treeData,\n        includeHiddenOptions,\n    );\n\n    const {selectedNodesIds, allSelected, indeterminate, handleOnSelectEmptyValue, handleOnSelect, handleOnSelectAll} =\n        useTreeNodeSelection({\n            filter,\n            onFilterChange,\n            flattenTreeData,\n            flattenForSelectAll,\n            isAccessPermissionConfigured,\n            toggleHiddenRef,\n        });\n\n    const {filteredTree, expandedNodeIdsFromSearch, SearchInput} = useTreesSearch(displayTree);\n\n    const [expandedNodeIdsFromUser, setExpandedNodeIdsFromUser] = useState<Key[]>([]);\n\n    useEffect(() => {\n        onPermissionConfiguredChange?.(isAccessPermissionConfigured);\n    }, [isAccessPermissionConfigured, onPermissionConfiguredChange]);\n\n    const treeCommonProps: ComponentProps<typeof StyledKitTreeWithGhostedNodes> = {\n        selectedKeys: selectedNodesIds,\n        checkedKeys: selectedNodesIds,\n        defaultExpandedKeys: selectedNodesIds,\n        expandedKeys: [...expandedNodeIdsFromUser, ...expandedNodeIdsFromSearch],\n        checkable: true,\n        checkStrictly: true,\n        multiple: true,\n        titleRender(node) {\n            const nodeData = node as EventDataNode<ITreeNode>;\n\n            // TODO: countSelectedTreeChildren is computed here because the tree may contain\n            // disabled-checkbox parents whose children are in a different permission group.\n            // This ensures the count reflects the actual selected descendants regardless of splitting.\n            const selectedChildrenCount = countSelectedTreeChildren(nodeData, selectedNodesIds);\n            const isHiddenByDefault =\n                isAccessPermissionConfigured &&\n                (includeHiddenOptions\n                    ? nodeData.accessRecordByDefaultPermission === false\n                    : nodeData.accessRecordByDefaultPermission !== true);\n\n            return (\n                <FilterTreeNodeTitle\n                    title={nodeData.title}\n                    count={selectedChildrenCount > 0 ? selectedChildrenCount : undefined}\n                    ghosted={isHiddenByDefault}\n                />\n            );\n        },\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            if (node.disableCheckbox) {\n                return;\n            }\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            <ScrollableContent>\n                <EmptyValueCheckbox onSelect={handleOnSelectEmptyValue} filter={filter} />\n                <SelectAllCheckbox\n                    checked={allSelected}\n                    indeterminate={indeterminate}\n                    onChange={checked => handleOnSelectAll(flattenForSelectAll, checked)}\n                />\n                <StyledKitTreeWithGhostedNodes treeData={filteredTree} {...treeCommonProps} />\n            </ScrollableContent>\n        </DropdownContentWrapper>\n    );\n};\n"]}

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

@@ -1,6 +1,3 @@
-// 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;
 /**

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

@@ -1 +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"]}
+{"version":3,"file":"filterTreeDataQuery.js","sourceRoot":"","sources":["../../../../../../../src/components/Filters/filter-items/filter-type/tree/_queries/filterTreeDataQuery.ts"],"names":[],"mappings":"AAAA,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":["import {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"]}

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

@@ -6,6 +6,7 @@ export interface ITreeNode {
     accessRecordByDefaultPermission?: boolean;
     libraryId: string;
     recordId: string;
+    disableCheckbox?: boolean;
 }
 interface IUseGetTreeDataProps {
     treeId: string;

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

@@ -1,6 +1,3 @@
-// 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 { useEffect, useState } from 'react';
 import { filterTreeDataQuery } from './_queries/filterTreeDataQuery';
 import { useLazyQuery } from '@apollo/client';