@salutejs/plasma-new-hope 0.195.2-canary.1577.11938240958.0 → 0.196.0-canary.1552.11952949201.0

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/utils/createEvent.js

@@ -0,0 +1,50 @@
+var createEvent = function createEvent(ref) {
+  if (ref.current) {
+    var event = new Event('change', {
+      bubbles: true
+    });
+    Object.defineProperty(event, 'target', {
+      writable: false,
+      value: ref.current
+    });
+    var syntheticEvent = createSyntheticEvent(event);
+    return syntheticEvent;
+  }
+  return null;
+};
+var createSyntheticEvent = function createSyntheticEvent(event) {
+  var _isDefaultPrevented = false;
+  var _isPropagationStopped = false;
+  var preventDefault = function preventDefault() {
+    _isDefaultPrevented = true;
+    event.preventDefault();
+  };
+  var stopPropagation = function stopPropagation() {
+    _isPropagationStopped = true;
+    event.stopPropagation();
+  };
+  return {
+    nativeEvent: event,
+    currentTarget: event.currentTarget,
+    target: event.target,
+    bubbles: event.bubbles,
+    cancelable: event.cancelable,
+    defaultPrevented: event.defaultPrevented,
+    eventPhase: event.eventPhase,
+    isTrusted: event.isTrusted,
+    preventDefault: preventDefault,
+    isDefaultPrevented: function isDefaultPrevented() {
+      return _isDefaultPrevented;
+    },
+    stopPropagation: stopPropagation,
+    isPropagationStopped: function isPropagationStopped() {
+      return _isPropagationStopped;
+    },
+    persist: function persist() {},
+    timeStamp: event.timeStamp,
+    type: event.type
+  };
+};
+
+export { createEvent };
+//# sourceMappingURL=createEvent.js.map

package/es/utils/createEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createEvent.js","sources":["../../src/utils/createEvent.ts"],"sourcesContent":["import { RefObject } from 'react';\n\nexport const createEvent = <T extends HTMLSelectElement | HTMLInputElement | HTMLTextAreaElement>(\n    ref: RefObject<T>,\n) => {\n    if (ref.current) {\n        const event = new Event('change', { bubbles: true });\n        Object.defineProperty(event, 'target', { writable: false, value: ref.current });\n        const syntheticEvent = createSyntheticEvent(event) as React.ChangeEvent<typeof ref.current>;\n        return syntheticEvent;\n    }\n\n    return null;\n};\n\nconst createSyntheticEvent = <T extends Element, E extends Event>(event: E): React.SyntheticEvent<T, E> => {\n    let isDefaultPrevented = false;\n    let isPropagationStopped = false;\n    const preventDefault = () => {\n        isDefaultPrevented = true;\n        event.preventDefault();\n    };\n    const stopPropagation = () => {\n        isPropagationStopped = true;\n        event.stopPropagation();\n    };\n    return {\n        nativeEvent: event,\n        currentTarget: event.currentTarget as EventTarget & T,\n        target: event.target as EventTarget & T,\n        bubbles: event.bubbles,\n        cancelable: event.cancelable,\n        defaultPrevented: event.defaultPrevented,\n        eventPhase: event.eventPhase,\n        isTrusted: event.isTrusted,\n        preventDefault,\n        isDefaultPrevented: () => isDefaultPrevented,\n        stopPropagation,\n        isPropagationStopped: () => isPropagationStopped,\n        persist: () => {},\n        timeStamp: event.timeStamp,\n        type: event.type,\n    };\n};\n"],"names":["createEvent","ref","current","event","Event","bubbles","Object","defineProperty","writable","value","syntheticEvent","createSyntheticEvent","isDefaultPrevented","isPropagationStopped","preventDefault","stopPropagation","nativeEvent","currentTarget","target","cancelable","defaultPrevented","eventPhase","isTrusted","persist","timeStamp","type"],"mappings":"IAEaA,WAAW,GAAG,SAAdA,WAAWA,CACpBC,GAAiB,EAChB;EACD,IAAIA,GAAG,CAACC,OAAO,EAAE;AACb,IAAA,IAAMC,KAAK,GAAG,IAAIC,KAAK,CAAC,QAAQ,EAAE;AAAEC,MAAAA,OAAO,EAAE,IAAA;AAAK,KAAC,CAAC,CAAA;AACpDC,IAAAA,MAAM,CAACC,cAAc,CAACJ,KAAK,EAAE,QAAQ,EAAE;AAAEK,MAAAA,QAAQ,EAAE,KAAK;MAAEC,KAAK,EAAER,GAAG,CAACC,OAAAA;AAAQ,KAAC,CAAC,CAAA;AAC/E,IAAA,IAAMQ,cAAc,GAAGC,oBAAoB,CAACR,KAAK,CAA0C,CAAA;AAC3F,IAAA,OAAOO,cAAc,CAAA;AACzB,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACf,EAAC;AAED,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAwCR,KAAQ,EAAiC;EACvG,IAAIS,mBAAkB,GAAG,KAAK,CAAA;EAC9B,IAAIC,qBAAoB,GAAG,KAAK,CAAA;AAChC,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAAS;AACzBF,IAAAA,mBAAkB,GAAG,IAAI,CAAA;IACzBT,KAAK,CAACW,cAAc,EAAE,CAAA;GACzB,CAAA;AACD,EAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAAS;AAC1BF,IAAAA,qBAAoB,GAAG,IAAI,CAAA;IAC3BV,KAAK,CAACY,eAAe,EAAE,CAAA;GAC1B,CAAA;EACD,OAAO;AACHC,IAAAA,WAAW,EAAEb,KAAK;IAClBc,aAAa,EAAEd,KAAK,CAACc,aAAgC;IACrDC,MAAM,EAAEf,KAAK,CAACe,MAAyB;IACvCb,OAAO,EAAEF,KAAK,CAACE,OAAO;IACtBc,UAAU,EAAEhB,KAAK,CAACgB,UAAU;IAC5BC,gBAAgB,EAAEjB,KAAK,CAACiB,gBAAgB;IACxCC,UAAU,EAAElB,KAAK,CAACkB,UAAU;IAC5BC,SAAS,EAAEnB,KAAK,CAACmB,SAAS;AAC1BR,IAAAA,cAAc,EAAdA,cAAc;IACdF,kBAAkB,EAAE,SAAAA,kBAAA,GAAA;AAAA,MAAA,OAAMA,mBAAkB,CAAA;AAAA,KAAA;AAC5CG,IAAAA,eAAe,EAAfA,eAAe;IACfF,oBAAoB,EAAE,SAAAA,oBAAA,GAAA;AAAA,MAAA,OAAMA,qBAAoB,CAAA;AAAA,KAAA;AAChDU,IAAAA,OAAO,EAAE,SAAAA,OAAA,GAAM,EAAE;IACjBC,SAAS,EAAErB,KAAK,CAACqB,SAAS;IAC1BC,IAAI,EAAEtB,KAAK,CAACsB,IAAAA;GACf,CAAA;AACL,CAAC;;;;"}

package/es/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport { noop } from './noop';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAaaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport { noop } from './noop';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAcaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.195.2-canary.1577.11938240958.0",
+  "version": "0.196.0-canary.1552.11952949201.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -129,5 +129,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "e64944aa8cd53716843a5dc703f484413ac75722"
+  "gitHead": "ccfb71eceec7dd2705c2d9bf3f9ca39604f9cbfe"
 }

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,7 +19,8 @@ var _getPathMaps = /*#__PURE__*/require("./hooks/getPathMaps");
 var _Combobox2 = /*#__PURE__*/require("./Combobox.styles");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
-var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
+var _SelectNative = /*#__PURE__*/require("./ui/SelectNative/SelectNative");
+var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -28,6 +28,7 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableTo
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -41,12 +42,15 @@ var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
 /**
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
  */
+
 var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused;
-    var multiple = props.multiple,
+    var name = props.name,
+      multiple = props.multiple,
       outerValue = props.value,
       outerOnChange = props.onChange,
+      defaultValue = props.defaultValue,
       isTargetAmount = props.isTargetAmount,
       targetAmount = props.targetAmount,
       items = props.items,
@@ -153,11 +157,27 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
         }
       }
     }, floatingPopoverRef);
+
+    // Эта функция срабатывает при изменении Combobox и
+    // при изменении нативного Select для формы (срабатывает только после изменения internalValue и рендера).
     var onChange = function onChange(newValue) {
+      // Условие для отправки изменений наружу
       if (outerOnChange) {
-        outerOnChange(newValue);
+        // Условие для отправки если комбобокс используется без формы.
+        if (!name && (typeof newValue === 'string' || Array.isArray(newValue))) {
+          outerOnChange(newValue);
+        }
+
+        // Условие для отправки если комбобокс используется с формой.
+        if (name && _typeof(newValue) === 'object' && !Array.isArray(newValue)) {
+          outerOnChange(newValue);
+        }
+      }
+
+      // Условие для изменения внутреннего значения (только если newValue строка или массив строк).
+      if (typeof newValue === 'string' || Array.isArray(newValue)) {
+        setInternalValue(newValue);
       }
-      setInternalValue(newValue);
     };
     var handleClickArrow = function handleClickArrow() {
       if (disabled || readOnly) {
@@ -360,13 +380,25 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
       // А переменную, содержащую сложные типы данных, нельзя помещать в deps.
     }, [outerValue, internalValue, items]);
+    (0, _react.useEffect)(function () {
+      if (defaultValue) {
+        setInternalValue(defaultValue);
+      }
+    }, [defaultValue]);
     return /*#__PURE__*/_react["default"].createElement(Root, {
       size: size,
       view: view,
       labelPlacement: labelPlacement,
       disabled: disabled,
-      readOnly: readOnly
-    }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Context.Provider, {
+      readOnly: readOnly,
+      name: name
+    }, name && /*#__PURE__*/_react["default"].createElement(_SelectNative.SelectNative, {
+      name: name,
+      value: internalValue,
+      multiple: multiple,
+      onChange: onChange,
+      ref: ref
+    }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Context.Provider, {
       value: {
         focusedPath: focusedPath,
         checked: checked,
@@ -389,7 +421,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       listWidth: listWidth,
       target: function target(referenceRef) {
         return /*#__PURE__*/_react["default"].createElement(_ui.StyledTextField, _extends({
-          ref: inputForkRef,
+          ref: name ? inputRef : inputForkRef,
           inputWrapperRef: referenceRef,
           value: textValue,
           onChange: handleTextValueChange,
@@ -433,7 +465,8 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       view: view,
       labelPlacement: labelPlacement,
       disabled: disabled,
-      readOnly: readOnly
+      readOnly: readOnly,
+      name: name
     }, /*#__PURE__*/_react["default"].createElement(_Combobox2.Ul, {
       role: "tree",
       id: "".concat(treeId, "_tree_level_1"),

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js

@@ -0,0 +1,40 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectNative = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
+var _utils = /*#__PURE__*/require("../../../../../utils");
+var _SelectNative = /*#__PURE__*/require("./SelectNative.styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var SelectNative = exports.SelectNative = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var name = _ref.name,
+    multiple = _ref.multiple,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var values = multiple ? value : [value];
+  var selectRef = (0, _react.useRef)(null);
+  var forkRef = (0, _plasmaCore.useForkRef)(selectRef, ref);
+  (0, _react.useEffect)(function () {
+    var event = (0, _utils.createEvent)(selectRef);
+    if (onChange) {
+      onChange(event);
+    }
+  }, [values]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_SelectNative.SelectHidden, {
+    ref: forkRef,
+    multiple: multiple,
+    name: name,
+    hidden: true,
+    value: multiple ? values : values[0]
+  }, values.map(function (v) {
+    return /*#__PURE__*/_react["default"].createElement("option", {
+      key: v,
+      value: v
+    }, v);
+  })));
+});

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectHidden = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _mixins = /*#__PURE__*/require("../../../../../mixins");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var SelectHidden = exports.SelectHidden = /*#__PURE__*/_styledComponents["default"].select.withConfig({
+  componentId: "plasma-new-hope__sc-w046ru-0"
+})(["", ";"], /*#__PURE__*/(0, _mixins.applyHidden)());

package/styled-components/cjs/components/Select/ui/Target/Target.js

@@ -82,7 +82,6 @@ var Target = exports.Target = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     onChange: onChange,
     labelToItemMap: labelToItemMap,
     chipView: chipView,
-    requiredProps: requiredProps,
-    chipType: selectProps.chipType
+    requiredProps: requiredProps
   });
 });

package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -42,8 +42,7 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
     onChange = _ref.onChange,
     labelToItemMap = _ref.labelToItemMap,
     chipView = _ref.chipView,
-    requiredProps = _ref.requiredProps,
-    chipType = _ref.chipType;
+    requiredProps = _ref.requiredProps;
   var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
   var getChips = function getChips() {
     if (multiselect && Array.isArray(value)) {
@@ -114,8 +113,7 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
   }, multiselect ? {
     enumerationType: 'chip',
     chips: getChips(),
-    onChangeChips: handleChipsChange,
-    chipType: chipType
+    onChangeChips: handleChipsChange
   } : {
     enumerationType: 'plain'
   }, {

package/styled-components/cjs/components/TextField/TextField.js

@@ -23,7 +23,7 @@ var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
 var _ui = /*#__PURE__*/require("./ui");
 var _hooks2 = /*#__PURE__*/require("./hooks");
 var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "chipType", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -86,8 +86,6 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       hasDivider = _ref.hasDivider,
       outerValue = _ref.value,
       values = _ref.chips,
-      _ref$chipType = _ref.chipType,
-      chipType = _ref$chipType === void 0 ? 'default' : _ref$chipType,
       onChange = _ref.onChange,
       onChangeChips = _ref.onChangeChips,
       onSearch = _ref.onSearch,
@@ -136,8 +134,8 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
     var requiredPlacementClass = requiredPlacement === 'right' ? _TextField2.classes.requiredAlignRight : undefined;
     var labelPlacementClass = innerLabelPlacementValue ? _TextField2.classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
     var hasValueClass = hasValue ? _TextField2.classes.hasValue : undefined;
-    var wrapperWithoutLeftContent = !contentLeft && isChipsVisible && chipType === 'default' ? _TextField2.classes.hasEmptyContentLeft : undefined;
-    var wrapperWithoutRightContent = !contentRight && isChipsVisible && chipType === 'default' ? _TextField2.classes.hasEmptyContentRight : undefined;
+    var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? _TextField2.classes.hasEmptyContentLeft : undefined;
+    var wrapperWithoutRightContent = !contentRight && isChipsVisible ? _TextField2.classes.hasEmptyContentRight : undefined;
     var hintRef = (0, _hooks.useOutsideClick)(function () {
       setIsHintVisible(false);
     });
@@ -328,8 +326,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
         onClear: function onClear() {
           return onChipClear(chipId, index);
         },
-        onClick: onChipClick,
-        chipType: chipType
+        onClick: onChipClick
         // TODO: #1547
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore

package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js

@@ -20,23 +20,14 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
     onClick = _ref.onClick,
     onClear = _ref.onClear,
     onKeyDown = _ref.onKeyDown,
-    _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly,
-    chipType = _ref.chipType;
+    _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly;
   var onClearHandle = function onClearHandle() {
     return onClear(id);
   };
   var onKeyDownHandle = function onKeyDownHandle(event) {
     onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
   };
-  var handleClick = function handleClick(e) {
-    if (onClick) {
-      onClick(e);
-    }
-    if (onClear) {
-      onClear(id);
-    }
-  };
-  return chipType === 'default' ? /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
+  return /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
     ref: ref,
     tabIndex: -1,
     disabled: disabled,
@@ -50,10 +41,5 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
     // @ts-ignore
     ,
     _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
-  }) : /*#__PURE__*/_react["default"].createElement(_TextFieldChip.TextChip, {
-    ref: ref,
-    tabIndex: -1,
-    onClick: handleClick,
-    onKeyDown: onKeyDownHandle
-  }, text);
+  });
 });

package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TextChip = exports.StyledChip = void 0;
+exports.StyledChip = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _Chip = /*#__PURE__*/require("../../../Chip");
 var _engines = /*#__PURE__*/require("../../../../engines");
@@ -22,12 +22,4 @@ var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["defaul
   outlineSize: '0.0625rem',
   outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
   outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
-}), _TextField.tokens.chipOpacityReadonly);
-var TextChip = exports.TextChip = /*#__PURE__*/_styledComponents["default"].button.withConfig({
-  componentId: "plasma-new-hope__sc-1mypbcr-1"
-})(["display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");", " &:after{content:',';}&:last-child{&:after{content:'';}}"], _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField.tokens.color, /*#__PURE__*/(0, _mixins.addFocus)({
-  outlineOffset: '0.0625rem',
-  outlineSize: '0.0625rem',
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
-  outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
-}));
+}), _TextField.tokens.chipOpacityReadonly);

package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx

@@ -353,11 +353,11 @@ const items = [
 
 const SingleStory = (args: StorySelectProps) => {
     const [value, setValue] = useState('');
-
     return (
         <div style={{ width: '400px' }}>
             <Combobox
                 {...args}
+                name="mau"
                 items={items}
                 value={value}
                 onChange={setValue}

package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx

@@ -104,11 +104,6 @@ const meta: Meta<StorySelectProps> = {
             },
             if: { arg: 'required', truthy: false },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-            if: { arg: 'target', eq: 'textfield-like' },
-        },
     },
     args: {
         target: 'textfield-like',
@@ -126,7 +121,6 @@ const meta: Meta<StorySelectProps> = {
         optional: false,
         required: false,
         requiredPlacement: 'right',
-        chipType: 'default',
     },
     parameters: {
         controls: {
@@ -150,7 +144,6 @@ const meta: Meta<StorySelectProps> = {
                 'optional',
                 'required',
                 'requiredPlacement',
-                'chipType',
             ],
         },
     },
@@ -389,7 +382,7 @@ const SingleStory = (args: StorySelectProps) => {
 export const Single: StoryObj<StorySelectProps> = {
     parameters: {
         controls: {
-            exclude: ['chipView', 'isTargetAmount', 'chipType'],
+            exclude: ['chipView', 'isTargetAmount'],
         },
     },
     render: (args) => <SingleStory {...args} />,

package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx

@@ -134,10 +134,6 @@ const meta: Meta<typeof TextField> = {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-        },
     },
 };
 
@@ -237,11 +233,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         hintWidth: '10rem',
         hintHasArrow: true,
     },
-    parameters: {
-        controls: {
-            exclude: ['chipType'],
-        },
-    },
     render: (args) => <StoryDemo {...args} />,
 };
 
@@ -297,7 +288,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
     args: {
         ...Default.args,
         chips: ['1 value', '2 value', '3 value', '4 value'],
-        chipType: 'default',
     },
     render: (args) => <StoryChips {...args} />,
 };

package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx

@@ -103,11 +103,6 @@ const meta: Meta<StorySelectProps> = {
             },
             if: { arg: 'required', truthy: false },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-            if: { arg: 'target', eq: 'textfield-like' },
-        },
     },
     args: {
         target: 'textfield-like',
@@ -125,7 +120,6 @@ const meta: Meta<StorySelectProps> = {
         optional: false,
         required: false,
         requiredPlacement: 'right',
-        chipType: 'default',
     },
     parameters: {
         controls: {
@@ -149,7 +143,6 @@ const meta: Meta<StorySelectProps> = {
                 'optional',
                 'required',
                 'requiredPlacement',
-                'chipType',
             ],
         },
     },
@@ -388,7 +381,7 @@ const SingleStory = (args: StorySelectProps) => {
 export const Single: StoryObj<StorySelectProps> = {
     parameters: {
         controls: {
-            exclude: ['chipView', 'isTargetAmount', 'chipType'],
+            exclude: ['chipView', 'isTargetAmount'],
         },
     },
     render: (args) => <SingleStory {...args} />,

package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx

@@ -134,10 +134,6 @@ const meta: Meta<typeof TextField> = {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-        },
     },
 };
 
@@ -237,11 +233,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         hintWidth: '10rem',
         hintHasArrow: true,
     },
-    parameters: {
-        controls: {
-            exclude: ['chipType'],
-        },
-    },
     render: (args) => <StoryDemo {...args} />,
 };
 
@@ -297,7 +288,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
     args: {
         ...Default.args,
         chips: ['1 value', '2 value', '3 value', '4 value'],
-        chipType: 'default',
     },
     render: (args) => <StoryChips {...args} />,
 };

package/styled-components/cjs/utils/createEvent.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createEvent = void 0;
+var createEvent = exports.createEvent = function createEvent(ref) {
+  if (ref.current) {
+    var event = new Event('change', {
+      bubbles: true
+    });
+    Object.defineProperty(event, 'target', {
+      writable: false,
+      value: ref.current
+    });
+    var syntheticEvent = createSyntheticEvent(event);
+    return syntheticEvent;
+  }
+  return null;
+};
+var createSyntheticEvent = function createSyntheticEvent(event) {
+  var _isDefaultPrevented = false;
+  var _isPropagationStopped = false;
+  var preventDefault = function preventDefault() {
+    _isDefaultPrevented = true;
+    event.preventDefault();
+  };
+  var stopPropagation = function stopPropagation() {
+    _isPropagationStopped = true;
+    event.stopPropagation();
+  };
+  return {
+    nativeEvent: event,
+    currentTarget: event.currentTarget,
+    target: event.target,
+    bubbles: event.bubbles,
+    cancelable: event.cancelable,
+    defaultPrevented: event.defaultPrevented,
+    eventPhase: event.eventPhase,
+    isTrusted: event.isTrusted,
+    preventDefault: preventDefault,
+    isDefaultPrevented: function isDefaultPrevented() {
+      return _isDefaultPrevented;
+    },
+    stopPropagation: stopPropagation,
+    isPropagationStopped: function isPropagationStopped() {
+      return _isPropagationStopped;
+    },
+    persist: function persist() {},
+    timeStamp: event.timeStamp,
+    type: event.type
+  };
+};

package/styled-components/cjs/utils/index.js

@@ -16,6 +16,7 @@ var _exportNames = {
   mergeRefs: true,
   setRefList: true,
   isEmpty: true,
+  createEvent: true,
   constants: true,
   noop: true,
   fixedForwardRef: true
@@ -32,7 +33,14 @@ Object.defineProperty(exports, "canUseDOM", {
     return _canUseDOM.canUseDOM;
   }
 });
-exports.cx = exports.constants = exports.composableStyle = void 0;
+exports.constants = exports.composableStyle = void 0;
+Object.defineProperty(exports, "createEvent", {
+  enumerable: true,
+  get: function get() {
+    return _createEvent.createEvent;
+  }
+});
+exports.cx = void 0;
 Object.defineProperty(exports, "extractTextFrom", {
   enumerable: true,
   get: function get() {
@@ -94,6 +102,7 @@ var _react = /*#__PURE__*/require("./react");
 var _isNumber = /*#__PURE__*/require("./isNumber");
 var _setRefList = /*#__PURE__*/require("./setRefList");
 var _isEmpty = /*#__PURE__*/require("./isEmpty");
+var _createEvent = /*#__PURE__*/require("./createEvent");
 var _constants = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("./constants"));
 exports.constants = _constants;
 var _getPopoverPlacement = /*#__PURE__*/require("./getPopoverPlacement");