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

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

@@ -15,107 +15,90 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["values", "search", "label", "placeholder", "opened", "readOnly", "disabled", "enumerationType", "valueType", "size", "closedWithoutChanges", "id", "chipsRefs", "inputRef", "onChange", "onSearch", "onKeyDown"];
-var hasChips = Combobox_tokens.classes.hasChips,
-  innerLabelUp = Combobox_tokens.classes.innerLabelUp,
-  arrowInverse = Combobox_tokens.classes.arrowInverse,
-  comboboxTargetArrow = Combobox_tokens.classes.comboboxTargetArrow,
-  comboboxTargeText = Combobox_tokens.classes.comboboxTargeText,
-  comboboxTargetInput = Combobox_tokens.classes.comboboxTargetInput,
-  comboboxTargetLabel = Combobox_tokens.classes.comboboxTargetLabel;
+const {
+  hasChips,
+  innerLabelUp,
+  arrowInverse,
+  comboboxTargetArrow,
+  comboboxTargeText,
+  comboboxTargetInput,
+  comboboxTargetLabel
+} = Combobox_tokens.classes;
 
 /**
  * Элемент для выпадающего списка
  */
-var ComboboxTarget = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var values = _ref.values,
-    search = _ref.search,
-    label = _ref.label,
-    placeholder = _ref.placeholder,
-    opened = _ref.opened,
-    readOnly = _ref.readOnly,
-    disabled = _ref.disabled,
-    enumerationType = _ref.enumerationType,
-    valueType = _ref.valueType,
-    size = _ref.size,
-    closedWithoutChanges = _ref.closedWithoutChanges,
-    id = _ref.id,
-    chipsRefs = _ref.chipsRefs,
-    inputRef = _ref.inputRef,
-    onChange = _ref.onChange,
-    onSearch = _ref.onSearch,
-    onKeyDown = _ref.onKeyDown,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var contentRef = React.useRef(null);
-  var inputHelperRef = React.useRef(null);
-  var _useState = React.useState(false),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    focused = _useState2[0],
-    setFocused = _useState2[1];
-  var controlledRefs = {
-    contentRef: contentRef,
-    inputHelperRef: inputHelperRef,
-    inputRef: inputRef
+const ComboboxTarget = /*#__PURE__*/React.forwardRef(({
+  values,
+  search,
+  label,
+  placeholder,
+  opened,
+  readOnly,
+  disabled,
+  enumerationType,
+  valueType,
+  size,
+  closedWithoutChanges,
+  id,
+  chipsRefs,
+  inputRef,
+  onChange,
+  onSearch,
+  onKeyDown,
+  ...rest
+}, ref) => {
+  const contentRef = React.useRef(null);
+  const inputHelperRef = React.useRef(null);
+  const [focused, setFocused] = React.useState(false);
+  const controlledRefs = {
+    contentRef,
+    inputHelperRef,
+    inputRef
   };
-  var textContent = values === null || values === void 0 ? void 0 : values.map(function (_ref2) {
-    var _ref3 = _rollupPluginBabelHelpers.slicedToArray(_ref2, 2),
-      text = _ref3[1];
-    return text;
-  }).join(', ');
-  var hasValue = values === null || values === void 0 ? void 0 : values.some(function (_ref4) {
-    var _ref5 = _rollupPluginBabelHelpers.slicedToArray(_ref4, 1),
-      value = _ref5[0];
-    return value;
+  const textContent = values?.map(([, text]) => text).join(', ');
+  const hasValue = values?.some(([value]) => value);
+  const isEnumerationComma = enumerationType === 'comma';
+  const isExtraSmall = size === 'xs';
+  const isInputNotEmpty = hasValue || search;
+  const isInputActive = !hasValue && (opened || focused && !readOnly);
+  const hasLabel = label && !isExtraSmall && isEnumerationComma;
+  const hasOnlyLabel = !placeholder || label;
+  const hasNoAnyTip = !placeholder && !label;
+  const placeholderValue = !label && !hasValue || isExtraSmall ? placeholder : undefined;
+  const withInnerLabelUp = !isExtraSmall && !hasNoAnyTip && hasOnlyLabel && (isInputActive || hasLabel && isInputNotEmpty) ? innerLabelUp : undefined;
+  const withArrowInverse = opened ? arrowInverse : undefined;
+  const withHasChips = hasValue && enumerationType === 'chip' ? hasChips : undefined;
+  const isLabelVisible = !hasValue && !isExtraSmall || hasLabel;
+  const isEnumerationVisible = hasValue && valueType !== 'single';
+  const onChipClick = event => event.stopPropagation();
+  const {
+    onClickText,
+    onFocusInput,
+    onBlurInput
+  } = useFocusController.useFocusController({
+    controlledRefs,
+    opened,
+    hasValue,
+    textContent,
+    search,
+    values,
+    valueType,
+    readOnly,
+    closedWithoutChanges,
+    updateFocused: setFocused,
+    updateSearch: onSearch,
+    onChipClick
   });
-  var isEnumerationComma = enumerationType === 'comma';
-  var isExtraSmall = size === 'xs';
-  var isInputNotEmpty = hasValue || search;
-  var isInputActive = !hasValue && (opened || focused && !readOnly);
-  var hasLabel = label && !isExtraSmall && isEnumerationComma;
-  var hasOnlyLabel = !placeholder || label;
-  var hasNoAnyTip = !placeholder && !label;
-  var placeholderValue = !label && !hasValue || isExtraSmall ? placeholder : undefined;
-  var withInnerLabelUp = !isExtraSmall && !hasNoAnyTip && hasOnlyLabel && (isInputActive || hasLabel && isInputNotEmpty) ? innerLabelUp : undefined;
-  var withArrowInverse = opened ? arrowInverse : undefined;
-  var withHasChips = hasValue && enumerationType === 'chip' ? hasChips : undefined;
-  var isLabelVisible = !hasValue && !isExtraSmall || hasLabel;
-  var isEnumerationVisible = hasValue && valueType !== 'single';
-  var onChipClick = function onChipClick(event) {
-    return event.stopPropagation();
+  const onChipClear = (value, text, index) => {
+    const newValue = values?.filter(([itemValue, itemText]) => !(itemValue === value && itemText === text)).map(([itemValue]) => itemValue);
+    chipsRefs?.current.splice(index, 1);
+    onChange?.(newValue);
   };
-  var _useFocusController = useFocusController.useFocusController({
-      controlledRefs: controlledRefs,
-      opened: opened,
-      hasValue: hasValue,
-      textContent: textContent,
-      search: search,
-      values: values,
-      valueType: valueType,
-      readOnly: readOnly,
-      closedWithoutChanges: closedWithoutChanges,
-      updateFocused: setFocused,
-      updateSearch: onSearch,
-      onChipClick: onChipClick
-    }),
-    onClickText = _useFocusController.onClickText,
-    onFocusInput = _useFocusController.onFocusInput,
-    onBlurInput = _useFocusController.onBlurInput;
-  var onChipClear = function onChipClear(value, text, index) {
-    var newValue = values === null || values === void 0 ? void 0 : values.filter(function (_ref6) {
-      var _ref7 = _rollupPluginBabelHelpers.slicedToArray(_ref6, 2),
-        itemValue = _ref7[0],
-        itemText = _ref7[1];
-      return !(itemValue === value && itemText === text);
-    }).map(function (_ref8) {
-      var _ref9 = _rollupPluginBabelHelpers.slicedToArray(_ref8, 1),
-        itemValue = _ref9[0];
-      return itemValue;
-    });
-    chipsRefs === null || chipsRefs === void 0 || chipsRefs.current.splice(index, 1);
-    onChange === null || onChange === void 0 || onChange(newValue);
-  };
-  var onChipKeyDown = function onChipKeyDown(value, text, index, event) {
-    var code = event.code;
+  const onChipKeyDown = (value, text, index, event) => {
+    const {
+      code
+    } = event;
     if (code === useKeyNavigation.Keys.Tab) {
       event.preventDefault();
     }
@@ -123,33 +106,32 @@ var ComboboxTarget = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onChipClear(value, text, index);
     }
   };
-  var onKeyDownInput = function onKeyDownInput(event) {
-    var _event$currentTarget;
-    var code = event.code;
+  const onKeyDownInput = event => {
+    const {
+      code
+    } = event;
     if (opened && code === useKeyNavigation.Keys.Tab) {
       event.preventDefault();
     }
-    if (code === useKeyNavigation.Keys.Backspace && !((_event$currentTarget = event.currentTarget) !== null && _event$currentTarget !== void 0 && _event$currentTarget.value.length)) {
-      var newValue = values === null || values === void 0 ? void 0 : values.map(function (_ref10) {
-        var _ref11 = _rollupPluginBabelHelpers.slicedToArray(_ref10, 1),
-          itemValue = _ref11[0];
-        return itemValue;
-      });
-      newValue === null || newValue === void 0 || newValue.pop();
-      chipsRefs === null || chipsRefs === void 0 || chipsRefs.current.pop();
-      onChange === null || onChange === void 0 || onChange(newValue);
+    if (code === useKeyNavigation.Keys.Backspace && !event.currentTarget?.value.length) {
+      const newValue = values?.map(([itemValue]) => itemValue);
+      newValue?.pop();
+      chipsRefs?.current.pop();
+      onChange?.(newValue);
     }
   };
-  var onChangeInput = function onChangeInput(event) {
-    onSearch === null || onSearch === void 0 || onSearch(event.currentTarget.value);
+  const onChangeInput = event => {
+    onSearch?.(event.currentTarget.value);
   };
-  var onWheel = function onWheel(event) {
-    var deltaY = event.deltaY;
+  const onWheel = event => {
+    const {
+      deltaY
+    } = event;
     if (contentRef.current) {
       contentRef.current.scrollLeft += Math.round(deltaY);
     }
   };
-  var getRef = function getRef(element, index) {
+  const getRef = (element, index) => {
     if (element && chipsRefs && chipsRefs.current) {
       chipsRefs.current[index] = element;
     }
@@ -176,27 +158,18 @@ var ComboboxTarget = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, isEnumerationVisible && (isEnumerationComma ? /*#__PURE__*/React__default.default.createElement(ComboboxTarget_styles.StyledText, {
     className: comboboxTargeText,
     onClick: onClickText
-  }, textContent) : /*#__PURE__*/React__default.default.createElement(ComboboxTarget_styles.StyledChips, null, values === null || values === void 0 ? void 0 : values.map(function (_ref12, index) {
-    var _ref13 = _rollupPluginBabelHelpers.slicedToArray(_ref12, 2),
-      value = _ref13[0],
-      text = _ref13[1];
-    return /*#__PURE__*/React__default.default.createElement(ComboboxChip.ComboboxChip, {
-      index: index,
-      ref: function ref(element) {
-        return getRef(element, index);
-      },
-      key: "".concat(value, "_").concat(text),
-      disabled: disabled,
-      readOnly: readOnly,
-      value: value,
-      text: text,
-      onClear: function onClear(v, t) {
-        return onChipClear(v, t, index);
-      },
-      onClick: onChipClick,
-      onKeyDown: onChipKeyDown
-    });
-  }))), /*#__PURE__*/React__default.default.createElement(ComboboxTarget_styles.StyledComboboxInput, {
+  }, textContent) : /*#__PURE__*/React__default.default.createElement(ComboboxTarget_styles.StyledChips, null, values?.map(([value, text], index) => /*#__PURE__*/React__default.default.createElement(ComboboxChip.ComboboxChip, {
+    index: index,
+    ref: element => getRef(element, index),
+    key: `${value}_${text}`,
+    disabled: disabled,
+    readOnly: readOnly,
+    value: value,
+    text: text,
+    onClear: (v, t) => onChipClear(v, t, index),
+    onClick: onChipClick,
+    onKeyDown: onChipKeyDown
+  })))), /*#__PURE__*/React__default.default.createElement(ComboboxTarget_styles.StyledComboboxInput, {
     ref: inputRef,
     role: "textbox",
     className: comboboxTargetInput,

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTarget.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\n\nimport { classes } from '../../Combobox.tokens';\nimport { cx } from '../../../../../utils';\nimport { ComboboxChip } from '../ComboboxChip/ComboboxChip';\nimport type { ComboboxPrimitiveValue } from '../../Combobox.types';\nimport { useFocusController, Keys } from '../../hooks';\n\nimport {\n    StyledArrow,\n    StyledChips,\n    StyledContent,\n    StyledLabel,\n    StyledComboboxInput,\n    StyledComboboxInputHelper,\n    StyledComboboxTarget,\n    StyledText,\n} from './ComboboxTarget.styles';\nimport type { ComboboxTargetProps } from './ComboboxTarget.types';\n\nconst {\n    hasChips,\n    innerLabelUp,\n    arrowInverse,\n    comboboxTargetArrow,\n    comboboxTargeText,\n    comboboxTargetInput,\n    comboboxTargetLabel,\n} = classes;\n\n/**\n * Элемент для выпадающего списка\n */\nexport const ComboboxTarget = forwardRef<HTMLInputElement, ComboboxTargetProps>(\n    (\n        {\n            values,\n            search,\n            label,\n            placeholder,\n            opened,\n            readOnly,\n            disabled,\n            enumerationType,\n            valueType,\n            size,\n            closedWithoutChanges,\n            id,\n            chipsRefs,\n            inputRef,\n            onChange,\n            onSearch,\n            onKeyDown,\n            ...rest\n        },\n        ref,\n    ) => {\n        const contentRef = useRef<HTMLDivElement>(null);\n        const inputHelperRef = useRef<HTMLDivElement>(null);\n        const [focused, setFocused] = useState(false);\n\n        const controlledRefs = { contentRef, inputHelperRef, inputRef };\n        const textContent = values?.map(([, text]) => text).join(', ');\n        const hasValue = values?.some(([value]) => value);\n\n        const isEnumerationComma = enumerationType === 'comma';\n        const isExtraSmall = size === 'xs';\n        const isInputNotEmpty = hasValue || search;\n        const isInputActive = !hasValue && (opened || (focused && !readOnly));\n        const hasLabel = label && !isExtraSmall && isEnumerationComma;\n        const hasOnlyLabel = !placeholder || label;\n        const hasNoAnyTip = !placeholder && !label;\n        const placeholderValue = (!label && !hasValue) || isExtraSmall ? placeholder : undefined;\n\n        const withInnerLabelUp =\n            !isExtraSmall && !hasNoAnyTip && hasOnlyLabel && (isInputActive || (hasLabel && isInputNotEmpty))\n                ? innerLabelUp\n                : undefined;\n        const withArrowInverse = opened ? arrowInverse : undefined;\n        const withHasChips = hasValue && enumerationType === 'chip' ? hasChips : undefined;\n\n        const isLabelVisible = (!hasValue && !isExtraSmall) || hasLabel;\n        const isEnumerationVisible = hasValue && valueType !== 'single';\n\n        const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n        const { onClickText, onFocusInput, onBlurInput } = useFocusController({\n            controlledRefs,\n            opened,\n            hasValue,\n            textContent,\n            search,\n            values,\n            valueType,\n            readOnly,\n            closedWithoutChanges,\n            updateFocused: setFocused,\n            updateSearch: onSearch,\n            onChipClick,\n        });\n\n        const onChipClear = (value: ComboboxPrimitiveValue, text: ComboboxPrimitiveValue, index: number) => {\n            const newValue = values\n                ?.filter(([itemValue, itemText]) => !(itemValue === value && itemText === text))\n                .map(([itemValue]) => itemValue);\n\n            chipsRefs?.current.splice(index, 1);\n            onChange?.(newValue);\n        };\n\n        const onChipKeyDown = (\n            value: ComboboxPrimitiveValue,\n            text: ComboboxPrimitiveValue,\n            index: number,\n            event: React.KeyboardEvent<HTMLButtonElement>,\n        ) => {\n            const { code } = event;\n\n            if (code === Keys.Tab) {\n                event.preventDefault();\n            }\n\n            if (code === Keys.Backspace) {\n                onChipClear(value, text, index);\n            }\n        };\n\n        const onKeyDownInput = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const { code } = event;\n\n            if (opened && code === Keys.Tab) {\n                event.preventDefault();\n            }\n\n            if (code === Keys.Backspace && !event.currentTarget?.value.length) {\n                const newValue = values?.map(([itemValue]) => itemValue);\n                newValue?.pop();\n                chipsRefs?.current.pop();\n\n                onChange?.(newValue);\n            }\n        };\n\n        const onChangeInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n            onSearch?.(event.currentTarget.value);\n        };\n\n        const onWheel = (event: React.WheelEvent<HTMLDivElement>) => {\n            const { deltaY } = event;\n\n            if (contentRef.current) {\n                contentRef.current.scrollLeft += Math.round(deltaY);\n            }\n        };\n\n        const getRef = (element: HTMLButtonElement | null, index: number) => {\n            if (element && chipsRefs && chipsRefs.current) {\n                chipsRefs.current[index] = element;\n            }\n        };\n\n        // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов\n        if (chipsRefs) {\n            chipsRefs.current = [];\n        }\n\n        return (\n            <StyledComboboxTarget\n                ref={ref}\n                opened={opened}\n                readOnly={readOnly}\n                disabled={disabled}\n                title={textContent}\n                aria-label={label}\n                className={cx(withInnerLabelUp, withHasChips)}\n                onWheel={onWheel}\n                onKeyDown={onKeyDown}\n                {...rest}\n            >\n                <StyledContent tabIndex={-1} ref={contentRef} className={withHasChips}>\n                    {isEnumerationVisible &&\n                        (isEnumerationComma ? (\n                            <StyledText className={comboboxTargeText} onClick={onClickText}>\n                                {textContent}\n                            </StyledText>\n                        ) : (\n                            <StyledChips>\n                                {values?.map(([value, text], index) => (\n                                    <ComboboxChip\n                                        index={index}\n                                        ref={(element) => getRef(element, index)}\n                                        key={`${value}_${text}`}\n                                        disabled={disabled}\n                                        readOnly={readOnly}\n                                        value={value}\n                                        text={text}\n                                        onClear={(v, t) => onChipClear(v, t, index)}\n                                        onClick={onChipClick}\n                                        onKeyDown={onChipKeyDown}\n                                    />\n                                ))}\n                            </StyledChips>\n                        ))}\n                    <StyledComboboxInput\n                        ref={inputRef}\n                        role=\"textbox\"\n                        className={comboboxTargetInput}\n                        value={search}\n                        placeholder={placeholderValue}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        onFocus={onFocusInput}\n                        onBlur={onBlurInput}\n                        onChange={onChangeInput}\n                        onKeyDown={onKeyDownInput}\n                    />\n                    {valueType === 'multiple' && (\n                        <StyledComboboxInputHelper ref={inputHelperRef}>{search}</StyledComboboxInputHelper>\n                    )}\n                </StyledContent>\n                {isLabelVisible && (\n                    <StyledLabel className={comboboxTargetLabel} htmlFor={id}>\n                        {label}\n                    </StyledLabel>\n                )}\n                <StyledArrow size=\"s\" className={cx(comboboxTargetArrow, withArrowInverse)} />\n            </StyledComboboxTarget>\n        );\n    },\n);\n"],"names":["hasChips","classes","innerLabelUp","arrowInverse","comboboxTargetArrow","comboboxTargeText","comboboxTargetInput","comboboxTargetLabel","ComboboxTarget","forwardRef","_ref","ref","values","search","label","placeholder","opened","readOnly","disabled","enumerationType","valueType","size","closedWithoutChanges","id","chipsRefs","inputRef","onChange","onSearch","onKeyDown","rest","_objectWithoutProperties","_excluded","contentRef","useRef","inputHelperRef","_useState","useState","_useState2","_slicedToArray","focused","setFocused","controlledRefs","textContent","map","_ref2","_ref3","text","join","hasValue","some","_ref4","_ref5","value","isEnumerationComma","isExtraSmall","isInputNotEmpty","isInputActive","hasLabel","hasOnlyLabel","hasNoAnyTip","placeholderValue","undefined","withInnerLabelUp","withArrowInverse","withHasChips","isLabelVisible","isEnumerationVisible","onChipClick","event","stopPropagation","_useFocusController","useFocusController","updateFocused","updateSearch","onClickText","onFocusInput","onBlurInput","onChipClear","index","newValue","filter","_ref6","_ref7","itemValue","itemText","_ref8","_ref9","current","splice","onChipKeyDown","code","Keys","Tab","preventDefault","Backspace","onKeyDownInput","_event$currentTarget","currentTarget","length","_ref10","_ref11","pop","onChangeInput","onWheel","deltaY","scrollLeft","Math","round","getRef","element","React","createElement","StyledComboboxTarget","_extends","title","className","cx","StyledContent","tabIndex","StyledText","onClick","StyledChips","_ref12","_ref13","ComboboxChip","key","concat","onClear","v","t","StyledComboboxInput","role","onFocus","onBlur","StyledComboboxInputHelper","StyledLabel","htmlFor","StyledArrow"],"mappings":"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"}
+{"version":3,"file":"ComboboxTarget.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\n\nimport { classes } from '../../Combobox.tokens';\nimport { cx } from '../../../../../utils';\nimport { ComboboxChip } from '../ComboboxChip/ComboboxChip';\nimport type { ComboboxPrimitiveValue } from '../../Combobox.types';\nimport { useFocusController, Keys } from '../../hooks';\n\nimport {\n    StyledArrow,\n    StyledChips,\n    StyledContent,\n    StyledLabel,\n    StyledComboboxInput,\n    StyledComboboxInputHelper,\n    StyledComboboxTarget,\n    StyledText,\n} from './ComboboxTarget.styles';\nimport type { ComboboxTargetProps } from './ComboboxTarget.types';\n\nconst {\n    hasChips,\n    innerLabelUp,\n    arrowInverse,\n    comboboxTargetArrow,\n    comboboxTargeText,\n    comboboxTargetInput,\n    comboboxTargetLabel,\n} = classes;\n\n/**\n * Элемент для выпадающего списка\n */\nexport const ComboboxTarget = forwardRef<HTMLInputElement, ComboboxTargetProps>(\n    (\n        {\n            values,\n            search,\n            label,\n            placeholder,\n            opened,\n            readOnly,\n            disabled,\n            enumerationType,\n            valueType,\n            size,\n            closedWithoutChanges,\n            id,\n            chipsRefs,\n            inputRef,\n            onChange,\n            onSearch,\n            onKeyDown,\n            ...rest\n        },\n        ref,\n    ) => {\n        const contentRef = useRef<HTMLDivElement>(null);\n        const inputHelperRef = useRef<HTMLDivElement>(null);\n        const [focused, setFocused] = useState(false);\n\n        const controlledRefs = { contentRef, inputHelperRef, inputRef };\n        const textContent = values?.map(([, text]) => text).join(', ');\n        const hasValue = values?.some(([value]) => value);\n\n        const isEnumerationComma = enumerationType === 'comma';\n        const isExtraSmall = size === 'xs';\n        const isInputNotEmpty = hasValue || search;\n        const isInputActive = !hasValue && (opened || (focused && !readOnly));\n        const hasLabel = label && !isExtraSmall && isEnumerationComma;\n        const hasOnlyLabel = !placeholder || label;\n        const hasNoAnyTip = !placeholder && !label;\n        const placeholderValue = (!label && !hasValue) || isExtraSmall ? placeholder : undefined;\n\n        const withInnerLabelUp =\n            !isExtraSmall && !hasNoAnyTip && hasOnlyLabel && (isInputActive || (hasLabel && isInputNotEmpty))\n                ? innerLabelUp\n                : undefined;\n        const withArrowInverse = opened ? arrowInverse : undefined;\n        const withHasChips = hasValue && enumerationType === 'chip' ? hasChips : undefined;\n\n        const isLabelVisible = (!hasValue && !isExtraSmall) || hasLabel;\n        const isEnumerationVisible = hasValue && valueType !== 'single';\n\n        const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n        const { onClickText, onFocusInput, onBlurInput } = useFocusController({\n            controlledRefs,\n            opened,\n            hasValue,\n            textContent,\n            search,\n            values,\n            valueType,\n            readOnly,\n            closedWithoutChanges,\n            updateFocused: setFocused,\n            updateSearch: onSearch,\n            onChipClick,\n        });\n\n        const onChipClear = (value: ComboboxPrimitiveValue, text: ComboboxPrimitiveValue, index: number) => {\n            const newValue = values\n                ?.filter(([itemValue, itemText]) => !(itemValue === value && itemText === text))\n                .map(([itemValue]) => itemValue);\n\n            chipsRefs?.current.splice(index, 1);\n            onChange?.(newValue);\n        };\n\n        const onChipKeyDown = (\n            value: ComboboxPrimitiveValue,\n            text: ComboboxPrimitiveValue,\n            index: number,\n            event: React.KeyboardEvent<HTMLButtonElement>,\n        ) => {\n            const { code } = event;\n\n            if (code === Keys.Tab) {\n                event.preventDefault();\n            }\n\n            if (code === Keys.Backspace) {\n                onChipClear(value, text, index);\n            }\n        };\n\n        const onKeyDownInput = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const { code } = event;\n\n            if (opened && code === Keys.Tab) {\n                event.preventDefault();\n            }\n\n            if (code === Keys.Backspace && !event.currentTarget?.value.length) {\n                const newValue = values?.map(([itemValue]) => itemValue);\n                newValue?.pop();\n                chipsRefs?.current.pop();\n\n                onChange?.(newValue);\n            }\n        };\n\n        const onChangeInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n            onSearch?.(event.currentTarget.value);\n        };\n\n        const onWheel = (event: React.WheelEvent<HTMLDivElement>) => {\n            const { deltaY } = event;\n\n            if (contentRef.current) {\n                contentRef.current.scrollLeft += Math.round(deltaY);\n            }\n        };\n\n        const getRef = (element: HTMLButtonElement | null, index: number) => {\n            if (element && chipsRefs && chipsRefs.current) {\n                chipsRefs.current[index] = element;\n            }\n        };\n\n        // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов\n        if (chipsRefs) {\n            chipsRefs.current = [];\n        }\n\n        return (\n            <StyledComboboxTarget\n                ref={ref}\n                opened={opened}\n                readOnly={readOnly}\n                disabled={disabled}\n                title={textContent}\n                aria-label={label}\n                className={cx(withInnerLabelUp, withHasChips)}\n                onWheel={onWheel}\n                onKeyDown={onKeyDown}\n                {...rest}\n            >\n                <StyledContent tabIndex={-1} ref={contentRef} className={withHasChips}>\n                    {isEnumerationVisible &&\n                        (isEnumerationComma ? (\n                            <StyledText className={comboboxTargeText} onClick={onClickText}>\n                                {textContent}\n                            </StyledText>\n                        ) : (\n                            <StyledChips>\n                                {values?.map(([value, text], index) => (\n                                    <ComboboxChip\n                                        index={index}\n                                        ref={(element) => getRef(element, index)}\n                                        key={`${value}_${text}`}\n                                        disabled={disabled}\n                                        readOnly={readOnly}\n                                        value={value}\n                                        text={text}\n                                        onClear={(v, t) => onChipClear(v, t, index)}\n                                        onClick={onChipClick}\n                                        onKeyDown={onChipKeyDown}\n                                    />\n                                ))}\n                            </StyledChips>\n                        ))}\n                    <StyledComboboxInput\n                        ref={inputRef}\n                        role=\"textbox\"\n                        className={comboboxTargetInput}\n                        value={search}\n                        placeholder={placeholderValue}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        onFocus={onFocusInput}\n                        onBlur={onBlurInput}\n                        onChange={onChangeInput}\n                        onKeyDown={onKeyDownInput}\n                    />\n                    {valueType === 'multiple' && (\n                        <StyledComboboxInputHelper ref={inputHelperRef}>{search}</StyledComboboxInputHelper>\n                    )}\n                </StyledContent>\n                {isLabelVisible && (\n                    <StyledLabel className={comboboxTargetLabel} htmlFor={id}>\n                        {label}\n                    </StyledLabel>\n                )}\n                <StyledArrow size=\"s\" className={cx(comboboxTargetArrow, withArrowInverse)} />\n            </StyledComboboxTarget>\n        );\n    },\n);\n"],"names":["hasChips","innerLabelUp","arrowInverse","comboboxTargetArrow","comboboxTargeText","comboboxTargetInput","comboboxTargetLabel","classes","ComboboxTarget","forwardRef","values","search","label","placeholder","opened","readOnly","disabled","enumerationType","valueType","size","closedWithoutChanges","id","chipsRefs","inputRef","onChange","onSearch","onKeyDown","rest","ref","contentRef","useRef","inputHelperRef","focused","setFocused","useState","controlledRefs","textContent","map","text","join","hasValue","some","value","isEnumerationComma","isExtraSmall","isInputNotEmpty","isInputActive","hasLabel","hasOnlyLabel","hasNoAnyTip","placeholderValue","undefined","withInnerLabelUp","withArrowInverse","withHasChips","isLabelVisible","isEnumerationVisible","onChipClick","event","stopPropagation","onClickText","onFocusInput","onBlurInput","useFocusController","updateFocused","updateSearch","onChipClear","index","newValue","filter","itemValue","itemText","current","splice","onChipKeyDown","code","Keys","Tab","preventDefault","Backspace","onKeyDownInput","currentTarget","length","pop","onChangeInput","onWheel","deltaY","scrollLeft","Math","round","getRef","element","React","createElement","StyledComboboxTarget","_extends","title","className","cx","StyledContent","tabIndex","StyledText","onClick","StyledChips","ComboboxChip","key","onClear","v","t","StyledComboboxInput","role","onFocus","onBlur","StyledComboboxInputHelper","StyledLabel","htmlFor","StyledArrow"],"mappings":"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"}

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

@@ -7,91 +7,71 @@ var react = require('@linaria/react');
 var Combobox_tokens = require('../../Combobox.tokens.js');
 var IconChevronDown = require('../../../../_Icon/Icons/IconChevronDown.js');
 
-var _exp10 = function _exp10() {
-  return function (_ref) {
-    var opened = _ref.opened;
-    return opened ? "var(".concat(Combobox_tokens.tokens.targetBackgroundColorOpen, ")") : "var(".concat(Combobox_tokens.tokens.targetBackgroundColor, ")");
-  };
-};
-var _exp11 = function _exp11() {
-  return function (_ref2) {
-    var opened = _ref2.opened;
-    return opened ? "var(".concat(Combobox_tokens.tokens.targetBorderColorOpen, ")") : "var(".concat(Combobox_tokens.tokens.targetBorderColor, ")");
-  };
-};
-var _exp12 = function _exp12() {
-  return function (_ref3) {
-    var opened = _ref3.opened;
-    return opened ? "var(".concat(Combobox_tokens.tokens.targetBackgroundColorOpen, ")") : "var(".concat(Combobox_tokens.tokens.targetBackgroundColorHover, ")");
-  };
-};
-var _exp13 = function _exp13() {
-  return function (_ref4) {
-    var opened = _ref4.opened;
-    return opened ? "var(".concat(Combobox_tokens.tokens.targetBorderColorOpen, ")") : "var(".concat(Combobox_tokens.tokens.targetBorderColorHover, ")");
-  };
-};
-var _exp14 = function _exp14() {
-  return function (_ref5) {
-    var opened = _ref5.opened;
-    return opened ? "var(".concat(Combobox_tokens.tokens.targetBackgroundColorOpen, ")") : "var(".concat(Combobox_tokens.tokens.targetBackgroundColorActive, ")");
-  };
-};
-var _exp15 = function _exp15() {
-  return function (_ref6) {
-    var opened = _ref6.opened;
-    return opened ? "var(".concat(Combobox_tokens.tokens.targetBorderColorOpen, ")") : "var(".concat(Combobox_tokens.tokens.targetBorderColorActive, ")");
-  };
-};
-var StyledComboboxTarget = /*#__PURE__*/react.styled('div')({
+const _exp10 = /*#__PURE__*/() => ({
+  opened
+}) => opened ? `var(${Combobox_tokens.tokens.targetBackgroundColorOpen})` : `var(${Combobox_tokens.tokens.targetBackgroundColor})`;
+const _exp11 = /*#__PURE__*/() => ({
+  opened
+}) => opened ? `var(${Combobox_tokens.tokens.targetBorderColorOpen})` : `var(${Combobox_tokens.tokens.targetBorderColor})`;
+const _exp12 = /*#__PURE__*/() => ({
+  opened
+}) => opened ? `var(${Combobox_tokens.tokens.targetBackgroundColorOpen})` : `var(${Combobox_tokens.tokens.targetBackgroundColorHover})`;
+const _exp13 = /*#__PURE__*/() => ({
+  opened
+}) => opened ? `var(${Combobox_tokens.tokens.targetBorderColorOpen})` : `var(${Combobox_tokens.tokens.targetBorderColorHover})`;
+const _exp14 = /*#__PURE__*/() => ({
+  opened
+}) => opened ? `var(${Combobox_tokens.tokens.targetBackgroundColorOpen})` : `var(${Combobox_tokens.tokens.targetBackgroundColorActive})`;
+const _exp15 = /*#__PURE__*/() => ({
+  opened
+}) => opened ? `var(${Combobox_tokens.tokens.targetBorderColorOpen})` : `var(${Combobox_tokens.tokens.targetBorderColorActive})`;
+const StyledComboboxTarget = /*#__PURE__*/react.styled('div')({
   name: "StyledComboboxTarget",
-  "class": "s1fhk1h4",
+  class: "s1fhk1h4",
   propsAsIs: false,
   vars: {
-    "s1fhk1h4-0": [/*#__PURE__*/_exp10()],
-    "s1fhk1h4-1": [/*#__PURE__*/_exp11()],
-    "s1fhk1h4-2": [/*#__PURE__*/_exp12()],
-    "s1fhk1h4-3": [/*#__PURE__*/_exp13()],
-    "s1fhk1h4-4": [/*#__PURE__*/_exp14()],
-    "s1fhk1h4-5": [/*#__PURE__*/_exp15()]
+    "s1fhk1h4-0": [_exp10()],
+    "s1fhk1h4-1": [_exp11()],
+    "s1fhk1h4-2": [_exp12()],
+    "s1fhk1h4-3": [_exp13()],
+    "s1fhk1h4-4": [_exp14()],
+    "s1fhk1h4-5": [_exp15()]
   }
 });
-var _exp35 = function _exp35() {
-  return IconChevronDown.IconChevronDown;
-};
-var StyledArrow = /*#__PURE__*/react.styled(_exp35())({
+const _exp35 = /*#__PURE__*/() => IconChevronDown.IconChevronDown;
+const StyledArrow = /*#__PURE__*/react.styled(_exp35())({
   name: "StyledArrow",
-  "class": "stonq88",
+  class: "stonq88",
   propsAsIs: true
 });
-var StyledContent = /*#__PURE__*/react.styled('div')({
+const StyledContent = /*#__PURE__*/react.styled('div')({
   name: "StyledContent",
-  "class": "stgxc8t",
+  class: "stgxc8t",
   propsAsIs: false
 });
-var StyledComboboxInput = /*#__PURE__*/react.styled('input')({
+const StyledComboboxInput = /*#__PURE__*/react.styled('input')({
   name: "StyledComboboxInput",
-  "class": "svgnzfa",
+  class: "svgnzfa",
   propsAsIs: false
 });
-var StyledComboboxInputHelper = /*#__PURE__*/react.styled('div')({
+const StyledComboboxInputHelper = /*#__PURE__*/react.styled('div')({
   name: "StyledComboboxInputHelper",
-  "class": "seg3tj7",
+  class: "seg3tj7",
   propsAsIs: false
 });
-var StyledText = /*#__PURE__*/react.styled('span')({
+const StyledText = /*#__PURE__*/react.styled('span')({
   name: "StyledText",
-  "class": "s2l3b6s",
+  class: "s2l3b6s",
   propsAsIs: false
 });
-var StyledChips = /*#__PURE__*/react.styled('div')({
+const StyledChips = /*#__PURE__*/react.styled('div')({
   name: "StyledChips",
-  "class": "s1yutr1r",
+  class: "s1yutr1r",
   propsAsIs: false
 });
-var StyledLabel = /*#__PURE__*/react.styled('label')({
+const StyledLabel = /*#__PURE__*/react.styled('label')({
   name: "StyledLabel",
-  "class": "slnmjcp",
+  class: "slnmjcp",
   propsAsIs: false
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTarget.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDown } from '../../../../_Icon';\nimport { addFocus, applyEllipsis } from '../../../../../mixins';\nimport { classes, tokens } from '../../Combobox.tokens';\n\nconst {\n    hasChips,\n    innerLabelUp,\n    arrowInverse,\n    comboboxTargetArrow,\n    comboboxTargeText,\n    comboboxTargetInput,\n    comboboxTargetLabel,\n} = classes;\n\nexport const StyledComboboxTarget = styled.div<{\n    opened?: boolean;\n    readOnly?: boolean;\n    disabled?: boolean;\n}>`\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    cursor: pointer;\n    box-sizing: border-box;\n\n    height: var(${tokens.targetHeight});\n    width: var(${tokens.targetWidth});\n    overflow: hidden;\n    border-radius: var(${tokens.targetRadius});\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n\n    color: var(${tokens.targetColor});\n\n    background-color: ${({ opened }) =>\n        opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColor})`};\n\n    box-shadow: inset 0 0 0 0.0625rem\n        ${({ opened }) => (opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColor})`)};\n\n    &:hover:not([disabled]):not([readonly]) {\n        background-color: ${({ opened }) =>\n            opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorHover})`};\n\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorHover})`};\n    }\n\n    &:active:not([disabled]):not([readonly]) {\n        background-color: ${({ opened }) =>\n            opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorActive})`};\n\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorActive})`};\n    }\n\n    padding: var(${tokens.targetPaddingWithInput});\n\n    display: flex;\n    justify-content: flex-start;\n\n    &[disabled] {\n        cursor: not-allowed;\n\n        opacity: var(${tokens.disabledOpacity});\n    }\n\n    &[readonly] {\n        cursor: default;\n\n        .${String(comboboxTargetArrow)} {\n            opacity: 0.4;\n        }\n    }\n\n    .${String(arrowInverse)} {\n        transform: rotate(-180deg);\n    }\n\n    &.${String(hasChips)} {\n        padding: var(${tokens.targetPaddingHasChips});\n    }\n\n    &.${String(innerLabelUp)} {\n        .${String(comboboxTargetInput)}, .${String(comboboxTargeText)} {\n            top: var(${tokens.targetInnerTop});\n        }\n\n        .${String(comboboxTargetLabel)} {\n            top: var(${tokens.targetLabelInnerTop});\n            font-family: var(${tokens.targetLabelInnerFontFamily});\n            font-size: var(${tokens.targetLabelInnerFontSize});\n            font-style: var(${tokens.targetLabelInnerFontStyle});\n            font-weight: var(${tokens.targetLabelInnerFontWeight});\n            letter-spacing: var(${tokens.targetLabelInnerLetterSpacing});\n            line-height: var(${tokens.targetLabelInnerLineHeight});\n        }\n    }\n\n    overflow: visible;\n\n    --plasma_private-combobox-focus-size: 0.0625rem;\n\n    ${addFocus({\n        hasTransition: false,\n        outlineOffset: 'calc(-1 * var(--plasma_private-combobox-focus-size))',\n        outlineRadius: `calc(var(${tokens.targetRadius}) + var(--plasma_private-combobox-focus-size))`,\n        outlineSize: 'var(--plasma_private-combobox-focus-size)',\n        customFocusRules: `\n            &:focus-within {\n                box-shadow: none;\n                background-color: var(${tokens.targetBackgroundColorOpen});\n\n                &::before {\n                    box-shadow: inset 0 0 0 var(--plasma_private-combobox-focus-size) var(${tokens.targetBorderColorOpen});\n                }\n            }\n        `,\n    })}\n`;\n\nexport const StyledArrow = styled(IconChevronDown)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n\n    position: absolute;\n    right: var(${tokens.targetArrowRight});\n    color: var(${tokens.targetArrowColor});\n`;\n\nexport const StyledContent = styled.div`\n    &.${String(hasChips)} {\n        border-radius: var(${tokens.chipBorderRadius});\n    }\n\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontSize});\n    font-style: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n\n    overflow: scroll;\n    position: relative;\n    width: 100%;\n    height: var(${tokens.chipHeight});\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    scrollbar-width: none;\n\n    overscroll-behavior: contain;\n`;\n\nexport const StyledComboboxInput = styled.input`\n    position: relative;\n    color: var(${tokens.targetColor});\n\n    border: none;\n    outline: none;\n    caret-color: var(${tokens.focusColor});\n    margin: 0;\n    padding: 0;\n    background: transparent;\n\n    flex: 1;\n\n    min-width: 50%;\n\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    letter-spacing: inherit;\n    line-height: inherit;\n\n    &::placeholder {\n        color: var(${tokens.targetLabelColor});\n    }\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n\nexport const StyledComboboxInputHelper = styled.div`\n    position: absolute;\n\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    letter-spacing: inherit;\n    line-height: inherit;\n\n    white-space: pre-wrap;\n    visibility: hidden;\n    overflow: hidden;\n`;\n\nexport const StyledText = styled.span`\n    white-space: nowrap;\n\n    position: relative;\n    user-select: none;\n\n    color: var(${tokens.targetColor});\n`;\n\nexport const StyledChips = styled.div`\n    display: flex;\n    gap: var(${tokens.chipGap});\n\n    user-select: none;\n`;\n\nexport const StyledLabel = styled.label`\n    ${applyEllipsis()};\n\n    box-sizing: border-box;\n    position: absolute;\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n\n    transition: all 0.1s ease-in-out;\n    transform-origin: top left;\n\n    width: 100%;\n    height: auto;\n\n    color: var(${tokens.targetLabelColor});\n\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontSize});\n    font-style: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n`;\n"],"names":["_exp10","_ref","opened","concat","tokens","targetBackgroundColorOpen","targetBackgroundColor","_exp11","_ref2","targetBorderColorOpen","targetBorderColor","_exp12","_ref3","targetBackgroundColorHover","_exp13","_ref4","targetBorderColorHover","_exp14","_ref5","targetBackgroundColorActive","_exp15","_ref6","targetBorderColorActive","StyledComboboxTarget","styled","name","class","propsAsIs","vars","_exp35","IconChevronDown","StyledArrow","StyledContent","StyledComboboxInput","StyledComboboxInputHelper","StyledText","StyledChips","StyledLabel"],"mappings":"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"}
+{"version":3,"file":"ComboboxTarget.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDown } from '../../../../_Icon';\nimport { addFocus, applyEllipsis } from '../../../../../mixins';\nimport { classes, tokens } from '../../Combobox.tokens';\n\nconst {\n    hasChips,\n    innerLabelUp,\n    arrowInverse,\n    comboboxTargetArrow,\n    comboboxTargeText,\n    comboboxTargetInput,\n    comboboxTargetLabel,\n} = classes;\n\nexport const StyledComboboxTarget = styled.div<{\n    opened?: boolean;\n    readOnly?: boolean;\n    disabled?: boolean;\n}>`\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    cursor: pointer;\n    box-sizing: border-box;\n\n    height: var(${tokens.targetHeight});\n    width: var(${tokens.targetWidth});\n    overflow: hidden;\n    border-radius: var(${tokens.targetRadius});\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n\n    color: var(${tokens.targetColor});\n\n    background-color: ${({ opened }) =>\n        opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColor})`};\n\n    box-shadow: inset 0 0 0 0.0625rem\n        ${({ opened }) => (opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColor})`)};\n\n    &:hover:not([disabled]):not([readonly]) {\n        background-color: ${({ opened }) =>\n            opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorHover})`};\n\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorHover})`};\n    }\n\n    &:active:not([disabled]):not([readonly]) {\n        background-color: ${({ opened }) =>\n            opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorActive})`};\n\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorActive})`};\n    }\n\n    padding: var(${tokens.targetPaddingWithInput});\n\n    display: flex;\n    justify-content: flex-start;\n\n    &[disabled] {\n        cursor: not-allowed;\n\n        opacity: var(${tokens.disabledOpacity});\n    }\n\n    &[readonly] {\n        cursor: default;\n\n        .${String(comboboxTargetArrow)} {\n            opacity: 0.4;\n        }\n    }\n\n    .${String(arrowInverse)} {\n        transform: rotate(-180deg);\n    }\n\n    &.${String(hasChips)} {\n        padding: var(${tokens.targetPaddingHasChips});\n    }\n\n    &.${String(innerLabelUp)} {\n        .${String(comboboxTargetInput)}, .${String(comboboxTargeText)} {\n            top: var(${tokens.targetInnerTop});\n        }\n\n        .${String(comboboxTargetLabel)} {\n            top: var(${tokens.targetLabelInnerTop});\n            font-family: var(${tokens.targetLabelInnerFontFamily});\n            font-size: var(${tokens.targetLabelInnerFontSize});\n            font-style: var(${tokens.targetLabelInnerFontStyle});\n            font-weight: var(${tokens.targetLabelInnerFontWeight});\n            letter-spacing: var(${tokens.targetLabelInnerLetterSpacing});\n            line-height: var(${tokens.targetLabelInnerLineHeight});\n        }\n    }\n\n    overflow: visible;\n\n    --plasma_private-combobox-focus-size: 0.0625rem;\n\n    ${addFocus({\n        hasTransition: false,\n        outlineOffset: 'calc(-1 * var(--plasma_private-combobox-focus-size))',\n        outlineRadius: `calc(var(${tokens.targetRadius}) + var(--plasma_private-combobox-focus-size))`,\n        outlineSize: 'var(--plasma_private-combobox-focus-size)',\n        customFocusRules: `\n            &:focus-within {\n                box-shadow: none;\n                background-color: var(${tokens.targetBackgroundColorOpen});\n\n                &::before {\n                    box-shadow: inset 0 0 0 var(--plasma_private-combobox-focus-size) var(${tokens.targetBorderColorOpen});\n                }\n            }\n        `,\n    })}\n`;\n\nexport const StyledArrow = styled(IconChevronDown)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n\n    position: absolute;\n    right: var(${tokens.targetArrowRight});\n    color: var(${tokens.targetArrowColor});\n`;\n\nexport const StyledContent = styled.div`\n    &.${String(hasChips)} {\n        border-radius: var(${tokens.chipBorderRadius});\n    }\n\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontSize});\n    font-style: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n\n    overflow: scroll;\n    position: relative;\n    width: 100%;\n    height: var(${tokens.chipHeight});\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    scrollbar-width: none;\n\n    overscroll-behavior: contain;\n`;\n\nexport const StyledComboboxInput = styled.input`\n    position: relative;\n    color: var(${tokens.targetColor});\n\n    border: none;\n    outline: none;\n    caret-color: var(${tokens.focusColor});\n    margin: 0;\n    padding: 0;\n    background: transparent;\n\n    flex: 1;\n\n    min-width: 50%;\n\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    letter-spacing: inherit;\n    line-height: inherit;\n\n    &::placeholder {\n        color: var(${tokens.targetLabelColor});\n    }\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n\nexport const StyledComboboxInputHelper = styled.div`\n    position: absolute;\n\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    letter-spacing: inherit;\n    line-height: inherit;\n\n    white-space: pre-wrap;\n    visibility: hidden;\n    overflow: hidden;\n`;\n\nexport const StyledText = styled.span`\n    white-space: nowrap;\n\n    position: relative;\n    user-select: none;\n\n    color: var(${tokens.targetColor});\n`;\n\nexport const StyledChips = styled.div`\n    display: flex;\n    gap: var(${tokens.chipGap});\n\n    user-select: none;\n`;\n\nexport const StyledLabel = styled.label`\n    ${applyEllipsis()};\n\n    box-sizing: border-box;\n    position: absolute;\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n\n    transition: all 0.1s ease-in-out;\n    transform-origin: top left;\n\n    width: 100%;\n    height: auto;\n\n    color: var(${tokens.targetLabelColor});\n\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontSize});\n    font-style: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n`;\n"],"names":["_exp10","opened","tokens","targetBackgroundColorOpen","targetBackgroundColor","_exp11","targetBorderColorOpen","targetBorderColor","_exp12","targetBackgroundColorHover","_exp13","targetBorderColorHover","_exp14","targetBackgroundColorActive","_exp15","targetBorderColorActive","StyledComboboxTarget","styled","name","class","propsAsIs","vars","_exp35","IconChevronDown","StyledArrow","StyledContent","StyledComboboxInput","StyledComboboxInputHelper","StyledText","StyledChips","StyledLabel"],"mappings":"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"}