@hh.ru/magritte-ui-tree-selector 1.3.2 → 1.4.1

package/ItemContent-1be2cb46.js

@@ -1,22 +0,0 @@
-import './index.css';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCallback } from 'react';
-import classnames from 'classnames';
-import { Cell, CellText } from '@hh.ru/magritte-ui-cell';
-import { DotFilledSize24, ChevronDownOutlinedSize24, ChevronUpOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
-import { Action } from './Action.js';
-import { Text } from '@hh.ru/magritte-ui-typography';
-
-var styles = {"wrapper":"magritte-wrapper___GHKV6_1-3-2","letter":"magritte-letter___yZOCU_1-3-2","icon":"magritte-icon___kO3Fj_1-3-2","space":"magritte-space___xTO79_1-3-2","iconActive":"magritte-iconActive___4yrG5_1-3-2","content":"magritte-content___ZRc6R_1-3-2","with-shift":"magritte-with-shift___ZErxZ_1-3-2","withShift":"magritte-with-shift___ZErxZ_1-3-2","with-indent":"magritte-with-indent___MH9Vy_1-3-2","withIndent":"magritte-with-indent___MH9Vy_1-3-2","item":"magritte-item___2LtOL_1-3-2","children":"magritte-children___kq-eq_1-3-2","with-two-boxes":"magritte-with-two-boxes___LWOy2_1-3-2","withTwoBoxes":"magritte-with-two-boxes___LWOy2_1-3-2","with-three-boxes":"magritte-with-three-boxes___cyVao_1-3-2","withThreeBoxes":"magritte-with-three-boxes___cyVao_1-3-2"};
-
-const ItemContent = ({ item, hasAction, hasChildren, letter, expanded, onExpansion, hasLetterOnLevel, selected, onChange, indeterminate, singleChoice, hasDot, maxControlsOnLevel, }) => {
-    const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);
-    const currentActionCount = +hasDot + +hasAction + +hasChildren;
-    const neededSpacesCount = maxControlsOnLevel - currentActionCount;
-    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 && (jsxs("div", { className: classnames(styles.icon, {
-                    [styles.iconActive]: hasChildren,
-                }), onClick: handleExpandableClick, children: [expanded && jsx(ChevronDownOutlinedSize24, { initial: "tertiary" }), !expanded && jsx(ChevronUpOutlinedSize24, { initial: "tertiary" })] })), jsx(Cell, { left: hasAction ? (jsx(Action, { selected: selected, onChange: onChange, id: item.id, indeterminate: indeterminate, singleChoice: singleChoice })) : undefined, children: jsx(CellText, { children: item.text }) })] }));
-};
-
-export { ItemContent as I, styles as s };
-//# sourceMappingURL=ItemContent-1be2cb46.js.map

package/ItemContent-1be2cb46.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemContent-1be2cb46.js","sources":["../src/ItemContent.tsx"],"sourcesContent":["import { ReactElement, useCallback } from 'react';\nimport classnames from 'classnames';\n\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { ChevronDownOutlinedSize24, ChevronUpOutlinedSize24, DotFilledSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/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    expanded?: boolean;\n    selected: boolean;\n    onChange: (id: string, isSelected: boolean) => void;\n    indeterminate: boolean;\n    singleChoice?: boolean;\n    hasLetterOnLevel: boolean;\n    hasDot: boolean;\n    maxControlsOnLevel: number;\n}\n\nconst ItemContent = <A extends AdditionalDefault>({\n    item,\n    hasAction,\n    hasChildren,\n    letter,\n    expanded,\n    onExpansion,\n    hasLetterOnLevel,\n    selected,\n    onChange,\n    indeterminate,\n    singleChoice,\n    hasDot,\n    maxControlsOnLevel,\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    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, {\n                        [styles.iconActive]: hasChildren,\n                    })}\n                    onClick={handleExpandableClick}\n                >\n                    {expanded && <ChevronDownOutlinedSize24 initial=\"tertiary\" />}\n                    {!expanded && <ChevronUpOutlinedSize24 initial=\"tertiary\" />}\n                </div>\n            )}\n\n            <Cell\n                left={\n                    hasAction ? (\n                        <Action\n                            selected={selected}\n                            onChange={onChange}\n                            id={item.id}\n                            indeterminate={indeterminate}\n                            singleChoice={singleChoice}\n                        />\n                    ) : undefined\n                }\n            >\n                <CellText>{item.text}</CellText>\n            </Cell>\n        </div>\n    );\n};\n\nexport { ItemContent };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AA2BA,MAAM,WAAW,GAAG,CAA8B,EAC9C,IAAI,EACJ,SAAS,EACT,WAAW,EACX,MAAM,EACN,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,MAAM,EACN,kBAAkB,GACL,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;IAElE,QACIA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAA,CACzB,CAAC,MAAM,IAAI,gBAAgB,MACxBC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,EAAA,QAAA,EACxB,MAAM,KACHA,GAAA,CAAC,IAAI,EAAC,EAAA,UAAU,EAAC,qBAAqB,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAClE,MAAM,EACJ,CAAA,CACV,EACC,CAAA,CACT,EACA,MAAM,KACHA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,YACvBA,GAAC,CAAA,eAAe,EAAC,EAAA,OAAO,EAAC,UAAU,GAAG,EACpC,CAAA,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,KACRD,IACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE;AAC/B,oBAAA,CAAC,MAAM,CAAC,UAAU,GAAG,WAAW;AACnC,iBAAA,CAAC,EACF,OAAO,EAAE,qBAAqB,EAAA,QAAA,EAAA,CAE7B,QAAQ,IAAIC,GAAA,CAAC,yBAAyB,EAAA,EAAC,OAAO,EAAC,UAAU,EAAG,CAAA,EAC5D,CAAC,QAAQ,IAAIA,GAAC,CAAA,uBAAuB,IAAC,OAAO,EAAC,UAAU,EAAA,CAAG,IAC1D,CACT,EAEDA,GAAC,CAAA,IAAI,IACD,IAAI,EACA,SAAS,IACLA,GAAA,CAAC,MAAM,EAAA,EACH,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,GAC5B,IACF,SAAS,EAGjB,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAE,IAAI,CAAC,IAAI,GAAY,EAC7B,CAAA,CAAA,EAAA,CACL,EACR;AACN;;;;"}

package/UncontrolledTreeSelector.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { AdditionalDefault } from './collection/types';
-import { ListControls } from './types';
-export declare const UncontrolledTreeSelector: import("react").ForwardRefExoticComponent<import("./types").TreeSelectorProps<AdditionalDefault> & {
-    value?: string[] | undefined;
-    onChange?: ((id: string, isSelected: boolean, allSelected: string[]) => void) | undefined;
-} & import("react").RefAttributes<ListControls>>;

package/UncontrolledTreeSelector.js

@@ -1,49 +0,0 @@
-import './index.css';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useMemo } from 'react';
-import { TreeSelector } from './TreeSelector.js';
-import ImmutableSelectionStrategy from './strategy/immutableSelectionStrategy.js';
-import { useSelected } from './useSelected.js';
-import '@hh.ru/magritte-common-fuzzy-search';
-import '@hh.ru/magritte-ui-breakpoint';
-import '@hh.ru/magritte-ui-spacing';
-import './ItemsList.js';
-import './Item.js';
-import 'classnames';
-import './ItemContent-1be2cb46.js';
-import '@hh.ru/magritte-ui-cell';
-import '@hh.ru/magritte-ui-icon/icon';
-import './Action.js';
-import '@hh.ru/magritte-ui-checkbox-radio';
-import '@hh.ru/magritte-ui-typography';
-import './MobileItemsList.js';
-import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
-import './MobileItem.js';
-import './MobileParentItem.js';
-import '@hh.ru/magritte-ui-card';
-import './collection/treeCollectionHelper.js';
-import './collection/treeCollection.js';
-import './useExpanded.js';
-import './useIndeterminate.js';
-import './useRenderInput.js';
-import '@hh.ru/magritte-ui-input';
-import './strategy/selectionStrategy.js';
-import './strategy/createSingleValueToggler.js';
-import './strategy/createTreeCollectionToggler.js';
-import './strategy/dummyToggle.js';
-
-const defaultArray = [];
-const UncontrolledTreeSelectorComponent = (props, ref) => {
-    const { value = defaultArray, collection, singleChoice, leavesOnly, checkSelectable, onChange } = props;
-    const strategy = useMemo(() => new ImmutableSelectionStrategy(collection, {
-        singleChoice,
-        leavesOnly,
-        checkSelectable,
-    }), [collection, singleChoice, leavesOnly, checkSelectable]);
-    const { selected, setSelected } = useSelected({ value, strategy, onChange });
-    return jsx(TreeSelector, { ...props, value: selected, onChange: setSelected, ref: ref });
-};
-const UncontrolledTreeSelector = forwardRef(UncontrolledTreeSelectorComponent);
-
-export { UncontrolledTreeSelector };
-//# sourceMappingURL=UncontrolledTreeSelector.js.map

package/UncontrolledTreeSelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UncontrolledTreeSelector.js","sources":["../src/UncontrolledTreeSelector.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactElement, useMemo } from 'react';\n\nimport { TreeSelector } from '@hh.ru/magritte-ui-tree-selector/TreeSelector';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport ImmutableSelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';\nimport { UncontrolledTreeSelectorProps, ListControls } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { useSelected } from '@hh.ru/magritte-ui-tree-selector/useSelected';\n\nconst defaultArray: string[] = [];\nconst UncontrolledTreeSelectorComponent = <A extends AdditionalDefault>(\n    props: UncontrolledTreeSelectorProps<A>,\n    ref: ForwardedRef<ListControls>\n): ReactElement => {\n    const { value = defaultArray, collection, singleChoice, leavesOnly, checkSelectable, onChange } = props;\n    const strategy = useMemo(\n        () =>\n            new ImmutableSelectionStrategy(collection, {\n                singleChoice,\n                leavesOnly,\n                checkSelectable,\n            }),\n        [collection, singleChoice, leavesOnly, checkSelectable]\n    );\n\n    const { selected, setSelected } = useSelected({ value, strategy, onChange });\n    return <TreeSelector {...props} value={selected} onChange={setSelected} ref={ref}></TreeSelector>;\n};\n\nexport const UncontrolledTreeSelector = forwardRef(UncontrolledTreeSelectorComponent);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,YAAY,GAAa,EAAE,CAAC;AAClC,MAAM,iCAAiC,GAAG,CACtC,KAAuC,EACvC,GAA+B,KACjB;AACd,IAAA,MAAM,EAAE,KAAK,GAAG,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxG,MAAM,QAAQ,GAAG,OAAO,CACpB,MACI,IAAI,0BAA0B,CAAC,UAAU,EAAE;QACvC,YAAY;QACZ,UAAU;QACV,eAAe;KAClB,CAAC,EACN,CAAC,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,CAAC,CAC1D,CAAC;AAEF,IAAA,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC7E,IAAA,OAAOA,IAAC,YAAY,EAAA,EAAA,GAAK,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,GAAiB,CAAC;AACtG,CAAC,CAAC;MAEW,wBAAwB,GAAG,UAAU,CAAC,iCAAiC;;;;"}