@mezzanine-ui/react 0.13.9 → 0.13.11

package/Transition/getTransitionStyleProps.d.ts

@@ -1,16 +1,16 @@
-import { TransitionDelay, TransitionDuration, TransitionEasing, TransitionMode } from './Transition';
-export declare function getTransitionDuration(mode: TransitionMode, duration: TransitionDuration, resolveAuto?: number | ((mode: TransitionMode) => number)): number;
-export declare function getTransitionTimingFunction(mode: TransitionMode, easing: TransitionEasing): string;
-export declare function getTransitionDelay(mode: TransitionMode, delay: TransitionDelay): number;
-export interface GetTransitionStyleProps {
-    delay: TransitionDelay;
-    duration: TransitionDuration;
-    easing: TransitionEasing;
-    resolveAutoDuration?: Parameters<typeof getTransitionDuration>[2];
-}
-export interface TransitionStyleProps {
-    delay: number;
-    duration: number;
-    timingFunction: string;
-}
-export declare function getTransitionStyleProps(mode: TransitionMode, props: GetTransitionStyleProps): TransitionStyleProps;
+import { TransitionDelay, TransitionDuration, TransitionEasing, TransitionMode } from './Transition';
+export declare function getTransitionDuration(mode: TransitionMode, duration: TransitionDuration, resolveAuto?: number | ((mode: TransitionMode) => number)): number;
+export declare function getTransitionTimingFunction(mode: TransitionMode, easing: TransitionEasing): string;
+export declare function getTransitionDelay(mode: TransitionMode, delay: TransitionDelay): number;
+export interface GetTransitionStyleProps {
+    delay: TransitionDelay;
+    duration: TransitionDuration;
+    easing: TransitionEasing;
+    resolveAutoDuration?: Parameters<typeof getTransitionDuration>[2];
+}
+export interface TransitionStyleProps {
+    delay: number;
+    duration: number;
+    timingFunction: string;
+}
+export declare function getTransitionStyleProps(mode: TransitionMode, props: GetTransitionStyleProps): TransitionStyleProps;

package/Transition/getTransitionStyleProps.js

@@ -1,25 +1,25 @@
-function getTransitionDuration(mode, duration, resolveAuto) {
-    if (duration !== 'auto') {
-        return typeof duration === 'number' ? duration : duration[mode] || 0;
-    }
-    if (typeof resolveAuto === 'function') {
-        return resolveAuto(mode);
-    }
-    return resolveAuto !== null && resolveAuto !== void 0 ? resolveAuto : 0;
-}
-function getTransitionTimingFunction(mode, easing) {
-    return typeof easing === 'string' ? easing : easing[mode] || 'ease';
-}
-function getTransitionDelay(mode, delay) {
-    return typeof delay === 'number' ? delay : delay[mode] || 0;
-}
-function getTransitionStyleProps(mode, props) {
-    const { delay, duration, easing, resolveAutoDuration, } = props;
-    return {
-        delay: getTransitionDelay(mode, delay),
-        duration: getTransitionDuration(mode, duration, resolveAutoDuration),
-        timingFunction: getTransitionTimingFunction(mode, easing),
-    };
+function getTransitionDuration(mode, duration, resolveAuto) {
+    if (duration !== 'auto') {
+        return typeof duration === 'number' ? duration : duration[mode] || 0;
+    }
+    if (typeof resolveAuto === 'function') {
+        return resolveAuto(mode);
+    }
+    return resolveAuto !== null && resolveAuto !== void 0 ? resolveAuto : 0;
+}
+function getTransitionTimingFunction(mode, easing) {
+    return typeof easing === 'string' ? easing : easing[mode] || 'ease';
+}
+function getTransitionDelay(mode, delay) {
+    return typeof delay === 'number' ? delay : delay[mode] || 0;
+}
+function getTransitionStyleProps(mode, props) {
+    const { delay, duration, easing, resolveAutoDuration, } = props;
+    return {
+        delay: getTransitionDelay(mode, delay),
+        duration: getTransitionDuration(mode, duration, resolveAutoDuration),
+        timingFunction: getTransitionTimingFunction(mode, easing),
+    };
 }
 
 export { getTransitionDelay, getTransitionDuration, getTransitionStyleProps, getTransitionTimingFunction };

package/Transition/index.d.ts

@@ -1,6 +1,6 @@
-export { TransitionState, TransitionMode, TransitionDelay, TransitionDuration, TransitionEasing, TransitionImplementationChildProps, TransitionImplementationProps, TransitionProps, default, } from './Transition';
-export { CollapseProps, default as Collapse, } from './Collapse';
-export { FadeProps, default as Fade, } from './Fade';
-export { GrowProps, default as Grow, } from './Grow';
-export { SlideFadeDirection, SlideFadeProps, default as SlideFade, } from './SlideFade';
-export { ZoomProps, default as Zoom, } from './Zoom';
+export { TransitionState, TransitionMode, TransitionDelay, TransitionDuration, TransitionEasing, TransitionImplementationChildProps, TransitionImplementationProps, TransitionProps, default, } from './Transition';
+export { CollapseProps, default as Collapse, } from './Collapse';
+export { FadeProps, default as Fade, } from './Fade';
+export { GrowProps, default as Grow, } from './Grow';
+export { SlideFadeDirection, SlideFadeProps, default as SlideFade, } from './SlideFade';
+export { ZoomProps, default as Zoom, } from './Zoom';

package/Transition/reflow.d.ts

@@ -1,4 +1,4 @@
-/**
- * weird hack about element appearing.
- */
-export declare function reflow(node: HTMLElement): void;
+/**
+ * weird hack about element appearing.
+ */
+export declare function reflow(node: HTMLElement): void;

package/Transition/reflow.js

@@ -1,9 +1,9 @@
-/**
- * weird hack about element appearing.
- */
-function reflow(node) {
-    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-    node.scrollTop;
+/**
+ * weird hack about element appearing.
+ */
+function reflow(node) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+    node.scrollTop;
 }
 
 export { reflow };

package/Transition/useAutoTransitionDuration.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { TransitionDuration } from './Transition';
-export declare function useAutoTransitionDuration(duration?: TransitionDuration): {
-    autoTransitionDuration: import("react").MutableRefObject<number>;
-    addEndListener: (node: HTMLElement, next: VoidFunction) => void;
-};
+/// <reference types="react" />
+import { TransitionDuration } from './Transition';
+export declare function useAutoTransitionDuration(duration?: TransitionDuration): {
+    autoTransitionDuration: import("react").MutableRefObject<number>;
+    addEndListener: (node: HTMLElement, next: VoidFunction) => void;
+};

package/Transition/useAutoTransitionDuration.js

@@ -1,15 +1,15 @@
 import { useRef, useEffect } from 'react';
 
-function useAutoTransitionDuration(duration) {
-    const timer = useRef(NaN);
-    const autoTransitionDuration = useRef(NaN);
-    const addEndListener = (_, next) => {
-        if (duration === 'auto') {
-            timer.current = window.setTimeout(() => next(), autoTransitionDuration.current || 0);
-        }
-    };
-    useEffect(() => () => window.clearTimeout(timer.current), []);
-    return { autoTransitionDuration, addEndListener };
+function useAutoTransitionDuration(duration) {
+    const timer = useRef(NaN);
+    const autoTransitionDuration = useRef(NaN);
+    const addEndListener = (_, next) => {
+        if (duration === 'auto') {
+            timer.current = window.setTimeout(() => next(), autoTransitionDuration.current || 0);
+        }
+    };
+    useEffect(() => () => window.clearTimeout(timer.current), []);
+    return { autoTransitionDuration, addEndListener };
 }
 
 export { useAutoTransitionDuration };

package/Transition/useSetNodeTransition.d.ts

@@ -1,7 +1,7 @@
-import { CSSProperties } from 'react';
-import { TransitionMode } from './Transition';
-import { GetTransitionStyleProps, TransitionStyleProps } from './getTransitionStyleProps';
-export interface UseSetNodeTransitionProps extends GetTransitionStyleProps {
-    properties: (string | [string, (props: TransitionStyleProps, mode: TransitionMode) => TransitionStyleProps])[];
-}
-export declare function useSetNodeTransition(props: UseSetNodeTransitionProps, style?: CSSProperties): readonly [(node: HTMLElement, mode: TransitionMode) => void, (node: HTMLElement) => void];
+import { CSSProperties } from 'react';
+import { TransitionMode } from './Transition';
+import { GetTransitionStyleProps, TransitionStyleProps } from './getTransitionStyleProps';
+export interface UseSetNodeTransitionProps extends GetTransitionStyleProps {
+    properties: (string | [string, (props: TransitionStyleProps, mode: TransitionMode) => TransitionStyleProps])[];
+}
+export declare function useSetNodeTransition(props: UseSetNodeTransitionProps, style?: CSSProperties): readonly [(node: HTMLElement, mode: TransitionMode) => void, (node: HTMLElement) => void];

package/Transition/useSetNodeTransition.js

@@ -1,35 +1,35 @@
 import { getTransitionStyleProps } from './getTransitionStyleProps.js';
 
-function useSetNodeTransition(props, style) {
-    /* eslint-disable no-param-reassign */
-    const setNodeTransition = (node, mode) => {
-        const transitionProps = getTransitionStyleProps(mode, props);
-        const { properties } = props;
-        node.style.transition = properties
-            .map((propertyOrConfig) => {
-            let property;
-            let resolvedTransitionProps = transitionProps;
-            if (typeof propertyOrConfig === 'string') {
-                property = propertyOrConfig;
-            }
-            else {
-                const [, overrideTransitionProps] = propertyOrConfig;
-                [property] = propertyOrConfig;
-                resolvedTransitionProps = overrideTransitionProps(resolvedTransitionProps, mode);
-            }
-            const { delay, duration, timingFunction, } = resolvedTransitionProps;
-            return `${property} ${duration}ms ${timingFunction} ${delay}ms`;
-        })
-            .join(',');
-    };
-    const resetNodeTransition = (node) => {
-        const { transition } = style || {};
-        if (transition) {
-            node.style.transition = transition;
-        }
-    };
-    /* eslint-enable no-param-reassign */
-    return [setNodeTransition, resetNodeTransition];
+function useSetNodeTransition(props, style) {
+    /* eslint-disable no-param-reassign */
+    const setNodeTransition = (node, mode) => {
+        const transitionProps = getTransitionStyleProps(mode, props);
+        const { properties } = props;
+        node.style.transition = properties
+            .map((propertyOrConfig) => {
+            let property;
+            let resolvedTransitionProps = transitionProps;
+            if (typeof propertyOrConfig === 'string') {
+                property = propertyOrConfig;
+            }
+            else {
+                const [, overrideTransitionProps] = propertyOrConfig;
+                [property] = propertyOrConfig;
+                resolvedTransitionProps = overrideTransitionProps(resolvedTransitionProps, mode);
+            }
+            const { delay, duration, timingFunction, } = resolvedTransitionProps;
+            return `${property} ${duration}ms ${timingFunction} ${delay}ms`;
+        })
+            .join(',');
+    };
+    const resetNodeTransition = (node) => {
+        const { transition } = style || {};
+        if (transition) {
+            node.style.transition = transition;
+        }
+    };
+    /* eslint-enable no-param-reassign */
+    return [setNodeTransition, resetNodeTransition];
 }
 
 export { useSetNodeTransition };

package/Tree/Tree.d.ts

@@ -1,70 +1,70 @@
-import { TreeNodeValue, TreeSelectMethod } from '@mezzanine-ui/core/tree';
-import { Ref } from 'react';
-import { GetTreeNodeEntitiesProps } from './getTreeNodeEntities';
-import { TreeNodeListElementProps, TreeNodeListProps } from './TreeNodeList';
-import { TreeExpandControl, TreeNodeProp } from './typings';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface TreeProps extends Pick<TreeNodeListProps, 'multiple' | 'selectable' | 'size' | 'treeNodeProps' | 'treeNodeRefs' | 'onExpand'>, Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'defaultChecked' | 'defaultValue' | 'onChange' | 'onSelect'> {
-    /**
-     * Controls whether to expand all at first render.
-     */
-    defaultExpandAll?: boolean;
-    /**
-     * Provide if certain nodes should be disabled.
-     * Notice that there are two conditions for auto disabling.
-     * First, if the siblings are all disabled, the parent will be disabled as well.
-     * Second, if the parent is disabled, all its siblings will be disabled as well.
-     */
-    disabledValues?: GetTreeNodeEntitiesProps['disabledValues'];
-    /**
-     * Provide if access to expand control is needed.
-     */
-    expandControllerRef?: Ref<TreeExpandControl | null>;
-    /**
-     * By default expanded values of `Tree` is uncontrolled.
-     * However, you may specify `expandedValues` to gain full control.
-     * If that's the case, you should provide `onExpand` as well.
-     * Notices that if `expandedValues` is provided, `expandControllerRef` will not get the control methods.
-     */
-    expandedValues?: TreeNodeValue[];
-    /**
-     * By default Tree only passes the leaf values to the select handler.
-     * If you want to include all the node values, set `includeNodeValue` to `true`.
-     */
-    includeNodeValue?: GetTreeNodeEntitiesProps['includeNodeValue'];
-    /**
-     * The nodes to be rendered in `Tree`
-     */
-    nodes: TreeNodeProp[];
-    /**
-     * By default expanded values of `Tree` is uncontrolled, where `onExpand` is not needed.
-     * However, you may specify `expandedValues` to gain full control
-     * and that's where you should provide `onExpand` together.
-     */
-    onExpand?: TreeNodeListProps['onExpand'];
-    /**
-     * Select handler for `Tree`. Receives all the current selected values as its argument.
-     */
-    onSelect?: (selectedValues: TreeNodeValue[]) => void;
-    /**
-     * Controls the singular select logic.
-     * `Toggle` means the value will be toggled.
-     * `Target` means the target value will always be the result value and will not deselect if click again.
-     * @default 'toggle''
-     */
-    selectMethod?: TreeSelectMethod;
-    /**
-     * Other `ul` props you may provide to `TreeNodeList` component.
-     * A common use-case is to override classes and styles.
-     */
-    treeNodeListProps?: TreeNodeListElementProps;
-    /**
-     * The selected values are controlled values. Should be use with `selectable`.
-     */
-    values?: TreeNodeValue | TreeNodeValue[];
-}
-/**
- * The react component for `mezzanine` tree.
- */
-declare const Tree: import("react").ForwardRefExoticComponent<TreeProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Tree;
+import { TreeNodeValue, TreeSelectMethod } from '@mezzanine-ui/core/tree';
+import { Ref } from 'react';
+import { GetTreeNodeEntitiesProps } from './getTreeNodeEntities';
+import { TreeNodeListElementProps, TreeNodeListProps } from './TreeNodeList';
+import { TreeExpandControl, TreeNodeProp } from './typings';
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface TreeProps extends Pick<TreeNodeListProps, 'multiple' | 'selectable' | 'size' | 'treeNodeProps' | 'treeNodeRefs' | 'onExpand'>, Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'defaultChecked' | 'defaultValue' | 'onChange' | 'onSelect'> {
+    /**
+     * Controls whether to expand all at first render.
+     */
+    defaultExpandAll?: boolean;
+    /**
+     * Provide if certain nodes should be disabled.
+     * Notice that there are two conditions for auto disabling.
+     * First, if the siblings are all disabled, the parent will be disabled as well.
+     * Second, if the parent is disabled, all its siblings will be disabled as well.
+     */
+    disabledValues?: GetTreeNodeEntitiesProps['disabledValues'];
+    /**
+     * Provide if access to expand control is needed.
+     */
+    expandControllerRef?: Ref<TreeExpandControl | null>;
+    /**
+     * By default expanded values of `Tree` is uncontrolled.
+     * However, you may specify `expandedValues` to gain full control.
+     * If that's the case, you should provide `onExpand` as well.
+     * Notices that if `expandedValues` is provided, `expandControllerRef` will not get the control methods.
+     */
+    expandedValues?: TreeNodeValue[];
+    /**
+     * By default Tree only passes the leaf values to the select handler.
+     * If you want to include all the node values, set `includeNodeValue` to `true`.
+     */
+    includeNodeValue?: GetTreeNodeEntitiesProps['includeNodeValue'];
+    /**
+     * The nodes to be rendered in `Tree`
+     */
+    nodes: TreeNodeProp[];
+    /**
+     * By default expanded values of `Tree` is uncontrolled, where `onExpand` is not needed.
+     * However, you may specify `expandedValues` to gain full control
+     * and that's where you should provide `onExpand` together.
+     */
+    onExpand?: TreeNodeListProps['onExpand'];
+    /**
+     * Select handler for `Tree`. Receives all the current selected values as its argument.
+     */
+    onSelect?: (selectedValues: TreeNodeValue[]) => void;
+    /**
+     * Controls the singular select logic.
+     * `Toggle` means the value will be toggled.
+     * `Target` means the target value will always be the result value and will not deselect if click again.
+     * @default 'toggle''
+     */
+    selectMethod?: TreeSelectMethod;
+    /**
+     * Other `ul` props you may provide to `TreeNodeList` component.
+     * A common use-case is to override classes and styles.
+     */
+    treeNodeListProps?: TreeNodeListElementProps;
+    /**
+     * The selected values are controlled values. Should be use with `selectable`.
+     */
+    values?: TreeNodeValue | TreeNodeValue[];
+}
+/**
+ * The react component for `mezzanine` tree.
+ */
+declare const Tree: import("react").ForwardRefExoticComponent<TreeProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Tree;

package/Tree/Tree.js

@@ -11,122 +11,122 @@ import TreeNodeList from './TreeNodeList.js';
 import { useTreeExpandedValue } from './useTreeExpandedValue.js';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` tree.
- */
-const Tree = forwardRef(function Tree(props, ref) {
-    const { className, defaultExpandAll, disabledValues, expandControllerRef, expandedValues: expandedValuesProp, includeNodeValue, multiple, nodes, onExpand: onExpandProp, onSelect: onSelectProp, selectMethod = 'toggle', selectable, size, treeNodeListProps, treeNodeProps, treeNodeRefs, values, ...restRootProp } = props;
-    const selectedValues = values ? castArray(values) : undefined;
-    const { expandedValues, onExpand, setExpandedValues, } = useTreeExpandedValue({
-        nodes,
-        defaultExpandAll,
-        expandedValues: expandedValuesProp,
-        onExpand: onExpandProp,
-    });
-    const treeEntities = useMemo(() => getTreeNodeEntities({
-        disabledValues,
-        expandedValues,
-        includeNodeValue,
-        multiple,
-        nodes,
-        selectedValues,
-    }), [
-        disabledValues,
-        expandedValues,
-        includeNodeValue,
-        multiple,
-        nodes,
-        selectedValues,
-    ]);
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    const displayNodes = nodes.map((node) => treeEntities.get(node.value).node);
-    const getAllExpandSiblingValues = (value) => {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        const currentEntity = treeEntities.get(value);
-        const allSiblingEntities = currentEntity.siblings;
-        const allSiblingNodes = allSiblingEntities === null || allSiblingEntities === void 0 ? void 0 : allSiblingEntities.map(({ node }) => node);
-        const allNodeValues = [];
-        if (allSiblingNodes === null || allSiblingNodes === void 0 ? void 0 : allSiblingNodes.length) {
-            allNodeValues.push(currentEntity.node.value);
-            traverseTree(allSiblingNodes, (node) => {
-                var _a;
-                if ((_a = node.nodes) === null || _a === void 0 ? void 0 : _a.length) {
-                    allNodeValues.push(node.value);
-                }
-            });
-        }
-        return allNodeValues;
-    };
-    const collapse = (value) => {
-        setExpandedValues(expandedValues.filter((v) => v !== value));
-    };
-    const collapseAll = () => {
-        const allNodeValues = nodes.reduce((acc, currentNode) => [...acc, ...getAllExpandSiblingValues(currentNode.value)], []);
-        const uniqAllNodeValues = uniq(allNodeValues);
-        const newExpandedValues = without(expandedValues, ...uniqAllNodeValues);
-        setExpandedValues(newExpandedValues);
-    };
-    const collapseAllFrom = (value) => {
-        const allNodeValues = getAllExpandSiblingValues(value);
-        const newExpandedValues = without(expandedValues, ...allNodeValues);
-        setExpandedValues(newExpandedValues);
-    };
-    const expand = (value) => {
-        setExpandedValues(uniq([...expandedValues, value]));
-    };
-    const expandAll = () => {
-        const allNodeValues = nodes.reduce((acc, currentNode) => [...acc, ...getAllExpandSiblingValues(currentNode.value)], []);
-        const newExpandedValues = uniq([...expandedValues, ...allNodeValues]);
-        setExpandedValues(newExpandedValues);
-    };
-    const expandAllFrom = (value) => {
-        const allNodeValues = getAllExpandSiblingValues(value);
-        const newExpandedValues = uniq([...expandedValues, ...allNodeValues]);
-        setExpandedValues(newExpandedValues);
-    };
-    useImperativeHandle(expandControllerRef, () => {
-        if (expandedValuesProp) {
-            return null;
-        }
-        return {
-            collapse,
-            collapseAll,
-            collapseAllFrom,
-            expand,
-            expandAll,
-            expandAllFrom,
-        };
-    });
-    const onMultipleSelect = onSelectProp
-        ? (value) => {
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            const targetEntity = treeEntities.get(value);
-            const { selected } = targetEntity.node;
-            const newCheckedValues = toggleValueWithStatusControl(!!selected, targetEntity.values, selectedValues || []);
-            onSelectProp(newCheckedValues);
-        }
-        : undefined;
-    const onSingleSelect = onSelectProp
-        ? (value) => {
-            var _a;
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            const targetEntity = treeEntities.get(value);
-            const { selected } = targetEntity.node;
-            if (!((_a = targetEntity.siblings) === null || _a === void 0 ? void 0 : _a.length)) {
-                if (selectMethod === 'target') {
-                    onSelectProp([value]);
-                }
-                else {
-                    const newCheckedValues = toggleValueWithStatusControl(!!selected, targetEntity.values, []);
-                    onSelectProp(newCheckedValues);
-                }
-            }
-        }
-        : undefined;
-    const selectHandler = multiple ? onMultipleSelect : onSingleSelect;
-    const onSelect = selectable ? selectHandler : undefined;
-    return (jsx("div", { ref: ref, className: cx(treeClasses.host, className), ...restRootProp, children: jsx(TreeNodeList, { ...treeNodeListProps, multiple: multiple, nodes: displayNodes, onExpand: onExpand, onSelect: onSelect, selectable: selectable, size: size, treeNodeProps: treeNodeProps, treeNodeRefs: treeNodeRefs }) }));
-});
+/**
+ * The react component for `mezzanine` tree.
+ */
+const Tree = forwardRef(function Tree(props, ref) {
+    const { className, defaultExpandAll, disabledValues, expandControllerRef, expandedValues: expandedValuesProp, includeNodeValue, multiple, nodes, onExpand: onExpandProp, onSelect: onSelectProp, selectMethod = 'toggle', selectable, size, treeNodeListProps, treeNodeProps, treeNodeRefs, values, ...restRootProp } = props;
+    const selectedValues = values ? castArray(values) : undefined;
+    const { expandedValues, onExpand, setExpandedValues, } = useTreeExpandedValue({
+        nodes,
+        defaultExpandAll,
+        expandedValues: expandedValuesProp,
+        onExpand: onExpandProp,
+    });
+    const treeEntities = useMemo(() => getTreeNodeEntities({
+        disabledValues,
+        expandedValues,
+        includeNodeValue,
+        multiple,
+        nodes,
+        selectedValues,
+    }), [
+        disabledValues,
+        expandedValues,
+        includeNodeValue,
+        multiple,
+        nodes,
+        selectedValues,
+    ]);
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const displayNodes = nodes.map((node) => treeEntities.get(node.value).node);
+    const getAllExpandSiblingValues = (value) => {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        const currentEntity = treeEntities.get(value);
+        const allSiblingEntities = currentEntity.siblings;
+        const allSiblingNodes = allSiblingEntities === null || allSiblingEntities === void 0 ? void 0 : allSiblingEntities.map(({ node }) => node);
+        const allNodeValues = [];
+        if (allSiblingNodes === null || allSiblingNodes === void 0 ? void 0 : allSiblingNodes.length) {
+            allNodeValues.push(currentEntity.node.value);
+            traverseTree(allSiblingNodes, (node) => {
+                var _a;
+                if ((_a = node.nodes) === null || _a === void 0 ? void 0 : _a.length) {
+                    allNodeValues.push(node.value);
+                }
+            });
+        }
+        return allNodeValues;
+    };
+    const collapse = (value) => {
+        setExpandedValues(expandedValues.filter((v) => v !== value));
+    };
+    const collapseAll = () => {
+        const allNodeValues = nodes.reduce((acc, currentNode) => [...acc, ...getAllExpandSiblingValues(currentNode.value)], []);
+        const uniqAllNodeValues = uniq(allNodeValues);
+        const newExpandedValues = without(expandedValues, ...uniqAllNodeValues);
+        setExpandedValues(newExpandedValues);
+    };
+    const collapseAllFrom = (value) => {
+        const allNodeValues = getAllExpandSiblingValues(value);
+        const newExpandedValues = without(expandedValues, ...allNodeValues);
+        setExpandedValues(newExpandedValues);
+    };
+    const expand = (value) => {
+        setExpandedValues(uniq([...expandedValues, value]));
+    };
+    const expandAll = () => {
+        const allNodeValues = nodes.reduce((acc, currentNode) => [...acc, ...getAllExpandSiblingValues(currentNode.value)], []);
+        const newExpandedValues = uniq([...expandedValues, ...allNodeValues]);
+        setExpandedValues(newExpandedValues);
+    };
+    const expandAllFrom = (value) => {
+        const allNodeValues = getAllExpandSiblingValues(value);
+        const newExpandedValues = uniq([...expandedValues, ...allNodeValues]);
+        setExpandedValues(newExpandedValues);
+    };
+    useImperativeHandle(expandControllerRef, () => {
+        if (expandedValuesProp) {
+            return null;
+        }
+        return {
+            collapse,
+            collapseAll,
+            collapseAllFrom,
+            expand,
+            expandAll,
+            expandAllFrom,
+        };
+    });
+    const onMultipleSelect = onSelectProp
+        ? (value) => {
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            const targetEntity = treeEntities.get(value);
+            const { selected } = targetEntity.node;
+            const newCheckedValues = toggleValueWithStatusControl(!!selected, targetEntity.values, selectedValues || []);
+            onSelectProp(newCheckedValues);
+        }
+        : undefined;
+    const onSingleSelect = onSelectProp
+        ? (value) => {
+            var _a;
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            const targetEntity = treeEntities.get(value);
+            const { selected } = targetEntity.node;
+            if (!((_a = targetEntity.siblings) === null || _a === void 0 ? void 0 : _a.length)) {
+                if (selectMethod === 'target') {
+                    onSelectProp([value]);
+                }
+                else {
+                    const newCheckedValues = toggleValueWithStatusControl(!!selected, targetEntity.values, []);
+                    onSelectProp(newCheckedValues);
+                }
+            }
+        }
+        : undefined;
+    const selectHandler = multiple ? onMultipleSelect : onSingleSelect;
+    const onSelect = selectable ? selectHandler : undefined;
+    return (jsx("div", { ref: ref, className: cx(treeClasses.host, className), ...restRootProp, children: jsx(TreeNodeList, { ...treeNodeListProps, multiple: multiple, nodes: displayNodes, onExpand: onExpand, onSelect: onSelect, selectable: selectable, size: size, treeNodeProps: treeNodeProps, treeNodeRefs: treeNodeRefs }) }));
+});
 var Tree$1 = Tree;
 
 export { Tree$1 as default };