npm - @salutejs/plasma-new-hope - Versions diffs - 0.344.0-canary.2390.20329173821.0 → 0.344.0-canary.2390.20426917226.0 - Mend

@salutejs/plasma-new-hope 0.344.0-canary.2390.20329173821.0 → 0.344.0-canary.2390.20426917226.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (772) hide show

package/dist/css/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js CHANGED Viewed

@@ -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/dist/css/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map CHANGED Viewed

	@@ -1 +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;;;;"}
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,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/dist/css/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js CHANGED Viewed

@@ -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/dist/css/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map CHANGED Viewed

	@@ -1 +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;;;;"}
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,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/dist/css/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js CHANGED Viewed

@@ -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/dist/css/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;IAQaA,QAAyB,GAAG,SAA5BA,QAAyBA,CAAAC,IAAA,EAA2E;AAAA,EAAA,IAArEC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS,CAAA;AACtG,EAAA,IAAIF,OAAO,EAAE;AACT,IAAA,oBACIG,~~KAAA~~,CAAAC,aAAA,CAACC,eAAe,EAAA;AACZR,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,aAAa,EAAEA,aAAc;AAC7BC,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KACxB,CAAC,CAAA;AAEV,GAAA;EAEA,oBACIC,~~KAAA~~,CAAAC,aAAA,CAACE,WAAW,qBACRH,~~KAAA~~,CAAAC,aAAA,CAACG,eAAe,EAAA;AAACT,IAAAA,aAAa,EAAEA,aAAc;AAACC,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EAC7DE,UAAU,EAEVJ,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEW,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAK;AACzB,IAAA,oBAAOP,~~KAAA~~,CAAAC,aAAA,CAACO,IAAI,EAAA;AAACC,MAAAA,GAAG,EAAEF,KAAM;AAACD,MAAAA,IAAI,EAAEA,IAAK;MAACI,UAAU,EAAE,CAACH,KAAK,CAAA;AAAE,KAAE,CAAC,CAAA;AAChE,GAAC,CAAC,EAEDR,SACY,CACR,CAAC,CAAA;AAEtB,EAAC;AAED,IAAMG,eAAgC,GAAG,SAAnCA,eAAgCA,CAAAS,KAAA,EAAuE;EAAA,IAAAC,qBAAA,EAAAC,cAAA,CAAA;AAAA,EAAA,IAAAC,WAAA,GAAAH,KAAA,CAAjEjB,KAAK;AAALA,IAAAA,KAAK,GAAAoB,WAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,WAAA;IAAEnB,aAAa,GAAAgB,KAAA,CAAbhB,aAAa;IAAEC,QAAQ,GAAAe,KAAA,CAARf,QAAQ;IAAEE,UAAU,GAAAa,KAAA,CAAVb,UAAU;IAAEC,SAAS,GAAAY,KAAA,CAATZ,SAAS,CAAA;AAClG,EAAA,IAAMgB,SAAS,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;EAE9C,IAAMC,WAAW,GAAGC,cAAc,CAAC;IAC/BC,KAAK,EAAEzB,KAAK,CAAC0B,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,oBACIzB,~~KAAA~~,CAAAC,aAAA,CAACE,WAAW,QACPL,UAAU,eAEXE,~~KAAA~~,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIyB,IAAAA,GAAG,EAAEX,SAAU;AACfY,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,SAAS,EAAEC,iBAAiB,CAACnC,aAAa,CAAC;AAC3CoC,MAAAA,SAAS,EAAE,MAAA;KACb;AACFnC,IAAAA,QAAQ,EAAEA,QAAAA;GAEVI,eAAAA,~~KAAA~~,CAAAC,aAAA,CAAA,KAAA,EAAA;AACI0B,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAEX,WAAW,CAACe,YAAY,EAAE;AAClCC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,QAAQ,EAAE,UAAA;AACd,KAAA;GAEAlC,eAAAA,~~KAAA~~,CAAAC,aAAA,CAAA,KAAA,EAAA;AACI0B,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,CAAA1B,CAAAA,qBAAA,IAAAC,cAAA,GAAgBW,YAAY,CAAC,CAAC,CAAC,cAAAX,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,cAAA,CAAiB0B,KAAK,cAAA3B,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,EAAA,KAAA,CAAA;AACxD,KAAA;AAAE,GAAA,EAEDY,YAAY,CAACnB,GAAG,CAAC,UAACmC,UAAU,EAAA;IAAA,oBACzBxC,~~KAAA~~,CAAAC,aAAA,CAAA,KAAA,EAAA;MACIQ,GAAG,EAAE+B,UAAU,CAAC/B,GAAiB;MACjC,YAAY+B,EAAAA,UAAU,CAACjC,KAAM;MAC7BmB,GAAG,EAAET,WAAW,CAACwB,cAAAA;AAAe,KAAA,eAEhCzC,~~KAAA~~,CAAAC,aAAA,CAACO,IAAI,EAAA;AAACF,MAAAA,IAAI,EAAEZ,KAAK,CAAC8C,UAAU,CAACjC,KAAK,CAAE;AAACG,MAAAA,UAAU,EAAE,CAAC8B,UAAU,CAACjC,KAAK,CAAA;AAAE,KAAE,CACrE,CAAC,CAAA;AAAA,GACT,CACA,CACJ,CACJ,CAAC,EAELR,SACQ,CAAC,CAAA;AAEtB,CAAC;;;;"}
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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"}

package/dist/css/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js CHANGED Viewed

@@ -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/dist/css/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;;;IA4BaA,IAAqB,GAAG,SAAxBA,IAAqBA,CAAAC,IAAA,EAA6B;EAAA,IAAAC,mBAAA,EAAAC,WAAA,CAAA;AAAA,EAAA,IAAvBC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,UAAU,GAAAJ,IAAA,CAAVI,UAAU,CAAA;AACpD,EAAA,IAAQC,KAAK,GAAiDF,IAAI,CAA1DE,KAAK;IAAEC,KAAK,GAA0CH,IAAI,CAAnDG,KAAK;IAAEC,QAAQ,GAAgCJ,IAAI,CAA5CI,QAAQ;IAAEC,WAAW,GAAmBL,IAAI,CAAlCK,WAAW;IAAEC,YAAY,GAAKN,IAAI,CAArBM,YAAY,CAAA;EAEzD,IAAMC,MAAM,GAAG,EAACP,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,IAAJA,IAAI,CAAEQ,KAAK,CAAA,CAAA;AAE3B,EAAA,IAAAC,WAAA,GAgBIC,UAAU,CAACC,OAAO,CAAC;IAfnBC,OAAO,GAAAH,WAAA,CAAPG,OAAO;IACPC,QAAQ,GAAAJ,WAAA,CAARI,QAAQ;IACRC,IAAI,GAAAL,WAAA,CAAJK,IAAI;IACJC,OAAO,GAAAN,WAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,WAAA,CAAVO,UAAU;IAGVC,mBAAmB,GAAAR,WAAA,CAAnBQ,mBAAmB;IACnBC,WAAW,GAAAT,WAAA,CAAXS,WAAW;IACXC,QAAQ,GAAAV,WAAA,CAARU,QAAQ;IACRC,gBAAgB,GAAAX,WAAA,CAAhBW,gBAAgB;IAChBC,cAAc,GAAAZ,WAAA,CAAdY,cAAc;IACdC,eAAe,GAAAb,WAAA,CAAfa,eAAe;IACfC,oBAAoB,GAAAd,WAAA,CAApBc,oBAAoB;IACpBC,cAAc,GAAAf,WAAA,CAAde,cAAc,CAAA;AAGlB,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAAwB,IAAI,CAAC,CAAA;EAE/C,IAAMC,YAAY,GAAGvB,QAAQ,CAAA;EAC7B,IAAMwB,iBAAiB,GAAGD,YAAY,GAAGE,OAAO,CAACC,sBAAsB,GAAGC,SAAS,CAAA;EAEnF,IAAMC,gBAAgB,GAAG,CAAC,CAAAlC,CAAAA,mBAAA,GAAA0B,cAAc,CAACS,GAAG,CAACjC,IAAI,CAACG,KAAK,CAAC+B,QAAQ,EAAE,CAAC,MAAA,IAAA,IAAApC,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAzCA,mBAAA,CAA2CqC,MAAM,KAAI,CAAC,IAAI,CAAC,CAAA;AAErF,EAAA,IAAMC,oBAAoB,GAAGC,SAAS,CAAClB,QAAQ,EAAEK,cAAc,CAACS,GAAG,CAAC9B,KAAK,CAAC+B,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;EAE5F,IAAMI,gBAAgB,GAAGF,oBAAoB,GAAGP,OAAO,CAACU,YAAY,GAAGR,SAAS,CAAA;AAEhF,EAAA,IAAMS,YAAY,GAAGC,aAAa,CAACxC,UAAU,EAAEiB,WAAW,CAAC,GAAGW,OAAO,CAACa,qBAAqB,GAAGX,SAAS,CAAA;AAEvG,EAAA,IAAMY,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAAgC,EAAK;AACtD,IAAA,IAAIjB,YAAY,EAAE,OAAA;IAElB,IAAI,CAACpB,MAAM,EAAE;AACTa,MAAAA,gBAAgB,CAAC;AAAEyB,QAAAA,IAAI,EAAE,eAAe;QAAE1C,KAAK,EAAEqB,cAAc,CAACS,GAAG,CAAC9B,KAAK,CAAC+B,QAAQ,EAAE,CAAC,IAAI,EAAA;AAAG,OAAC,CAAC,CAAA;AAClG,KAAA;AAEA,IAAA,IAAIZ,eAAe,EAAE;AACjBA,MAAAA,eAAe,CAACtB,IAAI,EAAE4C,CAAC,CAAC,CAAA;AAC5B,KAAA;GACH,CAAA;AAED,EAAA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIF,CAAsC,EAAK;AAC7D,IAAA,IAAIjB,YAAY,EAAE,OAAA;IAElBiB,CAAC,CAACG,eAAe,EAAE,CAAA;IAEnBxB,oBAAoB,CAACvB,IAAI,CAAC,CAAA;GAC7B,CAAA;AAEDgD,EAAAA,iBAAiB,CAAC,YAAM;IACpB,IAAIR,YAAY,IAAIf,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,IAAAA,GAAG,CAAEwB,OAAO,EAAE;AAC9BxB,MAAAA,GAAG,CAACwB,OAAO,CAACC,cAAc,CAAC;AACvBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AACN,KAAA;AACJ,GAAC,EAAE,CAACb,YAAY,CAAC,CAAC,CAAA;EAElB,oBACIc,KAAA,CAAAC,aAAA,CAACC,WAAW,qBACRF,KAAA,CAAAC,aAAA,CAACE,OAAO,EAAA;AACJhC,IAAAA,GAAG,EAAEA,GAAI;AACTiC,IAAAA,SAAS,EAAEC,EAAE,CAACnB,YAAY,EAAEZ,iBAAiB,CAAE;AAC/CgC,IAAAA,OAAO,EAAEjB,WAAY;AACrB5B,IAAAA,OAAO,EAAEA,OAAQ;AACjB8C,IAAAA,IAAI,EAAC,UAAA;AAAU,GAAA,eAEfP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAE/B,gBAAAA;GAAmB,CAAC,EAElCX,cAAc,KAAK,MAAM,iBACtBiC,KAAA,CAAAC,aAAA,CAACS,qBAAqB,EAAA;AAACC,IAAAA,UAAU,EAAE1D,MAAM,GAAG,QAAQ,GAAG,SAAA;AAAU,GAAA,eAC7D+C,KAAA,CAAAC,aAAA,CAACW,eAAe,EAAA;AACZpD,IAAAA,IAAI,EAAEqD,cAAc,CAACrD,IAAI,EAAEC,OAAO,CAAE;AACpCqD,IAAAA,KAAK,EAAC,SAAS;AACfV,IAAAA,SAAS,EAAEpB,gBAAAA;GACd,CACkB,CAC1B,EAEAzB,QAAQ,iBACLyC,KAAA,CAAAC,aAAA,CAACc,WAAW,EAAA;AAACtD,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eAC1BuC,KAAA,CAAAC,aAAA,CAACe,qBAAqB,EAAA;IAACV,OAAO,EAAE,SAAAA,OAAAA,CAAChB,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAACG,eAAe,EAAE,CAAA;AAAA,KAAA;AAAC,GAAA,eACvDO,KAAA,CAAAC,aAAA,CAACgB,cAAc,EAAA;AACXnE,IAAAA,QAAQ,EAAEuB,YAAa;IACvBf,OAAO,EAAE4D,OAAO,CAAC5D,OAAO,CAACqB,GAAG,CAACjC,IAAI,CAACG,KAAK,CAAC,CAAE;IAC1CsE,aAAa,EAAE7D,OAAO,CAACqB,GAAG,CAACjC,IAAI,CAACG,KAAK,CAAC,KAAK,eAAgB;AAC3DuE,IAAAA,QAAQ,EAAE5B,YAAa;AACvB6B,IAAAA,UAAU,EAAE1D,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAA,KAAA,CAAA,GAAnBA,mBAAmB,GAAI,SAAA;AAAU,GAChD,CACkB,CACd,CAChB,EAEA,CAACJ,QAAQ,IAAIQ,cAAc,KAAK,OAAO,iBACpCiC,KAAA,CAAAC,aAAA,CAACc,WAAW,EAAA;AAACtD,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACzBH,OAAO,CAACqB,GAAG,CAACjC,IAAI,CAACG,KAAK,CAAC,KAAK,KAAK,KAAAyE,gBAAA,KAAAA,gBAAA,gBAAItB,KAAA,CAAAC,aAAA,CAACsB,eAAe,EAAA;AAAC/D,IAAAA,IAAI,EAAC,GAAG;AAACgE,IAAAA,IAAI,EAAC,SAAA;AAAS,GAAE,CAAC,CAEhFlE,CAAAA,EAAAA,OAAO,CAACqB,GAAG,CAACjC,IAAI,CAACG,KAAK,CAAC,KAAK,MAAM,iBAC/BmD,KAAA,CAAAC,aAAA,CAACwB,cAAc,EAAA;AAACjE,IAAAA,IAAI,EAAEqD,cAAc,CAACrD,IAAI,EAAEC,OAAO,CAAE;AAACqD,IAAAA,KAAK,EAAC,SAAA;GAAW,CAEjE,CAChB,EAEApD,UAAU,gBACPsC,KAAA,CAAAC,aAAA,CAACyB,UAAU,EAAA,IAAA,EAAEhE,UAAU,CAAChB,IAAI,CAAc,CAAC,gBAE3CsD,KAAA,CAAAC,aAAA,CAAC0B,aAAa,EAAA,IAAA,eACV3B,KAAA,CAAAC,aAAA,CAAC2B,UAAU,EAAA;AACP7E,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,YAAY,EAAEA,YAAAA;AACd;AACA;AACA;AAAA;AACA6E,IAAAA,KAAK,eAAE7B,KAAA,CAAAC,aAAA,eAAOrD,KAAY,CAAA;AAAE,GAC/B,CACU,CAClB,EAEA,CAACW,QAAQ,IAAIQ,cAAc,KAAK,MAAM,iBACnCiC,KAAA,CAAAC,aAAA,CAACc,WAAW,EAAA;AAACtD,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACzBH,OAAO,CAACqB,GAAG,CAACjC,IAAI,CAACG,KAAK,CAAC,KAAK,KAAK,KAAAiF,iBAAA,KAAAA,iBAAA,gBAAI9B,KAAA,CAAAC,aAAA,CAACsB,eAAe,EAAA;AAAC/D,IAAAA,IAAI,EAAC,GAAG;AAACgE,IAAAA,IAAI,EAAC,SAAA;AAAS,GAAE,CAAC,CAEhFlE,CAAAA,EAAAA,OAAO,CAACqB,GAAG,CAACjC,IAAI,CAACG,KAAK,CAAC,KAAK,MAAM,iBAC/BmD,KAAA,CAAAC,aAAA,CAACwB,cAAc,EAAA;AAACjE,IAAAA,IAAI,EAAEqD,cAAc,CAACrD,IAAI,EAAEC,OAAO,CAAE;AAACqD,IAAAA,KAAK,EAAC,SAAA;GAAW,CAEjE,CAChB,EAEA/C,cAAc,KAAK,OAAO,iBACvBiC,KAAA,CAAAC,aAAA,CAACS,qBAAqB,EAAA;AAACC,IAAAA,UAAU,EAAE1D,MAAM,GAAG,QAAQ,GAAG,SAAA;AAAU,GAAA,eAC7D+C,KAAA,CAAAC,aAAA,CAAC8B,gBAAgB,EAAA;AACbvE,IAAAA,IAAI,EAAEqD,cAAc,CAACrD,IAAI,EAAEC,OAAO,CAAE;AACpCqD,IAAAA,KAAK,EAAC,SAAS;AACfV,IAAAA,SAAS,EAAEpB,gBAAAA;AAAiB,GAC/B,CACkB,CAEtB,CAAC,EAET,CAAC/B,MAAM,IAAI6B,oBAAoB,iBAC5BkB,KAAA,CAAAC,aAAA,CAAC+B,UAAU,EAAA,IAAA,EAAA,CAAAvF,WAAA,GACNC,IAAI,CAACQ,KAAK,MAAA,IAAA,IAAAT,WAAA,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAA,CAAYwF,GAAG,CAAC,UAACvF,IAAI,EAAEwF,KAAK,EAAK;AAC9B,IAAA,oBAAOlC,KAAA,CAAAC,aAAA,CAAC3D,IAAI,EAAA;AAACI,MAAAA,IAAI,EAAEA,IAAK;MAACyF,GAAG,EAAEzF,IAAI,CAACG,KAAM;AAACF,MAAAA,UAAU,KAAAyF,MAAA,CAAAC,kBAAA,CAAM1F,UAAU,IAAEuF,KAAK,CAAA,CAAA;AAAE,KAAE,CAAC,CAAA;GACnF,CACO,CAEP,CAAC,CAAA;AAEtB;;;;"}
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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"}

package/dist/css/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js CHANGED Viewed

@@ -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/dist/css/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map CHANGED Viewed

	@@ -1 +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;;;;"}
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,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;;;;"}

package/dist/css/es/components/Combobox/ComboboxOld/Combobox.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useRef, useEffect, Children } from 'react';
+import React__default, { forwardRef, useState, useRef, useEffect, Children } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { cx } from '../../../utils/index.js';
 import { getChildren, getValues, getNewSelected } from './utils/index.js';
@@ -181,9 +181,9 @@ var comboboxRoot = function comboboxRoot(Root) {
         setSearch(String(value));
       }
     }, [value, alwaysOpened]);
-    return /*#__PURE__*/React.createElement(StyledRoot, {
+    return /*#__PURE__*/React__default.createElement(StyledRoot, {
       ref: comboboxRef
-    }, /*#__PURE__*/React.createElement(StyledNativeSelect, {
+    }, /*#__PURE__*/React__default.createElement(StyledNativeSelect, {
       "aria-invalid": "false",
       "aria-hidden": "true",
       "aria-readonly": readOnly,
@@ -192,11 +192,11 @@ var comboboxRoot = function comboboxRoot(Root) {
       name: name,
       value: "".concat(value),
       disabled: disabled || readOnly
-    }), /*#__PURE__*/React.createElement(StyledPopover, {
+    }), /*#__PURE__*/React__default.createElement(StyledPopover, {
       role: role,
       opened: isVisible,
       onToggle: onInnerToggle,
-      target: /*#__PURE__*/React.createElement(ComboboxTarget, _extends({
+      target: /*#__PURE__*/React__default.createElement(ComboboxTarget, _extends({
         opened: isVisible,
         values: values,
         label: label,
@@ -229,13 +229,13 @@ var comboboxRoot = function comboboxRoot(Root) {
       preventOverflow: false,
       closeOnEsc: false,
       closeOnOverlayClick: true
-    }, /*#__PURE__*/React.createElement(Root, {
+    }, /*#__PURE__*/React__default.createElement(Root, {
       ref: setRef,
       view: view,
       size: size
-    }, /*#__PURE__*/React.createElement(StyledCombobox, {
+    }, /*#__PURE__*/React__default.createElement(StyledCombobox, {
       onKeyDown: onKeyDownSelect
-    }, childrenMemo.length ? childrenMemo : /*#__PURE__*/React.createElement(ComboboxItemNotFound, null, negativeResultContent)))));
+    }, childrenMemo.length ? childrenMemo : /*#__PURE__*/React__default.createElement(ComboboxItemNotFound, null, negativeResultContent)))));
   });
 };
 var comboboxConfig = {