@salutejs/plasma-new-hope 0.139.0-canary.1406.10687974550.0 → 0.139.0-canary.1417.10685487591.0

package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js

@@ -0,0 +1,106 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useCallback, useMemo } from 'react';
+import { safeUseId } from '@salutejs/plasma-core';
+import { classes } from '../../Combobox.tokens.js';
+import { getValidComponent } from '../../utils/index.js';
+import { cx } from '../../../../utils/index.js';
+import { base as base$1 } from './variations/_view/base.js';
+import { base as base$2 } from './variations/_size/base.js';
+import { StyledContentLeft, StyledText, StyledContentRight, base } from './ComboboxItem.styles.js';
+
+var _excluded = ["id", "className", "children", "text", "isSelected", "name", "checked", "value", "view", "size", "disabled", "role", "contentLeft", "contentRight", "onSelect", "onClick", "onChange"];
+var comboboxItemRoot = function comboboxItemRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
+    var id = _ref.id,
+      className = _ref.className,
+      children = _ref.children,
+      text = _ref.text,
+      isSelected = _ref.isSelected,
+      name = _ref.name,
+      checked = _ref.checked,
+      value = _ref.value,
+      view = _ref.view,
+      size = _ref.size,
+      disabled = _ref.disabled,
+      _ref$role = _ref.role,
+      role = _ref$role === void 0 ? 'option' : _ref$role,
+      ContentLeftComponent = _ref.contentLeft,
+      ContentRightComponent = _ref.contentRight,
+      onSelect = _ref.onSelect,
+      onClick = _ref.onClick,
+      onChange = _ref.onChange,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var uniqId = safeUseId();
+    var innerId = id || uniqId;
+    var withComboboxItemIsSelected = checked || isSelected ? classes.comboboxItemIsSelected : undefined;
+    var withComboboxItemIsDisabled = disabled ? classes.comboboxItemIsDisabled : undefined;
+    var handleOnClick = useCallback(function (event) {
+      if (disabled) {
+        return;
+      }
+      onClick === null || onClick === void 0 || onClick(event);
+      if (onSelect && !ContentLeftComponent) {
+        onSelect(value, text);
+      }
+    }, [onSelect, disabled]);
+    var handleOnChange = useCallback(function (event) {
+      if (disabled) {
+        return;
+      }
+      onChange === null || onChange === void 0 || onChange(event);
+      if (onSelect && ContentLeftComponent) {
+        onSelect(value, text);
+      }
+    }, [onSelect, disabled]);
+    var contentProps = _objectSpread2({
+      name: name,
+      value: value,
+      checked: checked || isSelected,
+      disabled: disabled,
+      tabIndex: -1
+    }, !disabled && {
+      onChange: handleOnChange
+    });
+    var ContentLeft = useMemo(function () {
+      return getValidComponent(ContentLeftComponent, contentProps);
+    }, [ContentRightComponent, contentProps]);
+    var ContentRight = useMemo(function () {
+      return getValidComponent(ContentRightComponent, contentProps);
+    }, [ContentRightComponent, contentProps]);
+    return /*#__PURE__*/React.createElement(Root, _extends({
+      className: cx(withComboboxItemIsSelected, withComboboxItemIsDisabled, className),
+      view: view,
+      size: size,
+      id: innerId,
+      isSelected: isSelected,
+      role: role,
+      ref: outerRootRef,
+      tabIndex: 0,
+      "aria-disabled": disabled,
+      "aria-selected": isSelected,
+      onClick: handleOnClick,
+      "data-value": value
+    }, rest), text ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledContentLeft, null, ContentLeftComponent && ContentLeft), /*#__PURE__*/React.createElement(StyledText, null, text), /*#__PURE__*/React.createElement(StyledContentRight, null, ContentRightComponent && ContentRight)) : children);
+  });
+};
+var comboboxItemConfig = {
+  name: 'ComboboxItem',
+  tag: 'div',
+  layout: comboboxItemRoot,
+  base: base,
+  variations: {
+    view: {
+      css: base$1
+    },
+    size: {
+      css: base$2
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};
+
+export { comboboxItemConfig, comboboxItemRoot };
+//# sourceMappingURL=ComboboxItem.js.map

package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxItem.js","sources":["../../../../../src/components/Combobox/ui/ComboboxItem/ComboboxItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines';\nimport { classes } from '../../Combobox.tokens';\nimport { getValidComponent } from '../../utils';\nimport { cx } from '../../../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledContentLeft, StyledContentRight, StyledText, base } from './ComboboxItem.styles';\nimport { ComboboxItemProps } from './ComboboxItem.type';\n\nexport const comboboxItemRoot = (Root: RootProps<HTMLDivElement, ComboboxItemProps>) =>\n    forwardRef<HTMLDivElement, ComboboxItemProps>(\n        (\n            {\n                id,\n                className,\n                children,\n                text,\n                isSelected,\n                name,\n                checked,\n                value,\n                view,\n                size,\n                disabled,\n                role = 'option',\n                contentLeft: ContentLeftComponent,\n                contentRight: ContentRightComponent,\n                onSelect,\n                onClick,\n                onChange,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n\n            const withComboboxItemIsSelected = checked || isSelected ? classes.comboboxItemIsSelected : undefined;\n            const withComboboxItemIsDisabled = disabled ? classes.comboboxItemIsDisabled : undefined;\n\n            const handleOnClick = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    if (disabled) {\n                        return;\n                    }\n\n                    onClick?.(event);\n\n                    if (onSelect && !ContentLeftComponent) {\n                        onSelect(value, text);\n                    }\n                },\n                [onSelect, disabled],\n            );\n\n            const handleOnChange = useCallback(\n                (event: React.MouseEvent<HTMLInputElement>) => {\n                    if (disabled) {\n                        return;\n                    }\n\n                    onChange?.(event);\n\n                    if (onSelect && ContentLeftComponent) {\n                        onSelect(value, text);\n                    }\n                },\n                [onSelect, disabled],\n            );\n\n            const contentProps = {\n                name,\n                value,\n                checked: checked || isSelected,\n                disabled,\n                tabIndex: -1,\n                ...(!disabled && { onChange: handleOnChange }),\n            };\n\n            const ContentLeft = useMemo(() => getValidComponent(ContentLeftComponent, contentProps), [\n                ContentRightComponent,\n                contentProps,\n            ]);\n\n            const ContentRight = useMemo(() => getValidComponent(ContentRightComponent, contentProps), [\n                ContentRightComponent,\n                contentProps,\n            ]);\n\n            return (\n                <Root\n                    className={cx(withComboboxItemIsSelected, withComboboxItemIsDisabled, className)}\n                    view={view}\n                    size={size}\n                    id={innerId}\n                    isSelected={isSelected}\n                    role={role}\n                    ref={outerRootRef}\n                    tabIndex={0}\n                    aria-disabled={disabled}\n                    aria-selected={isSelected}\n                    onClick={handleOnClick}\n                    data-value={value}\n                    {...rest}\n                >\n                    {text ? (\n                        <>\n                            <StyledContentLeft>{ContentLeftComponent && ContentLeft}</StyledContentLeft>\n                            <StyledText>{text}</StyledText>\n                            <StyledContentRight>{ContentRightComponent && ContentRight}</StyledContentRight>\n                        </>\n                    ) : (\n                        children\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const comboboxItemConfig = {\n    name: 'ComboboxItem',\n    tag: 'div',\n    layout: comboboxItemRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["comboboxItemRoot","Root","forwardRef","_ref","outerRootRef","id","className","children","text","isSelected","name","checked","value","view","size","disabled","_ref$role","role","ContentLeftComponent","contentLeft","ContentRightComponent","contentRight","onSelect","onClick","onChange","rest","_objectWithoutProperties","_excluded","uniqId","safeUseId","innerId","withComboboxItemIsSelected","classes","comboboxItemIsSelected","undefined","withComboboxItemIsDisabled","comboboxItemIsDisabled","handleOnClick","useCallback","event","handleOnChange","contentProps","_objectSpread","tabIndex","ContentLeft","useMemo","getValidComponent","ContentRight","React","createElement","_extends","cx","ref","Fragment","StyledContentLeft","StyledText","StyledContentRight","comboboxItemConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js

@@ -0,0 +1,24 @@
+import './ComboboxItem.styles_s4sk53.css';
+import { styled } from '@linaria/react';
+import 'focus-visible';
+import 'styled-components';
+
+var StyledContentLeft = /*#__PURE__*/styled('div')({
+  name: "StyledContentLeft",
+  "class": "s1thh7ji",
+  propsAsIs: false
+});
+var StyledContentRight = /*#__PURE__*/styled('div')({
+  name: "StyledContentRight",
+  "class": "s1exy6xj",
+  propsAsIs: false
+});
+var StyledText = /*#__PURE__*/styled('div')({
+  name: "StyledText",
+  "class": "s18437sq",
+  propsAsIs: false
+});
+var base = "bvoi56l";
+
+export { StyledContentLeft, StyledContentRight, StyledText, base };
+//# sourceMappingURL=ComboboxItem.styles.js.map

package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxItem.styles.js","sources":["../../../../../src/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Combobox.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\n\nexport const StyledContentLeft = styled.div`\n    display: inline-flex;\n\n    min-width: var(${tokens.itemContentLeftWidth});\n    color: var(${tokens.itemContentLeftColor});\n`;\n\nexport const StyledContentRight = styled.div`\n    margin-left: auto;\n    display: inline-flex;\n\n    min-width: var(${tokens.itemContentRightWidth});\n    color: var(${tokens.itemContentRightColor});\n`;\n\nexport const StyledText = styled.div`\n    ${applyEllipsis()};\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n    box-sizing: content-box;\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${tokens.focusColor})`,\n        outlineRadius: `var(${tokens.itemBorderRadius})`,\n        hasTransition: false,\n    })};\n\n    width: 100%;\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    background: var(${tokens.itemBackground});\n    color: var(${tokens.itemColor});\n    border-radius: var(${tokens.itemBorderRadius});\n\n    width: var(${tokens.itemWidth});\n    height: var(${tokens.itemHeight});\n\n    padding: var(${tokens.itemPaddingTop}) var(${tokens.itemPaddingRight}) var(${tokens.itemPaddingBottom})\n        var(${tokens.itemPaddingLeft});\n\n    margin: var(${tokens.itemMarginTop}) var(${tokens.itemMarginRight}) var(${tokens.itemMarginBottom})\n        var(${tokens.itemMarginLeft});\n\n    &:hover:not(.${classes.comboboxItemIsDisabled}) {\n        cursor: pointer;\n        background: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${String(classes.comboboxItemIsSelected)} {\n        color: var(${tokens.itemColorSelected});\n        background: var(${tokens.itemBackgroundSelected});\n\n        &:hover:not(.${classes.comboboxItemIsDisabled}) {\n            background: var(${tokens.itemBackgroundSelectedHover});\n        }\n    }\n\n    &.${classes.comboboxItemIsDisabled} {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n    }\n`;\n\nexport const base = css`\n    ${baseContent};\n`;\n"],"names":["StyledContentLeft","styled","name","class","propsAsIs","StyledContentRight","StyledText","base"],"mappings":";;;;AAMO,IAAMA,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMC,kBAAkB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMvC,EAAA;AAEM,IAAME,UAAU,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B,EAAA;AA+DM,IAAMG,IAAI,GAEhB;;;;"}

package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css

@@ -0,0 +1,4 @@
+.s1thh7ji{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-combobox-item-content-left-width);color:var(--plasma-combobox-item-content-left-color);}
+.s1exy6xj{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-combobox-item-content-right-width);color:var(--plasma-combobox-item-content-right-color);}
+.s18437sq{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.bvoi56l{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-combobox-item-font-family);font-size:var(--plasma-combobox-item-font-size);font-style:var(--plasma-combobox-item-font-style);font-weight:var(--plasma-combobox-item-letter-spacing);-webkit-letter-spacing:var(--plasma-combobox-item-line-height);-moz-letter-spacing:var(--plasma-combobox-item-line-height);-ms-letter-spacing:var(--plasma-combobox-item-line-height);letter-spacing:var(--plasma-combobox-item-line-height);line-height:var(--plasma-combobox-item-font-weight);background:var(--plasma-combobox-item-background);color:var(--plasma-combobox-item-color);border-radius:var(--plasma-combobox-item-border-radius);width:var(--plasma-combobox-item-width);height:var(--plasma-combobox-item-height);padding:var(--plasma-combobox-item-padding-top) var(--plasma-combobox-item-padding-right) var(--plasma-combobox-item-padding-bottom) var(--plasma-combobox-item-padding-left);margin:var(--plasma-combobox-item-margin-top) var(--plasma-combobox-item-margin-right) var(--plasma-combobox-item-margin-bottom) var(--plasma-combobox-item-margin-left);}.bvoi56l:focus{outline:none;}.bvoi56l::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-combobox-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.bvoi56l.focus-visible:focus::before,.bvoi56l[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-combobox-focus-color);}.bvoi56l:hover:not(.combobox-item-is-disabled){cursor:pointer;background:var(--plasma-combobox-item-background-hover);}.bvoi56l.combobox-item-is-selected{color:var(--plasma-combobox-item-color-selected);background:var(--plasma-combobox-item-background-selected);}.bvoi56l.combobox-item-is-selected:hover:not(.combobox-item-is-disabled){background:var(--plasma-combobox-item-background-selected-hover);}.bvoi56l.combobox-item-is-disabled{opacity:var(--plasma-combobox-disabled-opacity);cursor:not-allowed;}

package/es/components/Combobox/ui/ComboboxItem/variations/_size/base.js

@@ -0,0 +1,5 @@
+import './base_x642ct.css';
+var base = "bb5j48e";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Combobox/ui/ComboboxItem/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Combobox/ui/ComboboxItem/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/Combobox/ui/ComboboxItem/variations/_view/base.js

@@ -0,0 +1,5 @@
+import './base_x642ct.css';
+var base = "bv1znhl";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Combobox/ui/ComboboxItem/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Combobox/ui/ComboboxItem/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.css

@@ -0,0 +1,30 @@
+.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
+
+.base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
+
+.base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
+
+.base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
+
+.base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
+
+.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
+
+.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
+.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
+.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
+
+.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88{--plasma-chip-color:var(--plasma-combobox-chip-color);--plasma-chip-background:var(--plasma-combobox-chip-background);--plasma-chip-color-hover:var(--plasma-combobox-chip-color-hover);--plasma-chip-background-hover:var(--plasma-combobox-chip-background-hover);--plasma-chip-color-active:var(--plasma-combobox-chip-color-active);--plasma-chip-background-active:var(--plasma-combobox-chip-background-active);--plasma-chip-background-readonly:var(--plasma-combobox-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-combobox-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-combobox-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-combobox-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-combobox-chip-border-radius);--plasma-chip-width:var(--plasma-combobox-chip-width);--plasma-chip-height:var(--plasma-combobox-chip-height);--plasma-chip-padding-right:var(--plasma-combobox-chip-padding-right);--plasma-chip-padding-left:var(--plasma-combobox-chip-padding-left);--plasma-chip-font-family:var(--plasma-combobox-chip-font-family);--plasma-chip-font-size:var(--plasma-combobox-chip-font-size);--plasma-chip-font-style:var(--plasma-combobox-chip-font-style);--plasma-chip-font-weight:var(--plasma-combobox-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-combobox-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-combobox-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-combobox-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-combobox-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-combobox-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-combobox-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-combobox-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-combobox-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-combobox-focus-color);position:relative;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-combobox-chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88.ComboboxChip_styles_1la9kkf_focusVisible__46a30e88:focus::before,.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-combobox-focus-color);}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[readonly]{opacity:var(--plasma-combobox-chip-opacity-readonly);}
+
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;cursor:pointer;box-sizing:border-box;height:var(--plasma-combobox-target-height);width:var(--plasma-combobox-target-width);overflow:hidden;border-radius:var(--plasma-combobox-target-radius);font-family:var(--plasma-combobox-target-font-family);font-size:var(--plasma-combobox-target-font-style);font-weight:var(--plasma-combobox-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-target-letter-spacing);letter-spacing:var(--plasma-combobox-target-letter-spacing);line-height:var(--plasma-combobox-target-line-height);color:var(--plasma-combobox-target-color);background-color:var(--s1f9n908-0);box-shadow:inset 0 0 0 0.0625rem var(--s1f9n908-1);padding:var(--plasma-combobox-target-with-input);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:visible;--plasma_private-combobox-focus-size:0.0625rem;position:relative;}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a:hover:not([disabled]):not([readonly]){background-color:var(--s1f9n908-2);box-shadow:inset 0 0 0 0.0625rem var(--s1f9n908-3);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a:active:not([disabled]):not([readonly]){background-color:var(--s1f9n908-4);box-shadow:inset 0 0 0 0.0625rem var(--s1f9n908-5);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a[disabled]{cursor:not-allowed;opacity:var(--plasma-combobox-disabled-opacity);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a[readonly]{cursor:default;}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a[readonly] .ComboboxTarget_styles_1htd0dz_comboboxButtonArrow__b9994d5a{opacity:0.4;}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a .ComboboxTarget_styles_1htd0dz_arrowInverse__b9994d5a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a.ComboboxTarget_styles_1htd0dz_hasChips__b9994d5a{padding:var(--plasma-combobox-target-padding-has-chips);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a.ComboboxTarget_styles_1htd0dz_innerLabelUp__b9994d5a .ComboboxTarget_styles_1htd0dz_comboboxTargetInput__b9994d5a,.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a.ComboboxTarget_styles_1htd0dz_innerLabelUp__b9994d5a .ComboboxTarget_styles_1htd0dz_comboboxTargetText__b9994d5a{top:var(--plasma-combobox-target-inner-top);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a.ComboboxTarget_styles_1htd0dz_innerLabelUp__b9994d5a .ComboboxTarget_styles_1htd0dz_comboboxButtonLabel__b9994d5a{top:var(--plasma-combobox-target-label-inner-top);font-family:var(--plasma-combobox-target-label-inner-font-family);font-size:var(--plasma-combobox-target-label-inner-font-family);font-style:var(--plasma-combobox-target-label-inner-font-style);font-weight:var(--plasma-combobox-target-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-combobox-target-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-target-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-target-label-inner-letter-spacing);letter-spacing:var(--plasma-combobox-target-label-inner-letter-spacing);line-height:var(--plasma-combobox-target-label-inner-line-height);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-combobox-focus-size));left:calc(-1 * var(--plasma_private-combobox-focus-size));right:calc(-1 * var(--plasma_private-combobox-focus-size));bottom:calc(-1 * var(--plasma_private-combobox-focus-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-combobox-focus-size) solid transparent;border-radius:calc(var(--plasma-combobox-target-radius) + var(--plasma_private-combobox-focus-size));-webkit-transition:none;transition:none;pointer-events:none;}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a:focus-within{box-shadow:none;background-color:var(--plasma-combobox-target-background-color-open);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a:focus-within::before{box-shadow:inset 0 0 0 var(--plasma_private-combobox-focus-size) var(--plasma-combobox-target-border-color-open);}
+.ComboboxTarget_styles_1htd0dz_s16n9w7y__b9994d5a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;right:var(--plasma-combobox-target-arrow-right);color:var(--plasma-combobox-target-arrow-color);}
+.ComboboxTarget_styles_1htd0dz_sw8s5yo__b9994d5a{font-family:var(--plasma-combobox-target-font-family);font-size:var(--plasma-combobox-target-font-size);font-style:var(--plasma-combobox-target-font-style);font-weight:var(--plasma-combobox-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-target-letter-spacing);letter-spacing:var(--plasma-combobox-target-letter-spacing);line-height:var(--plasma-combobox-target-line-height);overflow:scroll;position:relative;width:100%;height:var(--plasma-combobox-chip-height);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.ComboboxTarget_styles_1htd0dz_sw8s5yo__b9994d5a.ComboboxTarget_styles_1htd0dz_hasChips__b9994d5a{border-radius:var(--plasma-combobox-chip-border-radius);}.ComboboxTarget_styles_1htd0dz_sw8s5yo__b9994d5a::-webkit-scrollbar{display:none;}
+.ComboboxTarget_styles_1htd0dz_sys30py__b9994d5a{position:relative;color:var(--plasma-combobox-target-color);border:none;outline:none;caret-color:var(--plasma-combobox-focus-color);margin:0;padding:0;background:transparent;-webkit-flex:1;-ms-flex:1;flex:1;min-width:50%;font-family:inherit;font-size:inherit;font-weight:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.ComboboxTarget_styles_1htd0dz_sys30py__b9994d5a::-webkit-input-placeholder{color:var(--plasma-combobox-target-label-color);}.ComboboxTarget_styles_1htd0dz_sys30py__b9994d5a::-moz-placeholder{color:var(--plasma-combobox-target-label-color);}.ComboboxTarget_styles_1htd0dz_sys30py__b9994d5a:-ms-input-placeholder{color:var(--plasma-combobox-target-label-color);}.ComboboxTarget_styles_1htd0dz_sys30py__b9994d5a::placeholder{color:var(--plasma-combobox-target-label-color);}.ComboboxTarget_styles_1htd0dz_sys30py__b9994d5a:disabled{cursor:not-allowed;}
+.ComboboxTarget_styles_1htd0dz_s16hup6g__b9994d5a{position:absolute;font-family:inherit;font-size:inherit;font-weight:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;white-space:pre-wrap;visibility:hidden;overflow:hidden;}
+.ComboboxTarget_styles_1htd0dz_s3gbdjt__b9994d5a{white-space:nowrap;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-combobox-target-color);}
+.ComboboxTarget_styles_1htd0dz_s1camohz__b9994d5a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-combobox-chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.ComboboxTarget_styles_1htd0dz_s16upk0a__b9994d5a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-combobox-target-label-color);font-family:var(--plasma-combobox-target-font-family);font-size:var(--plasma-combobox-target-font-size);font-style:var(--plasma-combobox-target-font-style);font-weight:var(--plasma-combobox-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-target-letter-spacing);letter-spacing:var(--plasma-combobox-target-letter-spacing);line-height:var(--plasma-combobox-target-line-height);}

package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js

@@ -0,0 +1,215 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useRef, useState } from 'react';
+import { classes } from '../../Combobox.tokens.js';
+import { cx } from '../../../../utils/index.js';
+import { ComboboxChip } from '../ComboboxChip/ComboboxChip.js';
+import { useFocusController } from '../../hooks/useFocusController.js';
+import { Keys } from '../../hooks/useKeyNavigation.js';
+import { StyledComboboxTarget, StyledContent, StyledText, StyledChips, StyledComboboxInput, StyledComboboxInputHelper, StyledLabel, StyledArrow } from './ComboboxTarget.styles.js';
+
+var _excluded = ["values", "search", "label", "placeholder", "opened", "readOnly", "disabled", "enumerationType", "valueType", "size", "closedWithoutChanges", "id", "chipsRefs", "inputRef", "onChange", "onSearch", "onKeyDown"];
+var hasChips = classes.hasChips,
+  innerLabelUp = classes.innerLabelUp,
+  arrowInverse = classes.arrowInverse,
+  comboboxTargetArrow = classes.comboboxTargetArrow,
+  comboboxTargeText = classes.comboboxTargeText,
+  comboboxTargetInput = classes.comboboxTargetInput,
+  comboboxTargetLabel = classes.comboboxTargetLabel;
+
+/**
+ * Элемент для выпадающего списка
+ */
+var ComboboxTarget = /*#__PURE__*/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 = _objectWithoutProperties(_ref, _excluded);
+  var contentRef = useRef(null);
+  var inputHelperRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    focused = _useState2[0],
+    setFocused = _useState2[1];
+  var controlledRefs = {
+    contentRef: contentRef,
+    inputHelperRef: inputHelperRef,
+    inputRef: inputRef
+  };
+  var textContent = values === null || values === void 0 ? void 0 : values.map(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      text = _ref3[1];
+    return text;
+  }).join(', ');
+  var hasValue = values === null || values === void 0 ? void 0 : values.some(function (_ref4) {
+    var _ref5 = _slicedToArray(_ref4, 1),
+      value = _ref5[0];
+    return value;
+  });
+  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();
+  };
+  var _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 = _slicedToArray(_ref6, 2),
+        itemValue = _ref7[0],
+        itemText = _ref7[1];
+      return !(itemValue === value && itemText === text);
+    }).map(function (_ref8) {
+      var _ref9 = _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;
+    if (code === Keys.Tab) {
+      event.preventDefault();
+    }
+    if (code === Keys.Backspace) {
+      onChipClear(value, text, index);
+    }
+  };
+  var onKeyDownInput = function onKeyDownInput(event) {
+    var _event$currentTarget;
+    var code = event.code;
+    if (opened && code === Keys.Tab) {
+      event.preventDefault();
+    }
+    if (code === 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 = _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);
+    }
+  };
+  var onChangeInput = function onChangeInput(event) {
+    onSearch === null || onSearch === void 0 || onSearch(event.currentTarget.value);
+  };
+  var onWheel = function onWheel(event) {
+    var deltaY = event.deltaY;
+    if (contentRef.current) {
+      contentRef.current.scrollLeft += Math.round(deltaY);
+    }
+  };
+  var getRef = function getRef(element, index) {
+    if (element && chipsRefs && chipsRefs.current) {
+      chipsRefs.current[index] = element;
+    }
+  };
+
+  // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов
+  if (chipsRefs) {
+    chipsRefs.current = [];
+  }
+  return /*#__PURE__*/React.createElement(StyledComboboxTarget, _extends({
+    ref: ref,
+    opened: opened,
+    readOnly: readOnly,
+    disabled: disabled,
+    title: textContent,
+    "aria-label": label,
+    className: cx(withInnerLabelUp, withHasChips),
+    onWheel: onWheel,
+    onKeyDown: onKeyDown
+  }, rest), /*#__PURE__*/React.createElement(StyledContent, {
+    tabIndex: -1,
+    ref: contentRef,
+    className: withHasChips
+  }, isEnumerationVisible && (isEnumerationComma ? /*#__PURE__*/React.createElement(StyledText, {
+    className: comboboxTargeText,
+    onClick: onClickText
+  }, textContent) : /*#__PURE__*/React.createElement(StyledChips, null, values === null || values === void 0 ? void 0 : values.map(function (_ref12, index) {
+    var _ref13 = _slicedToArray(_ref12, 2),
+      value = _ref13[0],
+      text = _ref13[1];
+    return /*#__PURE__*/React.createElement(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.createElement(StyledComboboxInput, {
+    ref: inputRef,
+    role: "textbox",
+    className: comboboxTargetInput,
+    value: search,
+    placeholder: placeholderValue,
+    disabled: disabled,
+    readOnly: readOnly,
+    onFocus: onFocusInput,
+    onBlur: onBlurInput,
+    onChange: onChangeInput,
+    onKeyDown: onKeyDownInput
+  }), valueType === 'multiple' && /*#__PURE__*/React.createElement(StyledComboboxInputHelper, {
+    ref: inputHelperRef
+  }, search)), isLabelVisible && /*#__PURE__*/React.createElement(StyledLabel, {
+    className: comboboxTargetLabel,
+    htmlFor: id
+  }, label), /*#__PURE__*/React.createElement(StyledArrow, {
+    size: "s",
+    className: cx(comboboxTargetArrow, withArrowInverse)
+  }));
+});
+
+export { ComboboxTarget };
+//# sourceMappingURL=ComboboxTarget.js.map

package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTarget.js","sources":["../../../../../src/components/Combobox/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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"}

package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.styles.js

@@ -0,0 +1,96 @@
+import './ComboboxTarget.styles_1htd0dz.css';
+import { styled } from '@linaria/react';
+import 'react';
+import { IconChevronDown } from '../../../_Icon/Icons/IconChevronDown.js';
+import { tokens } from '../../Combobox.tokens.js';
+
+var _exp10 = function _exp10() {
+  return function (_ref) {
+    var opened = _ref.opened;
+    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColor, ")");
+  };
+};
+var _exp11 = function _exp11() {
+  return function (_ref2) {
+    var opened = _ref2.opened;
+    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColor, ")");
+  };
+};
+var _exp12 = function _exp12() {
+  return function (_ref3) {
+    var opened = _ref3.opened;
+    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorHover, ")");
+  };
+};
+var _exp13 = function _exp13() {
+  return function (_ref4) {
+    var opened = _ref4.opened;
+    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorHover, ")");
+  };
+};
+var _exp14 = function _exp14() {
+  return function (_ref5) {
+    var opened = _ref5.opened;
+    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorActive, ")");
+  };
+};
+var _exp15 = function _exp15() {
+  return function (_ref6) {
+    var opened = _ref6.opened;
+    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorActive, ")");
+  };
+};
+var StyledComboboxTarget = /*#__PURE__*/styled('div')({
+  name: "StyledComboboxTarget",
+  "class": "s1f9n908",
+  propsAsIs: false,
+  vars: {
+    "s1f9n908-0": [/*#__PURE__*/_exp10()],
+    "s1f9n908-1": [/*#__PURE__*/_exp11()],
+    "s1f9n908-2": [/*#__PURE__*/_exp12()],
+    "s1f9n908-3": [/*#__PURE__*/_exp13()],
+    "s1f9n908-4": [/*#__PURE__*/_exp14()],
+    "s1f9n908-5": [/*#__PURE__*/_exp15()]
+  }
+});
+var _exp35 = function _exp35() {
+  return IconChevronDown;
+};
+var StyledArrow = /*#__PURE__*/styled(_exp35())({
+  name: "StyledArrow",
+  "class": "s16n9w7y",
+  propsAsIs: true
+});
+var StyledContent = /*#__PURE__*/styled('div')({
+  name: "StyledContent",
+  "class": "sw8s5yo",
+  propsAsIs: false
+});
+var StyledComboboxInput = /*#__PURE__*/styled('input')({
+  name: "StyledComboboxInput",
+  "class": "sys30py",
+  propsAsIs: false
+});
+var StyledComboboxInputHelper = /*#__PURE__*/styled('div')({
+  name: "StyledComboboxInputHelper",
+  "class": "s16hup6g",
+  propsAsIs: false
+});
+var StyledText = /*#__PURE__*/styled('span')({
+  name: "StyledText",
+  "class": "s3gbdjt",
+  propsAsIs: false
+});
+var StyledChips = /*#__PURE__*/styled('div')({
+  name: "StyledChips",
+  "class": "s1camohz",
+  propsAsIs: false
+});
+var StyledLabel = /*#__PURE__*/styled('label')({
+  name: "StyledLabel",
+  "class": "s16upk0a",
+  propsAsIs: false
+});
+
+export { StyledArrow, StyledChips, StyledComboboxInput, StyledComboboxInputHelper, StyledComboboxTarget, StyledContent, StyledLabel, StyledText };
+//# sourceMappingURL=ComboboxTarget.styles.js.map