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

package/useSelected.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelected.js","sources":["src/useSelected.ts"],"sourcesContent":["import { useState, useCallback } 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 ImmutableSelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';\nimport { TreeSelectorProps } from '@hh.ru/magritte-ui-tree-selector/types';\n\ntype UseSelectedHookProps<Additional extends AdditionalDefault> = {\n    strategy: ImmutableSelectionStrategy<Additional>;\n} & Pick<TreeSelectorProps<Additional>, 'value' | 'onChange' | 'collapseToParentId' | 'maxSelected' | 'collection'>;\n\ntype UseSelectedHookReturn = {\n    selected: string[];\n    setSelected: (id: string, isSelected: boolean) => void;\n};\n\ninterface UseSelectedHook {\n    <Additional extends AdditionalDefault>(props: UseSelectedHookProps<Additional>): UseSelectedHookReturn;\n}\n\nexport const useSelected: UseSelectedHook = ({\n    value,\n    maxSelected,\n    strategy,\n    collection,\n    collapseToParentId,\n    onChange,\n}) => {\n    const getSelectedFromValue = useCallback((): string[] => {\n        let newValue = value.slice();\n        if (maxSelected && newValue && newValue.length > maxSelected) {\n            newValue = newValue.slice(0, maxSelected);\n        }\n        return strategy.add([], newValue);\n    }, [value, maxSelected, strategy]);\n\n    const [selected, setSelectedState] = useState(getSelectedFromValue);\n\n    // синхронизируем selected из value прямо в рендере, а не в useEffect: ref-колбэки и layout-фаза коммита\n    // выполняются раньше пассивных эффектов, и отложенная синхронизация давала им устаревший selected\n    // (например, сброс expanded при маунте дерева в том же коммите, где изменился value)\n    const [prevGetSelectedFromValue, setPrevGetSelectedFromValue] = useState(() => getSelectedFromValue);\n    if (prevGetSelectedFromValue !== getSelectedFromValue) {\n        setPrevGetSelectedFromValue(() => getSelectedFromValue);\n        setSelectedState(getSelectedFromValue());\n    }\n\n    const setSelected = useCallback(\n        (id: string, isSelected: boolean) => {\n            const ids = [id];\n            const updatedSelected = isSelected ? strategy.add(selected, ids) : strategy.remove(selected, ids);\n            const filteredUpdatedSelected = collapseToParentId\n                ? getIdsWithNoParentsInSameList(collection, updatedSelected)\n                : updatedSelected;\n            if (maxSelected && filteredUpdatedSelected.length > maxSelected) {\n                filteredUpdatedSelected.length = maxSelected;\n            }\n\n            onChange(filteredUpdatedSelected, id, isSelected);\n        },\n        [strategy, selected, collection, collapseToParentId, onChange, maxSelected]\n    );\n\n    return {\n        selected,\n        setSelected,\n    };\n};\n"],"names":[],"mappings":";;;;AAoBa,MAAA,WAAW,GAAoB,CAAC,EACzC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,kBAAkB,EAClB,QAAQ,GACX,KAAI;AACD,IAAA,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAe;AACpD,QAAA,IAAI,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QAC7B,IAAI,WAAW,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,WAAW,EAAE;YAC1D,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;SAC7C;QACD,OAAO,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;KACrC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEnC,MAAM,CAAC,QAAQ,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC;;;;AAKpE,IAAA,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,QAAQ,CAAC,MAAM,oBAAoB,CAAC,CAAC;AACrG,IAAA,IAAI,wBAAwB,KAAK,oBAAoB,EAAE;AACnD,QAAA,2BAA2B,CAAC,MAAM,oBAAoB,CAAC,CAAC;AACxD,QAAA,gBAAgB,CAAC,oBAAoB,EAAE,CAAC,CAAC;KAC5C;IAED,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,EAAU,EAAE,UAAmB,KAAI;AAChC,QAAA,MAAM,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;QACjB,MAAM,eAAe,GAAG,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAClG,MAAM,uBAAuB,GAAG,kBAAkB;AAC9C,cAAE,6BAA6B,CAAC,UAAU,EAAE,eAAe,CAAC;cAC1D,eAAe,CAAC;QACtB,IAAI,WAAW,IAAI,uBAAuB,CAAC,MAAM,GAAG,WAAW,EAAE;AAC7D,YAAA,uBAAuB,CAAC,MAAM,GAAG,WAAW,CAAC;SAChD;AAED,QAAA,QAAQ,CAAC,uBAAuB,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC;AACtD,KAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,QAAQ,EAAE,WAAW,CAAC,CAC9E,CAAC;IAEF,OAAO;QACH,QAAQ;QACR,WAAW;KACd,CAAC;AACN;;;;"}
+{"version":3,"file":"useSelected.js","sources":["src/useSelected.ts"],"sourcesContent":["import { useState, useCallback } 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 ImmutableSelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';\nimport { TreeSelectorProps } from '@hh.ru/magritte-ui-tree-selector/types';\n\ntype UseSelectedHookProps<Additional extends AdditionalDefault> = {\n    strategy: ImmutableSelectionStrategy<Additional>;\n} & Pick<TreeSelectorProps<Additional>, 'value' | 'onChange' | 'collapseToParentId' | 'maxSelected' | 'collection'>;\n\ntype UseSelectedHookReturn = {\n    selected: string[];\n    setSelected: (id: string, isSelected: boolean) => void;\n};\n\ninterface UseSelectedHook {\n    <Additional extends AdditionalDefault>(props: UseSelectedHookProps<Additional>): UseSelectedHookReturn;\n}\n\nexport const useSelected: UseSelectedHook = ({\n    value,\n    maxSelected,\n    strategy,\n    collection,\n    collapseToParentId,\n    onChange,\n}) => {\n    const getSelectedFromValue = useCallback((): string[] => {\n        let newValue = value.slice();\n        if (maxSelected && newValue && newValue.length > maxSelected) {\n            newValue = newValue.slice(0, maxSelected);\n        }\n        return strategy.add([], newValue);\n    }, [value, maxSelected, strategy]);\n\n    const [selected, setSelectedState] = useState(getSelectedFromValue);\n\n    // синхронизируем selected из value прямо в рендере, а не в useEffect: ref-колбэки и layout-фаза коммита\n    // выполняются раньше пассивных эффектов, и отложенная синхронизация давала им устаревший selected\n    // (например, сброс expanded при маунте дерева в том же коммите, где изменился value)\n    const [prevGetSelectedFromValue, setPrevGetSelectedFromValue] = useState(() => getSelectedFromValue);\n    if (prevGetSelectedFromValue !== getSelectedFromValue) {\n        setPrevGetSelectedFromValue(() => getSelectedFromValue);\n        setSelectedState(getSelectedFromValue());\n    }\n\n    const setSelected = useCallback(\n        (id: string, isSelected: boolean) => {\n            const ids = [id];\n            const updatedSelected = isSelected ? strategy.add(selected, ids) : strategy.remove(selected, ids);\n            const filteredUpdatedSelected = collapseToParentId\n                ? getIdsWithNoParentsInSameList(collection, updatedSelected)\n                : updatedSelected;\n            if (maxSelected && filteredUpdatedSelected.length > maxSelected) {\n                filteredUpdatedSelected.length = maxSelected;\n            }\n\n            onChange(filteredUpdatedSelected, id, isSelected);\n        },\n        [strategy, selected, collection, collapseToParentId, onChange, maxSelected]\n    );\n\n    return {\n        selected,\n        setSelected,\n    };\n};\n"],"names":[],"mappings":";;;;AAoBO,MAAM,cAA+B,CAAC;AAAA,EACzC,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AACJ,CAAM,KAAA;AACF,EAAM,MAAA,oBAAA,GAAuB,YAAY,MAAgB;AACrD,IAAI,IAAA,QAAA,GAAW,MAAM,KAAM,EAAA,CAAA;AAC3B,IAAA,IAAI,WAAe,IAAA,QAAA,IAAY,QAAS,CAAA,MAAA,GAAS,WAAa,EAAA;AAC1D,MAAW,QAAA,GAAA,QAAA,CAAS,KAAM,CAAA,CAAA,EAAG,WAAW,CAAA,CAAA;AAAA,KAC5C;AACA,IAAA,OAAO,QAAS,CAAA,GAAA,CAAI,EAAC,EAAG,QAAQ,CAAA,CAAA;AAAA,GACjC,EAAA,CAAC,KAAO,EAAA,WAAA,EAAa,QAAQ,CAAC,CAAA,CAAA;AAEjC,EAAA,MAAM,CAAC,QAAA,EAAU,gBAAgB,CAAA,GAAI,SAAS,oBAAoB,CAAA,CAAA;AAKlE,EAAA,MAAM,CAAC,wBAA0B,EAAA,2BAA2B,CAAI,GAAA,QAAA,CAAS,MAAM,oBAAoB,CAAA,CAAA;AACnG,EAAA,IAAI,6BAA6B,oBAAsB,EAAA;AACnD,IAAA,2BAAA,CAA4B,MAAM,oBAAoB,CAAA,CAAA;AACtD,IAAA,gBAAA,CAAiB,sBAAsB,CAAA,CAAA;AAAA,GAC3C;AAEA,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAChB,CAAC,IAAY,UAAwB,KAAA;AACjC,MAAM,MAAA,GAAA,GAAM,CAAC,EAAE,CAAA,CAAA;AACf,MAAM,MAAA,eAAA,GAAkB,UAAa,GAAA,QAAA,CAAS,GAAI,CAAA,QAAA,EAAU,GAAG,CAAI,GAAA,QAAA,CAAS,MAAO,CAAA,QAAA,EAAU,GAAG,CAAA,CAAA;AAChG,MAAA,MAAM,uBAA0B,GAAA,kBAAA,GAC1B,6BAA8B,CAAA,UAAA,EAAY,eAAe,CACzD,GAAA,eAAA,CAAA;AACN,MAAI,IAAA,WAAA,IAAe,uBAAwB,CAAA,MAAA,GAAS,WAAa,EAAA;AAC7D,QAAA,uBAAA,CAAwB,MAAS,GAAA,WAAA,CAAA;AAAA,OACrC;AAEA,MAAS,QAAA,CAAA,uBAAA,EAAyB,IAAI,UAAU,CAAA,CAAA;AAAA,KACpD;AAAA,IACA,CAAC,QAAU,EAAA,QAAA,EAAU,UAAY,EAAA,kBAAA,EAAoB,UAAU,WAAW,CAAA;AAAA,GAC9E,CAAA;AAEA,EAAO,OAAA;AAAA,IACH,QAAA;AAAA,IACA,WAAA;AAAA,GACJ,CAAA;AACJ;;;;"}

package/tree-selector-item-BOEDcwrO.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_5-5-80","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_5-5-80","fade-in":"magritte-fade-in___yS4Ja_5-5-80","fadeIn":"magritte-fade-in___yS4Ja_5-5-80","wrapper":"magritte-wrapper___GHKV6_5-5-80","letter":"magritte-letter___yZOCU_5-5-80","icon":"magritte-icon___kO3Fj_5-5-80","space":"magritte-space___xTO79_5-5-80","wrapperActive":"magritte-wrapperActive___Hwk8p_5-5-80","iconActive":"magritte-iconActive___4yrG5_5-5-80","iconUp":"magritte-iconUp___mpXV6_5-5-80","content":"magritte-content___ZRc6R_5-5-80","mobile-item":"magritte-mobile-item___ynALC_5-5-80","mobileItem":"magritte-mobile-item___ynALC_5-5-80","with-gap":"magritte-with-gap___gbvGO_5-5-80","withGap":"magritte-with-gap___gbvGO_5-5-80","virtualized-list":"magritte-virtualized-list___qt2E6_5-5-80","virtualizedList":"magritte-virtualized-list___qt2E6_5-5-80","virtualized-item":"magritte-virtualized-item___qAYVN_5-5-80","virtualizedItem":"magritte-virtualized-item___qAYVN_5-5-80","was-expanded":"magritte-was-expanded___uCFbW_5-5-80","wasExpanded":"magritte-was-expanded___uCFbW_5-5-80"};
-
-export { styles as s };
-//# sourceMappingURL=tree-selector-item-BOEDcwrO.js.map

package/tree-selector-item-BOEDcwrO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-selector-item-BOEDcwrO.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}