@hh.ru/magritte-ui-tree-selector 5.5.80 → 5.5.82

package/useAnimationTimeout.js

@@ -1,22 +1,22 @@
 import './index.css';
 import { useState, useLayoutEffect } from 'react';
 
-var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_5-5-80","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_5-5-80","fade-in":"magritte-fade-in___FDoho_5-5-80","fadeIn":"magritte-fade-in___FDoho_5-5-80"};
+var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_5-5-82","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_5-5-82","fade-in":"magritte-fade-in___FDoho_5-5-82","fadeIn":"magritte-fade-in___FDoho_5-5-82"};
 
 const useAnimationTimeout = () => {
-    const [animationTimeout, setAnimationTimeout] = useState(0);
-    useLayoutEffect(() => {
-        const animationTimeoutElement = document.createElement('div');
-        animationTimeoutElement.classList.add(styles.itemAnimationTimeout);
-        document.body.appendChild(animationTimeoutElement);
-        const style = window.getComputedStyle(animationTimeoutElement);
-        const animationTimeout = parseInt(style.getPropertyValue(`--animation-duration`), 10);
-        if (Number.isInteger(animationTimeout)) {
-            setAnimationTimeout(animationTimeout);
-        }
-        document.body.removeChild(animationTimeoutElement);
-    }, []);
-    return { animationTimeout };
+  const [animationTimeout, setAnimationTimeout] = useState(0);
+  useLayoutEffect(() => {
+    const animationTimeoutElement = document.createElement("div");
+    animationTimeoutElement.classList.add(styles.itemAnimationTimeout);
+    document.body.appendChild(animationTimeoutElement);
+    const style = window.getComputedStyle(animationTimeoutElement);
+    const animationTimeout2 = parseInt(style.getPropertyValue(`--animation-duration`), 10);
+    if (Number.isInteger(animationTimeout2)) {
+      setAnimationTimeout(animationTimeout2);
+    }
+    document.body.removeChild(animationTimeoutElement);
+  }, []);
+  return { animationTimeout };
 };
 
 export { useAnimationTimeout };

package/useAnimationTimeout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimationTimeout.js","sources":["src/useAnimationTimeout.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'react';\n\nimport styles from './animation.less';\n\ninterface UseAnimationTimeoutHook {\n    (): { animationTimeout: number };\n}\n\nexport const useAnimationTimeout: UseAnimationTimeoutHook = () => {\n    const [animationTimeout, setAnimationTimeout] = useState(0);\n\n    useLayoutEffect(() => {\n        const animationTimeoutElement = document.createElement('div');\n        animationTimeoutElement.classList.add(styles.itemAnimationTimeout);\n        document.body.appendChild(animationTimeoutElement);\n        const style = window.getComputedStyle(animationTimeoutElement);\n        const animationTimeout = parseInt(style.getPropertyValue(`--animation-duration`), 10);\n        if (Number.isInteger(animationTimeout)) {\n            setAnimationTimeout(animationTimeout);\n        }\n        document.body.removeChild(animationTimeoutElement);\n    }, []);\n\n    return { animationTimeout };\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,mBAAmB,GAA4B,MAAK;IAC7D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5D,eAAe,CAAC,MAAK;QACjB,MAAM,uBAAuB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9D,uBAAuB,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;AACnE,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;QACnD,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;AAC/D,QAAA,MAAM,gBAAgB,GAAG,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAsB,oBAAA,CAAA,CAAC,EAAE,EAAE,CAAC,CAAC;AACtF,QAAA,IAAI,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE;YACpC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;SACzC;AACD,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;KACtD,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAChC;;;;"}
+{"version":3,"file":"useAnimationTimeout.js","sources":["src/useAnimationTimeout.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'react';\n\nimport styles from './animation.less';\n\ninterface UseAnimationTimeoutHook {\n    (): { animationTimeout: number };\n}\n\nexport const useAnimationTimeout: UseAnimationTimeoutHook = () => {\n    const [animationTimeout, setAnimationTimeout] = useState(0);\n\n    useLayoutEffect(() => {\n        const animationTimeoutElement = document.createElement('div');\n        animationTimeoutElement.classList.add(styles.itemAnimationTimeout);\n        document.body.appendChild(animationTimeoutElement);\n        const style = window.getComputedStyle(animationTimeoutElement);\n        const animationTimeout = parseInt(style.getPropertyValue(`--animation-duration`), 10);\n        if (Number.isInteger(animationTimeout)) {\n            setAnimationTimeout(animationTimeout);\n        }\n        document.body.removeChild(animationTimeoutElement);\n    }, []);\n\n    return { animationTimeout };\n};\n"],"names":["animationTimeout"],"mappings":";;;;AAQO,MAAM,sBAA+C,MAAM;AAC9D,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,CAAC,CAAA,CAAA;AAE1D,EAAA,eAAA,CAAgB,MAAM;AAClB,IAAM,MAAA,uBAAA,GAA0B,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAC5D,IAAwB,uBAAA,CAAA,SAAA,CAAU,GAAI,CAAA,MAAA,CAAO,oBAAoB,CAAA,CAAA;AACjE,IAAS,QAAA,CAAA,IAAA,CAAK,YAAY,uBAAuB,CAAA,CAAA;AACjD,IAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,gBAAA,CAAiB,uBAAuB,CAAA,CAAA;AAC7D,IAAA,MAAMA,oBAAmB,QAAS,CAAA,KAAA,CAAM,gBAAiB,CAAA,CAAA,oBAAA,CAAsB,GAAG,EAAE,CAAA,CAAA;AACpF,IAAI,IAAA,MAAA,CAAO,SAAUA,CAAAA,iBAAgB,CAAG,EAAA;AACpC,MAAA,mBAAA,CAAoBA,iBAAgB,CAAA,CAAA;AAAA,KACxC;AACA,IAAS,QAAA,CAAA,IAAA,CAAK,YAAY,uBAAuB,CAAA,CAAA;AAAA,GACrD,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,OAAO,EAAE,gBAAiB,EAAA,CAAA;AAC9B;;;;"}

package/useDisabled.d.ts

@@ -1,5 +1,5 @@
-import { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';
-import { TreeSelectorProps } from '@hh.ru/magritte-ui-tree-selector/types';
+import { AdditionalDefault } from './collection/types';
+import { TreeSelectorProps } from './types';
 type UseDisabledHookProps<Additional extends AdditionalDefault> = {
     selected: string[];
 } & Pick<TreeSelectorProps<Additional>, 'disabled' | 'collection' | 'maxSelected'>;

package/useDisabled.js

@@ -4,16 +4,13 @@ import { getIdsWithNoParentsInSameList } from './collection/treeCollectionHelper
 import './collection/treeCollection.js';
 
 const useDisabled = ({ selected, disabled, collection, maxSelected }) => {
-    return useMemo(() => {
-        const valueIds = getIdsWithNoParentsInSameList(collection, selected);
-        if (maxSelected && valueIds.length >= maxSelected) {
-            return collection
-                .toList()
-                .map(({ id }) => id)
-                .filter((id) => !selected.includes(id));
-        }
-        return disabled;
-    }, [selected, collection, disabled, maxSelected]);
+  return useMemo(() => {
+    const valueIds = getIdsWithNoParentsInSameList(collection, selected);
+    if (maxSelected && valueIds.length >= maxSelected) {
+      return collection.toList().map(({ id }) => id).filter((id) => !selected.includes(id));
+    }
+    return disabled;
+  }, [selected, collection, disabled, maxSelected]);
 };
 
 export { useDisabled };

package/useDisabled.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDisabled.js","sources":["src/useDisabled.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { getIdsWithNoParentsInSameList } from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { TreeSelectorProps } from '@hh.ru/magritte-ui-tree-selector/types';\n\ntype UseDisabledHookProps<Additional extends AdditionalDefault> = {\n    selected: string[];\n} & Pick<TreeSelectorProps<Additional>, 'disabled' | 'collection' | 'maxSelected'>;\ninterface UseDisabledHook {\n    <Additional extends AdditionalDefault>(props: UseDisabledHookProps<Additional>): string[] | undefined;\n}\n\nexport const useDisabled: UseDisabledHook = ({ selected, disabled, collection, maxSelected }) => {\n    return useMemo(() => {\n        const valueIds = getIdsWithNoParentsInSameList(collection, selected);\n        if (maxSelected && valueIds.length >= maxSelected) {\n            return collection\n                .toList()\n                .map(({ id }) => id)\n                .filter((id) => !selected.includes(id));\n        }\n        return disabled;\n    }, [selected, collection, disabled, maxSelected]);\n};\n"],"names":[],"mappings":";;;;AAaO,MAAM,WAAW,GAAoB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,KAAI;IAC5F,OAAO,OAAO,CAAC,MAAK;QAChB,MAAM,QAAQ,GAAG,6BAA6B,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrE,IAAI,WAAW,IAAI,QAAQ,CAAC,MAAM,IAAI,WAAW,EAAE;AAC/C,YAAA,OAAO,UAAU;AACZ,iBAAA,MAAM,EAAE;iBACR,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;AACnB,iBAAA,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;SAC/C;AACD,QAAA,OAAO,QAAQ,CAAC;KACnB,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;AACtD;;;;"}
+{"version":3,"file":"useDisabled.js","sources":["src/useDisabled.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { getIdsWithNoParentsInSameList } from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { TreeSelectorProps } from '@hh.ru/magritte-ui-tree-selector/types';\n\ntype UseDisabledHookProps<Additional extends AdditionalDefault> = {\n    selected: string[];\n} & Pick<TreeSelectorProps<Additional>, 'disabled' | 'collection' | 'maxSelected'>;\ninterface UseDisabledHook {\n    <Additional extends AdditionalDefault>(props: UseDisabledHookProps<Additional>): string[] | undefined;\n}\n\nexport const useDisabled: UseDisabledHook = ({ selected, disabled, collection, maxSelected }) => {\n    return useMemo(() => {\n        const valueIds = getIdsWithNoParentsInSameList(collection, selected);\n        if (maxSelected && valueIds.length >= maxSelected) {\n            return collection\n                .toList()\n                .map(({ id }) => id)\n                .filter((id) => !selected.includes(id));\n        }\n        return disabled;\n    }, [selected, collection, disabled, maxSelected]);\n};\n"],"names":[],"mappings":";;;;AAaO,MAAM,cAA+B,CAAC,EAAE,UAAU,QAAU,EAAA,UAAA,EAAY,aAAkB,KAAA;AAC7F,EAAA,OAAO,QAAQ,MAAM;AACjB,IAAM,MAAA,QAAA,GAAW,6BAA8B,CAAA,UAAA,EAAY,QAAQ,CAAA,CAAA;AACnE,IAAI,IAAA,WAAA,IAAe,QAAS,CAAA,MAAA,IAAU,WAAa,EAAA;AAC/C,MAAA,OAAO,WACF,MAAO,EAAA,CACP,GAAI,CAAA,CAAC,EAAE,EAAG,EAAA,KAAM,EAAE,CAAA,CAClB,OAAO,CAAC,EAAA,KAAO,CAAC,QAAS,CAAA,QAAA,CAAS,EAAE,CAAC,CAAA,CAAA;AAAA,KAC9C;AACA,IAAO,OAAA,QAAA,CAAA;AAAA,KACR,CAAC,QAAA,EAAU,UAAY,EAAA,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AACpD;;;;"}

package/useExpanded.d.ts

@@ -1,5 +1,5 @@
-import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';
-import { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';
+import TreeCollection from './collection/treeCollection';
+import { AdditionalDefault } from './collection/types';
 export declare const areEqualArrays: (arr1: string[], arr2: string[]) => boolean;
 export declare const calculateInitialExpanded: <Additional extends AdditionalDefault>(initialExpanded: string[], selected: string[], expandTreeOnSelected: boolean, collection: TreeCollection<Additional>) => string[];
 interface UseExpandedHookProps<Additional extends AdditionalDefault> {

package/useExpanded.js

@@ -2,64 +2,75 @@ import './index.css';
 import { useMemo, useState, useRef, useCallback, useEffect } from 'react';
 
 const areEqualArrays = (arr1, arr2) => {
-    if (arr1.length !== arr2.length) {
-        return false;
-    }
-    const sortArr2 = arr2.slice().sort();
-    return arr1
-        .slice()
-        .sort()
-        .every((item, index) => item === sortArr2[index]);
+  if (arr1.length !== arr2.length) {
+    return false;
+  }
+  const sortArr2 = arr2.slice().sort();
+  return arr1.slice().sort().every((item, index) => item === sortArr2[index]);
 };
 const calculateInitialExpanded = (initialExpanded, selected, expandTreeOnSelected, collection) => {
-    const expanded = initialExpanded.slice();
-    if (expandTreeOnSelected) {
-        selected.forEach((id) => {
-            expanded.push(...collection.getParentIds(id));
-        });
-    }
-    return [...new Set(expanded)];
+  const expanded = initialExpanded.slice();
+  if (expandTreeOnSelected) {
+    selected.forEach((id) => {
+      expanded.push(...collection.getParentIds(id));
+    });
+  }
+  return [...new Set(expanded)];
 };
-const useExpanded = ({ initialValue, selected, expandTreeOnSelected, collection, onExpand, }) => {
-    const calculatedInitialValue = useMemo(() => calculateInitialExpanded(initialValue, selected, expandTreeOnSelected, collection), 
+const useExpanded = ({
+  initialValue,
+  selected,
+  expandTreeOnSelected,
+  collection,
+  onExpand
+}) => {
+  const calculatedInitialValue = useMemo(
+    () => calculateInitialExpanded(initialValue, selected, expandTreeOnSelected, collection),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    const [expanded, setExpanded] = useState(calculatedInitialValue);
-    const expandedRef = useRef(calculatedInitialValue);
-    const selectedRef = useRef(selected);
-    selectedRef.current = selected;
-    const handlerRef = useRef(onExpand);
-    const handleSetExpanded = useCallback((updatedExpanded) => {
-        handlerRef.current?.(updatedExpanded.slice());
-        if (!areEqualArrays(expandedRef.current, updatedExpanded)) {
-            setExpanded(updatedExpanded);
-        }
-    }, []);
-    const handleExpansion = useCallback((id) => {
-        let updatedExpanded;
-        if (expandedRef.current.includes(id)) {
-            updatedExpanded = expandedRef.current.filter((itemId) => itemId !== id);
-        }
-        else {
-            updatedExpanded = expandedRef.current.slice();
-            updatedExpanded.push(id);
-        }
-        handleSetExpanded(updatedExpanded);
-    }, [handleSetExpanded]);
-    const handleResetExpanded = useCallback(() => {
-        const calculatedResetValue = calculateInitialExpanded(initialValue, selectedRef.current, expandTreeOnSelected, collection);
-        if (!areEqualArrays(expandedRef.current, calculatedResetValue)) {
-            setExpanded(calculatedResetValue);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    useEffect(() => {
-        handlerRef.current = onExpand;
-    }, [onExpand]);
-    useEffect(() => {
-        expandedRef.current = expanded;
-    }, [expanded]);
-    return { expanded, setExpanded: handleSetExpanded, handleExpansion, handleResetExpanded };
+    []
+  );
+  const [expanded, setExpanded] = useState(calculatedInitialValue);
+  const expandedRef = useRef(calculatedInitialValue);
+  const selectedRef = useRef(selected);
+  selectedRef.current = selected;
+  const handlerRef = useRef(onExpand);
+  const handleSetExpanded = useCallback((updatedExpanded) => {
+    handlerRef.current?.(updatedExpanded.slice());
+    if (!areEqualArrays(expandedRef.current, updatedExpanded)) {
+      setExpanded(updatedExpanded);
+    }
+  }, []);
+  const handleExpansion = useCallback(
+    (id) => {
+      let updatedExpanded;
+      if (expandedRef.current.includes(id)) {
+        updatedExpanded = expandedRef.current.filter((itemId) => itemId !== id);
+      } else {
+        updatedExpanded = expandedRef.current.slice();
+        updatedExpanded.push(id);
+      }
+      handleSetExpanded(updatedExpanded);
+    },
+    [handleSetExpanded]
+  );
+  const handleResetExpanded = useCallback(() => {
+    const calculatedResetValue = calculateInitialExpanded(
+      initialValue,
+      selectedRef.current,
+      expandTreeOnSelected,
+      collection
+    );
+    if (!areEqualArrays(expandedRef.current, calculatedResetValue)) {
+      setExpanded(calculatedResetValue);
+    }
+  }, []);
+  useEffect(() => {
+    handlerRef.current = onExpand;
+  }, [onExpand]);
+  useEffect(() => {
+    expandedRef.current = expanded;
+  }, [expanded]);
+  return { expanded, setExpanded: handleSetExpanded, handleExpansion, handleResetExpanded };
 };
 
 export { areEqualArrays, calculateInitialExpanded, useExpanded };

package/useExpanded.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExpanded.js","sources":["src/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, useMemo } from 'react';\n\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\n\nexport const areEqualArrays = (arr1: string[], arr2: string[]): boolean => {\n    if (arr1.length !== arr2.length) {\n        return false;\n    }\n    const sortArr2 = arr2.slice().sort();\n    return arr1\n        .slice()\n        .sort()\n        .every((item, index) => item === sortArr2[index]);\n};\n\nexport const calculateInitialExpanded = <Additional extends AdditionalDefault>(\n    initialExpanded: string[],\n    selected: string[],\n    expandTreeOnSelected: boolean,\n    collection: TreeCollection<Additional>\n): string[] => {\n    const expanded: string[] = initialExpanded.slice();\n    if (expandTreeOnSelected) {\n        selected.forEach((id) => {\n            expanded.push(...collection.getParentIds(id));\n        });\n    }\n    return [...new Set(expanded)];\n};\n\ninterface UseExpandedHookProps<Additional extends AdditionalDefault> {\n    initialValue: string[];\n    onExpand?: (expanded: string[]) => void;\n    expandTreeOnSelected: boolean;\n    selected: string[];\n    collection: TreeCollection<Additional>;\n}\n\ninterface UseExpandedHookReturn {\n    expanded: string[];\n    setExpanded: (expanded: string[]) => void;\n    handleExpansion: (id: string) => void;\n    handleResetExpanded: () => void;\n}\ninterface UseExpandedHook {\n    <Additional extends AdditionalDefault>(props: UseExpandedHookProps<Additional>): UseExpandedHookReturn;\n}\n\nexport const useExpanded: UseExpandedHook = ({\n    initialValue,\n    selected,\n    expandTreeOnSelected,\n    collection,\n    onExpand,\n}) => {\n    const calculatedInitialValue = useMemo(\n        () => calculateInitialExpanded(initialValue, selected, expandTreeOnSelected, collection),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        []\n    );\n    const [expanded, setExpanded] = useState(calculatedInitialValue);\n    const expandedRef = useRef(calculatedInitialValue);\n    const selectedRef = useRef(selected);\n    selectedRef.current = selected;\n    const handlerRef = useRef(onExpand);\n\n    const handleSetExpanded = useCallback((updatedExpanded: string[]) => {\n        handlerRef.current?.(updatedExpanded.slice());\n\n        if (!areEqualArrays(expandedRef.current, updatedExpanded)) {\n            setExpanded(updatedExpanded);\n        }\n    }, []);\n\n    const handleExpansion = useCallback(\n        (id: string): void => {\n            let updatedExpanded;\n            if (expandedRef.current.includes(id)) {\n                updatedExpanded = expandedRef.current.filter((itemId) => itemId !== id);\n            } else {\n                updatedExpanded = expandedRef.current.slice();\n                updatedExpanded.push(id);\n            }\n            handleSetExpanded(updatedExpanded);\n        },\n        [handleSetExpanded]\n    );\n\n    const handleResetExpanded = useCallback(() => {\n        const calculatedResetValue = calculateInitialExpanded(\n            initialValue,\n            selectedRef.current,\n            expandTreeOnSelected,\n            collection\n        );\n        if (!areEqualArrays(expandedRef.current, calculatedResetValue)) {\n            setExpanded(calculatedResetValue);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    useEffect(() => {\n        handlerRef.current = onExpand;\n    }, [onExpand]);\n\n    useEffect(() => {\n        expandedRef.current = expanded;\n    }, [expanded]);\n\n    return { expanded, setExpanded: handleSetExpanded, handleExpansion, handleResetExpanded };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useExpanded.js","sources":["src/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, useMemo } from 'react';\n\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\n\nexport const areEqualArrays = (arr1: string[], arr2: string[]): boolean => {\n    if (arr1.length !== arr2.length) {\n        return false;\n    }\n    const sortArr2 = arr2.slice().sort();\n    return arr1\n        .slice()\n        .sort()\n        .every((item, index) => item === sortArr2[index]);\n};\n\nexport const calculateInitialExpanded = <Additional extends AdditionalDefault>(\n    initialExpanded: string[],\n    selected: string[],\n    expandTreeOnSelected: boolean,\n    collection: TreeCollection<Additional>\n): string[] => {\n    const expanded: string[] = initialExpanded.slice();\n    if (expandTreeOnSelected) {\n        selected.forEach((id) => {\n            expanded.push(...collection.getParentIds(id));\n        });\n    }\n    return [...new Set(expanded)];\n};\n\ninterface UseExpandedHookProps<Additional extends AdditionalDefault> {\n    initialValue: string[];\n    onExpand?: (expanded: string[]) => void;\n    expandTreeOnSelected: boolean;\n    selected: string[];\n    collection: TreeCollection<Additional>;\n}\n\ninterface UseExpandedHookReturn {\n    expanded: string[];\n    setExpanded: (expanded: string[]) => void;\n    handleExpansion: (id: string) => void;\n    handleResetExpanded: () => void;\n}\ninterface UseExpandedHook {\n    <Additional extends AdditionalDefault>(props: UseExpandedHookProps<Additional>): UseExpandedHookReturn;\n}\n\nexport const useExpanded: UseExpandedHook = ({\n    initialValue,\n    selected,\n    expandTreeOnSelected,\n    collection,\n    onExpand,\n}) => {\n    const calculatedInitialValue = useMemo(\n        () => calculateInitialExpanded(initialValue, selected, expandTreeOnSelected, collection),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        []\n    );\n    const [expanded, setExpanded] = useState(calculatedInitialValue);\n    const expandedRef = useRef(calculatedInitialValue);\n    const selectedRef = useRef(selected);\n    selectedRef.current = selected;\n    const handlerRef = useRef(onExpand);\n\n    const handleSetExpanded = useCallback((updatedExpanded: string[]) => {\n        handlerRef.current?.(updatedExpanded.slice());\n\n        if (!areEqualArrays(expandedRef.current, updatedExpanded)) {\n            setExpanded(updatedExpanded);\n        }\n    }, []);\n\n    const handleExpansion = useCallback(\n        (id: string): void => {\n            let updatedExpanded;\n            if (expandedRef.current.includes(id)) {\n                updatedExpanded = expandedRef.current.filter((itemId) => itemId !== id);\n            } else {\n                updatedExpanded = expandedRef.current.slice();\n                updatedExpanded.push(id);\n            }\n            handleSetExpanded(updatedExpanded);\n        },\n        [handleSetExpanded]\n    );\n\n    const handleResetExpanded = useCallback(() => {\n        const calculatedResetValue = calculateInitialExpanded(\n            initialValue,\n            selectedRef.current,\n            expandTreeOnSelected,\n            collection\n        );\n        if (!areEqualArrays(expandedRef.current, calculatedResetValue)) {\n            setExpanded(calculatedResetValue);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    useEffect(() => {\n        handlerRef.current = onExpand;\n    }, [onExpand]);\n\n    useEffect(() => {\n        expandedRef.current = expanded;\n    }, [expanded]);\n\n    return { expanded, setExpanded: handleSetExpanded, handleExpansion, handleResetExpanded };\n};\n"],"names":[],"mappings":"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"}

package/useIndeterminate.d.ts

@@ -1,5 +1,5 @@
-import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';
-import { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';
+import TreeCollection from './collection/treeCollection';
+import { AdditionalDefault } from './collection/types';
 /**
  * Возвращает массив ID элементов дерева, у которых есть и выбранные, и невыбранные потомки.
  */

package/useIndeterminate.js

@@ -2,27 +2,26 @@ import './index.css';
 import { useState, useEffect } from 'react';
 import { areEqualArrays } from './useExpanded.js';
 
-/**
- * Возвращает массив ID элементов дерева, у которых есть и выбранные, и невыбранные потомки.
- */
 function getIndeterminateParentIds(collection, selected) {
-    const result = selected.reduce((currentResult, id) => {
-        collection.getParentIds(id).forEach((parentId) => {
-            if (!selected.includes(parentId)) {
-                currentResult.add(parentId);
-            }
-        });
-        return currentResult;
-    }, new Set());
-    return [...result];
+  const result = selected.reduce((currentResult, id) => {
+    collection.getParentIds(id).forEach((parentId) => {
+      if (!selected.includes(parentId)) {
+        currentResult.add(parentId);
+      }
+    });
+    return currentResult;
+  }, /* @__PURE__ */ new Set());
+  return [...result];
 }
 const useIndeterminate = ({ collection, selected }) => {
-    const [indeterminate, setIndeterminate] = useState([]);
-    useEffect(() => {
-        const updatedIndeterminateIds = getIndeterminateParentIds(collection, selected);
-        setIndeterminate((current) => areEqualArrays(current, updatedIndeterminateIds) ? current : updatedIndeterminateIds);
-    }, [selected, collection]);
-    return { indeterminate };
+  const [indeterminate, setIndeterminate] = useState([]);
+  useEffect(() => {
+    const updatedIndeterminateIds = getIndeterminateParentIds(collection, selected);
+    setIndeterminate(
+      (current) => areEqualArrays(current, updatedIndeterminateIds) ? current : updatedIndeterminateIds
+    );
+  }, [selected, collection]);
+  return { indeterminate };
 };
 
 export { getIndeterminateParentIds, useIndeterminate };

package/useIndeterminate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIndeterminate.js","sources":["src/useIndeterminate.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { areEqualArrays } from '@hh.ru/magritte-ui-tree-selector/useExpanded';\n\n/**\n * Возвращает массив ID элементов дерева, у которых есть и выбранные, и невыбранные потомки.\n */\nexport function getIndeterminateParentIds<Additional extends AdditionalDefault>(\n    collection: TreeCollection<Additional>,\n    selected: string[]\n): string[] {\n    const result = selected.reduce((currentResult, id) => {\n        collection.getParentIds(id).forEach((parentId) => {\n            if (!selected.includes(parentId)) {\n                currentResult.add(parentId);\n            }\n        });\n        return currentResult;\n    }, new Set<string>());\n    return [...result];\n}\n\ninterface UseIndeterminateHookProps<Additional extends AdditionalDefault> {\n    collection: TreeCollection<Additional>;\n    selected: string[];\n}\ninterface UseIndeterminateHook {\n    <Additional extends AdditionalDefault>(props: UseIndeterminateHookProps<Additional>): { indeterminate: string[] };\n}\n\nexport const useIndeterminate: UseIndeterminateHook = ({ collection, selected }) => {\n    const [indeterminate, setIndeterminate] = useState<string[]>([]);\n\n    useEffect(() => {\n        const updatedIndeterminateIds = getIndeterminateParentIds(collection, selected);\n        setIndeterminate((current) =>\n            areEqualArrays(current, updatedIndeterminateIds) ? current : updatedIndeterminateIds\n        );\n    }, [selected, collection]);\n    return { indeterminate };\n};\n"],"names":[],"mappings":";;;AAMA;;AAEG;AACa,SAAA,yBAAyB,CACrC,UAAsC,EACtC,QAAkB,EAAA;IAElB,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE,KAAI;QACjD,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAI;YAC7C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;AAC9B,gBAAA,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;aAC/B;AACL,SAAC,CAAC,CAAC;AACH,QAAA,OAAO,aAAa,CAAC;AACzB,KAAC,EAAE,IAAI,GAAG,EAAU,CAAC,CAAC;AACtB,IAAA,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC;AACvB,CAAC;AAUY,MAAA,gBAAgB,GAAyB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAI;IAC/E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEjE,SAAS,CAAC,MAAK;QACX,MAAM,uBAAuB,GAAG,yBAAyB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAChF,gBAAgB,CAAC,CAAC,OAAO,KACrB,cAAc,CAAC,OAAO,EAAE,uBAAuB,CAAC,GAAG,OAAO,GAAG,uBAAuB,CACvF,CAAC;AACN,KAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAC3B,OAAO,EAAE,aAAa,EAAE,CAAC;AAC7B;;;;"}
+{"version":3,"file":"useIndeterminate.js","sources":["src/useIndeterminate.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { areEqualArrays } from '@hh.ru/magritte-ui-tree-selector/useExpanded';\n\n/**\n * Возвращает массив ID элементов дерева, у которых есть и выбранные, и невыбранные потомки.\n */\nexport function getIndeterminateParentIds<Additional extends AdditionalDefault>(\n    collection: TreeCollection<Additional>,\n    selected: string[]\n): string[] {\n    const result = selected.reduce((currentResult, id) => {\n        collection.getParentIds(id).forEach((parentId) => {\n            if (!selected.includes(parentId)) {\n                currentResult.add(parentId);\n            }\n        });\n        return currentResult;\n    }, new Set<string>());\n    return [...result];\n}\n\ninterface UseIndeterminateHookProps<Additional extends AdditionalDefault> {\n    collection: TreeCollection<Additional>;\n    selected: string[];\n}\ninterface UseIndeterminateHook {\n    <Additional extends AdditionalDefault>(props: UseIndeterminateHookProps<Additional>): { indeterminate: string[] };\n}\n\nexport const useIndeterminate: UseIndeterminateHook = ({ collection, selected }) => {\n    const [indeterminate, setIndeterminate] = useState<string[]>([]);\n\n    useEffect(() => {\n        const updatedIndeterminateIds = getIndeterminateParentIds(collection, selected);\n        setIndeterminate((current) =>\n            areEqualArrays(current, updatedIndeterminateIds) ? current : updatedIndeterminateIds\n        );\n    }, [selected, collection]);\n    return { indeterminate };\n};\n"],"names":[],"mappings":";;;AASO,SAAS,yBAAA,CACZ,YACA,QACQ,EAAA;AACR,EAAA,MAAM,MAAS,GAAA,QAAA,CAAS,MAAO,CAAA,CAAC,eAAe,EAAO,KAAA;AAClD,IAAA,UAAA,CAAW,YAAa,CAAA,EAAE,CAAE,CAAA,OAAA,CAAQ,CAAC,QAAa,KAAA;AAC9C,MAAA,IAAI,CAAC,QAAA,CAAS,QAAS,CAAA,QAAQ,CAAG,EAAA;AAC9B,QAAA,aAAA,CAAc,IAAI,QAAQ,CAAA,CAAA;AAAA,OAC9B;AAAA,KACH,CAAA,CAAA;AACD,IAAO,OAAA,aAAA,CAAA;AAAA,GACX,kBAAO,IAAA,GAAA,EAAa,CAAA,CAAA;AACpB,EAAO,OAAA,CAAC,GAAG,MAAM,CAAA,CAAA;AACrB,CAAA;AAUO,MAAM,gBAAyC,GAAA,CAAC,EAAE,UAAA,EAAY,UAAe,KAAA;AAChF,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA,CAAA;AAE/D,EAAA,SAAA,CAAU,MAAM;AACZ,IAAM,MAAA,uBAAA,GAA0B,yBAA0B,CAAA,UAAA,EAAY,QAAQ,CAAA,CAAA;AAC9E,IAAA,gBAAA;AAAA,MAAiB,CAAC,OACd,KAAA,cAAA,CAAe,OAAS,EAAA,uBAAuB,IAAI,OAAU,GAAA,uBAAA;AAAA,KACjE,CAAA;AAAA,GACD,EAAA,CAAC,QAAU,EAAA,UAAU,CAAC,CAAA,CAAA;AACzB,EAAA,OAAO,EAAE,aAAc,EAAA,CAAA;AAC3B;;;;"}

package/useRenderInput.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, RefObject } from 'react';
-import { SearchInputPropsWithRef } from '@hh.ru/magritte-ui-tree-selector/types';
+import { SearchInputPropsWithRef } from './types';
 export interface UseRenderInputHook {
     (inputRef: RefObject<HTMLInputElement>): {
         contentFilterQuery: string;

package/useRenderInput.js

@@ -8,40 +8,52 @@ import { SearchInput } from '@hh.ru/magritte-ui-input';
 import { useAnimationTimeout } from './useAnimationTimeout.js';
 
 const WrapperInput = forwardRef(({ parentRef, ...props }, ref) => {
-    const multiRef = useMultipleRefs(ref, parentRef);
-    return jsx(SearchInput, { ...props, ref: multiRef, "data-qa": "tree-selector-search-input" });
+  const multiRef = useMultipleRefs(ref, parentRef);
+  return /* @__PURE__ */ jsx(SearchInput, { ...props, ref: multiRef, "data-qa": "tree-selector-search-input" });
 });
-WrapperInput.displayName = 'TreeSelectorInput';
+WrapperInput.displayName = "TreeSelectorInput";
 const useRenderInput = (inputRef) => {
-    const [contentFilterQuery, setContentFilterQuery] = useState('');
-    const { animationTimeout } = useAnimationTimeout();
-    const [value, setValue] = useState('');
-    const { isMobile } = useBreakpoint();
-    const inputRefCallback = useCallback((node) => {
-        if (!node) {
-            setValue('');
-            setContentFilterQuery('');
-        }
-    }, []);
-    const ref = useMultipleRefs(inputRef, inputRefCallback);
-    useEffect(() => {
-        setValue('');
-        setContentFilterQuery('');
-    }, [isMobile]);
-    const debouncedContentFilterQuery = useDebounce(useCallback((newValue) => {
-        setContentFilterQuery(newValue);
-    }, []), animationTimeout);
-    const handleChangeInput = useCallback((newValue) => {
-        debouncedContentFilterQuery(newValue);
-        setValue(newValue);
-    }, [debouncedContentFilterQuery]);
-    const setInputValue = useCallback((newValue) => {
-        setValue(newValue);
-    }, [setValue]);
-    const renderInput = useCallback((props) => {
-        return jsx(WrapperInput, { ...props, value: value, onChange: handleChangeInput, parentRef: ref });
-    }, [ref, value, handleChangeInput]);
-    return { contentFilterQuery, setInputValue, handleChangeInput, renderInput };
+  const [contentFilterQuery, setContentFilterQuery] = useState("");
+  const { animationTimeout } = useAnimationTimeout();
+  const [value, setValue] = useState("");
+  const { isMobile } = useBreakpoint();
+  const inputRefCallback = useCallback((node) => {
+    if (!node) {
+      setValue("");
+      setContentFilterQuery("");
+    }
+  }, []);
+  const ref = useMultipleRefs(inputRef, inputRefCallback);
+  useEffect(() => {
+    setValue("");
+    setContentFilterQuery("");
+  }, [isMobile]);
+  const debouncedContentFilterQuery = useDebounce(
+    useCallback((newValue) => {
+      setContentFilterQuery(newValue);
+    }, []),
+    animationTimeout
+  );
+  const handleChangeInput = useCallback(
+    (newValue) => {
+      debouncedContentFilterQuery(newValue);
+      setValue(newValue);
+    },
+    [debouncedContentFilterQuery]
+  );
+  const setInputValue = useCallback(
+    (newValue) => {
+      setValue(newValue);
+    },
+    [setValue]
+  );
+  const renderInput = useCallback(
+    (props) => {
+      return /* @__PURE__ */ jsx(WrapperInput, { ...props, value, onChange: handleChangeInput, parentRef: ref });
+    },
+    [ref, value, handleChangeInput]
+  );
+  return { contentFilterQuery, setInputValue, handleChangeInput, renderInput };
 };
 
 export { useRenderInput };

package/useRenderInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRenderInput.js","sources":["src/useRenderInput.tsx"],"sourcesContent":["import { ReactElement, RefCallback, useCallback, useEffect, useState, RefObject, forwardRef } from 'react';\n\nimport { useDebounce } from '@hh.ru/magritte-common-func-utils';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { SearchInput, SearchInputProps } from '@hh.ru/magritte-ui-input';\nimport { SearchInputPropsWithRef } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { useAnimationTimeout } from '@hh.ru/magritte-ui-tree-selector/useAnimationTimeout';\n\ntype WrapperInputProps = SearchInputProps & {\n    value: string;\n    onChange: (newValue: string) => void;\n    parentRef: RefCallback<HTMLInputElement>;\n};\n\nconst WrapperInput = forwardRef<HTMLInputElement, WrapperInputProps>(({ parentRef, ...props }, ref) => {\n    const multiRef = useMultipleRefs(ref, parentRef);\n    return <SearchInput {...props} ref={multiRef} data-qa=\"tree-selector-search-input\" />;\n});\n\nWrapperInput.displayName = 'TreeSelectorInput';\n\nexport interface UseRenderInputHook {\n    (inputRef: RefObject<HTMLInputElement>): {\n        contentFilterQuery: string;\n        setInputValue: (newValue: string) => void;\n        handleChangeInput: (newValue: string) => void;\n        renderInput: (props?: SearchInputPropsWithRef) => ReactElement;\n    };\n}\n\nexport const useRenderInput: UseRenderInputHook = (inputRef) => {\n    const [contentFilterQuery, setContentFilterQuery] = useState('');\n    const { animationTimeout } = useAnimationTimeout();\n    const [value, setValue] = useState('');\n    const { isMobile } = useBreakpoint();\n\n    const inputRefCallback: RefCallback<HTMLInputElement> = useCallback((node) => {\n        if (!node) {\n            setValue('');\n            setContentFilterQuery('');\n        }\n    }, []);\n\n    const ref = useMultipleRefs(inputRef, inputRefCallback);\n\n    useEffect(() => {\n        setValue('');\n        setContentFilterQuery('');\n    }, [isMobile]);\n\n    const debouncedContentFilterQuery = useDebounce(\n        useCallback((newValue: string) => {\n            setContentFilterQuery(newValue);\n        }, []),\n        animationTimeout\n    );\n\n    const handleChangeInput = useCallback(\n        (newValue: string) => {\n            debouncedContentFilterQuery(newValue);\n            setValue(newValue);\n        },\n        [debouncedContentFilterQuery]\n    );\n\n    const setInputValue = useCallback(\n        (newValue: string) => {\n            setValue(newValue);\n        },\n        [setValue]\n    );\n\n    const renderInput = useCallback(\n        (props?: SearchInputPropsWithRef) => {\n            return <WrapperInput {...props} value={value} onChange={handleChangeInput} parentRef={ref} />;\n        },\n        [ref, value, handleChangeInput]\n    );\n\n    return { contentFilterQuery, setInputValue, handleChangeInput, renderInput };\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;AAeA,MAAM,YAAY,GAAG,UAAU,CAAsC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAClG,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IACjD,OAAOA,GAAA,CAAC,WAAW,EAAA,EAAA,GAAK,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAA,SAAA,EAAU,4BAA4B,EAAA,CAAG,CAAC;AAC1F,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAWlC,MAAA,cAAc,GAAuB,CAAC,QAAQ,KAAI;IAC3D,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACjE,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACvC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AAErC,IAAA,MAAM,gBAAgB,GAAkC,WAAW,CAAC,CAAC,IAAI,KAAI;QACzE,IAAI,CAAC,IAAI,EAAE;YACP,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,qBAAqB,CAAC,EAAE,CAAC,CAAC;SAC7B;KACJ,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;IAExD,SAAS,CAAC,MAAK;QACX,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,qBAAqB,CAAC,EAAE,CAAC,CAAC;AAC9B,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,2BAA2B,GAAG,WAAW,CAC3C,WAAW,CAAC,CAAC,QAAgB,KAAI;QAC7B,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AACpC,KAAC,EAAE,EAAE,CAAC,EACN,gBAAgB,CACnB,CAAC;AAEF,IAAA,MAAM,iBAAiB,GAAG,WAAW,CACjC,CAAC,QAAgB,KAAI;QACjB,2BAA2B,CAAC,QAAQ,CAAC,CAAC;QACtC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACvB,KAAC,EACD,CAAC,2BAA2B,CAAC,CAChC,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,QAAgB,KAAI;QACjB,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACvB,KAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,KAA+B,KAAI;AAChC,QAAA,OAAOA,IAAC,YAAY,EAAA,EAAA,GAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,GAAI,CAAC;KACjG,EACD,CAAC,GAAG,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAClC,CAAC;IAEF,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC;AACjF;;;;"}
+{"version":3,"file":"useRenderInput.js","sources":["src/useRenderInput.tsx"],"sourcesContent":["import { ReactElement, RefCallback, useCallback, useEffect, useState, RefObject, forwardRef } from 'react';\n\nimport { useDebounce } from '@hh.ru/magritte-common-func-utils';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { SearchInput, SearchInputProps } from '@hh.ru/magritte-ui-input';\nimport { SearchInputPropsWithRef } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { useAnimationTimeout } from '@hh.ru/magritte-ui-tree-selector/useAnimationTimeout';\n\ntype WrapperInputProps = SearchInputProps & {\n    value: string;\n    onChange: (newValue: string) => void;\n    parentRef: RefCallback<HTMLInputElement>;\n};\n\nconst WrapperInput = forwardRef<HTMLInputElement, WrapperInputProps>(({ parentRef, ...props }, ref) => {\n    const multiRef = useMultipleRefs(ref, parentRef);\n    return <SearchInput {...props} ref={multiRef} data-qa=\"tree-selector-search-input\" />;\n});\n\nWrapperInput.displayName = 'TreeSelectorInput';\n\nexport interface UseRenderInputHook {\n    (inputRef: RefObject<HTMLInputElement>): {\n        contentFilterQuery: string;\n        setInputValue: (newValue: string) => void;\n        handleChangeInput: (newValue: string) => void;\n        renderInput: (props?: SearchInputPropsWithRef) => ReactElement;\n    };\n}\n\nexport const useRenderInput: UseRenderInputHook = (inputRef) => {\n    const [contentFilterQuery, setContentFilterQuery] = useState('');\n    const { animationTimeout } = useAnimationTimeout();\n    const [value, setValue] = useState('');\n    const { isMobile } = useBreakpoint();\n\n    const inputRefCallback: RefCallback<HTMLInputElement> = useCallback((node) => {\n        if (!node) {\n            setValue('');\n            setContentFilterQuery('');\n        }\n    }, []);\n\n    const ref = useMultipleRefs(inputRef, inputRefCallback);\n\n    useEffect(() => {\n        setValue('');\n        setContentFilterQuery('');\n    }, [isMobile]);\n\n    const debouncedContentFilterQuery = useDebounce(\n        useCallback((newValue: string) => {\n            setContentFilterQuery(newValue);\n        }, []),\n        animationTimeout\n    );\n\n    const handleChangeInput = useCallback(\n        (newValue: string) => {\n            debouncedContentFilterQuery(newValue);\n            setValue(newValue);\n        },\n        [debouncedContentFilterQuery]\n    );\n\n    const setInputValue = useCallback(\n        (newValue: string) => {\n            setValue(newValue);\n        },\n        [setValue]\n    );\n\n    const renderInput = useCallback(\n        (props?: SearchInputPropsWithRef) => {\n            return <WrapperInput {...props} value={value} onChange={handleChangeInput} parentRef={ref} />;\n        },\n        [ref, value, handleChangeInput]\n    );\n\n    return { contentFilterQuery, setInputValue, handleChangeInput, renderInput };\n};\n"],"names":[],"mappings":";;;;;;;;AAeA,MAAM,YAAA,GAAe,WAAgD,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAQ,KAAA;AACnG,EAAM,MAAA,QAAA,GAAW,eAAgB,CAAA,GAAA,EAAK,SAAS,CAAA,CAAA;AAC/C,EAAA,2BAAQ,WAAa,EAAA,EAAA,GAAG,OAAO,GAAK,EAAA,QAAA,EAAU,WAAQ,4BAA6B,EAAA,CAAA,CAAA;AACvF,CAAC,CAAA,CAAA;AAED,YAAA,CAAa,WAAc,GAAA,mBAAA,CAAA;AAWd,MAAA,cAAA,GAAqC,CAAC,QAAa,KAAA;AAC5D,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAAS,EAAE,CAAA,CAAA;AAC/D,EAAM,MAAA,EAAE,gBAAiB,EAAA,GAAI,mBAAoB,EAAA,CAAA;AACjD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA,CAAA;AACrC,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;AAEnC,EAAM,MAAA,gBAAA,GAAkD,WAAY,CAAA,CAAC,IAAS,KAAA;AAC1E,IAAA,IAAI,CAAC,IAAM,EAAA;AACP,MAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AACX,MAAA,qBAAA,CAAsB,EAAE,CAAA,CAAA;AAAA,KAC5B;AAAA,GACJ,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,GAAA,GAAM,eAAgB,CAAA,QAAA,EAAU,gBAAgB,CAAA,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AACX,IAAA,qBAAA,CAAsB,EAAE,CAAA,CAAA;AAAA,GAC5B,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAA,MAAM,2BAA8B,GAAA,WAAA;AAAA,IAChC,WAAA,CAAY,CAAC,QAAqB,KAAA;AAC9B,MAAA,qBAAA,CAAsB,QAAQ,CAAA,CAAA;AAAA,KAClC,EAAG,EAAE,CAAA;AAAA,IACL,gBAAA;AAAA,GACJ,CAAA;AAEA,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACtB,CAAC,QAAqB,KAAA;AAClB,MAAA,2BAAA,CAA4B,QAAQ,CAAA,CAAA;AACpC,MAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAAA,KACrB;AAAA,IACA,CAAC,2BAA2B,CAAA;AAAA,GAChC,CAAA;AAEA,EAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,IAClB,CAAC,QAAqB,KAAA;AAClB,MAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAAA,KACrB;AAAA,IACA,CAAC,QAAQ,CAAA;AAAA,GACb,CAAA;AAEA,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAChB,CAAC,KAAoC,KAAA;AACjC,MAAO,uBAAA,GAAA,CAAC,gBAAc,GAAG,KAAA,EAAO,OAAc,QAAU,EAAA,iBAAA,EAAmB,WAAW,GAAK,EAAA,CAAA,CAAA;AAAA,KAC/F;AAAA,IACA,CAAC,GAAK,EAAA,KAAA,EAAO,iBAAiB,CAAA;AAAA,GAClC,CAAA;AAEA,EAAA,OAAO,EAAE,kBAAA,EAAoB,aAAe,EAAA,iBAAA,EAAmB,WAAY,EAAA,CAAA;AAC/E;;;;"}

package/useSelected.d.ts

@@ -1,6 +1,6 @@
-import { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';
-import ImmutableSelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';
-import { TreeSelectorProps } from '@hh.ru/magritte-ui-tree-selector/types';
+import { AdditionalDefault } from './collection/types';
+import ImmutableSelectionStrategy from './strategy/immutableSelectionStrategy';
+import { TreeSelectorProps } from './types';
 type UseSelectedHookProps<Additional extends AdditionalDefault> = {
     strategy: ImmutableSelectionStrategy<Additional>;
 } & Pick<TreeSelectorProps<Additional>, 'value' | 'onChange' | 'collapseToParentId' | 'maxSelected' | 'collection'>;

package/useSelected.js

@@ -3,38 +3,43 @@ import { useCallback, useState } from 'react';
 import { getIdsWithNoParentsInSameList } from './collection/treeCollectionHelper.js';
 import './collection/treeCollection.js';
 
-const useSelected = ({ value, maxSelected, strategy, collection, collapseToParentId, onChange, }) => {
-    const getSelectedFromValue = useCallback(() => {
-        let newValue = value.slice();
-        if (maxSelected && newValue && newValue.length > maxSelected) {
-            newValue = newValue.slice(0, maxSelected);
-        }
-        return strategy.add([], newValue);
-    }, [value, maxSelected, strategy]);
-    const [selected, setSelectedState] = useState(getSelectedFromValue);
-    // синхронизируем selected из value прямо в рендере, а не в useEffect: ref-колбэки и layout-фаза коммита
-    // выполняются раньше пассивных эффектов, и отложенная синхронизация давала им устаревший selected
-    // (например, сброс expanded при маунте дерева в том же коммите, где изменился value)
-    const [prevGetSelectedFromValue, setPrevGetSelectedFromValue] = useState(() => getSelectedFromValue);
-    if (prevGetSelectedFromValue !== getSelectedFromValue) {
-        setPrevGetSelectedFromValue(() => getSelectedFromValue);
-        setSelectedState(getSelectedFromValue());
+const useSelected = ({
+  value,
+  maxSelected,
+  strategy,
+  collection,
+  collapseToParentId,
+  onChange
+}) => {
+  const getSelectedFromValue = useCallback(() => {
+    let newValue = value.slice();
+    if (maxSelected && newValue && newValue.length > maxSelected) {
+      newValue = newValue.slice(0, maxSelected);
     }
-    const setSelected = useCallback((id, isSelected) => {
-        const ids = [id];
-        const updatedSelected = isSelected ? strategy.add(selected, ids) : strategy.remove(selected, ids);
-        const filteredUpdatedSelected = collapseToParentId
-            ? getIdsWithNoParentsInSameList(collection, updatedSelected)
-            : updatedSelected;
-        if (maxSelected && filteredUpdatedSelected.length > maxSelected) {
-            filteredUpdatedSelected.length = maxSelected;
-        }
-        onChange(filteredUpdatedSelected, id, isSelected);
-    }, [strategy, selected, collection, collapseToParentId, onChange, maxSelected]);
-    return {
-        selected,
-        setSelected,
-    };
+    return strategy.add([], newValue);
+  }, [value, maxSelected, strategy]);
+  const [selected, setSelectedState] = useState(getSelectedFromValue);
+  const [prevGetSelectedFromValue, setPrevGetSelectedFromValue] = useState(() => getSelectedFromValue);
+  if (prevGetSelectedFromValue !== getSelectedFromValue) {
+    setPrevGetSelectedFromValue(() => getSelectedFromValue);
+    setSelectedState(getSelectedFromValue());
+  }
+  const setSelected = useCallback(
+    (id, isSelected) => {
+      const ids = [id];
+      const updatedSelected = isSelected ? strategy.add(selected, ids) : strategy.remove(selected, ids);
+      const filteredUpdatedSelected = collapseToParentId ? getIdsWithNoParentsInSameList(collection, updatedSelected) : updatedSelected;
+      if (maxSelected && filteredUpdatedSelected.length > maxSelected) {
+        filteredUpdatedSelected.length = maxSelected;
+      }
+      onChange(filteredUpdatedSelected, id, isSelected);
+    },
+    [strategy, selected, collection, collapseToParentId, onChange, maxSelected]
+  );
+  return {
+    selected,
+    setSelected
+  };
 };
 
 export { useSelected };