@leav/ui 1.11.0 → 1.12.0-1

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

@@ -15,6 +15,8 @@ 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';
 const ScrollableContent = styled.div `
     max-height: 182px; /* Equal to 5.5 nodes of KitTree */
     overflow-y: auto;
@@ -105,6 +107,15 @@ export const TreeAttributeDropDown = ({ filter, onFilterChange, }) => {
         checkable: true,
         checkStrictly: true,
         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).
+            const selectedChildrenCount = countSelectedTreeChildren(nodeData, selectedNodesIds);
+            return (_jsx(FilterTreeNodeTitle, { title: nodeData.title, count: selectedChildrenCount > 0 ? selectedChildrenCount : undefined }));
+        },
         onExpand: expandedKeys => {
             setExpandedNodeIdsFromUser(expandedKeys);
         },

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';\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        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":["// 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"]}

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

@@ -0,0 +1,2 @@
+import { type ITreeNode } from '../useGetTreeData';
+export declare const countSelectedTreeChildren: (node: ITreeNode, selectedIds: string[]) => number;

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

@@ -0,0 +1,10 @@
+export const countSelectedTreeChildren = (node, selectedIds) => {
+    if (!node.children || node.children.length === 0) {
+        return 0;
+    }
+    return node.children.reduce((acc, child) => {
+        const isSelected = selectedIds.includes(child.id) ? 1 : 0;
+        return acc + isSelected + countSelectedTreeChildren(child, selectedIds);
+    }, 0);
+};
+//# sourceMappingURL=countSelectedTreeChildren.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"countSelectedTreeChildren.js","sourceRoot":"","sources":["../../../../../../../src/components/Filters/filter-items/filter-type/tree/utils/countSelectedTreeChildren.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,IAAe,EAAE,WAAqB,EAAU,EAAE;IACxF,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/C,OAAO,CAAC,CAAC;IACb,CAAC;IACD,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACvC,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1D,OAAO,GAAG,GAAG,UAAU,GAAG,yBAAyB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,CAAC,CAAC;AACV,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 ITreeNode} from '../useGetTreeData';\n\nexport const countSelectedTreeChildren = (node: ITreeNode, selectedIds: string[]): number => {\n    if (!node.children || node.children.length === 0) {\n        return 0;\n    }\n    return node.children.reduce((acc, child) => {\n        const isSelected = selectedIds.includes(child.id) ? 1 : 0;\n        return acc + isSelected + countSelectedTreeChildren(child, selectedIds);\n    }, 0);\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leav/ui",
-  "version": "1.11.0",
+  "version": "1.12.0-1",
   "description": "Shared React components and hooks",
   "scripts": {
     "prepublishOnly": "yarn build",
@@ -48,7 +48,7 @@
     "i18next": "22.5.1",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "jest-styled-components": "7.2.0",
+    "jest-styled-components": "7.3.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-i18next": "12",
@@ -74,7 +74,7 @@
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "8.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@leav/utils": "1.11.0",
+    "@leav/utils": "1.12.0-1",
     "@uidotdev/usehooks": "2.4.1",
     "dayjs": "^1.11.13",
     "dompurify": "3.3.2",