@hh.ru/magritte-ui-tree-selector 1.6.1 → 1.7.0

package/useIndeterminate.d.ts

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

package/useRenderInput.js

@@ -26,7 +26,7 @@ const useRenderInput = () => {
         setValue(newValue);
     }, [setValue]);
     const renderInput = useCallback(() => {
-        return jsx(SearchInput, { value: value, onChange: handleChangeInput });
+        return jsx(SearchInput, { value: value, onChange: handleChangeInput, "data-qa": "tree-selector-search-input" });
     }, [value, handleChangeInput]);
     return { contentFilterQuery, setInputValue, handleChangeInput, renderInput };
 };

package/useRenderInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRenderInput.js","sources":["../src/useRenderInput.tsx"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useState } from 'react';\n\nimport { useDebounce } from '@hh.ru/magritte-common-func-utils';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { SearchInput } from '@hh.ru/magritte-ui-input';\nimport { useAnimationTimeout } from '@hh.ru/magritte-ui-tree-selector/useAnimationTimeout';\n\nexport interface UseRenderInputHook {\n    (): {\n        contentFilterQuery: string;\n        setInputValue: (newValue: string) => void;\n        handleChangeInput: (newValue: string) => void;\n        renderInput: () => ReactElement;\n    };\n}\n\nexport const useRenderInput: UseRenderInputHook = () => {\n    const [contentFilterQuery, setContentFilterQuery] = useState('');\n    const { animationTimeout } = useAnimationTimeout();\n    const [value, setValue] = useState('');\n    const { isMobile } = useBreakpoint();\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        return <SearchInput value={value} onChange={handleChangeInput} />;\n    }, [value, handleChangeInput]);\n\n    return { contentFilterQuery, setInputValue, handleChangeInput, renderInput };\n};\n"],"names":["_jsx"],"mappings":";;;;;;;AAgBO,MAAM,cAAc,GAAuB,MAAK;IACnD,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;IAErC,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,CAAC,MAAK;QACjC,OAAOA,GAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAA,CAAI,CAAC;AACtE,KAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE/B,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC;AACjF;;;;"}
+{"version":3,"file":"useRenderInput.js","sources":["../src/useRenderInput.tsx"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useState } from 'react';\n\nimport { useDebounce } from '@hh.ru/magritte-common-func-utils';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { SearchInput } from '@hh.ru/magritte-ui-input';\nimport { useAnimationTimeout } from '@hh.ru/magritte-ui-tree-selector/useAnimationTimeout';\n\nexport interface UseRenderInputHook {\n    (): {\n        contentFilterQuery: string;\n        setInputValue: (newValue: string) => void;\n        handleChangeInput: (newValue: string) => void;\n        renderInput: () => ReactElement;\n    };\n}\n\nexport const useRenderInput: UseRenderInputHook = () => {\n    const [contentFilterQuery, setContentFilterQuery] = useState('');\n    const { animationTimeout } = useAnimationTimeout();\n    const [value, setValue] = useState('');\n    const { isMobile } = useBreakpoint();\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        return <SearchInput value={value} onChange={handleChangeInput} data-qa=\"tree-selector-search-input\" />;\n    }, [value, handleChangeInput]);\n\n    return { contentFilterQuery, setInputValue, handleChangeInput, renderInput };\n};\n"],"names":["_jsx"],"mappings":";;;;;;;AAgBO,MAAM,cAAc,GAAuB,MAAK;IACnD,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;IAErC,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,CAAC,MAAK;AACjC,QAAA,OAAOA,GAAC,CAAA,WAAW,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAU,SAAA,EAAA,4BAA4B,GAAG,CAAC;AAC3G,KAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE/B,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC;AACjF;;;;"}

package/useSelected.d.ts

@@ -1,6 +1,6 @@
-import { AdditionalDefault } from './collection/types';
-import ImmutableSelectionStrategy from './strategy/immutableSelectionStrategy';
-import { TreeSelectorProps } from './types';
+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';
 type UseSelectedHookProps<A extends AdditionalDefault> = {
     strategy: ImmutableSelectionStrategy<A>;
 } & Pick<TreeSelectorProps<A>, 'value' | 'onChange' | 'collapseToParentId' | 'maxSelected' | 'collection'>;

package/ItemContent-3b32dc50.js

@@ -1,24 +0,0 @@
-import './index.css';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { memo, useCallback } from 'react';
-import classnames from 'classnames';
-import { DotFilledSize24, ChevronUpOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
-import { Action } from './Action.js';
-import { TreeSelectorItemBase } from './TreeSelectorItemBase.js';
-import { Text } from '@hh.ru/magritte-ui-typography';
-
-var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_1-6-1","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_1-6-1","wrapper":"magritte-wrapper___GHKV6_1-6-1","letter":"magritte-letter___yZOCU_1-6-1","icon":"magritte-icon___kO3Fj_1-6-1","space":"magritte-space___xTO79_1-6-1","iconActive":"magritte-iconActive___4yrG5_1-6-1","iconUp":"magritte-iconUp___mpXV6_1-6-1","content":"magritte-content___ZRc6R_1-6-1","with-shift":"magritte-with-shift___ZErxZ_1-6-1","withShift":"magritte-with-shift___ZErxZ_1-6-1","with-indent":"magritte-with-indent___MH9Vy_1-6-1","withIndent":"magritte-with-indent___MH9Vy_1-6-1","item":"magritte-item___2LtOL_1-6-1","children":"magritte-children___kq-eq_1-6-1","with-two-boxes":"magritte-with-two-boxes___LWOy2_1-6-1","withTwoBoxes":"magritte-with-two-boxes___LWOy2_1-6-1","with-three-boxes":"magritte-with-three-boxes___cyVao_1-6-1","withThreeBoxes":"magritte-with-three-boxes___cyVao_1-6-1"};
-
-const ItemContentComponent = ({ item, hasAction, hasChildren, letter, isExpanded, isDisabled, onExpansion, hasLetterOnLevel, isSelected, onChange, isIndeterminate, singleChoice, hasDot, maxControlsOnLevel, isSearch, renderItemForDesktop = TreeSelectorItemBase, }) => {
-    const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);
-    const currentActionCount = +hasDot + +hasAction + +hasChildren;
-    const neededSpacesCount = maxControlsOnLevel - currentActionCount;
-    const input = hasAction ? (jsx(Action, { selected: isSelected, onChange: onChange, id: item.id, indeterminate: isIndeterminate, singleChoice: singleChoice })) : undefined;
-    return (jsxs("div", { className: styles.wrapper, children: [(letter || hasLetterOnLevel) && (jsx("div", { className: styles.letter, children: letter && (jsx(Text, { typography: "subtitle-1-semibold", style: "secondary", Element: "span", children: letter })) })), hasDot && (jsx("div", { className: styles.icon, children: jsx(DotFilledSize24, { initial: "tertiary" }) })), [...Array(neededSpacesCount).keys()].map((_, i) => (jsx("div", { className: styles.space }, i))), hasChildren && (jsx("div", { className: classnames(styles.icon, styles.iconActive, {
-                    [styles.iconUp]: isExpanded,
-                }), onClick: handleExpandableClick, children: jsx(ChevronUpOutlinedSize24, { initial: "tertiary" }) })), renderItemForDesktop({ disabled: isDisabled, input, item, isSearch, isParent: hasChildren })] }));
-};
-const ItemContent = memo(ItemContentComponent);
-
-export { ItemContent as I, styles as s };
-//# sourceMappingURL=ItemContent-3b32dc50.js.map

package/ItemContent-3b32dc50.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemContent-3b32dc50.js","sources":["../src/ItemContent.tsx"],"sourcesContent":["import { ReactElement, useCallback, memo } from 'react';\nimport classnames from 'classnames';\n\nimport { ChevronUpOutlinedSize24, DotFilledSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { TreeSelectorItemBase } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorItemBase';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './tree-selector-item.less';\n\ninterface ItemContent<A extends AdditionalDefault> {\n    item: TreeModel<A>;\n    hasChildren: boolean;\n    hasAction: boolean;\n    letter?: string;\n    onExpansion: (id: string) => void;\n    isExpanded: boolean;\n    isSelected: boolean;\n    isDisabled: boolean;\n    onChange: (id: string, isSelected: boolean) => void;\n    isIndeterminate: boolean;\n    singleChoice?: boolean;\n    hasLetterOnLevel: boolean;\n    hasDot: boolean;\n    maxControlsOnLevel: number;\n    renderItemForDesktop?: RenderItem;\n    isSearch: boolean;\n}\n\nconst ItemContentComponent = <A extends AdditionalDefault>({\n    item,\n    hasAction,\n    hasChildren,\n    letter,\n    isExpanded,\n    isDisabled,\n    onExpansion,\n    hasLetterOnLevel,\n    isSelected,\n    onChange,\n    isIndeterminate,\n    singleChoice,\n    hasDot,\n    maxControlsOnLevel,\n    isSearch,\n    renderItemForDesktop = TreeSelectorItemBase,\n}: ItemContent<A>): ReactElement => {\n    const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);\n    const currentActionCount = +hasDot + +hasAction + +hasChildren;\n    const neededSpacesCount = maxControlsOnLevel - currentActionCount;\n\n    const input = hasAction ? (\n        <Action\n            selected={isSelected}\n            onChange={onChange}\n            id={item.id}\n            indeterminate={isIndeterminate}\n            singleChoice={singleChoice}\n        />\n    ) : undefined;\n\n    return (\n        <div className={styles.wrapper}>\n            {(letter || hasLetterOnLevel) && (\n                <div className={styles.letter}>\n                    {letter && (\n                        <Text typography=\"subtitle-1-semibold\" style=\"secondary\" Element=\"span\">\n                            {letter}\n                        </Text>\n                    )}\n                </div>\n            )}\n            {hasDot && (\n                <div className={styles.icon}>\n                    <DotFilledSize24 initial=\"tertiary\" />\n                </div>\n            )}\n\n            {[...Array(neededSpacesCount).keys()].map((_, i) => (\n                <div key={i} className={styles.space} />\n            ))}\n\n            {hasChildren && (\n                <div\n                    className={classnames(styles.icon, styles.iconActive, {\n                        [styles.iconUp]: isExpanded,\n                    })}\n                    onClick={handleExpandableClick}\n                >\n                    <ChevronUpOutlinedSize24 initial=\"tertiary\" />\n                </div>\n            )}\n            {renderItemForDesktop({ disabled: isDisabled, input, item, isSearch, isParent: hasChildren })}\n        </div>\n    );\n};\n\nexport const ItemContent = memo(ItemContentComponent);\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AA+BA,MAAM,oBAAoB,GAAG,CAA8B,EACvD,IAAI,EACJ,SAAS,EACT,WAAW,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,MAAM,EACN,kBAAkB,EAClB,QAAQ,EACR,oBAAoB,GAAG,oBAAoB,GAC9B,KAAkB;IAC/B,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC;IAC7G,MAAM,kBAAkB,GAAG,CAAC,MAAM,GAAG,CAAC,SAAS,GAAG,CAAC,WAAW,CAAC;AAC/D,IAAA,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAElE,IAAA,MAAM,KAAK,GAAG,SAAS,IACnBA,GAAA,CAAC,MAAM,EAAA,EACH,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,aAAa,EAAE,eAAe,EAC9B,YAAY,EAAE,YAAY,EAC5B,CAAA,IACF,SAAS,CAAC;IAEd,QACIC,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAA,CACzB,CAAC,MAAM,IAAI,gBAAgB,MACxBD,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,QAAA,EAAA,MAAM,KACHA,GAAC,CAAA,IAAI,IAAC,UAAU,EAAC,qBAAqB,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAClE,MAAM,EAAA,CACJ,CACV,EACC,CAAA,CACT,EACA,MAAM,KACHA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EACvB,QAAA,EAAAA,GAAA,CAAC,eAAe,EAAC,EAAA,OAAO,EAAC,UAAU,EAAG,CAAA,EAAA,CACpC,CACT,EAEA,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAC3CA,GAAa,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,KAAK,EAA1B,EAAA,CAAC,CAA6B,CAC3C,CAAC,EAED,WAAW,KACRA,GACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,UAAU,EAAE;AAClD,oBAAA,CAAC,MAAM,CAAC,MAAM,GAAG,UAAU;AAC9B,iBAAA,CAAC,EACF,OAAO,EAAE,qBAAqB,YAE9BA,GAAC,CAAA,uBAAuB,EAAC,EAAA,OAAO,EAAC,UAAU,EAAA,CAAG,EAC5C,CAAA,CACT,EACA,oBAAoB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAA,EAAA,CAC3F,EACR;AACN,CAAC,CAAC;MAEW,WAAW,GAAG,IAAI,CAAC,oBAAoB;;;;"}