@leav/ui 1.9.0 → 1.10.0-088d807d

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

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

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

@@ -2,41 +2,50 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // 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 { useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
 import { KitInput, KitSelect } from 'aristid-ds';
 import { AttributeConditionFilter } from '../../../../types';
 import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
 import { useConditionsOptionsByType } from './useConditionOptionsByType';
-import { useDebouncedValue } from '../../../../hooks/useDebouncedValue';
 const InputStyled = styled(KitInput) `
     width: 100%;
 `;
+const DEBOUNCE_DELAY = 300;
+const MIN_SEARCH_LENGTH = 3;
 export const TextAttributeDropDown = ({ filter, onFilterChange, selectDropDownRef, }) => {
     const { t } = useSharedTranslation();
     const { conditionOptionsByType } = useConditionsOptionsByType(filter);
-    const [inputValue, setInputValue] = useState(filter.value || '');
-    const debouncedInputValue = useDebouncedValue(inputValue, 300);
+    // Local state drives the input display, decoupled from filter.value which only updates after MIN_SEARCH_LENGTH chars
+    const [inputValue, setInputValue] = useState(filter.value ?? '');
+    // Ref to the pending debounce timer so we can cancel it on external resets
+    const debounceTimerRef = useRef(null);
     useEffect(() => {
-        setInputValue(filter.value || '');
-    }, [filter.value]);
-    // Only apply onFilterChange when the input is empty or there are more than 2 characters
-    useEffect(() => {
-        const valueToApply = debouncedInputValue;
-        if (valueToApply.length === 0 && filter.value !== null) {
-            onFilterChange({ ...filter, value: null });
-            return;
-        }
-        if (valueToApply.length >= 3 && filter.value !== valueToApply) {
-            onFilterChange({ ...filter, value: valueToApply });
+        // When filter.value is reset externally (e.g. RESET_FILTER), cancel any pending debounce first
+        // to prevent it from dispatching a stale value that would overwrite the reset
+        if (debounceTimerRef.current) {
+            clearTimeout(debounceTimerRef.current);
         }
-    }, [debouncedInputValue, onFilterChange, filter]);
+        setInputValue(filter.value ?? '');
+    }, [filter.value]);
     const _onConditionChanged = condition => {
         onFilterChange({ ...filter, condition });
     };
     const _onInputChanged = event => {
-        const newInputValue = event.target.value;
-        setInputValue(newInputValue);
+        const newValue = event.target.value;
+        setInputValue(newValue);
+        if (debounceTimerRef.current) {
+            clearTimeout(debounceTimerRef.current);
+        }
+        if (newValue.length === 0) {
+            onFilterChange({ ...filter, value: null });
+            return;
+        }
+        if (newValue.length >= MIN_SEARCH_LENGTH) {
+            debounceTimerRef.current = setTimeout(() => {
+                onFilterChange({ ...filter, value: newValue });
+            }, DEBOUNCE_DELAY);
+        }
     };
     const showSearch = filter.condition !== AttributeConditionFilter.IS_EMPTY &&
         filter.condition !== AttributeConditionFilter.IS_NOT_EMPTY;

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":"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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, useEffect, 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';\nimport {useDebouncedValue} from '_ui/hooks/useDebouncedValue';\n\nconst InputStyled = styled(KitInput)`\n    width: 100%;\n`;\n\nexport const TextAttributeDropDown: FunctionComponent<IFilterChildrenDropDownProps> = ({\n    filter,\n    onFilterChange,\n    selectDropDownRef,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const {conditionOptionsByType} = useConditionsOptionsByType(filter);\n    const [inputValue, setInputValue] = useState(filter.value || '');\n    const debouncedInputValue = useDebouncedValue(inputValue, 300);\n\n    useEffect(() => {\n        setInputValue(filter.value || '');\n    }, [filter.value]);\n\n    // Only apply onFilterChange when the input is empty or there are more than 2 characters\n    useEffect(() => {\n        const valueToApply = debouncedInputValue;\n\n        if (valueToApply.length === 0 && filter.value !== null) {\n            onFilterChange({...filter, value: null});\n            return;\n        }\n\n        if (valueToApply.length >= 3 && filter.value !== valueToApply) {\n            onFilterChange({...filter, value: valueToApply});\n        }\n    }, [debouncedInputValue, onFilterChange, filter]);\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 newInputValue = event.target.value;\n        setInputValue(newInputValue);\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":["// 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"]}

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

@@ -101,8 +101,7 @@ export const TreeAttributeDropDown = ({ filter, onFilterChange, }) => {
         selectedKeys: selectedNodesIds,
         checkedKeys: selectedNodesIds,
         defaultExpandedKeys: selectedNodesIds,
-        expandedKeys: [...selectedNodesIds, ...expandedNodeIdsFromUser, ...expandedNodeIdsFromSearch],
-        autoExpandParent: true,
+        expandedKeys: [...expandedNodeIdsFromUser, ...expandedNodeIdsFromSearch],
         checkable: true,
         checkStrictly: true,
         multiple: true,

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: [...selectedNodesIds, ...expandedNodeIdsFromUser, ...expandedNodeIdsFromSearch],\n        autoExpandParent: true,\n        checkable: true,\n        checkStrictly: true,\n        multiple: true,\n        onExpand: expandedKeys => {\n            setExpandedNodeIdsFromUser(expandedKeys);\n        },\n        onCheck: (_, info) => {\n            const node = info.node as EventDataNode<ITreeNode>;\n            _handleOnSelect(node, info.checked);\n        },\n        onSelect: (_, info) => {\n            const node = info.node as EventDataNode<ITreeNode>;\n            _handleOnSelect(node, info.selected);\n        },\n    };\n\n    if (isLoading) {\n        return (\n            <DropdownContentWrapper>\n                <KitLoader />\n            </DropdownContentWrapper>\n        );\n    }\n\n    if (error) {\n        return (\n            <DropdownContentWrapper>\n                <ErrorDisplay message={error.message} />\n            </DropdownContentWrapper>\n        );\n    }\n\n    return (\n        <DropdownContentWrapper direction=\"vertical\" size=\"xs\">\n            {SearchInput}\n            {areBothTreesFilled ? (\n                <>\n                    <EmptyValueCheckbox onSelect={_handleOnSelectEmptyValue} filter={filter} />\n                    <FilteredTreeSpacer direction=\"vertical\" size=\"xxs\">\n                        <FilteredTreeTitle size=\"fontSize5\" weight=\"medium\">\n                            {t('filters.visible-by-default')}\n                        </FilteredTreeTitle>\n                        <ScrollableContent>\n                            <SelectAllCheckbox\n                                checked={allVisibleSelected}\n                                indeterminate={visibleIndeterminate}\n                                onChange={_handleOnSelectAllVisibleByDefault}\n                            />\n                            <KitTree treeData={filteredVisibleByDefaultTree} {...treeCommonProps} />\n                        </ScrollableContent>\n                    </FilteredTreeSpacer>\n                    <KitDivider noMargin />\n                    <FilteredTreeSpacer direction=\"vertical\" size=\"xxs\">\n                        <FilteredTreeTitle size=\"fontSize5\" weight=\"medium\">\n                            {t('filters.hidden-by-default')}\n                        </FilteredTreeTitle>\n                        <ScrollableContent>\n                            <SelectAllCheckbox\n                                checked={allHiddenSelected}\n                                indeterminate={hiddenIndeterminate}\n                                onChange={_handleOnSelectAllHiddenByDefault}\n                            />\n                            <KitTree treeData={filteredHiddenByDefaultTree} {...treeCommonProps} />\n                        </ScrollableContent>\n                    </FilteredTreeSpacer>\n                </>\n            ) : (\n                <ScrollableContent>\n                    <EmptyValueCheckbox onSelect={_handleOnSelectEmptyValue} filter={filter} />\n                    <SelectAllCheckbox\n                        checked={visibleByDefaultTree.length > 0 ? allVisibleSelected : allHiddenSelected}\n                        indeterminate={visibleByDefaultTree.length > 0 ? visibleIndeterminate : hiddenIndeterminate}\n                        onChange={\n                            visibleByDefaultTree.length > 0\n                                ? _handleOnSelectAllVisibleByDefault\n                                : _handleOnSelectAllHiddenByDefault\n                        }\n                    />\n                    <KitTree\n                        treeData={\n                            visibleByDefaultTree.length > 0 ? filteredVisibleByDefaultTree : filteredHiddenByDefaultTree\n                        }\n                        {...treeCommonProps}\n                    />\n                </ScrollableContent>\n            )}\n        </DropdownContentWrapper>\n    );\n};\n"]}
+{"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"]}

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

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

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

@@ -0,0 +1,54 @@
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { gql } from '@apollo/client';
+const DEFAULT_DEPTH_TREE_NODES = 10;
+/**
+ * Generates recursive GraphQL for tree node children.
+ * Used to fetch nested children up to the specified depth.
+ */
+export const filterTreeNodeChildren = (depth = 0) => `
+    children {
+        id
+        record {
+            id
+            whoAmI {
+                id
+                label
+                library {
+                    id
+                }
+            }
+        }
+        ${depth > 0 ? filterTreeNodeChildren(depth - 1) : ''}
+        accessRecordByDefaultPermission
+    }
+`;
+export const filterTreeDataQuery = (depthTreeNodes = DEFAULT_DEPTH_TREE_NODES) => gql `
+    query FilterTreeDataQuery(
+        $treeId: ID!
+        $startAt: ID
+        $accessRecordByDefaultPermission: AccessRecordByDefaultPermissionInput
+    ) {
+        treeContent(
+            treeId: $treeId
+            startAt: $startAt
+            accessRecordByDefaultPermission: $accessRecordByDefaultPermission
+        ) {
+            id
+            record {
+                id
+                whoAmI {
+                    id
+                    label
+                    library {
+                        id
+                    }
+                }
+            }
+            ${filterTreeNodeChildren(depthTreeNodes - 1)}
+            accessRecordByDefaultPermission
+        }
+    }
+`;
+//# sourceMappingURL=filterTreeDataQuery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filterTreeDataQuery.js","sourceRoot":"","sources":["../../../../../../../src/components/Filters/filter-items/filter-type/tree/_queries/filterTreeDataQuery.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAEnC,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAEpC;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC;;;;;;;;;;;;;UAa3C,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;;;CAG3D,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,cAAc,GAAG,wBAAwB,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;cAsBvE,sBAAsB,CAAC,cAAc,GAAG,CAAC,CAAC;;;;CAIvD,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {gql} from '@apollo/client';\n\nconst DEFAULT_DEPTH_TREE_NODES = 10;\n\n/**\n * Generates recursive GraphQL for tree node children.\n * Used to fetch nested children up to the specified depth.\n */\nexport const filterTreeNodeChildren = (depth = 0) => `\n    children {\n        id\n        record {\n            id\n            whoAmI {\n                id\n                label\n                library {\n                    id\n                }\n            }\n        }\n        ${depth > 0 ? filterTreeNodeChildren(depth - 1) : ''}\n        accessRecordByDefaultPermission\n    }\n`;\n\nexport const filterTreeDataQuery = (depthTreeNodes = DEFAULT_DEPTH_TREE_NODES) => gql`\n    query FilterTreeDataQuery(\n        $treeId: ID!\n        $startAt: ID\n        $accessRecordByDefaultPermission: AccessRecordByDefaultPermissionInput\n    ) {\n        treeContent(\n            treeId: $treeId\n            startAt: $startAt\n            accessRecordByDefaultPermission: $accessRecordByDefaultPermission\n        ) {\n            id\n            record {\n                id\n                whoAmI {\n                    id\n                    label\n                    library {\n                        id\n                    }\n                }\n            }\n            ${filterTreeNodeChildren(depthTreeNodes - 1)}\n            accessRecordByDefaultPermission\n        }\n    }\n`;\n"]}

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

@@ -2,49 +2,22 @@
 // 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 { useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery } from '../../../../../_gqlTypes';
-import { defaultPaginationPageSize } from '../../../../../constants';
+import { filterTreeDataQuery } from './_queries/filterTreeDataQuery';
+import { useLazyQuery } from '@apollo/client';
+const _toTreeNode = (node) => ({
+    title: node.record.whoAmI.label ?? node.record.whoAmI.id,
+    id: node.id,
+    key: node.id,
+    children: (node.children ?? []).map(_toTreeNode),
+    accessRecordByDefaultPermission: node.accessRecordByDefaultPermission ?? undefined,
+    libraryId: node.record.whoAmI.library.id,
+    recordId: node.record.id,
+});
 export const useGetTreeData = ({ treeId, attributeId, libraryId }) => {
-    const [loadTreeContent] = useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery();
+    const [loadFilterTreeData] = useLazyQuery(filterTreeDataQuery());
     const [treeData, setTreeData] = useState([]);
     const [isLoading, setIsLoading] = useState(true);
     const [error, setError] = useState(null);
-    const _fetchChildrenPage = async (parentNodeKey, offset) => {
-        const { data } = await loadTreeContent({
-            variables: {
-                treeId,
-                node: parentNodeKey,
-                pagination: { offset, limit: defaultPaginationPageSize },
-                accessRecordByDefaultPermission: {
-                    attributeId,
-                    libraryId,
-                },
-            },
-        });
-        const { list, totalCount } = data?.treeNodeChildren ?? { list: [], totalCount: 0 };
-        const nodes = await Promise.all(list.map(async (node) => {
-            const children = node.childrenCount ? await _fetchAllChildren(node.id) : [];
-            return {
-                title: node.record.whoAmI.label || node.record.whoAmI.id,
-                id: node.id,
-                key: node.id,
-                children,
-                accessRecordByDefaultPermission: node.accessRecordByDefaultPermission,
-                libraryId: node.record.whoAmI.library.id,
-                recordId: node.record.id,
-            };
-        }));
-        return { nodes, totalCount };
-    };
-    const _fetchAllChildren = async (parentNodeKey, offset = 0, accumulated = []) => {
-        const { nodes, totalCount } = await _fetchChildrenPage(parentNodeKey, offset);
-        const allNodes = [...accumulated, ...nodes];
-        const nextOffset = offset + defaultPaginationPageSize;
-        if (nextOffset < totalCount) {
-            return _fetchAllChildren(parentNodeKey, nextOffset, allNodes);
-        }
-        return allNodes;
-    };
     useEffect(() => {
         if (!treeId) {
             setTreeData([]);
@@ -55,8 +28,16 @@ export const useGetTreeData = ({ treeId, attributeId, libraryId }) => {
             setIsLoading(true);
             setError(null);
             try {
-                const children = await _fetchAllChildren(null);
-                setTreeData(children);
+                const { data } = await loadFilterTreeData({
+                    variables: {
+                        treeId,
+                        accessRecordByDefaultPermission: {
+                            attributeId,
+                            libraryId,
+                        },
+                    },
+                });
+                setTreeData((data?.treeContent ?? []).map(node => _toTreeNode(node)));
             }
             catch (err) {
                 setError(err instanceof Error ? err : new Error('Failed to load tree'));

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

@@ -1 +1 @@
-{"version":3,"file":"useGetTreeData.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/tree/useGetTreeData.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 {useEffect, useState} from 'react';\nimport {useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery} from '_ui/_gqlTypes';\nimport {defaultPaginationPageSize} from '_ui/constants';\n\nexport interface ITreeNode {\n    title: string;\n    id: string;\n    key: string;\n    children: ITreeNode[];\n    accessRecordByDefaultPermission?: boolean;\n    libraryId: string;\n    recordId: string;\n}\n\ninterface IUseGetTreeDataProps {\n    treeId: string;\n    attributeId: string;\n    libraryId: string;\n}\n\nexport const useGetTreeData = ({treeId, attributeId, libraryId}: IUseGetTreeDataProps) => {\n    const [loadTreeContent] = useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery();\n    const [treeData, setTreeData] = useState<ITreeNode[]>([]);\n    const [isLoading, setIsLoading] = useState(true);\n    const [error, setError] = useState<Error | null>(null);\n\n    const _fetchChildrenPage = async (parentNodeKey: string | null, offset: number) => {\n        const {data} = await loadTreeContent({\n            variables: {\n                treeId,\n                node: parentNodeKey,\n                pagination: {offset, limit: defaultPaginationPageSize},\n                accessRecordByDefaultPermission: {\n                    attributeId,\n                    libraryId,\n                },\n            },\n        });\n\n        const {list, totalCount} = data?.treeNodeChildren ?? {list: [], totalCount: 0};\n\n        const nodes = await Promise.all(\n            list.map(async node => {\n                const children = node.childrenCount ? await _fetchAllChildren(node.id) : [];\n\n                return {\n                    title: node.record.whoAmI.label || node.record.whoAmI.id,\n                    id: node.id,\n                    key: node.id,\n                    children,\n                    accessRecordByDefaultPermission: node.accessRecordByDefaultPermission,\n                    libraryId: node.record.whoAmI.library.id,\n                    recordId: node.record.id,\n                };\n            }),\n        );\n\n        return {nodes, totalCount};\n    };\n\n    const _fetchAllChildren = async (\n        parentNodeKey: string | null,\n        offset = 0,\n        accumulated: ITreeNode[] = [],\n    ): Promise<ITreeNode[]> => {\n        const {nodes, totalCount} = await _fetchChildrenPage(parentNodeKey, offset);\n        const allNodes = [...accumulated, ...nodes];\n\n        const nextOffset = offset + defaultPaginationPageSize;\n        if (nextOffset < totalCount) {\n            return _fetchAllChildren(parentNodeKey, nextOffset, allNodes);\n        }\n\n        return allNodes;\n    };\n\n    useEffect(() => {\n        if (!treeId) {\n            setTreeData([]);\n            setIsLoading(false);\n            return;\n        }\n\n        const loadTree = async () => {\n            setIsLoading(true);\n            setError(null);\n            try {\n                const children = await _fetchAllChildren(null);\n                setTreeData(children);\n            } catch (err) {\n                setError(err instanceof Error ? err : new Error('Failed to load tree'));\n            } finally {\n                setIsLoading(false);\n            }\n        };\n\n        loadTree();\n    }, [treeId, attributeId, libraryId]);\n\n    return {treeData, isLoading, error};\n};\n"]}
+{"version":3,"file":"useGetTreeData.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/tree/useGetTreeData.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAkB5C,MAAM,WAAW,GAAG,CAChB,IAEC,EACQ,EAAE,CAAC,CAAC;IACb,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;IACxD,EAAE,EAAE,IAAI,CAAC,EAAE;IACX,GAAG,EAAE,IAAI,CAAC,EAAE;IACZ,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC;IAChD,+BAA+B,EAAE,IAAI,CAAC,+BAA+B,IAAI,SAAS;IAClF,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;IACxC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE;CAC3B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAuB,EAAE,EAAE;IACrF,MAAM,CAAC,kBAAkB,CAAC,GAAG,YAAY,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAEjE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,WAAW,CAAC,EAAE,CAAC,CAAC;YAChB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO;QACX,CAAC;QAED,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;YACxB,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,IAAI,CAAC;gBACD,MAAM,EAAC,IAAI,EAAC,GAAG,MAAM,kBAAkB,CAAC;oBACpC,SAAS,EAAE;wBACP,MAAM;wBACN,+BAA+B,EAAE;4BAC7B,WAAW;4BACX,SAAS;yBACZ;qBACJ;iBACJ,CAAC,CAAC;gBAEH,WAAW,CAAC,CAAC,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC1E,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACX,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC;YAC5E,CAAC;oBAAS,CAAC;gBACP,YAAY,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAC,CAAC;AACxC,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 {useEffect, useState} from 'react';\nimport {type FilterTreeDataQueryQuery} from '_ui/_gqlTypes';\nimport {filterTreeDataQuery} from './_queries/filterTreeDataQuery';\nimport {useLazyQuery} from '@apollo/client';\n\nexport interface ITreeNode {\n    title: string;\n    id: string;\n    key: string;\n    children: ITreeNode[];\n    accessRecordByDefaultPermission?: boolean;\n    libraryId: string;\n    recordId: string;\n}\n\ninterface IUseGetTreeDataProps {\n    treeId: string;\n    attributeId: string;\n    libraryId: string;\n}\n\nconst _toTreeNode = (\n    node: FilterTreeDataQueryQuery['treeContent'][number] & {\n        children?: Array<FilterTreeDataQueryQuery['treeContent'][number]>;\n    },\n): ITreeNode => ({\n    title: node.record.whoAmI.label ?? node.record.whoAmI.id,\n    id: node.id,\n    key: node.id,\n    children: (node.children ?? []).map(_toTreeNode),\n    accessRecordByDefaultPermission: node.accessRecordByDefaultPermission ?? undefined,\n    libraryId: node.record.whoAmI.library.id,\n    recordId: node.record.id,\n});\n\nexport const useGetTreeData = ({treeId, attributeId, libraryId}: IUseGetTreeDataProps) => {\n    const [loadFilterTreeData] = useLazyQuery(filterTreeDataQuery());\n\n    const [treeData, setTreeData] = useState<ITreeNode[]>([]);\n    const [isLoading, setIsLoading] = useState(true);\n    const [error, setError] = useState<Error | null>(null);\n\n    useEffect(() => {\n        if (!treeId) {\n            setTreeData([]);\n            setIsLoading(false);\n            return;\n        }\n\n        const loadTree = async () => {\n            setIsLoading(true);\n            setError(null);\n            try {\n                const {data} = await loadFilterTreeData({\n                    variables: {\n                        treeId,\n                        accessRecordByDefaultPermission: {\n                            attributeId,\n                            libraryId,\n                        },\n                    },\n                });\n\n                setTreeData((data?.treeContent ?? []).map(node => _toTreeNode(node)));\n            } catch (err) {\n                setError(err instanceof Error ? err : new Error('Failed to load tree'));\n            } finally {\n                setIsLoading(false);\n            }\n        };\n\n        loadTree();\n    }, [treeId, attributeId, libraryId]);\n\n    return {treeData, isLoading, error};\n};\n"]}

package/dist/components/Notifications/InitNotificationsSubscription.d.ts

@@ -1,2 +1,4 @@
-import { type FunctionComponent } from 'react';
-export declare const InitNotificationsSubscription: FunctionComponent;
+import { type ReactNode } from 'react';
+export declare const InitNotificationsSubscription: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;

package/dist/components/Notifications/InitNotificationsSubscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"InitNotificationsSubscription.js","sourceRoot":"","sources":["../../../src/components/Notifications/InitNotificationsSubscription.tsx"],"names":[],"mappings":";AAIA,OAAO,4BAA4B,MAAM,qCAAqC,CAAC;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAAsB,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC3E,4BAA4B,EAAE,CAAC;IAE/B,OAAO,4BAAG,QAAQ,GAAI,CAAC;AAC3B,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 FunctionComponent} from 'react';\nimport useNotificationsSubscription from './hooks/useNotificationSubscription';\n\nexport const InitNotificationsSubscription: FunctionComponent = ({children}) => {\n    useNotificationsSubscription();\n\n    return <>{children}</>;\n};\n"]}
+{"version":3,"file":"InitNotificationsSubscription.js","sourceRoot":"","sources":["../../../src/components/Notifications/InitNotificationsSubscription.tsx"],"names":[],"mappings":";AAIA,OAAO,4BAA4B,MAAM,qCAAqC,CAAC;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAAC,QAAQ,EAAwB,EAAE,EAAE;IAC/E,4BAA4B,EAAE,CAAC;IAE/B,OAAO,4BAAG,QAAQ,GAAI,CAAC;AAC3B,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 ReactNode} from 'react';\nimport useNotificationsSubscription from './hooks/useNotificationSubscription';\n\nexport const InitNotificationsSubscription = ({children}: {children: ReactNode}) => {\n    useNotificationsSubscription();\n\n    return <>{children}</>;\n};\n"]}

package/dist/components/RecordEdition/EditRecord/EditRecord.d.ts

@@ -13,8 +13,10 @@ interface IEditRecordProps {
     onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void;
     valuesVersion?: IValueVersion;
     showSidebar?: boolean;
+    scrollAllRecordSummary?: boolean;
     enableSidebar?: boolean;
     sidebarContainer?: HTMLElement;
+    forceDisableSidebarInAppStudio?: boolean;
     containerStyle?: CSSObject;
     withInfoButton: boolean;
     removePadding?: boolean;

package/dist/components/RecordEdition/EditRecord/EditRecord.js

@@ -34,7 +34,7 @@ const Content = styled.div `
     overflow-y: scroll;
     border-right: ${props => props.$shouldUseLayoutWithSidebar ? '1px solid var(--general-utilities-border)' : 'none'};
 `;
-export const EditRecord = ({ antdForm, formId, isFormCreationMode, formElementId, record, library: libraryId, onCreate, valuesVersion, enableSidebar = false, showSidebar = false, sidebarContainer, containerStyle, withInfoButton, removePadding = false, }) => {
+export const EditRecord = ({ antdForm, formId, isFormCreationMode, formElementId, record, library: libraryId, onCreate, valuesVersion, enableSidebar = false, showSidebar = false, scrollAllRecordSummary = false, sidebarContainer, forceDisableSidebarInAppStudio = false, containerStyle, withInfoButton, removePadding = false, }) => {
     const [state, dispatch] = useReducer(editRecordReducer, {
         ...initialState,
         record,
@@ -98,30 +98,6 @@ export const EditRecord = ({ antdForm, formId, isFormCreationMode, formElementId
         }
         return savableValue;
     }), version, true);
-    const _handleMetadataSubmit = (value, attribute, metadata) => {
-        let valueContent;
-        switch (attribute.type) {
-            case AttributeType.simple:
-            case AttributeType.advanced:
-                valueContent = value.raw_payload;
-                break;
-            case AttributeType.advanced_link:
-            case AttributeType.simple_link:
-                valueContent = value.linkValue;
-                break;
-            case AttributeType.tree:
-                valueContent = value.treeValue;
-                break;
-        }
-        return _handleValueSubmit([
-            {
-                idValue: value.id_value,
-                attribute,
-                value: valueContent,
-                metadata,
-            },
-        ], null);
-    };
     /**
      * Submit the whole record: create record and batch save all stored values
      */
@@ -161,7 +137,7 @@ export const EditRecord = ({ antdForm, formId, isFormCreationMode, formElementId
         }));
         return saveValues(record, valuesToSave, version, true);
     };
-    const shouldUseLayoutWithSidebar = state.enableSidebar && state.isOpenSidebar && sidebarContainer === undefined;
-    return (_jsx(ErrorBoundary, { children: _jsx(EditRecordReducerContext.Provider, { value: { state, dispatch }, children: _jsxs(Container, { "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, style: containerStyle, children: [_jsx(EditRecordButtons, {}), _jsx(Content, { className: "edit-record-content-container", "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, "$removePadding": removePadding, children: permissionsLoading ? (_jsx(EditRecordSkeleton, { rows: 5 })) : canEdit ? (_jsx(EditRecordContent, { antdForm: antdForm, formId: formId, isFormCreationMode: isFormCreationMode, formElementId: formElementId, record: record, library: libraryId, onRecordSubmit: _handleRecordSubmit, onValueSubmit: _handleValueSubmit, onValueDelete: deleteValue, onDeleteMultipleValues: _handleDeleteAllValues, readonly: isReadOnly })) : (_jsx(ErrorDisplay, { type: ErrorDisplayTypes.PERMISSION_ERROR, showActionButton: false })) }), _jsx(EditRecordSidebar, { onMetadataSubmit: _handleMetadataSubmit, sidebarContainer: sidebarContainer })] }) }) }));
+    const shouldUseLayoutWithSidebar = state.enableSidebar && state.isOpenSidebar && sidebarContainer === undefined && !forceDisableSidebarInAppStudio;
+    return (_jsx(ErrorBoundary, { children: _jsx(EditRecordReducerContext.Provider, { value: { state, dispatch }, children: _jsxs(Container, { "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, style: containerStyle, children: [_jsx(EditRecordButtons, {}), _jsx(Content, { className: "edit-record-content-container", "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, "$removePadding": removePadding, children: permissionsLoading ? (_jsx(EditRecordSkeleton, { rows: 5 })) : canEdit ? (_jsx(EditRecordContent, { antdForm: antdForm, formId: formId, isFormCreationMode: isFormCreationMode, formElementId: formElementId, record: record, library: libraryId, onRecordSubmit: _handleRecordSubmit, onValueSubmit: _handleValueSubmit, onValueDelete: deleteValue, onDeleteMultipleValues: _handleDeleteAllValues, readonly: isReadOnly })) : (_jsx(ErrorDisplay, { type: ErrorDisplayTypes.PERMISSION_ERROR, showActionButton: false })) }), !forceDisableSidebarInAppStudio && (_jsx(EditRecordSidebar, { sidebarContainer: sidebarContainer, scrollAllRecordSummary: scrollAllRecordSummary }))] }) }) }));
 };
 //# sourceMappingURL=EditRecord.js.map