@salutejs/plasma-new-hope 0.343.0 → 0.344.0-canary.2378.20101080063.0

package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useRef, useContext } from 'react';
+import React__default, { useRef, useContext } from 'react';
 import { classes } from '../../../../Combobox.tokens.js';
 import { cx } from '../../../../../../../utils/index.js';
 import { Context } from '../../../../Combobox.context.js';
@@ -63,7 +63,7 @@ var Item = function Item(_ref) {
     }
     handleItemClick(item, e);
   };
-  return /*#__PURE__*/React.createElement(Wrapper, _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement(Wrapper, _extends({}, rest, {
     className: cx(disabledClassName, focusedClass, activeClass, className),
     id: getItemId(treeId, value),
     ref: ref,
@@ -75,25 +75,25 @@ var Item = function Item(_ref) {
     "aria-level": ariaLevel,
     "aria-label": ariaLabel,
     "aria-selected": Boolean(checked.get(item.value))
-  }), /*#__PURE__*/React.createElement(IconWrapper, {
+  }), /*#__PURE__*/React__default.createElement(IconWrapper, {
     variant: variant
-  }, multiple && /*#__PURE__*/React.createElement(StyledCheckboxWrapper, {
+  }, multiple && /*#__PURE__*/React__default.createElement(StyledCheckboxWrapper, {
     onClick: function onClick(e) {
       return e.stopPropagation();
     }
-  }, /*#__PURE__*/React.createElement(StyledCheckbox, {
+  }, /*#__PURE__*/React__default.createElement(StyledCheckbox, {
     disabled: disabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
     onChange: handleChange,
     appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
-  })), !multiple && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
+  })), !multiple && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React__default.createElement(StyledIndicator, {
     size: "s",
     view: "default"
-  }))), !multiple && checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(StyledIconDone, {
+  }))), !multiple && checked.get(item.value) === 'done' && /*#__PURE__*/React__default.createElement(StyledIconDone, {
     size: sizeToIconSize(size, variant),
     color: "inherit"
-  })), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledCell, {
+  })), renderItem ? /*#__PURE__*/React__default.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/React__default.createElement(StyledWrapper, null, /*#__PURE__*/React__default.createElement(StyledCell, {
     view: "default",
     size: "l",
     contentLeft: contentLeft,
@@ -101,7 +101,7 @@ var Item = function Item(_ref) {
     alignContentLeft: "center",
     alignContentRight: "center",
     title: label
-  })), !isEmpty(item.items) && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
+  })), !isEmpty(item.items) && /*#__PURE__*/React__default.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React__default.createElement(StyledArrow, {
     size: sizeToIconSize(size, variant),
     color: "inherit"
   })));

package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Combobox.tokens';\nimport { cx, isEmpty } from '../../../../../../../utils';\nimport { Context } from '../../../../Combobox.context';\nimport { useDidMountEffect } from '../../../../../../../hooks';\n\nimport { ItemProps } from './Item.types';\nimport {\n    StyledWrapper,\n    StyledText,\n    Wrapper,\n    DisclosureIconWrapper,\n    StyledCheckbox,\n    IconWrapper,\n    StyledIndicator,\n    StyledCheckboxWrapper,\n    StyledCell,\n    StyledIconDone,\n    StyledArrow,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const { value, label, disabled, contentLeft, contentRight, className, ...rest } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        checked,\n        multiple,\n        size,\n        handleCheckboxChange,\n        handleItemClick,\n        variant,\n        renderItem,\n        treeId,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _checkboxAppearance,\n    } = useContext(Context);\n\n    const disabledClassName = disabled ? classes.dropdownItemIsDisabled : undefined;\n\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (disabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (disabled) {\n            e.stopPropagation();\n            return;\n        }\n\n        handleItemClick(item, e);\n    };\n\n    return (\n        <Wrapper\n            {...rest}\n            className={cx(disabledClassName, focusedClass, activeClass, className)}\n            id={getItemId(treeId, value)}\n            ref={ref}\n            onClick={handleClick}\n            variant={variant}\n            role=\"treeitem\"\n            aria-controls={ariaControls}\n            aria-expanded={ariaExpanded}\n            aria-level={ariaLevel}\n            aria-label={ariaLabel}\n            aria-selected={Boolean(checked.get(item.value))}\n        >\n            <IconWrapper variant={variant}>\n                {multiple && (\n                    <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                        <StyledCheckbox\n                            disabled={disabled}\n                            checked={Boolean(checked.get(item.value))}\n                            indeterminate={checked.get(item.value) === 'indeterminate'}\n                            onChange={handleChange}\n                            appearance={_checkboxAppearance ?? 'default'}\n                        />\n                    </StyledCheckboxWrapper>\n                )}\n\n                {!multiple && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                {!multiple && checked.get(item.value) === 'done' && (\n                    <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                )}\n            </IconWrapper>\n\n            {renderItem ? (\n                <StyledText>{renderItem(item)}</StyledText>\n            ) : (\n                <StyledWrapper>\n                    <StyledCell\n                        view=\"default\"\n                        size=\"l\"\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        alignContentLeft=\"center\"\n                        alignContentRight=\"center\"\n                        title={label}\n                    />\n                </StyledWrapper>\n            )}\n\n            {!isEmpty(item.items) && (\n                <DisclosureIconWrapper>\n                    <StyledArrow size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                </DisclosureIconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","contentLeft","contentRight","className","rest","_objectWithoutProperties","_excluded","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiple","size","handleCheckboxChange","handleItemClick","variant","renderItem","treeId","_checkboxAppearance","disabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useDidMountEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","_extends","cx","id","getItemId","onClick","role","Boolean","get","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","sizeToIconSize","color","StyledText","StyledWrapper","StyledCell","alignContentLeft","alignContentRight","title","isEmpty","items","DisclosureIconWrapper","StyledArrow"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Combobox.tokens';\nimport { cx, isEmpty } from '../../../../../../../utils';\nimport { Context } from '../../../../Combobox.context';\nimport { useDidMountEffect } from '../../../../../../../hooks';\n\nimport { ItemProps } from './Item.types';\nimport {\n    StyledWrapper,\n    StyledText,\n    Wrapper,\n    DisclosureIconWrapper,\n    StyledCheckbox,\n    IconWrapper,\n    StyledIndicator,\n    StyledCheckboxWrapper,\n    StyledCell,\n    StyledIconDone,\n    StyledArrow,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const { value, label, disabled, contentLeft, contentRight, className, ...rest } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        checked,\n        multiple,\n        size,\n        handleCheckboxChange,\n        handleItemClick,\n        variant,\n        renderItem,\n        treeId,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _checkboxAppearance,\n    } = useContext(Context);\n\n    const disabledClassName = disabled ? classes.dropdownItemIsDisabled : undefined;\n\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (disabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (disabled) {\n            e.stopPropagation();\n            return;\n        }\n\n        handleItemClick(item, e);\n    };\n\n    return (\n        <Wrapper\n            {...rest}\n            className={cx(disabledClassName, focusedClass, activeClass, className)}\n            id={getItemId(treeId, value)}\n            ref={ref}\n            onClick={handleClick}\n            variant={variant}\n            role=\"treeitem\"\n            aria-controls={ariaControls}\n            aria-expanded={ariaExpanded}\n            aria-level={ariaLevel}\n            aria-label={ariaLabel}\n            aria-selected={Boolean(checked.get(item.value))}\n        >\n            <IconWrapper variant={variant}>\n                {multiple && (\n                    <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                        <StyledCheckbox\n                            disabled={disabled}\n                            checked={Boolean(checked.get(item.value))}\n                            indeterminate={checked.get(item.value) === 'indeterminate'}\n                            onChange={handleChange}\n                            appearance={_checkboxAppearance ?? 'default'}\n                        />\n                    </StyledCheckboxWrapper>\n                )}\n\n                {!multiple && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                {!multiple && checked.get(item.value) === 'done' && (\n                    <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                )}\n            </IconWrapper>\n\n            {renderItem ? (\n                <StyledText>{renderItem(item)}</StyledText>\n            ) : (\n                <StyledWrapper>\n                    <StyledCell\n                        view=\"default\"\n                        size=\"l\"\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        alignContentLeft=\"center\"\n                        alignContentRight=\"center\"\n                        title={label}\n                    />\n                </StyledWrapper>\n            )}\n\n            {!isEmpty(item.items) && (\n                <DisclosureIconWrapper>\n                    <StyledArrow size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                </DisclosureIconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","contentLeft","contentRight","className","rest","_objectWithoutProperties","_excluded","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiple","size","handleCheckboxChange","handleItemClick","variant","renderItem","treeId","_checkboxAppearance","disabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useDidMountEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","_extends","cx","id","getItemId","onClick","role","Boolean","get","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","sizeToIconSize","color","StyledText","StyledWrapper","StyledCell","alignContentLeft","alignContentRight","title","isEmpty","items","DisclosureIconWrapper","StyledArrow"],"mappings":"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"}

package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js

@@ -1,33 +1,33 @@
-import React from 'react';
+import React__default from 'react';
 import { Wrapper as Wrapper$1, IconWrapper, StyledCheckboxWrapper, StyledCheckbox, StyledWrapper, StyledCell } from '../Inner/ui/Item/Item.styles.js';
 import { Wrapper, DividerWrapper, Divider } from './SelectAll.styles.js';
 
 var SelectAll = function SelectAll(_ref) {
   var variant = _ref.variant,
     selectAllOptions = _ref.selectAllOptions;
-  return /*#__PURE__*/React.createElement(Wrapper, {
+  return /*#__PURE__*/React__default.createElement(Wrapper, {
     variant: variant,
     onClick: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.onClick,
     sticky: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.sticky
-  }, /*#__PURE__*/React.createElement(Wrapper$1, {
+  }, /*#__PURE__*/React__default.createElement(Wrapper$1, {
     variant: variant
-  }, /*#__PURE__*/React.createElement(IconWrapper, {
+  }, /*#__PURE__*/React__default.createElement(IconWrapper, {
     variant: variant
-  }, /*#__PURE__*/React.createElement(StyledCheckboxWrapper, {
+  }, /*#__PURE__*/React__default.createElement(StyledCheckboxWrapper, {
     onClick: function onClick(e) {
       return e.preventDefault();
     }
-  }, /*#__PURE__*/React.createElement(StyledCheckbox, {
+  }, /*#__PURE__*/React__default.createElement(StyledCheckbox, {
     checked: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.checked,
     indeterminate: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.indeterminate,
     appearance: "default"
-  }))), /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledCell
+  }))), /*#__PURE__*/React__default.createElement(StyledWrapper, null, /*#__PURE__*/React__default.createElement(StyledCell
   // TODO: #1548
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   , {
-    title: /*#__PURE__*/React.createElement("span", null, (selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.label) || 'Выбрать всё')
-  }))), /*#__PURE__*/React.createElement(DividerWrapper, null, /*#__PURE__*/React.createElement(Divider, {
+    title: /*#__PURE__*/React__default.createElement("span", null, (selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.label) || 'Выбрать всё')
+  }))), /*#__PURE__*/React__default.createElement(DividerWrapper, null, /*#__PURE__*/React__default.createElement(Divider, {
     variant: variant
   })));
 };

package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAll.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport {\n    IconWrapper,\n    StyledCell,\n    StyledCheckbox,\n    StyledCheckboxWrapper,\n    StyledWrapper,\n    Wrapper as ItemWrapper,\n} from '../Inner/ui/Item/Item.styles';\nimport type { SelectAllProps, ComboboxProps } from '../../Combobox.types';\n\nimport { Divider, Wrapper, DividerWrapper } from './SelectAll.styles';\n\nexport const SelectAll: FC<{\n    variant: ComboboxProps['variant'];\n    selectAllOptions: SelectAllProps;\n}> = ({ variant, selectAllOptions }) => (\n    <Wrapper variant={variant} onClick={selectAllOptions?.onClick} sticky={selectAllOptions?.sticky}>\n        <ItemWrapper variant={variant}>\n            <IconWrapper variant={variant}>\n                <StyledCheckboxWrapper onClick={(e) => e.preventDefault()}>\n                    <StyledCheckbox\n                        checked={selectAllOptions?.checked}\n                        indeterminate={selectAllOptions?.indeterminate}\n                        appearance=\"default\"\n                    />\n                </StyledCheckboxWrapper>\n            </IconWrapper>\n\n            <StyledWrapper>\n                <StyledCell\n                    // TODO: #1548\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    title={<span>{selectAllOptions?.label || 'Выбрать всё'}</span>}\n                />\n            </StyledWrapper>\n        </ItemWrapper>\n\n        <DividerWrapper>\n            <Divider variant={variant} />\n        </DividerWrapper>\n    </Wrapper>\n);\n"],"names":["SelectAll","_ref","variant","selectAllOptions","React","createElement","Wrapper","onClick","sticky","ItemWrapper","IconWrapper","StyledCheckboxWrapper","e","preventDefault","StyledCheckbox","checked","indeterminate","appearance","StyledWrapper","StyledCell","title","label","DividerWrapper","Divider"],"mappings":";;;;IAcaA,SAGX,GAAG,SAHQA,SAGXA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB,CAAA;AAAA,EAAA,oBAC7BC,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAA;AAACJ,IAAAA,OAAO,EAAEA,OAAQ;AAACK,IAAAA,OAAO,EAAEJ,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEI,OAAQ;AAACC,IAAAA,MAAM,EAAEL,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,gBAAgB,CAAEK,MAAAA;AAAO,GAAA,eAC5FJ,KAAA,CAAAC,aAAA,CAACI,SAAW,EAAA;AAACP,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eAC1BE,KAAA,CAAAC,aAAA,CAACK,WAAW,EAAA;AAACR,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eAC1BE,KAAA,CAAAC,aAAA,CAACM,qBAAqB,EAAA;IAACJ,OAAO,EAAE,SAAAA,OAAAA,CAACK,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAACC,cAAc,EAAE,CAAA;AAAA,KAAA;AAAC,GAAA,eACtDT,KAAA,CAAAC,aAAA,CAACS,cAAc,EAAA;AACXC,IAAAA,OAAO,EAAEZ,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEY,OAAQ;AACnCC,IAAAA,aAAa,EAAEb,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEa,aAAc;AAC/CC,IAAAA,UAAU,EAAC,SAAA;AAAS,GACvB,CACkB,CACd,CAAC,eAEdb,KAAA,CAAAC,aAAA,CAACa,aAAa,EAAA,IAAA,eACVd,KAAA,CAAAC,aAAA,CAACc,UAAAA;AACG;AACA;AACA;AAAA,IAAA;AACAC,IAAAA,KAAK,eAAEhB,KAAA,CAAAC,aAAA,eAAO,CAAAF,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEkB,KAAK,KAAI,aAAoB,CAAA;AAAE,GAClE,CACU,CACN,CAAC,eAEdjB,KAAA,CAAAC,aAAA,CAACiB,cAAc,EACXlB,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACkB,OAAO,EAAA;AAACrB,IAAAA,OAAO,EAAEA,OAAAA;GAAU,CAChB,CACX,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"SelectAll.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport {\n    IconWrapper,\n    StyledCell,\n    StyledCheckbox,\n    StyledCheckboxWrapper,\n    StyledWrapper,\n    Wrapper as ItemWrapper,\n} from '../Inner/ui/Item/Item.styles';\nimport type { SelectAllProps, ComboboxProps } from '../../Combobox.types';\n\nimport { Divider, Wrapper, DividerWrapper } from './SelectAll.styles';\n\nexport const SelectAll: FC<{\n    variant: ComboboxProps['variant'];\n    selectAllOptions: SelectAllProps;\n}> = ({ variant, selectAllOptions }) => (\n    <Wrapper variant={variant} onClick={selectAllOptions?.onClick} sticky={selectAllOptions?.sticky}>\n        <ItemWrapper variant={variant}>\n            <IconWrapper variant={variant}>\n                <StyledCheckboxWrapper onClick={(e) => e.preventDefault()}>\n                    <StyledCheckbox\n                        checked={selectAllOptions?.checked}\n                        indeterminate={selectAllOptions?.indeterminate}\n                        appearance=\"default\"\n                    />\n                </StyledCheckboxWrapper>\n            </IconWrapper>\n\n            <StyledWrapper>\n                <StyledCell\n                    // TODO: #1548\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    title={<span>{selectAllOptions?.label || 'Выбрать всё'}</span>}\n                />\n            </StyledWrapper>\n        </ItemWrapper>\n\n        <DividerWrapper>\n            <Divider variant={variant} />\n        </DividerWrapper>\n    </Wrapper>\n);\n"],"names":["SelectAll","_ref","variant","selectAllOptions","React","createElement","Wrapper","onClick","sticky","ItemWrapper","IconWrapper","StyledCheckboxWrapper","e","preventDefault","StyledCheckbox","checked","indeterminate","appearance","StyledWrapper","StyledCell","title","label","DividerWrapper","Divider"],"mappings":";;;;IAcaA,SAGX,GAAG,SAHQA,SAGXA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB,CAAA;AAAA,EAAA,oBAC7BC,cAAA,CAAAC,aAAA,CAACC,OAAO,EAAA;AAACJ,IAAAA,OAAO,EAAEA,OAAQ;AAACK,IAAAA,OAAO,EAAEJ,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEI,OAAQ;AAACC,IAAAA,MAAM,EAAEL,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,gBAAgB,CAAEK,MAAAA;AAAO,GAAA,eAC5FJ,cAAA,CAAAC,aAAA,CAACI,SAAW,EAAA;AAACP,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eAC1BE,cAAA,CAAAC,aAAA,CAACK,WAAW,EAAA;AAACR,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eAC1BE,cAAA,CAAAC,aAAA,CAACM,qBAAqB,EAAA;IAACJ,OAAO,EAAE,SAAAA,OAAAA,CAACK,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAACC,cAAc,EAAE,CAAA;AAAA,KAAA;AAAC,GAAA,eACtDT,cAAA,CAAAC,aAAA,CAACS,cAAc,EAAA;AACXC,IAAAA,OAAO,EAAEZ,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEY,OAAQ;AACnCC,IAAAA,aAAa,EAAEb,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEa,aAAc;AAC/CC,IAAAA,UAAU,EAAC,SAAA;AAAS,GACvB,CACkB,CACd,CAAC,eAEdb,cAAA,CAAAC,aAAA,CAACa,aAAa,EAAA,IAAA,eACVd,cAAA,CAAAC,aAAA,CAACc,UAAAA;AACG;AACA;AACA;AAAA,IAAA;AACAC,IAAAA,KAAK,eAAEhB,cAAA,CAAAC,aAAA,eAAO,CAAAF,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEkB,KAAK,KAAI,aAAoB,CAAA;AAAE,GAClE,CACU,CACN,CAAC,eAEdjB,cAAA,CAAAC,aAAA,CAACiB,cAAc,EACXlB,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACkB,OAAO,EAAA;AAACrB,IAAAA,OAAO,EAAEA,OAAAA;GAAU,CAChB,CACX,CAAC,CAAA;AAAA;;;;"}

package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, useRef, useLayoutEffect } from 'react';
+import React__default, { forwardRef, useRef, useLayoutEffect } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { SelectHidden } from './SelectNative.styles.js';
 import { createEvent } from '../../../../../utils/createEvent.js';
@@ -37,14 +37,14 @@ var SelectNative = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onChange(event);
     }
   }, [value]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectHidden, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SelectHidden, {
     ref: forkRef,
     multiple: multiple,
     name: name,
     hidden: true,
     value: multiple ? values : values[0]
-  }, _option || (_option = /*#__PURE__*/React.createElement("option", null, " ")), options.map(function (v) {
-    return /*#__PURE__*/React.createElement("option", {
+  }, _option || (_option = /*#__PURE__*/React__default.createElement("option", null, " ")), options.map(function (v) {
+    return /*#__PURE__*/React__default.createElement("option", {
       key: v,
       value: v
     }, v);

package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectNative.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { createEvent } from '../../../../../utils';\nimport { ComboboxProps } from '../../Combobox.types';\nimport { ValueToItemMapType } from '../../hooks/getPathMaps';\n\nimport { SelectHidden } from './SelectNative.styles';\n\ntype Props = Pick<ComboboxProps, 'name' | 'value' | 'multiple'> & {\n    onChange: (value: ChangeEvent<HTMLSelectElement> | null) => void;\n    onSetValue: (value: string | string[]) => void;\n    items: ValueToItemMapType;\n};\n\nexport const SelectNative = forwardRef<HTMLInputElement, Props>(\n    ({ name, multiple, items, value, onChange, onSetValue }, ref) => {\n        const values = (multiple ? value : [value]) as string[];\n        const selectRef = useRef<HTMLSelectElement>(null);\n        const forkRef = useForkRef(selectRef, ref as any);\n        const options = Array.from(items.keys());\n\n        useLayoutEffect(() => {\n            if (selectRef.current && !multiple) {\n                const valueInit = selectRef.current.value;\n\n                if (valueInit) {\n                    onSetValue(valueInit);\n                }\n            }\n\n            if (selectRef.current && multiple) {\n                const valuesInit = Array.from(selectRef.current.selectedOptions).map((v) => v.value);\n                if (valuesInit.length !== 0) {\n                    onSetValue(valuesInit);\n                }\n            }\n        }, []);\n\n        useLayoutEffect(() => {\n            const event = createEvent(selectRef);\n\n            if (onChange) {\n                onChange(event);\n            }\n        }, [value]);\n\n        return (\n            <>\n                <SelectHidden\n                    ref={forkRef}\n                    multiple={multiple}\n                    name={name}\n                    hidden\n                    value={multiple ? values : values[0]}\n                >\n                    {/* Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,\n                        если нет изначального значения */}\n                    <option> </option>\n\n                    {options.map((v) => (\n                        <option key={v} value={v}>\n                            {v}\n                        </option>\n                    ))}\n                </SelectHidden>\n            </>\n        );\n    },\n);\n"],"names":["SelectNative","forwardRef","_ref","ref","name","multiple","items","value","onChange","onSetValue","values","selectRef","useRef","forkRef","useForkRef","options","Array","from","keys","useLayoutEffect","current","valueInit","valuesInit","selectedOptions","map","v","length","event","createEvent","React","createElement","Fragment","SelectHidden","hidden","_option","key"],"mappings":";;;;;;AAeO,IAAMA,YAAY,gBAAGC,UAAU,CAClC,UAAAC,IAAA,EAAyDC,GAAG,EAAK;AAAA,EAAA,IAA9DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU,CAAA;EACjD,IAAMC,MAAM,GAAIL,QAAQ,GAAGE,KAAK,GAAG,CAACA,KAAK,CAAc,CAAA;AACvD,EAAA,IAAMI,SAAS,GAAGC,MAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACH,SAAS,EAAER,GAAU,CAAC,CAAA;EACjD,IAAMY,OAAO,GAAGC,KAAK,CAACC,IAAI,CAACX,KAAK,CAACY,IAAI,EAAE,CAAC,CAAA;AAExCC,EAAAA,eAAe,CAAC,YAAM;AAClB,IAAA,IAAIR,SAAS,CAACS,OAAO,IAAI,CAACf,QAAQ,EAAE;AAChC,MAAA,IAAMgB,SAAS,GAAGV,SAAS,CAACS,OAAO,CAACb,KAAK,CAAA;AAEzC,MAAA,IAAIc,SAAS,EAAE;QACXZ,UAAU,CAACY,SAAS,CAAC,CAAA;AACzB,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIV,SAAS,CAACS,OAAO,IAAIf,QAAQ,EAAE;AAC/B,MAAA,IAAMiB,UAAU,GAAGN,KAAK,CAACC,IAAI,CAACN,SAAS,CAACS,OAAO,CAACG,eAAe,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAA;QAAA,OAAKA,CAAC,CAAClB,KAAK,CAAA;OAAC,CAAA,CAAA;AACpF,MAAA,IAAIe,UAAU,CAACI,MAAM,KAAK,CAAC,EAAE;QACzBjB,UAAU,CAACa,UAAU,CAAC,CAAA;AAC1B,OAAA;AACJ,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAENH,EAAAA,eAAe,CAAC,YAAM;AAClB,IAAA,IAAMQ,KAAK,GAAGC,WAAW,CAACjB,SAAS,CAAC,CAAA;AAEpC,IAAA,IAAIH,QAAQ,EAAE;MACVA,QAAQ,CAACmB,KAAK,CAAC,CAAA;AACnB,KAAA;AACJ,GAAC,EAAE,CAACpB,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,oBACIsB,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AACT7B,IAAAA,GAAG,EAAEU,OAAQ;AACbR,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,IAAI,EAAEA,IAAK;IACX6B,MAAM,EAAA,IAAA;AACN1B,IAAAA,KAAK,EAAEF,QAAQ,GAAGK,MAAM,GAAGA,MAAM,CAAC,CAAC,CAAA;AAAE,GAAA,EAAAwB,OAAA,KAAAA,OAAA,gBAIrCL,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA,IAAA,EAAQ,GAAS,CAAC,GAEjBf,OAAO,CAACS,GAAG,CAAC,UAACC,CAAC,EAAA;IAAA,oBACXI,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQK,MAAAA,GAAG,EAAEV,CAAE;AAAClB,MAAAA,KAAK,EAAEkB,CAAAA;AAAE,KAAA,EACpBA,CACG,CAAC,CAAA;GACZ,CACS,CAChB,CAAC,CAAA;AAEX,CACJ;;;;"}
+{"version":3,"file":"SelectNative.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { createEvent } from '../../../../../utils';\nimport { ComboboxProps } from '../../Combobox.types';\nimport { ValueToItemMapType } from '../../hooks/getPathMaps';\n\nimport { SelectHidden } from './SelectNative.styles';\n\ntype Props = Pick<ComboboxProps, 'name' | 'value' | 'multiple'> & {\n    onChange: (value: ChangeEvent<HTMLSelectElement> | null) => void;\n    onSetValue: (value: string | string[]) => void;\n    items: ValueToItemMapType;\n};\n\nexport const SelectNative = forwardRef<HTMLInputElement, Props>(\n    ({ name, multiple, items, value, onChange, onSetValue }, ref) => {\n        const values = (multiple ? value : [value]) as string[];\n        const selectRef = useRef<HTMLSelectElement>(null);\n        const forkRef = useForkRef(selectRef, ref as any);\n        const options = Array.from(items.keys());\n\n        useLayoutEffect(() => {\n            if (selectRef.current && !multiple) {\n                const valueInit = selectRef.current.value;\n\n                if (valueInit) {\n                    onSetValue(valueInit);\n                }\n            }\n\n            if (selectRef.current && multiple) {\n                const valuesInit = Array.from(selectRef.current.selectedOptions).map((v) => v.value);\n                if (valuesInit.length !== 0) {\n                    onSetValue(valuesInit);\n                }\n            }\n        }, []);\n\n        useLayoutEffect(() => {\n            const event = createEvent(selectRef);\n\n            if (onChange) {\n                onChange(event);\n            }\n        }, [value]);\n\n        return (\n            <>\n                <SelectHidden\n                    ref={forkRef}\n                    multiple={multiple}\n                    name={name}\n                    hidden\n                    value={multiple ? values : values[0]}\n                >\n                    {/* Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,\n                        если нет изначального значения */}\n                    <option> </option>\n\n                    {options.map((v) => (\n                        <option key={v} value={v}>\n                            {v}\n                        </option>\n                    ))}\n                </SelectHidden>\n            </>\n        );\n    },\n);\n"],"names":["SelectNative","forwardRef","_ref","ref","name","multiple","items","value","onChange","onSetValue","values","selectRef","useRef","forkRef","useForkRef","options","Array","from","keys","useLayoutEffect","current","valueInit","valuesInit","selectedOptions","map","v","length","event","createEvent","React","createElement","Fragment","SelectHidden","hidden","_option","key"],"mappings":";;;;;;AAeO,IAAMA,YAAY,gBAAGC,UAAU,CAClC,UAAAC,IAAA,EAAyDC,GAAG,EAAK;AAAA,EAAA,IAA9DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU,CAAA;EACjD,IAAMC,MAAM,GAAIL,QAAQ,GAAGE,KAAK,GAAG,CAACA,KAAK,CAAc,CAAA;AACvD,EAAA,IAAMI,SAAS,GAAGC,MAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACH,SAAS,EAAER,GAAU,CAAC,CAAA;EACjD,IAAMY,OAAO,GAAGC,KAAK,CAACC,IAAI,CAACX,KAAK,CAACY,IAAI,EAAE,CAAC,CAAA;AAExCC,EAAAA,eAAe,CAAC,YAAM;AAClB,IAAA,IAAIR,SAAS,CAACS,OAAO,IAAI,CAACf,QAAQ,EAAE;AAChC,MAAA,IAAMgB,SAAS,GAAGV,SAAS,CAACS,OAAO,CAACb,KAAK,CAAA;AAEzC,MAAA,IAAIc,SAAS,EAAE;QACXZ,UAAU,CAACY,SAAS,CAAC,CAAA;AACzB,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIV,SAAS,CAACS,OAAO,IAAIf,QAAQ,EAAE;AAC/B,MAAA,IAAMiB,UAAU,GAAGN,KAAK,CAACC,IAAI,CAACN,SAAS,CAACS,OAAO,CAACG,eAAe,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAA;QAAA,OAAKA,CAAC,CAAClB,KAAK,CAAA;OAAC,CAAA,CAAA;AACpF,MAAA,IAAIe,UAAU,CAACI,MAAM,KAAK,CAAC,EAAE;QACzBjB,UAAU,CAACa,UAAU,CAAC,CAAA;AAC1B,OAAA;AACJ,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAENH,EAAAA,eAAe,CAAC,YAAM;AAClB,IAAA,IAAMQ,KAAK,GAAGC,WAAW,CAACjB,SAAS,CAAC,CAAA;AAEpC,IAAA,IAAIH,QAAQ,EAAE;MACVA,QAAQ,CAACmB,KAAK,CAAC,CAAA;AACnB,KAAA;AACJ,GAAC,EAAE,CAACpB,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,oBACIsB,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,cAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AACT7B,IAAAA,GAAG,EAAEU,OAAQ;AACbR,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,IAAI,EAAEA,IAAK;IACX6B,MAAM,EAAA,IAAA;AACN1B,IAAAA,KAAK,EAAEF,QAAQ,GAAGK,MAAM,GAAGA,MAAM,CAAC,CAAC,CAAA;AAAE,GAAA,EAAAwB,OAAA,KAAAA,OAAA,gBAIrCL,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA,IAAA,EAAQ,GAAS,CAAC,GAEjBf,OAAO,CAACS,GAAG,CAAC,UAACC,CAAC,EAAA;IAAA,oBACXI,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQK,MAAAA,GAAG,EAAEV,CAAE;AAAClB,MAAAA,KAAK,EAAEkB,CAAAA;AAAE,KAAA,EACpBA,CACG,CAAC,CAAA;GACZ,CACS,CAChB,CAAC,CAAA;AAEX,CACJ;;;;"}

package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { Item } from './ui/Item/Item.js';
 import { ListWrapper, ScrollContainer } from './TreeList.styles.js';
@@ -12,7 +12,7 @@ var TreeList = function TreeList(_ref) {
     beforeList = _ref.beforeList,
     afterList = _ref.afterList;
   if (virtual) {
-    return /*#__PURE__*/React.createElement(VirtualTreeList, {
+    return /*#__PURE__*/React__default.createElement(VirtualTreeList, {
       items: items,
       listMaxHeight: listMaxHeight,
       onScroll: onScroll,
@@ -20,11 +20,11 @@ var TreeList = function TreeList(_ref) {
       afterList: afterList
     });
   }
-  return /*#__PURE__*/React.createElement(ListWrapper, null, /*#__PURE__*/React.createElement(ScrollContainer, {
+  return /*#__PURE__*/React__default.createElement(ListWrapper, null, /*#__PURE__*/React__default.createElement(ScrollContainer, {
     listMaxHeight: listMaxHeight,
     onScroll: onScroll
   }, beforeList, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(Item, {
+    return /*#__PURE__*/React__default.createElement(Item, {
       key: index,
       item: item,
       pathToItem: [index]
@@ -50,7 +50,7 @@ var VirtualTreeList = function VirtualTreeList(_ref2) {
     }
   });
   var virtualItems = virtualizer.getVirtualItems();
-  return /*#__PURE__*/React.createElement(ListWrapper, null, beforeList, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement(ListWrapper, null, beforeList, /*#__PURE__*/React__default.createElement("div", {
     ref: parentRef,
     style: {
       height: 'auto',
@@ -58,13 +58,13 @@ var VirtualTreeList = function VirtualTreeList(_ref2) {
       overflowY: 'auto'
     },
     onScroll: onScroll
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: {
       height: virtualizer.getTotalSize(),
       width: '100%',
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: {
       position: 'absolute',
       top: 0,
@@ -73,11 +73,11 @@ var VirtualTreeList = function VirtualTreeList(_ref2) {
       transform: "translateY(".concat((_virtualItems$0$start = (_virtualItems$ = virtualItems[0]) === null || _virtualItems$ === void 0 ? void 0 : _virtualItems$.start) !== null && _virtualItems$0$start !== void 0 ? _virtualItems$0$start : 0, "px)")
     }
   }, virtualItems.map(function (virtualRow) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       key: virtualRow.key,
       "data-index": virtualRow.index,
       ref: virtualizer.measureElement
-    }, /*#__PURE__*/React.createElement(Item, {
+    }, /*#__PURE__*/React__default.createElement(Item, {
       item: items[virtualRow.index],
       pathToItem: [virtualRow.index]
     }));

package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeList.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/TreeList/TreeList.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { getHeightAsNumber } from 'src/utils';\n\nimport { Props } from './TreeList.types';\nimport { Item } from './ui/Item/Item';\nimport { ListWrapper, ScrollContainer } from './TreeList.styles';\n\nexport const TreeList: React.FC<Props> = ({ items, listMaxHeight, onScroll, virtual, beforeList, afterList }) => {\n    if (virtual) {\n        return (\n            <VirtualTreeList\n                items={items}\n                listMaxHeight={listMaxHeight}\n                onScroll={onScroll}\n                beforeList={beforeList}\n                afterList={afterList}\n            />\n        );\n    }\n\n    return (\n        <ListWrapper>\n            <ScrollContainer listMaxHeight={listMaxHeight} onScroll={onScroll}>\n                {beforeList}\n\n                {items?.map((item, index) => {\n                    return <Item key={index} item={item} pathToItem={[index]} />;\n                })}\n\n                {afterList}\n            </ScrollContainer>\n        </ListWrapper>\n    );\n};\n\nconst VirtualTreeList: React.FC<Props> = ({ items = [], listMaxHeight, onScroll, beforeList, afterList }) => {\n    const parentRef = useRef<HTMLDivElement>(null);\n\n    const virtualizer = useVirtualizer({\n        count: items.length,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n    });\n\n    const virtualItems = virtualizer.getVirtualItems();\n\n    return (\n        <ListWrapper>\n            {beforeList}\n\n            <div\n                ref={parentRef}\n                style={{\n                    height: 'auto',\n                    maxHeight: getHeightAsNumber(listMaxHeight),\n                    overflowY: 'auto',\n                }}\n                onScroll={onScroll}\n            >\n                <div\n                    style={{\n                        height: virtualizer.getTotalSize(),\n                        width: '100%',\n                        position: 'relative',\n                    }}\n                >\n                    <div\n                        style={{\n                            position: 'absolute',\n                            top: 0,\n                            left: 0,\n                            width: '100%',\n                            transform: `translateY(${virtualItems[0]?.start ?? 0}px)`,\n                        }}\n                    >\n                        {virtualItems.map((virtualRow) => (\n                            <div\n                                key={virtualRow.key as React.Key}\n                                data-index={virtualRow.index}\n                                ref={virtualizer.measureElement}\n                            >\n                                <Item item={items[virtualRow.index]} pathToItem={[virtualRow.index]} />\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n\n            {afterList}\n        </ListWrapper>\n    );\n};\n"],"names":["TreeList","_ref","items","listMaxHeight","onScroll","virtual","beforeList","afterList","React","createElement","VirtualTreeList","ListWrapper","ScrollContainer","map","item","index","Item","key","pathToItem","_ref2","_virtualItems$0$start","_virtualItems$","_ref2$items","parentRef","useRef","virtualizer","useVirtualizer","count","length","getScrollElement","current","estimateSize","virtualItems","getVirtualItems","ref","style","height","maxHeight","getHeightAsNumber","overflowY","getTotalSize","width","position","top","left","transform","concat","start","virtualRow","measureElement"],"mappings":"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"}
+{"version":3,"file":"TreeList.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/TreeList/TreeList.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { getHeightAsNumber } from 'src/utils';\n\nimport { Props } from './TreeList.types';\nimport { Item } from './ui/Item/Item';\nimport { ListWrapper, ScrollContainer } from './TreeList.styles';\n\nexport const TreeList: React.FC<Props> = ({ items, listMaxHeight, onScroll, virtual, beforeList, afterList }) => {\n    if (virtual) {\n        return (\n            <VirtualTreeList\n                items={items}\n                listMaxHeight={listMaxHeight}\n                onScroll={onScroll}\n                beforeList={beforeList}\n                afterList={afterList}\n            />\n        );\n    }\n\n    return (\n        <ListWrapper>\n            <ScrollContainer listMaxHeight={listMaxHeight} onScroll={onScroll}>\n                {beforeList}\n\n                {items?.map((item, index) => {\n                    return <Item key={index} item={item} pathToItem={[index]} />;\n                })}\n\n                {afterList}\n            </ScrollContainer>\n        </ListWrapper>\n    );\n};\n\nconst VirtualTreeList: React.FC<Props> = ({ items = [], listMaxHeight, onScroll, beforeList, afterList }) => {\n    const parentRef = useRef<HTMLDivElement>(null);\n\n    const virtualizer = useVirtualizer({\n        count: items.length,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n    });\n\n    const virtualItems = virtualizer.getVirtualItems();\n\n    return (\n        <ListWrapper>\n            {beforeList}\n\n            <div\n                ref={parentRef}\n                style={{\n                    height: 'auto',\n                    maxHeight: getHeightAsNumber(listMaxHeight),\n                    overflowY: 'auto',\n                }}\n                onScroll={onScroll}\n            >\n                <div\n                    style={{\n                        height: virtualizer.getTotalSize(),\n                        width: '100%',\n                        position: 'relative',\n                    }}\n                >\n                    <div\n                        style={{\n                            position: 'absolute',\n                            top: 0,\n                            left: 0,\n                            width: '100%',\n                            transform: `translateY(${virtualItems[0]?.start ?? 0}px)`,\n                        }}\n                    >\n                        {virtualItems.map((virtualRow) => (\n                            <div\n                                key={virtualRow.key as React.Key}\n                                data-index={virtualRow.index}\n                                ref={virtualizer.measureElement}\n                            >\n                                <Item item={items[virtualRow.index]} pathToItem={[virtualRow.index]} />\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n\n            {afterList}\n        </ListWrapper>\n    );\n};\n"],"names":["TreeList","_ref","items","listMaxHeight","onScroll","virtual","beforeList","afterList","React","createElement","VirtualTreeList","ListWrapper","ScrollContainer","map","item","index","Item","key","pathToItem","_ref2","_virtualItems$0$start","_virtualItems$","_ref2$items","parentRef","useRef","virtualizer","useVirtualizer","count","length","getScrollElement","current","estimateSize","virtualItems","getVirtualItems","ref","style","height","maxHeight","getHeightAsNumber","overflowY","getTotalSize","width","position","top","left","transform","concat","start","virtualRow","measureElement"],"mappings":"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"}

package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js

@@ -1,5 +1,5 @@
 import { toConsumableArray as _toConsumableArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useContext, useRef } from 'react';
+import React__default, { useContext, useRef } from 'react';
 import { classes } from '../../../../../../Select/Select.tokens.js';
 import { cx } from '../../../../../../../utils/index.js';
 import { keyExists } from '../../../../reducers/treePathReducer.js';
@@ -67,64 +67,64 @@ var Item = function Item(_ref) {
       });
     }
   }, [focusedClass]);
-  return /*#__PURE__*/React.createElement(ItemWrapper, null, /*#__PURE__*/React.createElement(Wrapper, {
+  return /*#__PURE__*/React__default.createElement(ItemWrapper, null, /*#__PURE__*/React__default.createElement(Wrapper, {
     ref: ref,
     className: cx(focusedClass, disabledClassName),
     onClick: handleClick,
     variant: variant,
     role: "treeitem"
-  }, /*#__PURE__*/React.createElement(Offset, {
+  }, /*#__PURE__*/React__default.createElement(Offset, {
     depth: currentItemDepth
-  }), arrowPlacement === 'left' && /*#__PURE__*/React.createElement(DisclosureIconWrapper, {
+  }), arrowPlacement === 'left' && /*#__PURE__*/React__default.createElement(DisclosureIconWrapper, {
     visibility: isLeaf ? 'hidden' : 'visible'
-  }, /*#__PURE__*/React.createElement(StyledArrowLeft, {
+  }, /*#__PURE__*/React__default.createElement(StyledArrowLeft, {
     size: sizeToIconSize(size, variant),
     color: "inherit",
     className: withArrowInverse
-  })), multiple && /*#__PURE__*/React.createElement(IconWrapper, {
+  })), multiple && /*#__PURE__*/React__default.createElement(IconWrapper, {
     variant: variant
-  }, /*#__PURE__*/React.createElement(StyledCheckboxWrapper, {
+  }, /*#__PURE__*/React__default.createElement(StyledCheckboxWrapper, {
     onClick: function onClick(e) {
       return e.stopPropagation();
     }
-  }, /*#__PURE__*/React.createElement(StyledCheckbox, {
+  }, /*#__PURE__*/React__default.createElement(StyledCheckbox, {
     disabled: itemDisabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
     onChange: handleChange,
     appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
-  }))), !multiple && arrowPlacement === 'right' && /*#__PURE__*/React.createElement(IconWrapper, {
+  }))), !multiple && arrowPlacement === 'right' && /*#__PURE__*/React__default.createElement(IconWrapper, {
     variant: variant
-  }, checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
+  }, checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React__default.createElement(StyledIndicator, {
     size: "s",
     view: "default"
-  }))), checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(StyledIconDone, {
+  }))), checked.get(item.value) === 'done' && /*#__PURE__*/React__default.createElement(StyledIconDone, {
     size: sizeToIconSize(size, variant),
     color: "inherit"
-  })), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledCell, {
+  })), renderItem ? /*#__PURE__*/React__default.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/React__default.createElement(StyledWrapper, null, /*#__PURE__*/React__default.createElement(StyledCell, {
     contentLeft: contentLeft,
     contentRight: contentRight
     // TODO: #1548
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     ,
-    title: /*#__PURE__*/React.createElement("span", null, label)
-  })), !multiple && arrowPlacement === 'left' && /*#__PURE__*/React.createElement(IconWrapper, {
+    title: /*#__PURE__*/React__default.createElement("span", null, label)
+  })), !multiple && arrowPlacement === 'left' && /*#__PURE__*/React__default.createElement(IconWrapper, {
     variant: variant
-  }, checked.get(item.value) === 'dot' && (_StyledIndicator2 || (_StyledIndicator2 = /*#__PURE__*/React.createElement(StyledIndicator, {
+  }, checked.get(item.value) === 'dot' && (_StyledIndicator2 || (_StyledIndicator2 = /*#__PURE__*/React__default.createElement(StyledIndicator, {
     size: "s",
     view: "default"
-  }))), checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(StyledIconDone, {
+  }))), checked.get(item.value) === 'done' && /*#__PURE__*/React__default.createElement(StyledIconDone, {
     size: sizeToIconSize(size, variant),
     color: "inherit"
-  })), arrowPlacement === 'right' && /*#__PURE__*/React.createElement(DisclosureIconWrapper, {
+  })), arrowPlacement === 'right' && /*#__PURE__*/React__default.createElement(DisclosureIconWrapper, {
     visibility: isLeaf ? 'hidden' : 'visible'
-  }, /*#__PURE__*/React.createElement(StyledArrowRight, {
+  }, /*#__PURE__*/React__default.createElement(StyledArrowRight, {
     size: sizeToIconSize(size, variant),
     color: "inherit",
     className: withArrowInverse
-  }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/React.createElement(ChildItems, null, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(Item, {
+  }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/React__default.createElement(ChildItems, null, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement(Item, {
       item: item,
       key: item.value,
       pathToItem: [].concat(_toConsumableArray(pathToItem), [index])

package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react';\nimport { classes } from 'src/components/Select/Select.tokens';\nimport { sizeToIconSize } from 'src/components/Select/utils';\nimport { useDidMountEffect } from 'src/hooks';\nimport { isArraysEqual, cx } from 'src/utils';\n\nimport { keyExists } from '../../../../reducers/treePathReducer';\nimport { Context } from '../../../../Combobox.context';\n\nimport { Props } from './Item.types';\nimport {\n    ItemWrapper,\n    ChildItems,\n    Offset,\n    IconWrapper,\n    StyledCheckboxWrapper,\n    StyledCheckbox,\n    StyledIndicator,\n    StyledIconDone,\n    StyledText,\n    StyledWrapper,\n    StyledCell,\n    DisclosureIconWrapper,\n    StyledArrowRight,\n    Wrapper,\n    StyledArrowLeft,\n} from './Item.styles';\n\nexport const Item: React.FC<Props> = ({ item, pathToItem }) => {\n    const { label, value, disabled, contentLeft, contentRight } = item;\n\n    const isLeaf = !item?.items;\n\n    const {\n        checked,\n        multiple,\n        size,\n        variant,\n        renderItem,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _checkboxAppearance,\n        focusedPath,\n        treePath,\n        dispatchTreePath,\n        arrowPlacement,\n        handleItemClick,\n        handleCheckboxChange,\n        valueToPathMap,\n    } = useContext(Context);\n\n    const ref = useRef<HTMLDivElement | null>(null);\n\n    const itemDisabled = disabled;\n    const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n\n    const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n    const isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);\n\n    const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n    const focusedClass = isArraysEqual(pathToItem, focusedPath) ? classes.dropdownItemIsFocused : undefined;\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) return;\n\n        if (!isLeaf) {\n            dispatchTreePath({ type: 'toggled_level', value: valueToPathMap.get(value.toString()) || [] });\n        }\n\n        if (handleItemClick) {\n            handleItemClick(item, e);\n        }\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    return (\n        <ItemWrapper>\n            <Wrapper\n                ref={ref}\n                className={cx(focusedClass, disabledClassName)}\n                onClick={handleClick}\n                variant={variant}\n                role=\"treeitem\"\n            >\n                <Offset depth={currentItemDepth} />\n\n                {arrowPlacement === 'left' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowLeft\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n\n                {multiple && (\n                    <IconWrapper variant={variant}>\n                        <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                            <StyledCheckbox\n                                disabled={itemDisabled}\n                                checked={Boolean(checked.get(item.value))}\n                                indeterminate={checked.get(item.value) === 'indeterminate'}\n                                onChange={handleChange}\n                                appearance={_checkboxAppearance ?? 'default'}\n                            />\n                        </StyledCheckboxWrapper>\n                    </IconWrapper>\n                )}\n\n                {!multiple && arrowPlacement === 'right' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {renderItem ? (\n                    <StyledText>{renderItem(item)}</StyledText>\n                ) : (\n                    <StyledWrapper>\n                        <StyledCell\n                            contentLeft={contentLeft}\n                            contentRight={contentRight}\n                            // TODO: #1548\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            title={<span>{label}</span>}\n                        />\n                    </StyledWrapper>\n                )}\n\n                {!multiple && arrowPlacement === 'left' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {arrowPlacement === 'right' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowRight\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n            </Wrapper>\n\n            {!isLeaf && isCurrentLevelOpened && (\n                <ChildItems>\n                    {item.items?.map((item, index) => {\n                        return <Item item={item} key={item.value} pathToItem={[...pathToItem, index]} />;\n                    })}\n                </ChildItems>\n            )}\n        </ItemWrapper>\n    );\n};\n"],"names":["Item","_ref","_valueToPathMap$get","_item$items","item","pathToItem","label","value","disabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiple","size","variant","renderItem","_checkboxAppearance","focusedPath","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","ref","useRef","itemDisabled","disabledClassName","classes","dropdownItemIsDisabled","undefined","currentItemDepth","get","toString","length","isCurrentLevelOpened","keyExists","withArrowInverse","arrowInverse","focusedClass","isArraysEqual","dropdownItemIsFocused","handleClick","e","type","handleChange","stopPropagation","useDidMountEffect","current","scrollIntoView","behavior","block","inline","React","createElement","ItemWrapper","Wrapper","className","cx","onClick","role","Offset","depth","DisclosureIconWrapper","visibility","StyledArrowLeft","sizeToIconSize","color","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","Boolean","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator2","StyledArrowRight","ChildItems","map","index","key","concat","_toConsumableArray"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react';\nimport { classes } from 'src/components/Select/Select.tokens';\nimport { sizeToIconSize } from 'src/components/Select/utils';\nimport { useDidMountEffect } from 'src/hooks';\nimport { isArraysEqual, cx } from 'src/utils';\n\nimport { keyExists } from '../../../../reducers/treePathReducer';\nimport { Context } from '../../../../Combobox.context';\n\nimport { Props } from './Item.types';\nimport {\n    ItemWrapper,\n    ChildItems,\n    Offset,\n    IconWrapper,\n    StyledCheckboxWrapper,\n    StyledCheckbox,\n    StyledIndicator,\n    StyledIconDone,\n    StyledText,\n    StyledWrapper,\n    StyledCell,\n    DisclosureIconWrapper,\n    StyledArrowRight,\n    Wrapper,\n    StyledArrowLeft,\n} from './Item.styles';\n\nexport const Item: React.FC<Props> = ({ item, pathToItem }) => {\n    const { label, value, disabled, contentLeft, contentRight } = item;\n\n    const isLeaf = !item?.items;\n\n    const {\n        checked,\n        multiple,\n        size,\n        variant,\n        renderItem,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _checkboxAppearance,\n        focusedPath,\n        treePath,\n        dispatchTreePath,\n        arrowPlacement,\n        handleItemClick,\n        handleCheckboxChange,\n        valueToPathMap,\n    } = useContext(Context);\n\n    const ref = useRef<HTMLDivElement | null>(null);\n\n    const itemDisabled = disabled;\n    const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n\n    const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n    const isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);\n\n    const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n    const focusedClass = isArraysEqual(pathToItem, focusedPath) ? classes.dropdownItemIsFocused : undefined;\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) return;\n\n        if (!isLeaf) {\n            dispatchTreePath({ type: 'toggled_level', value: valueToPathMap.get(value.toString()) || [] });\n        }\n\n        if (handleItemClick) {\n            handleItemClick(item, e);\n        }\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    return (\n        <ItemWrapper>\n            <Wrapper\n                ref={ref}\n                className={cx(focusedClass, disabledClassName)}\n                onClick={handleClick}\n                variant={variant}\n                role=\"treeitem\"\n            >\n                <Offset depth={currentItemDepth} />\n\n                {arrowPlacement === 'left' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowLeft\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n\n                {multiple && (\n                    <IconWrapper variant={variant}>\n                        <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                            <StyledCheckbox\n                                disabled={itemDisabled}\n                                checked={Boolean(checked.get(item.value))}\n                                indeterminate={checked.get(item.value) === 'indeterminate'}\n                                onChange={handleChange}\n                                appearance={_checkboxAppearance ?? 'default'}\n                            />\n                        </StyledCheckboxWrapper>\n                    </IconWrapper>\n                )}\n\n                {!multiple && arrowPlacement === 'right' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {renderItem ? (\n                    <StyledText>{renderItem(item)}</StyledText>\n                ) : (\n                    <StyledWrapper>\n                        <StyledCell\n                            contentLeft={contentLeft}\n                            contentRight={contentRight}\n                            // TODO: #1548\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            title={<span>{label}</span>}\n                        />\n                    </StyledWrapper>\n                )}\n\n                {!multiple && arrowPlacement === 'left' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {arrowPlacement === 'right' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowRight\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n            </Wrapper>\n\n            {!isLeaf && isCurrentLevelOpened && (\n                <ChildItems>\n                    {item.items?.map((item, index) => {\n                        return <Item item={item} key={item.value} pathToItem={[...pathToItem, index]} />;\n                    })}\n                </ChildItems>\n            )}\n        </ItemWrapper>\n    );\n};\n"],"names":["Item","_ref","_valueToPathMap$get","_item$items","item","pathToItem","label","value","disabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiple","size","variant","renderItem","_checkboxAppearance","focusedPath","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","ref","useRef","itemDisabled","disabledClassName","classes","dropdownItemIsDisabled","undefined","currentItemDepth","get","toString","length","isCurrentLevelOpened","keyExists","withArrowInverse","arrowInverse","focusedClass","isArraysEqual","dropdownItemIsFocused","handleClick","e","type","handleChange","stopPropagation","useDidMountEffect","current","scrollIntoView","behavior","block","inline","React","createElement","ItemWrapper","Wrapper","className","cx","onClick","role","Offset","depth","DisclosureIconWrapper","visibility","StyledArrowLeft","sizeToIconSize","color","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","Boolean","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator2","StyledArrowRight","ChildItems","map","index","key","concat","_toConsumableArray"],"mappings":"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"}

package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { getHeightAsNumber } from '../../../../../utils/getHeightAsNumber.js';
 import { Item } from '../Inner/ui/Item/Item.js';
@@ -19,7 +19,7 @@ var VirtualList = function VirtualList(_ref) {
     }
   });
   var virtualItems = virtualizer.getVirtualItems();
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     ref: parentRef,
     style: {
       height: 'auto',
@@ -27,13 +27,13 @@ var VirtualList = function VirtualList(_ref) {
       overflowY: 'auto'
     },
     onScroll: onScroll
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: {
       height: virtualizer.getTotalSize(),
       width: '100%',
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: {
       position: 'absolute',
       top: 0,
@@ -42,11 +42,11 @@ var VirtualList = function VirtualList(_ref) {
       transform: "translateY(".concat((_virtualItems$0$start = (_virtualItems$ = virtualItems[0]) === null || _virtualItems$ === void 0 ? void 0 : _virtualItems$.start) !== null && _virtualItems$0$start !== void 0 ? _virtualItems$0$start : 0, "px)")
     }
   }, virtualItems.map(function (virtualRow) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       key: virtualRow.key,
       "data-index": virtualRow.index,
       ref: virtualizer.measureElement
-    }, /*#__PURE__*/React.createElement(Item, {
+    }, /*#__PURE__*/React__default.createElement(Item, {
       item: items[virtualRow.index],
       path: ['root'],
       currentLevel: 0,

package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.tsx"],"sourcesContent":["import React, { useRef, CSSProperties } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { getHeightAsNumber } from 'src/utils';\n\nimport type { ItemOptionTransformed } from '../Inner/ui/Item/Item.types';\nimport { Item } from '../Inner/ui';\n\ninterface Props {\n    items: ItemOptionTransformed[];\n    listMaxHeight?: CSSProperties['height'];\n    onScroll?: (e: React.UIEvent<HTMLElement>) => void;\n}\n\nexport const VirtualList: React.FC<Props> = ({ items, listMaxHeight, onScroll }) => {\n    const parentRef = useRef<HTMLDivElement>(null);\n\n    const virtualizer = useVirtualizer({\n        count: items.length,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n    });\n\n    const virtualItems = virtualizer.getVirtualItems();\n\n    return (\n        <div\n            ref={parentRef}\n            style={{\n                height: 'auto',\n                maxHeight: getHeightAsNumber(listMaxHeight),\n                overflowY: 'auto',\n            }}\n            onScroll={onScroll}\n        >\n            <div\n                style={{\n                    height: virtualizer.getTotalSize(),\n                    width: '100%',\n                    position: 'relative',\n                }}\n            >\n                <div\n                    style={{\n                        position: 'absolute',\n                        top: 0,\n                        left: 0,\n                        width: '100%',\n                        transform: `translateY(${virtualItems[0]?.start ?? 0}px)`,\n                    }}\n                >\n                    {virtualItems.map((virtualRow) => (\n                        <div\n                            key={virtualRow.key as React.Key}\n                            data-index={virtualRow.index}\n                            ref={virtualizer.measureElement}\n                        >\n                            <Item\n                                item={items[virtualRow.index]}\n                                path={['root']}\n                                currentLevel={0}\n                                index={virtualRow.index}\n                                ariaLevel={1}\n                            />\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["VirtualList","_ref","_virtualItems$0$start","_virtualItems$","items","listMaxHeight","onScroll","parentRef","useRef","virtualizer","useVirtualizer","count","length","getScrollElement","current","estimateSize","virtualItems","getVirtualItems","React","createElement","ref","style","height","maxHeight","getHeightAsNumber","overflowY","getTotalSize","width","position","top","left","transform","concat","start","map","virtualRow","key","index","measureElement","Item","item","path","currentLevel","ariaLevel"],"mappings":";;;;;IAaaA,WAA4B,GAAG,SAA/BA,WAA4BA,CAAAC,IAAA,EAA2C;EAAA,IAAAC,qBAAA,EAAAC,cAAA,CAAA;AAAA,EAAA,IAArCC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;AACzE,EAAA,IAAMC,SAAS,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;EAE9C,IAAMC,WAAW,GAAGC,cAAc,CAAC;IAC/BC,KAAK,EAAEP,KAAK,CAACQ,MAAM;IACnBC,gBAAgB,EAAE,SAAAA,gBAAA,GAAA;MAAA,OAAMN,SAAS,CAACO,OAAO,CAAA;AAAA,KAAA;IACzCC,YAAY,EAAE,SAAAA,YAAA,GAAA;AAAA,MAAA,OAAM,EAAE,CAAA;AAAA,KAAA;AAC1B,GAAC,CAAC,CAAA;AAEF,EAAA,IAAMC,YAAY,GAAGP,WAAW,CAACQ,eAAe,EAAE,CAAA;EAElD,oBACIC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIC,IAAAA,GAAG,EAAEb,SAAU;AACfc,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,SAAS,EAAEC,iBAAiB,CAACnB,aAAa,CAAC;AAC3CoB,MAAAA,SAAS,EAAE,MAAA;KACb;AACFnB,IAAAA,QAAQ,EAAEA,QAAAA;GAEVY,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIE,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAEb,WAAW,CAACiB,YAAY,EAAE;AAClCC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,QAAQ,EAAE,UAAA;AACd,KAAA;GAEAV,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIE,IAAAA,KAAK,EAAE;AACHO,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,GAAG,EAAE,CAAC;AACNC,MAAAA,IAAI,EAAE,CAAC;AACPH,MAAAA,KAAK,EAAE,MAAM;MACbI,SAAS,EAAA,aAAA,CAAAC,MAAA,CAAA9B,CAAAA,qBAAA,IAAAC,cAAA,GAAgBa,YAAY,CAAC,CAAC,CAAC,cAAAb,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,cAAA,CAAiB8B,KAAK,cAAA/B,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,EAAA,KAAA,CAAA;AACxD,KAAA;AAAE,GAAA,EAEDc,YAAY,CAACkB,GAAG,CAAC,UAACC,UAAU,EAAA;IAAA,oBACzBjB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACIiB,GAAG,EAAED,UAAU,CAACC,GAAiB;MACjC,YAAYD,EAAAA,UAAU,CAACE,KAAM;MAC7BjB,GAAG,EAAEX,WAAW,CAAC6B,cAAAA;AAAe,KAAA,eAEhCpB,KAAA,CAAAC,aAAA,CAACoB,IAAI,EAAA;AACDC,MAAAA,IAAI,EAAEpC,KAAK,CAAC+B,UAAU,CAACE,KAAK,CAAE;MAC9BI,IAAI,EAAE,CAAC,MAAM,CAAE;AACfC,MAAAA,YAAY,EAAE,CAAE;MAChBL,KAAK,EAAEF,UAAU,CAACE,KAAM;AACxBM,MAAAA,SAAS,EAAE,CAAA;AAAE,KAChB,CACA,CAAC,CAAA;GACT,CACA,CACJ,CACJ,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"VirtualList.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.tsx"],"sourcesContent":["import React, { useRef, CSSProperties } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { getHeightAsNumber } from 'src/utils';\n\nimport type { ItemOptionTransformed } from '../Inner/ui/Item/Item.types';\nimport { Item } from '../Inner/ui';\n\ninterface Props {\n    items: ItemOptionTransformed[];\n    listMaxHeight?: CSSProperties['height'];\n    onScroll?: (e: React.UIEvent<HTMLElement>) => void;\n}\n\nexport const VirtualList: React.FC<Props> = ({ items, listMaxHeight, onScroll }) => {\n    const parentRef = useRef<HTMLDivElement>(null);\n\n    const virtualizer = useVirtualizer({\n        count: items.length,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n    });\n\n    const virtualItems = virtualizer.getVirtualItems();\n\n    return (\n        <div\n            ref={parentRef}\n            style={{\n                height: 'auto',\n                maxHeight: getHeightAsNumber(listMaxHeight),\n                overflowY: 'auto',\n            }}\n            onScroll={onScroll}\n        >\n            <div\n                style={{\n                    height: virtualizer.getTotalSize(),\n                    width: '100%',\n                    position: 'relative',\n                }}\n            >\n                <div\n                    style={{\n                        position: 'absolute',\n                        top: 0,\n                        left: 0,\n                        width: '100%',\n                        transform: `translateY(${virtualItems[0]?.start ?? 0}px)`,\n                    }}\n                >\n                    {virtualItems.map((virtualRow) => (\n                        <div\n                            key={virtualRow.key as React.Key}\n                            data-index={virtualRow.index}\n                            ref={virtualizer.measureElement}\n                        >\n                            <Item\n                                item={items[virtualRow.index]}\n                                path={['root']}\n                                currentLevel={0}\n                                index={virtualRow.index}\n                                ariaLevel={1}\n                            />\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["VirtualList","_ref","_virtualItems$0$start","_virtualItems$","items","listMaxHeight","onScroll","parentRef","useRef","virtualizer","useVirtualizer","count","length","getScrollElement","current","estimateSize","virtualItems","getVirtualItems","React","createElement","ref","style","height","maxHeight","getHeightAsNumber","overflowY","getTotalSize","width","position","top","left","transform","concat","start","map","virtualRow","key","index","measureElement","Item","item","path","currentLevel","ariaLevel"],"mappings":";;;;;IAaaA,WAA4B,GAAG,SAA/BA,WAA4BA,CAAAC,IAAA,EAA2C;EAAA,IAAAC,qBAAA,EAAAC,cAAA,CAAA;AAAA,EAAA,IAArCC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;AACzE,EAAA,IAAMC,SAAS,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;EAE9C,IAAMC,WAAW,GAAGC,cAAc,CAAC;IAC/BC,KAAK,EAAEP,KAAK,CAACQ,MAAM;IACnBC,gBAAgB,EAAE,SAAAA,gBAAA,GAAA;MAAA,OAAMN,SAAS,CAACO,OAAO,CAAA;AAAA,KAAA;IACzCC,YAAY,EAAE,SAAAA,YAAA,GAAA;AAAA,MAAA,OAAM,EAAE,CAAA;AAAA,KAAA;AAC1B,GAAC,CAAC,CAAA;AAEF,EAAA,IAAMC,YAAY,GAAGP,WAAW,CAACQ,eAAe,EAAE,CAAA;EAElD,oBACIC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIC,IAAAA,GAAG,EAAEb,SAAU;AACfc,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,SAAS,EAAEC,iBAAiB,CAACnB,aAAa,CAAC;AAC3CoB,MAAAA,SAAS,EAAE,MAAA;KACb;AACFnB,IAAAA,QAAQ,EAAEA,QAAAA;GAEVY,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIE,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAEb,WAAW,CAACiB,YAAY,EAAE;AAClCC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,QAAQ,EAAE,UAAA;AACd,KAAA;GAEAV,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIE,IAAAA,KAAK,EAAE;AACHO,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,GAAG,EAAE,CAAC;AACNC,MAAAA,IAAI,EAAE,CAAC;AACPH,MAAAA,KAAK,EAAE,MAAM;MACbI,SAAS,EAAA,aAAA,CAAAC,MAAA,CAAA9B,CAAAA,qBAAA,IAAAC,cAAA,GAAgBa,YAAY,CAAC,CAAC,CAAC,cAAAb,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,cAAA,CAAiB8B,KAAK,cAAA/B,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,EAAA,KAAA,CAAA;AACxD,KAAA;AAAE,GAAA,EAEDc,YAAY,CAACkB,GAAG,CAAC,UAACC,UAAU,EAAA;IAAA,oBACzBjB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACIiB,GAAG,EAAED,UAAU,CAACC,GAAiB;MACjC,YAAYD,EAAAA,UAAU,CAACE,KAAM;MAC7BjB,GAAG,EAAEX,WAAW,CAAC6B,cAAAA;AAAe,KAAA,eAEhCpB,cAAA,CAAAC,aAAA,CAACoB,IAAI,EAAA;AACDC,MAAAA,IAAI,EAAEpC,KAAK,CAAC+B,UAAU,CAACE,KAAK,CAAE;MAC9BI,IAAI,EAAE,CAAC,MAAM,CAAE;AACfC,MAAAA,YAAY,EAAE,CAAE;MAChBL,KAAK,EAAEF,UAAU,CAACE,KAAM;AACxBM,MAAAA,SAAS,EAAE,CAAA;AAAE,KAChB,CACA,CAAC,CAAA;GACT,CACA,CACJ,CACJ,CAAC,CAAA;AAEd;;;;"}