@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15775036215.0

package/cjs/components/Combobox/ComboboxOld/Combobox.js

@@ -11,7 +11,6 @@ var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
 var Combobox_styles = require('./Combobox.styles.js');
 var useForceUpdate = require('../../../hooks/useForceUpdate.js');
-var react = require('../../../utils/react.js');
 var useDidMountEffect = require('../../../hooks/useDidMountEffect.js');
 var useKeyNavigation = require('./hooks/useKeyNavigation.js');
 var ComboboxTarget = require('./ui/ComboboxTarget/ComboboxTarget.js');
@@ -21,232 +20,215 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["name", "form", "readOnly", "disabled", "label", "placeholder", "id", "children", "role", "view", "size", "frame", "usePortal", "negativeResultContent", "enumerationType", "opened", "alwaysOpened", "placement", "onToggle", "onKeyDown", "filterFunction"];
 /**
  * Выпадающий список без внешнего контроля видимости.
  */
-var comboboxRoot = function comboboxRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
-    var _targetRef$current;
-    var name = _ref.name,
-      form = _ref.form,
-      readOnly = _ref.readOnly,
-      disabled = _ref.disabled,
-      label = _ref.label,
-      placeholder = _ref.placeholder,
-      id = _ref.id,
-      children = _ref.children,
-      role = _ref.role,
-      view = _ref.view,
-      size = _ref.size,
-      frame = _ref.frame,
-      usePortal = _ref.usePortal,
-      _ref$negativeResultCo = _ref.negativeResultContent,
-      negativeResultContent = _ref$negativeResultCo === void 0 ? 'Элементы не найдены' : _ref$negativeResultCo,
-      _ref$enumerationType = _ref.enumerationType,
-      enumerationType = _ref$enumerationType === void 0 ? 'comma' : _ref$enumerationType,
-      _ref$opened = _ref.opened,
-      opened = _ref$opened === void 0 ? false : _ref$opened,
-      _ref$alwaysOpened = _ref.alwaysOpened,
-      alwaysOpened = _ref$alwaysOpened === void 0 ? false : _ref$alwaysOpened,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
-      onToggle = _ref.onToggle,
-      onKeyDown = _ref.onKeyDown,
-      filterFunction = _ref.filterFunction,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-    var forceUpdate = useForceUpdate.useForceUpdate();
-    var uniqId = react.safeUseId();
-    var innerId = id || uniqId;
-    var _rest$valueType = rest.valueType,
-      valueType = _rest$valueType === void 0 ? 'single' : _rest$valueType,
-      value = rest.value;
-    var offset = [0, 4];
-    var _useState = React.useState(null),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      ref = _useState2[0],
-      setRef = _useState2[1];
-    var targetRef = React.useRef(null);
-    var chipsRefs = React.useRef([]);
-    var comboboxRef = React.useRef(null);
-    var itemsRefs = React.useRef([]);
-    var inputRef = React.useRef(null);
-    var handleRef = plasmaCore.useForkRef(targetRef, outerRootRef);
-    var controlledRefs = {
-      targetRef: targetRef,
-      chipsRefs: chipsRefs,
-      selectRef: comboboxRef,
-      itemsRefs: itemsRefs,
-      inputRef: inputRef
-    };
-    var _useState3 = React.useState(alwaysOpened || opened),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      isVisible = _useState4[0],
-      setIsVisible = _useState4[1];
-    var _useState5 = React.useState(''),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      search = _useState6[0],
-      setSearch = _useState6[1];
-    var _useState7 = React.useState(search),
-      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-      filterValue = _useState8[0],
-      setFilterValue = _useState8[1];
+const comboboxRoot = Root => /*#__PURE__*/React.forwardRef(({
+  name,
+  form,
+  readOnly,
+  disabled,
+  label,
+  placeholder,
+  id,
+  children,
+  role,
+  view,
+  size,
+  frame,
+  usePortal,
+  negativeResultContent = 'Элементы не найдены',
+  enumerationType = 'comma',
+  opened = false,
+  alwaysOpened = false,
+  placement = 'bottom',
+  onToggle,
+  onKeyDown,
+  filterFunction,
+  ...rest
+}, outerRootRef) => {
+  const forceUpdate = useForceUpdate.useForceUpdate();
+  const uniqId = plasmaCore.safeUseId();
+  const innerId = id || uniqId;
+  const {
+    valueType = 'single',
+    value
+  } = rest;
+  const offset = [0, 4];
+  const [ref, setRef] = React.useState(null);
+  const targetRef = React.useRef(null);
+  const chipsRefs = React.useRef([]);
+  const comboboxRef = React.useRef(null);
+  const itemsRefs = React.useRef([]);
+  const inputRef = React.useRef(null);
+  const handleRef = plasmaCore.useForkRef(targetRef, outerRootRef);
+  const controlledRefs = {
+    targetRef,
+    chipsRefs,
+    selectRef: comboboxRef,
+    itemsRefs,
+    inputRef
+  };
+  const [isVisible, setIsVisible] = React.useState(alwaysOpened || opened);
+  const [search, setSearch] = React.useState('');
+  const [filterValue, setFilterValue] = React.useState(search);
 
-    // INFO: нужно высчитывать для корректной работы портала
-    var dynamicTargetWidth = (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth;
+  // INFO: нужно высчитывать для корректной работы портала
+  const dynamicTargetWidth = targetRef.current?.offsetWidth;
 
-    // INFO: Из-за того, что классы передаются через ref,
-    // состояние пропсов после изменения view, size
-    // всегда предыдущее, поэтому нужно делать форс-ререндер
-    useDidMountEffect.useDidMountEffect(function () {
-      forceUpdate();
-    }, [view, size]);
-    React.useEffect(function () {
-      if (disabled || readOnly) {
-        return;
-      }
-      setIsVisible(alwaysOpened || opened);
-    }, [opened, alwaysOpened, disabled, readOnly]);
-    React.useEffect(function () {
-      // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
-      if (alwaysOpened || opened) {
-        setFilterValue('');
-      }
-    }, []);
-    var onInnerToggle = function onInnerToggle(openValue, event) {
-      if (disabled || readOnly) {
-        return;
-      }
+  // INFO: Из-за того, что классы передаются через ref,
+  // состояние пропсов после изменения view, size
+  // всегда предыдущее, поэтому нужно делать форс-ререндер
+  useDidMountEffect.useDidMountEffect(() => {
+    forceUpdate();
+  }, [view, size]);
+  React.useEffect(() => {
+    if (disabled || readOnly) {
+      return;
+    }
+    setIsVisible(alwaysOpened || opened);
+  }, [opened, alwaysOpened, disabled, readOnly]);
+  React.useEffect(() => {
+    // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
+    if (alwaysOpened || opened) {
+      setFilterValue('');
+    }
+  }, []);
+  const onInnerToggle = (openValue, event) => {
+    if (disabled || readOnly) {
+      return;
+    }
 
-      // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
-      if (!isVisible) {
-        setFilterValue('');
-      }
-      if (onToggle) {
-        onToggle(alwaysOpened || openValue, event);
-        return;
-      }
-      setIsVisible(alwaysOpened || openValue);
-    };
-    var closedWithoutChanges = React.useRef(true);
-    var updateValue = function updateValue(item, event) {
-      var _rest$onChangeValue2;
-      var newValue = item.dataset.value;
-      if (rest.valueType === 'multiple') {
-        var _rest$onChangeValue;
-        var _newSelected = index.getNewSelected(rest.value, newValue, rest.valueType);
-        (_rest$onChangeValue = rest.onChangeValue) === null || _rest$onChangeValue === void 0 || _rest$onChangeValue.call(rest, _newSelected);
-        return;
-      }
-      var newSelected = index.getNewSelected(rest.value, newValue, 'single');
-      (_rest$onChangeValue2 = rest.onChangeValue) === null || _rest$onChangeValue2 === void 0 || _rest$onChangeValue2.call(rest, newSelected);
-      onInnerToggle === null || onInnerToggle === void 0 || onInnerToggle(alwaysOpened || false, event);
-      closedWithoutChanges.current = false;
-    };
-    var onClickChildrenItem = function onClickChildrenItem(event) {
-      // INFO: Для корректной работы компонента Popper
-      event.stopPropagation();
-      var item = event.currentTarget;
-      updateValue(item, event);
-    };
-    var onChangeChipValue = function onChangeChipValue(newValue) {
-      var _rest$onChangeValue3;
-      if (rest.valueType !== 'multiple') {
-        return;
-      }
-      (_rest$onChangeValue3 = rest.onChangeValue) === null || _rest$onChangeValue3 === void 0 || _rest$onChangeValue3.call(rest, newValue);
-    };
-    var _useKeyNavigation = useKeyNavigation.useKeyNavigation({
-        controlledRefs: controlledRefs,
-        opened: isVisible,
-        enumerationType: enumerationType,
-        valueType: valueType,
-        componentType: 'combobox',
-        value: value,
-        search: filterValue,
-        updateOpened: onInnerToggle,
-        updateValue: updateValue
-      }),
-      onKeyDownTarget = _useKeyNavigation.onKeyDownTarget,
-      onKeyDownSelect = _useKeyNavigation.onKeyDownSelect;
-    var childrenArray = React.Children.toArray(children);
-    var childrenMemo = index.getChildren(childrenArray, {
-      onClick: onClickChildrenItem,
-      childrenRefs: itemsRefs
-    }, value, filterValue, filterFunction).filter(Boolean);
-    var values = index.getValues(childrenArray, value);
-    var onSearch = function onSearch(newSearch, newOpened) {
-      setSearch(newSearch);
-      setFilterValue(newSearch);
-      setIsVisible(newOpened !== null && newOpened !== void 0 ? newOpened : true);
-    };
-    var onKeyDownHandle = function onKeyDownHandle(event) {
-      onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
-      onKeyDownTarget(event);
-    };
-    React.useEffect(function () {
-      if (alwaysOpened && rest.valueType === 'single') {
-        setSearch(String(value));
+    // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
+    if (!isVisible) {
+      setFilterValue('');
+    }
+    if (onToggle) {
+      onToggle(alwaysOpened || openValue, event);
+      return;
+    }
+    setIsVisible(alwaysOpened || openValue);
+  };
+  const closedWithoutChanges = React.useRef(true);
+  const updateValue = (item, event) => {
+    const {
+      dataset: {
+        value: newValue
       }
-    }, [value, alwaysOpened]);
-    return /*#__PURE__*/React__default.default.createElement(Combobox_styles.StyledRoot, {
-      ref: comboboxRef
-    }, /*#__PURE__*/React__default.default.createElement(Combobox_styles.StyledNativeSelect, {
-      "aria-invalid": "false",
-      "aria-hidden": "true",
-      "aria-readonly": readOnly,
-      tabIndex: -1,
-      form: form,
-      name: name,
-      value: "".concat(value),
-      disabled: disabled || readOnly
-    }), /*#__PURE__*/React__default.default.createElement(Combobox_styles.StyledPopover, {
-      role: role,
+    } = item;
+    if (rest.valueType === 'multiple') {
+      const newSelected = index.getNewSelected(rest.value, newValue, rest.valueType);
+      rest.onChangeValue?.(newSelected);
+      return;
+    }
+    const newSelected = index.getNewSelected(rest.value, newValue, 'single');
+    rest.onChangeValue?.(newSelected);
+    onInnerToggle?.(alwaysOpened || false, event);
+    closedWithoutChanges.current = false;
+  };
+  const onClickChildrenItem = event => {
+    // INFO: Для корректной работы компонента Popper
+    event.stopPropagation();
+    const item = event.currentTarget;
+    updateValue(item, event);
+  };
+  const onChangeChipValue = newValue => {
+    if (rest.valueType !== 'multiple') {
+      return;
+    }
+    rest.onChangeValue?.(newValue);
+  };
+  const {
+    onKeyDownTarget,
+    onKeyDownSelect
+  } = useKeyNavigation.useKeyNavigation({
+    controlledRefs,
+    opened: isVisible,
+    enumerationType,
+    valueType,
+    componentType: 'combobox',
+    value,
+    search: filterValue,
+    updateOpened: onInnerToggle,
+    updateValue
+  });
+  const childrenArray = React.Children.toArray(children);
+  const childrenMemo = index.getChildren(childrenArray, {
+    onClick: onClickChildrenItem,
+    childrenRefs: itemsRefs
+  }, value, filterValue, filterFunction).filter(Boolean);
+  const values = index.getValues(childrenArray, value);
+  const onSearch = (newSearch, newOpened) => {
+    setSearch(newSearch);
+    setFilterValue(newSearch);
+    setIsVisible(newOpened ?? true);
+  };
+  const onKeyDownHandle = event => {
+    onKeyDown?.(event);
+    onKeyDownTarget(event);
+  };
+  React.useEffect(() => {
+    if (alwaysOpened && rest.valueType === 'single') {
+      setSearch(String(value));
+    }
+  }, [value, alwaysOpened]);
+  return /*#__PURE__*/React__default.default.createElement(Combobox_styles.StyledRoot, {
+    ref: comboboxRef
+  }, /*#__PURE__*/React__default.default.createElement(Combobox_styles.StyledNativeSelect, {
+    "aria-invalid": "false",
+    "aria-hidden": "true",
+    "aria-readonly": readOnly,
+    tabIndex: -1,
+    form: form,
+    name: name,
+    value: `${value}`,
+    disabled: disabled || readOnly
+  }), /*#__PURE__*/React__default.default.createElement(Combobox_styles.StyledPopover, {
+    role: role,
+    opened: isVisible,
+    onToggle: onInnerToggle,
+    target: /*#__PURE__*/React__default.default.createElement(ComboboxTarget.ComboboxTarget, _rollupPluginBabelHelpers.extends({
       opened: isVisible,
-      onToggle: onInnerToggle,
-      target: /*#__PURE__*/React__default.default.createElement(ComboboxTarget.ComboboxTarget, _rollupPluginBabelHelpers.extends({
-        opened: isVisible,
-        values: values,
-        label: label,
-        placeholder: placeholder,
-        search: search,
-        enumerationType: enumerationType,
-        valueType: valueType,
-        readOnly: readOnly,
-        disabled: disabled,
-        size: size,
-        closedWithoutChanges: closedWithoutChanges,
-        ref: handleRef,
-        chipsRefs: chipsRefs,
-        inputRef: inputRef,
-        id: innerId,
-        onChange: onChangeChipValue,
-        onSearch: onSearch,
-        onKeyDown: onKeyDownHandle
-      }, rest)),
-      className: index$1.cx(ref === null || ref === void 0 ? void 0 : ref.classList.toString()) // INFO: Прокидываем стили для Popover
-      ,
+      values: values,
+      label: label,
+      placeholder: placeholder,
+      search: search,
+      enumerationType: enumerationType,
+      valueType: valueType,
+      readOnly: readOnly,
+      disabled: disabled,
+      size: size,
+      closedWithoutChanges: closedWithoutChanges,
+      ref: handleRef,
+      chipsRefs: chipsRefs,
+      inputRef: inputRef,
       id: innerId,
-      offset: offset,
-      placement: getPopoverPlacement.getPlacements(placement),
-      usePortal: usePortal,
-      selectWidth: dynamicTargetWidth,
-      frame: frame,
-      trigger: "click",
-      isFocusTrapped: false,
-      preventOverflow: false,
-      closeOnEsc: false,
-      closeOnOverlayClick: true
-    }, /*#__PURE__*/React__default.default.createElement(Root, {
-      ref: setRef,
-      view: view,
-      size: size
-    }, /*#__PURE__*/React__default.default.createElement(Combobox_styles.StyledCombobox, {
-      onKeyDown: onKeyDownSelect
-    }, childrenMemo.length ? childrenMemo : /*#__PURE__*/React__default.default.createElement(Combobox_styles.ComboboxItemNotFound, null, negativeResultContent)))));
-  });
-};
-var comboboxConfig = {
+      onChange: onChangeChipValue,
+      onSearch: onSearch,
+      onKeyDown: onKeyDownHandle
+    }, rest)),
+    className: index$1.cx(ref?.classList.toString()) // INFO: Прокидываем стили для Popover
+    ,
+    id: innerId,
+    offset: offset,
+    placement: getPopoverPlacement.getPlacements(placement),
+    usePortal: usePortal,
+    selectWidth: dynamicTargetWidth,
+    frame: frame,
+    trigger: "click",
+    isFocusTrapped: false,
+    preventOverflow: false,
+    closeOnEsc: false,
+    closeOnOverlayClick: true
+  }, /*#__PURE__*/React__default.default.createElement(Root, {
+    ref: setRef,
+    view: view,
+    size: size
+  }, /*#__PURE__*/React__default.default.createElement(Combobox_styles.StyledCombobox, {
+    onKeyDown: onKeyDownSelect
+  }, childrenMemo.length ? childrenMemo : /*#__PURE__*/React__default.default.createElement(Combobox_styles.ComboboxItemNotFound, null, negativeResultContent)))));
+});
+const comboboxConfig = {
   name: 'Combobox',
   tag: 'div',
   layout: comboboxRoot,

package/cjs/components/Combobox/ComboboxOld/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxOld/Combobox.tsx"],"sourcesContent":["import React, { Children, forwardRef, useEffect, useRef, useState } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\n\nimport { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { useDidMountEffect, useForceUpdate } from '../../../hooks';\n\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { useKeyNavigation } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { ComboboxTarget } from './ui';\nimport { ComboboxItemNotFound, StyledPopover, StyledRoot, StyledCombobox, StyledNativeSelect } from './Combobox.styles';\nimport type { ComboboxPrimitiveValue, ComboboxProps } from './Combobox.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, ComboboxProps>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>(\n        (\n            {\n                name,\n                form,\n                readOnly,\n                disabled,\n                label,\n                placeholder,\n                id,\n                children,\n                role,\n                view,\n                size,\n                frame,\n                usePortal,\n                negativeResultContent = 'Элементы не найдены',\n                enumerationType = 'comma',\n                opened = false,\n                alwaysOpened = false,\n                placement = 'bottom',\n                onToggle,\n                onKeyDown,\n                filterFunction,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const forceUpdate = useForceUpdate();\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const { valueType = 'single', value } = rest;\n            const offset = [0, 4] as [number, number];\n\n            const [ref, setRef] = useState<HTMLInputElement | null>(null);\n\n            const targetRef = useRef<HTMLInputElement>(null);\n            const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n            const comboboxRef = useRef<HTMLDivElement>(null);\n            const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n            const inputRef = useRef<HTMLInputElement>(null);\n            const handleRef = useForkRef<HTMLInputElement>(targetRef, outerRootRef);\n            const controlledRefs = { targetRef, chipsRefs, selectRef: comboboxRef, itemsRefs, inputRef };\n\n            const [isVisible, setIsVisible] = useState(alwaysOpened || opened);\n            const [search, setSearch] = useState<string | undefined>('');\n            const [filterValue, setFilterValue] = useState(search);\n\n            // INFO: нужно высчитывать для корректной работы портала\n            const dynamicTargetWidth = targetRef.current?.offsetWidth;\n\n            // INFO: Из-за того, что классы передаются через ref,\n            // состояние пропсов после изменения view, size\n            // всегда предыдущее, поэтому нужно делать форс-ререндер\n            useDidMountEffect(() => {\n                forceUpdate();\n            }, [view, size]);\n\n            useEffect(() => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                setIsVisible(alwaysOpened || opened);\n            }, [opened, alwaysOpened, disabled, readOnly]);\n\n            useEffect(() => {\n                // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n                if (alwaysOpened || opened) {\n                    setFilterValue('');\n                }\n            }, []);\n\n            const onInnerToggle = (openValue: boolean, event: React.SyntheticEvent | Event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n                if (!isVisible) {\n                    setFilterValue('');\n                }\n\n                if (onToggle) {\n                    onToggle(alwaysOpened || openValue, event);\n\n                    return;\n                }\n\n                setIsVisible(alwaysOpened || openValue);\n            };\n\n            const closedWithoutChanges = useRef(true);\n\n            const updateValue = (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n                const {\n                    dataset: { value: newValue },\n                } = item;\n\n                if (rest.valueType === 'multiple') {\n                    const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n                    rest.onChangeValue?.(newSelected);\n\n                    return;\n                }\n\n                const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n                rest.onChangeValue?.(newSelected);\n\n                onInnerToggle?.(alwaysOpened || false, event);\n\n                closedWithoutChanges.current = false;\n            };\n\n            const onClickChildrenItem = (event: React.MouseEvent<HTMLDivElement>) => {\n                // INFO: Для корректной работы компонента Popper\n                event.stopPropagation();\n\n                const item = event.currentTarget as HTMLElement;\n\n                updateValue(item, event);\n            };\n\n            const onChangeChipValue = (newValue?: Array<ComboboxPrimitiveValue>) => {\n                if (rest.valueType !== 'multiple') {\n                    return;\n                }\n\n                rest.onChangeValue?.(newValue);\n            };\n\n            const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n                controlledRefs,\n                opened: isVisible,\n                enumerationType,\n                valueType,\n                componentType: 'combobox',\n                value,\n                search: filterValue,\n                updateOpened: onInnerToggle,\n                updateValue,\n            });\n\n            const childrenArray = Children.toArray(children) as React.ReactElement[];\n\n            const childrenMemo = getChildren(\n                childrenArray,\n                { onClick: onClickChildrenItem, childrenRefs: itemsRefs },\n                value,\n                filterValue,\n                filterFunction,\n            ).filter(Boolean);\n\n            const values = getValues(childrenArray, value);\n\n            const onSearch = (newSearch?: string, newOpened?: boolean) => {\n                setSearch(newSearch);\n                setFilterValue(newSearch);\n                setIsVisible(newOpened ?? true);\n            };\n\n            const onKeyDownHandle = (event: React.KeyboardEvent<HTMLInputElement>) => {\n                onKeyDown?.(event);\n                onKeyDownTarget(event);\n            };\n\n            useEffect(() => {\n                if (alwaysOpened && rest.valueType === 'single') {\n                    setSearch(String(value));\n                }\n            }, [value, alwaysOpened]);\n\n            return (\n                <StyledRoot ref={comboboxRef}>\n                    <StyledNativeSelect\n                        aria-invalid=\"false\"\n                        aria-hidden=\"true\"\n                        aria-readonly={readOnly}\n                        tabIndex={-1}\n                        form={form}\n                        name={name}\n                        value={`${value}`}\n                        disabled={disabled || readOnly}\n                    />\n                    <StyledPopover\n                        role={role}\n                        opened={isVisible}\n                        onToggle={onInnerToggle}\n                        target={\n                            <ComboboxTarget\n                                opened={isVisible}\n                                values={values}\n                                label={label}\n                                placeholder={placeholder}\n                                search={search}\n                                enumerationType={enumerationType}\n                                valueType={valueType}\n                                readOnly={readOnly}\n                                disabled={disabled}\n                                size={size}\n                                closedWithoutChanges={closedWithoutChanges}\n                                ref={handleRef}\n                                chipsRefs={chipsRefs}\n                                inputRef={inputRef}\n                                id={innerId}\n                                onChange={onChangeChipValue}\n                                onSearch={onSearch}\n                                onKeyDown={onKeyDownHandle}\n                                {...rest}\n                            />\n                        }\n                        className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n                        id={innerId}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        usePortal={usePortal}\n                        selectWidth={dynamicTargetWidth}\n                        frame={frame}\n                        trigger=\"click\"\n                        isFocusTrapped={false}\n                        preventOverflow={false}\n                        closeOnEsc={false}\n                        closeOnOverlayClick\n                    >\n                        <Root ref={setRef} view={view} size={size}>\n                            <StyledCombobox onKeyDown={onKeyDownSelect}>\n                                {childrenMemo.length ? (\n                                    childrenMemo\n                                ) : (\n                                    <ComboboxItemNotFound>{negativeResultContent}</ComboboxItemNotFound>\n                                )}\n                            </StyledCombobox>\n                        </Root>\n                    </StyledPopover>\n                </StyledRoot>\n            );\n        },\n    );\n\nexport const comboboxConfig = {\n    name: 'Combobox',\n    tag: 'div',\n    layout: comboboxRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["comboboxRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","placeholder","id","children","role","view","size","frame","usePortal","_ref$negativeResultCo","negativeResultContent","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$alwaysOpened","alwaysOpened","_ref$placement","placement","onToggle","onKeyDown","filterFunction","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","targetRef","useRef","chipsRefs","comboboxRef","itemsRefs","inputRef","handleRef","useForkRef","controlledRefs","selectRef","_useState3","_useState4","isVisible","setIsVisible","_useState5","_useState6","search","setSearch","_useState7","_useState8","filterValue","setFilterValue","dynamicTargetWidth","current","offsetWidth","useDidMountEffect","useEffect","onInnerToggle","openValue","event","closedWithoutChanges","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onChangeChipValue","_rest$onChangeValue3","_useKeyNavigation","useKeyNavigation","componentType","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","filter","Boolean","values","getValues","onSearch","newSearch","newOpened","onKeyDownHandle","String","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","StyledPopover","target","ComboboxTarget","_extends","onChange","className","cx","classList","toString","getPlacements","selectWidth","trigger","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","StyledCombobox","length","ComboboxItemNotFound","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAgD,EAAA;AAAA,EAAA,oBACzEC,gBAAU,CACN,UAAAC,IAAA,EAyBIC,YAAY,EACX;AAAA,IAAA,IAAAC,kBAAA,CAAA;AAAA,IAAA,IAxBGC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;MACJC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;MACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;MACRC,KAAK,GAAAP,IAAA,CAALO,KAAK;MACLC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;MACXC,EAAE,GAAAT,IAAA,CAAFS,EAAE;MACFC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;MACRC,IAAI,GAAAX,IAAA,CAAJW,IAAI;MACJC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;MACJC,IAAI,GAAAb,IAAA,CAAJa,IAAI;MACJC,KAAK,GAAAd,IAAA,CAALc,KAAK;MACLC,SAAS,GAAAf,IAAA,CAATe,SAAS;MAAAC,qBAAA,GAAAhB,IAAA,CACTiB,qBAAqB;AAArBA,MAAAA,qBAAqB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,qBAAqB,GAAAA,qBAAA;MAAAE,oBAAA,GAAAlB,IAAA,CAC7CmB,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,oBAAA;MAAAE,WAAA,GAAApB,IAAA,CACzBqB,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;MAAAE,iBAAA,GAAAtB,IAAA,CACduB,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;MAAAE,cAAA,GAAAxB,IAAA,CACpByB,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;MACpBE,QAAQ,GAAA1B,IAAA,CAAR0B,QAAQ;MACRC,SAAS,GAAA3B,IAAA,CAAT2B,SAAS;MACTC,cAAc,GAAA5B,IAAA,CAAd4B,cAAc;AACXC,MAAAA,IAAI,GAAAC,iDAAA,CAAA9B,IAAA,EAAA+B,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,WAAW,GAAGC,6BAAc,EAAE,CAAA;AACpC,IAAA,IAAMC,MAAM,GAAGC,eAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,OAAO,GAAG3B,EAAE,IAAIyB,MAAM,CAAA;AAC5B,IAAA,IAAAG,eAAA,GAAwCR,IAAI,CAApCS,SAAS;AAATA,MAAAA,SAAS,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MAAEE,KAAK,GAAKV,IAAI,CAAdU,KAAK,CAAA;AACnC,IAAA,IAAMC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAqB,CAAA;AAEzC,IAAA,IAAAC,SAAA,GAAsBC,cAAQ,CAA0B,IAAI,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAtDI,MAAAA,GAAG,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,MAAM,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElB,IAAA,IAAMI,SAAS,GAAGC,YAAM,CAAmB,IAAI,CAAC,CAAA;AAChD,IAAA,IAAMC,SAAS,GAAGD,YAAM,CAA2B,EAAE,CAAC,CAAA;AACtD,IAAA,IAAME,WAAW,GAAGF,YAAM,CAAiB,IAAI,CAAC,CAAA;AAChD,IAAA,IAAMG,SAAS,GAAGH,YAAM,CAAwB,EAAE,CAAC,CAAA;AACnD,IAAA,IAAMI,QAAQ,GAAGJ,YAAM,CAAmB,IAAI,CAAC,CAAA;AAC/C,IAAA,IAAMK,SAAS,GAAGC,qBAAU,CAAmBP,SAAS,EAAE9C,YAAY,CAAC,CAAA;AACvE,IAAA,IAAMsD,cAAc,GAAG;AAAER,MAAAA,SAAS,EAATA,SAAS;AAAEE,MAAAA,SAAS,EAATA,SAAS;AAAEO,MAAAA,SAAS,EAAEN,WAAW;AAAEC,MAAAA,SAAS,EAATA,SAAS;AAAEC,MAAAA,QAAQ,EAARA,QAAAA;KAAU,CAAA;AAE5F,IAAA,IAAAK,UAAA,GAAkCf,cAAQ,CAACnB,YAAY,IAAIF,MAAM,CAAC;MAAAqC,UAAA,GAAAd,uCAAA,CAAAa,UAAA,EAAA,CAAA,CAAA;AAA3DE,MAAAA,SAAS,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAC9B,IAAA,IAAAG,UAAA,GAA4BnB,cAAQ,CAAqB,EAAE,CAAC;MAAAoB,UAAA,GAAAlB,uCAAA,CAAAiB,UAAA,EAAA,CAAA,CAAA;AAArDE,MAAAA,MAAM,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACxB,IAAA,IAAAG,UAAA,GAAsCvB,cAAQ,CAACqB,MAAM,CAAC;MAAAG,UAAA,GAAAtB,uCAAA,CAAAqB,UAAA,EAAA,CAAA,CAAA;AAA/CE,MAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;;AAElC;AACA,IAAA,IAAMG,kBAAkB,GAAA,CAAAnE,kBAAA,GAAG6C,SAAS,CAACuB,OAAO,MAAA,IAAA,IAAApE,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,kBAAA,CAAmBqE,WAAW,CAAA;;AAEzD;AACA;AACA;AACAC,IAAAA,mCAAiB,CAAC,YAAM;AACpBxC,MAAAA,WAAW,EAAE,CAAA;AACjB,KAAC,EAAE,CAACpB,IAAI,EAAEC,IAAI,CAAC,CAAC,CAAA;AAEhB4D,IAAAA,eAAS,CAAC,YAAM;MACZ,IAAInE,QAAQ,IAAID,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;AAEAuD,MAAAA,YAAY,CAACrC,YAAY,IAAIF,MAAM,CAAC,CAAA;KACvC,EAAE,CAACA,MAAM,EAAEE,YAAY,EAAEjB,QAAQ,EAAED,QAAQ,CAAC,CAAC,CAAA;AAE9CoE,IAAAA,eAAS,CAAC,YAAM;AACZ;MACA,IAAIlD,YAAY,IAAIF,MAAM,EAAE;QACxB+C,cAAc,CAAC,EAAE,CAAC,CAAA;AACtB,OAAA;KACH,EAAE,EAAE,CAAC,CAAA;IAEN,IAAMM,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,SAAkB,EAAEC,KAAmC,EAAK;MAC/E,IAAItE,QAAQ,IAAID,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;;AAEA;MACA,IAAI,CAACsD,SAAS,EAAE;QACZS,cAAc,CAAC,EAAE,CAAC,CAAA;AACtB,OAAA;AAEA,MAAA,IAAI1C,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAACH,YAAY,IAAIoD,SAAS,EAAEC,KAAK,CAAC,CAAA;AAE1C,QAAA,OAAA;AACJ,OAAA;AAEAhB,MAAAA,YAAY,CAACrC,YAAY,IAAIoD,SAAS,CAAC,CAAA;KAC1C,CAAA;AAED,IAAA,IAAME,oBAAoB,GAAG7B,YAAM,CAAC,IAAI,CAAC,CAAA;IAEzC,IAAM8B,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAiB,EAAEH,KAAmC,EAAK;AAAA,MAAA,IAAAI,oBAAA,CAAA;AAC5E,MAAA,IACsBC,QAAQ,GAC1BF,IAAI,CADJG,OAAO,CAAI3C,KAAK,CAAA;AAGpB,MAAA,IAAIV,IAAI,CAACS,SAAS,KAAK,UAAU,EAAE;AAAA,QAAA,IAAA6C,mBAAA,CAAA;AAC/B,QAAA,IAAMC,YAAW,GAAGC,oBAAc,CAACxD,IAAI,CAACU,KAAK,EAAE0C,QAAQ,EAAEpD,IAAI,CAACS,SAAS,CAAC,CAAA;AACxE,QAAA,CAAA6C,mBAAA,GAAAtD,IAAI,CAACyD,aAAa,MAAAH,IAAAA,IAAAA,mBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,mBAAA,CAAAI,IAAA,CAAA1D,IAAI,EAAiBuD,YAAW,CAAC,CAAA;AAEjC,QAAA,OAAA;AACJ,OAAA;MAEA,IAAMA,WAAW,GAAGC,oBAAc,CAACxD,IAAI,CAACU,KAAK,EAAE0C,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAElE,MAAA,CAAAD,oBAAA,GAAAnD,IAAI,CAACyD,aAAa,MAAAN,IAAAA,IAAAA,oBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAAO,IAAA,CAAA1D,IAAI,EAAiBuD,WAAW,CAAC,CAAA;MAEjCV,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,IAAbA,aAAa,CAAGnD,YAAY,IAAI,KAAK,EAAEqD,KAAK,CAAC,CAAA;MAE7CC,oBAAoB,CAACP,OAAO,GAAG,KAAK,CAAA;KACvC,CAAA;AAED,IAAA,IAAMkB,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIZ,KAAuC,EAAK;AACrE;MACAA,KAAK,CAACa,eAAe,EAAE,CAAA;AAEvB,MAAA,IAAMV,IAAI,GAAGH,KAAK,CAACc,aAA4B,CAAA;AAE/CZ,MAAAA,WAAW,CAACC,IAAI,EAAEH,KAAK,CAAC,CAAA;KAC3B,CAAA;AAED,IAAA,IAAMe,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIV,QAAwC,EAAK;AAAA,MAAA,IAAAW,oBAAA,CAAA;AACpE,MAAA,IAAI/D,IAAI,CAACS,SAAS,KAAK,UAAU,EAAE;AAC/B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,CAAAsD,oBAAA,GAAA/D,IAAI,CAACyD,aAAa,MAAAM,IAAAA,IAAAA,oBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAAL,IAAA,CAAA1D,IAAI,EAAiBoD,QAAQ,CAAC,CAAA;KACjC,CAAA;IAED,IAAAY,iBAAA,GAA6CC,iCAAgB,CAAC;AAC1DvC,QAAAA,cAAc,EAAdA,cAAc;AACdlC,QAAAA,MAAM,EAAEsC,SAAS;AACjBxC,QAAAA,eAAe,EAAfA,eAAe;AACfmB,QAAAA,SAAS,EAATA,SAAS;AACTyD,QAAAA,aAAa,EAAE,UAAU;AACzBxD,QAAAA,KAAK,EAALA,KAAK;AACLwB,QAAAA,MAAM,EAAEI,WAAW;AACnB6B,QAAAA,YAAY,EAAEtB,aAAa;AAC3BI,QAAAA,WAAW,EAAXA,WAAAA;AACJ,OAAC,CAAC;MAVMmB,eAAe,GAAAJ,iBAAA,CAAfI,eAAe;MAAEC,eAAe,GAAAL,iBAAA,CAAfK,eAAe,CAAA;AAYxC,IAAA,IAAMC,aAAa,GAAGC,cAAQ,CAACC,OAAO,CAAC3F,QAAQ,CAAyB,CAAA;AAExE,IAAA,IAAM4F,YAAY,GAAGC,iBAAW,CAC5BJ,aAAa,EACb;AAAEK,MAAAA,OAAO,EAAEhB,mBAAmB;AAAEiB,MAAAA,YAAY,EAAEtD,SAAAA;KAAW,EACzDZ,KAAK,EACL4B,WAAW,EACXvC,cACJ,CAAC,CAAC8E,MAAM,CAACC,OAAO,CAAC,CAAA;AAEjB,IAAA,IAAMC,MAAM,GAAGC,eAAS,CAACV,aAAa,EAAE5D,KAAK,CAAC,CAAA;IAE9C,IAAMuE,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,SAAkB,EAAEC,SAAmB,EAAK;MAC1DhD,SAAS,CAAC+C,SAAS,CAAC,CAAA;MACpB3C,cAAc,CAAC2C,SAAS,CAAC,CAAA;MACzBnD,YAAY,CAACoD,SAAS,KAATA,IAAAA,IAAAA,SAAS,cAATA,SAAS,GAAI,IAAI,CAAC,CAAA;KAClC,CAAA;AAED,IAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIrC,KAA4C,EAAK;AACtEjD,MAAAA,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,IAATA,SAAS,CAAGiD,KAAK,CAAC,CAAA;MAClBqB,eAAe,CAACrB,KAAK,CAAC,CAAA;KACzB,CAAA;AAEDH,IAAAA,eAAS,CAAC,YAAM;AACZ,MAAA,IAAIlD,YAAY,IAAIM,IAAI,CAACS,SAAS,KAAK,QAAQ,EAAE;AAC7C0B,QAAAA,SAAS,CAACkD,MAAM,CAAC3E,KAAK,CAAC,CAAC,CAAA;AAC5B,OAAA;AACJ,KAAC,EAAE,CAACA,KAAK,EAAEhB,YAAY,CAAC,CAAC,CAAA;AAEzB,IAAA,oBACI4F,sBAAA,CAAAC,aAAA,CAACC,0BAAU,EAAA;AAACxE,MAAAA,GAAG,EAAEK,WAAAA;AAAY,KAAA,eACzBiE,sBAAA,CAAAC,aAAA,CAACE,kCAAkB,EAAA;AACf,MAAA,cAAA,EAAa,OAAO;AACpB,MAAA,aAAA,EAAY,MAAM;AAClB,MAAA,eAAA,EAAejH,QAAS;MACxBkH,QAAQ,EAAE,CAAC,CAAE;AACbnH,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXoC,MAAAA,KAAK,EAAAiF,EAAAA,CAAAA,MAAA,CAAKjF,KAAK,CAAG;MAClBjC,QAAQ,EAAEA,QAAQ,IAAID,QAAAA;AAAS,KAClC,CAAC,eACF8G,sBAAA,CAAAC,aAAA,CAACK,6BAAa,EAAA;AACV9G,MAAAA,IAAI,EAAEA,IAAK;AACXU,MAAAA,MAAM,EAAEsC,SAAU;AAClBjC,MAAAA,QAAQ,EAAEgD,aAAc;AACxBgD,MAAAA,MAAM,eACFP,sBAAA,CAAAC,aAAA,CAACO,6BAAc,EAAAC,iCAAA,CAAA;AACXvG,QAAAA,MAAM,EAAEsC,SAAU;AAClBiD,QAAAA,MAAM,EAAEA,MAAO;AACfrG,QAAAA,KAAK,EAAEA,KAAM;AACbC,QAAAA,WAAW,EAAEA,WAAY;AACzBuD,QAAAA,MAAM,EAAEA,MAAO;AACf5C,QAAAA,eAAe,EAAEA,eAAgB;AACjCmB,QAAAA,SAAS,EAAEA,SAAU;AACrBjC,QAAAA,QAAQ,EAAEA,QAAS;AACnBC,QAAAA,QAAQ,EAAEA,QAAS;AACnBO,QAAAA,IAAI,EAAEA,IAAK;AACXgE,QAAAA,oBAAoB,EAAEA,oBAAqB;AAC3ChC,QAAAA,GAAG,EAAEQ,SAAU;AACfJ,QAAAA,SAAS,EAAEA,SAAU;AACrBG,QAAAA,QAAQ,EAAEA,QAAS;AACnB3C,QAAAA,EAAE,EAAE2B,OAAQ;AACZyF,QAAAA,QAAQ,EAAElC,iBAAkB;AAC5BmB,QAAAA,QAAQ,EAAEA,QAAS;AACnBnF,QAAAA,SAAS,EAAEsF,eAAAA;OACPpF,EAAAA,IAAI,CACX,CACJ;AACDiG,MAAAA,SAAS,EAAEC,UAAE,CAAClF,GAAG,aAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAEmF,SAAS,CAACC,QAAQ,EAAE,CAAE;AAAC;AAC1CxH,MAAAA,EAAE,EAAE2B,OAAQ;AACZI,MAAAA,MAAM,EAAEA,MAAO;AACff,MAAAA,SAAS,EAAEyG,iCAAa,CAACzG,SAAS,CAAE;AACpCV,MAAAA,SAAS,EAAEA,SAAU;AACrBoH,MAAAA,WAAW,EAAE9D,kBAAmB;AAChCvD,MAAAA,KAAK,EAAEA,KAAM;AACbsH,MAAAA,OAAO,EAAC,OAAO;AACfC,MAAAA,cAAc,EAAE,KAAM;AACtBC,MAAAA,eAAe,EAAE,KAAM;AACvBC,MAAAA,UAAU,EAAE,KAAM;MAClBC,mBAAmB,EAAA,IAAA;AAAA,KAAA,eAEnBrB,sBAAA,CAAAC,aAAA,CAACtH,IAAI,EAAA;AAAC+C,MAAAA,GAAG,EAAEC,MAAO;AAAClC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,eACtCsG,sBAAA,CAAAC,aAAA,CAACqB,8BAAc,EAAA;AAAC9G,MAAAA,SAAS,EAAEuE,eAAAA;AAAgB,KAAA,EACtCI,YAAY,CAACoC,MAAM,GAChBpC,YAAY,gBAEZa,sBAAA,CAAAC,aAAA,CAACuB,oCAAoB,EAAE1H,IAAAA,EAAAA,qBAA4C,CAE3D,CACd,CACK,CACP,CAAC,CAAA;AAErB,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM2H,cAAc,GAAG;AAC1BzI,EAAAA,IAAI,EAAE,UAAU;AAChB0I,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEjJ,YAAY;AACpBkJ,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRpI,IAAAA,IAAI,EAAE;AACFqI,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDrI,IAAAA,IAAI,EAAE;AACFoI,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxI,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxOld/Combobox.tsx"],"sourcesContent":["import React, { Children, forwardRef, useEffect, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { useDidMountEffect, useForceUpdate } from '../../../hooks';\n\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { useKeyNavigation } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { ComboboxTarget } from './ui';\nimport { ComboboxItemNotFound, StyledPopover, StyledRoot, StyledCombobox, StyledNativeSelect } from './Combobox.styles';\nimport type { ComboboxPrimitiveValue, ComboboxProps } from './Combobox.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, ComboboxProps>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>(\n        (\n            {\n                name,\n                form,\n                readOnly,\n                disabled,\n                label,\n                placeholder,\n                id,\n                children,\n                role,\n                view,\n                size,\n                frame,\n                usePortal,\n                negativeResultContent = 'Элементы не найдены',\n                enumerationType = 'comma',\n                opened = false,\n                alwaysOpened = false,\n                placement = 'bottom',\n                onToggle,\n                onKeyDown,\n                filterFunction,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const forceUpdate = useForceUpdate();\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const { valueType = 'single', value } = rest;\n            const offset = [0, 4] as [number, number];\n\n            const [ref, setRef] = useState<HTMLInputElement | null>(null);\n\n            const targetRef = useRef<HTMLInputElement>(null);\n            const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n            const comboboxRef = useRef<HTMLDivElement>(null);\n            const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n            const inputRef = useRef<HTMLInputElement>(null);\n            const handleRef = useForkRef<HTMLInputElement>(targetRef, outerRootRef);\n            const controlledRefs = { targetRef, chipsRefs, selectRef: comboboxRef, itemsRefs, inputRef };\n\n            const [isVisible, setIsVisible] = useState(alwaysOpened || opened);\n            const [search, setSearch] = useState<string | undefined>('');\n            const [filterValue, setFilterValue] = useState(search);\n\n            // INFO: нужно высчитывать для корректной работы портала\n            const dynamicTargetWidth = targetRef.current?.offsetWidth;\n\n            // INFO: Из-за того, что классы передаются через ref,\n            // состояние пропсов после изменения view, size\n            // всегда предыдущее, поэтому нужно делать форс-ререндер\n            useDidMountEffect(() => {\n                forceUpdate();\n            }, [view, size]);\n\n            useEffect(() => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                setIsVisible(alwaysOpened || opened);\n            }, [opened, alwaysOpened, disabled, readOnly]);\n\n            useEffect(() => {\n                // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n                if (alwaysOpened || opened) {\n                    setFilterValue('');\n                }\n            }, []);\n\n            const onInnerToggle = (openValue: boolean, event: React.SyntheticEvent | Event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n                if (!isVisible) {\n                    setFilterValue('');\n                }\n\n                if (onToggle) {\n                    onToggle(alwaysOpened || openValue, event);\n\n                    return;\n                }\n\n                setIsVisible(alwaysOpened || openValue);\n            };\n\n            const closedWithoutChanges = useRef(true);\n\n            const updateValue = (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n                const {\n                    dataset: { value: newValue },\n                } = item;\n\n                if (rest.valueType === 'multiple') {\n                    const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n                    rest.onChangeValue?.(newSelected);\n\n                    return;\n                }\n\n                const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n                rest.onChangeValue?.(newSelected);\n\n                onInnerToggle?.(alwaysOpened || false, event);\n\n                closedWithoutChanges.current = false;\n            };\n\n            const onClickChildrenItem = (event: React.MouseEvent<HTMLDivElement>) => {\n                // INFO: Для корректной работы компонента Popper\n                event.stopPropagation();\n\n                const item = event.currentTarget as HTMLElement;\n\n                updateValue(item, event);\n            };\n\n            const onChangeChipValue = (newValue?: Array<ComboboxPrimitiveValue>) => {\n                if (rest.valueType !== 'multiple') {\n                    return;\n                }\n\n                rest.onChangeValue?.(newValue);\n            };\n\n            const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n                controlledRefs,\n                opened: isVisible,\n                enumerationType,\n                valueType,\n                componentType: 'combobox',\n                value,\n                search: filterValue,\n                updateOpened: onInnerToggle,\n                updateValue,\n            });\n\n            const childrenArray = Children.toArray(children) as React.ReactElement[];\n\n            const childrenMemo = getChildren(\n                childrenArray,\n                { onClick: onClickChildrenItem, childrenRefs: itemsRefs },\n                value,\n                filterValue,\n                filterFunction,\n            ).filter(Boolean);\n\n            const values = getValues(childrenArray, value);\n\n            const onSearch = (newSearch?: string, newOpened?: boolean) => {\n                setSearch(newSearch);\n                setFilterValue(newSearch);\n                setIsVisible(newOpened ?? true);\n            };\n\n            const onKeyDownHandle = (event: React.KeyboardEvent<HTMLInputElement>) => {\n                onKeyDown?.(event);\n                onKeyDownTarget(event);\n            };\n\n            useEffect(() => {\n                if (alwaysOpened && rest.valueType === 'single') {\n                    setSearch(String(value));\n                }\n            }, [value, alwaysOpened]);\n\n            return (\n                <StyledRoot ref={comboboxRef}>\n                    <StyledNativeSelect\n                        aria-invalid=\"false\"\n                        aria-hidden=\"true\"\n                        aria-readonly={readOnly}\n                        tabIndex={-1}\n                        form={form}\n                        name={name}\n                        value={`${value}`}\n                        disabled={disabled || readOnly}\n                    />\n                    <StyledPopover\n                        role={role}\n                        opened={isVisible}\n                        onToggle={onInnerToggle}\n                        target={\n                            <ComboboxTarget\n                                opened={isVisible}\n                                values={values}\n                                label={label}\n                                placeholder={placeholder}\n                                search={search}\n                                enumerationType={enumerationType}\n                                valueType={valueType}\n                                readOnly={readOnly}\n                                disabled={disabled}\n                                size={size}\n                                closedWithoutChanges={closedWithoutChanges}\n                                ref={handleRef}\n                                chipsRefs={chipsRefs}\n                                inputRef={inputRef}\n                                id={innerId}\n                                onChange={onChangeChipValue}\n                                onSearch={onSearch}\n                                onKeyDown={onKeyDownHandle}\n                                {...rest}\n                            />\n                        }\n                        className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n                        id={innerId}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        usePortal={usePortal}\n                        selectWidth={dynamicTargetWidth}\n                        frame={frame}\n                        trigger=\"click\"\n                        isFocusTrapped={false}\n                        preventOverflow={false}\n                        closeOnEsc={false}\n                        closeOnOverlayClick\n                    >\n                        <Root ref={setRef} view={view} size={size}>\n                            <StyledCombobox onKeyDown={onKeyDownSelect}>\n                                {childrenMemo.length ? (\n                                    childrenMemo\n                                ) : (\n                                    <ComboboxItemNotFound>{negativeResultContent}</ComboboxItemNotFound>\n                                )}\n                            </StyledCombobox>\n                        </Root>\n                    </StyledPopover>\n                </StyledRoot>\n            );\n        },\n    );\n\nexport const comboboxConfig = {\n    name: 'Combobox',\n    tag: 'div',\n    layout: comboboxRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["comboboxRoot","Root","forwardRef","name","form","readOnly","disabled","label","placeholder","id","children","role","view","size","frame","usePortal","negativeResultContent","enumerationType","opened","alwaysOpened","placement","onToggle","onKeyDown","filterFunction","rest","outerRootRef","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","valueType","value","offset","ref","setRef","useState","targetRef","useRef","chipsRefs","comboboxRef","itemsRefs","inputRef","handleRef","useForkRef","controlledRefs","selectRef","isVisible","setIsVisible","search","setSearch","filterValue","setFilterValue","dynamicTargetWidth","current","offsetWidth","useDidMountEffect","useEffect","onInnerToggle","openValue","event","closedWithoutChanges","updateValue","item","dataset","newValue","newSelected","getNewSelected","onChangeValue","onClickChildrenItem","stopPropagation","currentTarget","onChangeChipValue","onKeyDownTarget","onKeyDownSelect","useKeyNavigation","componentType","updateOpened","childrenArray","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","filter","Boolean","values","getValues","onSearch","newSearch","newOpened","onKeyDownHandle","String","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","StyledPopover","target","ComboboxTarget","_extends","onChange","className","cx","classList","toString","getPlacements","selectWidth","trigger","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","StyledCombobox","length","ComboboxItemNotFound","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js

@@ -7,45 +7,40 @@ var react = require('@linaria/react');
 var common = require('../../../engines/common.js');
 var Popover$1 = require('../../Popover/Popover.js');
 
-var StyledRoot = /*#__PURE__*/react.styled('div')({
+const StyledRoot = /*#__PURE__*/react.styled('div')({
   name: "StyledRoot",
-  "class": "s155vzec",
+  class: "s155vzec",
   propsAsIs: false
 });
-var StyledCombobox = /*#__PURE__*/react.styled('div')({
+const StyledCombobox = /*#__PURE__*/react.styled('div')({
   name: "StyledCombobox",
-  "class": "syubz70",
+  class: "syubz70",
   propsAsIs: false
 });
 
 // issue #823
-var Popover = /*#__PURE__*/common.component(Popover$1.popoverConfig);
-var _exp11 = function _exp11() {
-  return Popover;
-};
-var _exp14 = function _exp14() {
-  return function (_ref) {
-    var usePortal = _ref.usePortal,
-      selectWidth = _ref.selectWidth;
-    return usePortal ? "".concat(selectWidth, "px") : '100%';
-  };
-};
-var StyledPopover = /*#__PURE__*/react.styled(_exp11())({
+const Popover = common.component(Popover$1.popoverConfig);
+const _exp11 = /*#__PURE__*/() => Popover;
+const _exp14 = /*#__PURE__*/() => ({
+  usePortal,
+  selectWidth
+}) => usePortal ? `${selectWidth}px` : '100%';
+const StyledPopover = /*#__PURE__*/react.styled(_exp11())({
   name: "StyledPopover",
-  "class": "s1xxca8x",
+  class: "s1xxca8x",
   propsAsIs: true,
   vars: {
-    "s1xxca8x-0": [/*#__PURE__*/_exp14()]
+    "s1xxca8x-0": [_exp14()]
   }
 });
-var ComboboxItemNotFound = /*#__PURE__*/react.styled('div')({
+const ComboboxItemNotFound = /*#__PURE__*/react.styled('div')({
   name: "ComboboxItemNotFound",
-  "class": "cy0lf2m",
+  class: "cy0lf2m",
   propsAsIs: false
 });
-var StyledNativeSelect = /*#__PURE__*/react.styled('select')({
+const StyledNativeSelect = /*#__PURE__*/react.styled('select')({
   name: "StyledNativeSelect",
-  "class": "s17mf58p",
+  class: "s17mf58p",
   propsAsIs: false
 });
 

package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.styles.js","sources":["../../../../src/components/Combobox/ComboboxOld/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../../engines';\nimport { popoverClasses, popoverConfig } from '../../Popover';\n\nimport { tokens } from './Combobox.tokens';\n\nexport const StyledRoot = styled.div`\n    width: 100%;\n    position: relative;\n\n    & .${popoverClasses.wrapper} {\n        display: block;\n    }\n`;\n\nexport const StyledCombobox = styled.div`\n    box-sizing: border-box;\n\n    background: var(${tokens.background});\n    box-shadow: var(${tokens.boxShadow});\n\n    border-radius: var(${tokens.borderRadius});\n    width: var(${tokens.width});\n    height: var(${tokens.height});\n\n    padding: var(${tokens.paddingTop}) var(${tokens.paddingRight}) var(${tokens.paddingBottom})\n        var(${tokens.paddingLeft});\n`;\n\n// issue #823\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ selectWidth?: number }>`\n    display: block;\n\n    .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n        width: ${({ usePortal, selectWidth }) => (usePortal ? `${selectWidth}px` : '100%')};\n    }\n`;\n\nexport const ComboboxItemNotFound = styled.div`\n    text-align: center;\n    padding: 0.5rem;\n\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeightBold});\n    letter-spacing: var(${tokens.itemFontLetterSpacing});\n    line-height: var(${tokens.itemFontLineHeight});\n`;\n\nexport const StyledNativeSelect = styled.select`\n    display: none;\n    appearance: none;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    background: transparent;\n    color: transparent;\n    border: none;\n    outline: none;\n    opacity: 0;\n    position: absolute;\n    inset: 0;\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledCombobox","Popover","component","popoverConfig","_exp11","_exp14","_ref","usePortal","selectWidth","concat","StyledPopover","vars","ComboboxItemNotFound","StyledNativeSelect"],"mappings":";;;;;;;;AAOO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYnC,EAAA;;AAED;AACA,IAAME,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,MAAA,GA9BvBA,SA8BuBA,MAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,MAAA,GAhCzBA,SAgCyBA,MAAAA,GAAA;AAAA,EAAA,OAI1B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;MAAEC,WAAAA,GAAAA,IAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OAAmBD,SAAS,GAAAE,EAAAA,CAAAA,MAAA,CAAMD,WAAW,UAAO,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJnF,IAAME,aAAa,gBAAGd,YAAM,CAAAQ,MAAA,EAAA,CAAA,CAAA;AAAAP,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAY,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAIlBN,MAAyE,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzF,EAAA;AAEM,IAAMO,oBAAoB,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUzC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYvC;;;;;;;;"}
+{"version":3,"file":"Combobox.styles.js","sources":["../../../../src/components/Combobox/ComboboxOld/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../../engines';\nimport { popoverClasses, popoverConfig } from '../../Popover';\n\nimport { tokens } from './Combobox.tokens';\n\nexport const StyledRoot = styled.div`\n    width: 100%;\n    position: relative;\n\n    & .${popoverClasses.wrapper} {\n        display: block;\n    }\n`;\n\nexport const StyledCombobox = styled.div`\n    box-sizing: border-box;\n\n    background: var(${tokens.background});\n    box-shadow: var(${tokens.boxShadow});\n\n    border-radius: var(${tokens.borderRadius});\n    width: var(${tokens.width});\n    height: var(${tokens.height});\n\n    padding: var(${tokens.paddingTop}) var(${tokens.paddingRight}) var(${tokens.paddingBottom})\n        var(${tokens.paddingLeft});\n`;\n\n// issue #823\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ selectWidth?: number }>`\n    display: block;\n\n    .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n        width: ${({ usePortal, selectWidth }) => (usePortal ? `${selectWidth}px` : '100%')};\n    }\n`;\n\nexport const ComboboxItemNotFound = styled.div`\n    text-align: center;\n    padding: 0.5rem;\n\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeightBold});\n    letter-spacing: var(${tokens.itemFontLetterSpacing});\n    line-height: var(${tokens.itemFontLineHeight});\n`;\n\nexport const StyledNativeSelect = styled.select`\n    display: none;\n    appearance: none;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    background: transparent;\n    color: transparent;\n    border: none;\n    outline: none;\n    opacity: 0;\n    position: absolute;\n    inset: 0;\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledCombobox","Popover","component","popoverConfig","_exp11","_exp14","usePortal","selectWidth","StyledPopover","vars","ComboboxItemNotFound","StyledNativeSelect"],"mappings":";;;;;;;;AAOO,MAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B,EAAA;AAEM,MAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYnC,EAAA;;AAED;AACA,MAAME,OAAO,GAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,MAAAC,MAAA,gBA9BvBA,MAgCkBH,OAAO,CAAA;AAAA,MAAAI,MAAA,gBAhCzBA,MAoCD,CAAC;EAAEC,SAAS;AAAEC,EAAAA,WAAAA;AAAY,CAAC,KAAMD,SAAS,GAAG,GAAGC,WAAW,CAAA,EAAA,CAAI,GAAG,MAAO,CAAA;AAJnF,MAAMC,aAAa,gBAAGZ,YAAM,CAAAQ,MAAA,EAAA,CAAA,CAAA;AAAAP,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAU,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,CAIlBJ,MAAyE,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzF,EAAA;AAEM,MAAMK,oBAAoB,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUzC,EAAA;AAEM,MAAMY,kBAAkB,gBAAGf,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYvC;;;;;;;;"}