@salutejs/plasma-new-hope 0.186.0-canary.1542.11725164051.0 → 0.186.0-canary.1542.11727809479.0

package/cjs/components/Combobox/ComboboxNew/utils/getForm.js

@@ -5,14 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var syntheticEvent = require('./syntheticEvent.js');
+var setRefList = require('../../../../utils/setRefList.js');
 
-var _excluded = ["onChange", "component"],
-  _excluded2 = ["onChange", "component"];
-var SingleForm = function SingleForm(args) {
+var _excluded = ["onChange", "name", "defaultValue", "component"],
+  _excluded2 = ["onChange", "name", "defaultValue", "component"];
+var SingleForm = /*#__PURE__*/React.forwardRef(function (args, ref) {
   var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
     Component = args.component,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(args, _excluded);
-  var _useState = React.useState(),
+  var _useState = React.useState(String(defaultValue)),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
@@ -25,8 +28,9 @@ var SingleForm = function SingleForm(args) {
     onChange && onChange(event);
   }, [value]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
-    ref: selectRef,
+    ref: setRefList.mergeRefs(selectRef, ref),
     value: value,
+    name: name,
     hidden: true
   }, /*#__PURE__*/React.createElement("option", {
     value: value
@@ -34,12 +38,14 @@ var SingleForm = function SingleForm(args) {
     value: value,
     onChange: handleChange
   })));
-};
-var MultipleForm = function MultipleForm(args) {
+});
+var MultipleForm = /*#__PURE__*/React.forwardRef(function (args, ref) {
   var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
     Component = args.component,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(args, _excluded2);
-  var _useState3 = React.useState([]),
+  var _useState3 = React.useState(defaultValue && Array.isArray(defaultValue) ? defaultValue : []),
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     values = _useState4[0],
     setValues = _useState4[1];
@@ -52,8 +58,9 @@ var MultipleForm = function MultipleForm(args) {
     onChange && onChange(event);
   }, [values]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
-    ref: selectRef,
+    ref: setRefList.mergeRefs(selectRef, ref),
     value: values,
+    name: name,
     multiple: true,
     hidden: true
   }, values.map(function (value) {
@@ -65,15 +72,17 @@ var MultipleForm = function MultipleForm(args) {
     value: values,
     onChange: handleChange
   })));
-};
+});
 var getFormComponentGenerator = function getFormComponentGenerator(Component) {
-  return function (args) {
+  return /*#__PURE__*/React.forwardRef(function (args, ref) {
     return args.multiple ? /*#__PURE__*/React.createElement(MultipleForm, _rollupPluginBabelHelpers.extends({}, args, {
+      ref: ref,
       component: Component
     })) : /*#__PURE__*/React.createElement(SingleForm, _rollupPluginBabelHelpers.extends({}, args, {
+      ref: ref,
       component: Component
     }));
-  };
+  });
 };
 
 exports.getFormComponentGenerator = getFormComponentGenerator;

package/cjs/components/Combobox/ComboboxNew/utils/getForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"getForm.js","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/getForm.tsx"],"sourcesContent":["import React, { ComponentType, useEffect, useRef, useState } from 'react';\n\nimport { ComboboxProps, ComboboxFormProps } from '../Combobox.types';\n\nimport { createEvent } from './syntheticEvent';\n\ntype ComboboxWithComponent = ComboboxFormProps & {\n    component: ComponentType<ComboboxProps>;\n};\n\nconst SingleForm = (args: ComboboxWithComponent) => {\n    const { onChange, component: Component, ...rest } = args;\n    const [value, setValue] = useState<string | undefined>();\n    const selectRef = useRef<HTMLSelectElement | null>(null);\n\n    const handleChange = (value: string) => {\n        setValue(value);\n    };\n\n    useEffect(() => {\n        const event = createEvent(selectRef);\n        onChange && onChange(event);\n    }, [value]);\n\n    return (\n        <>\n            <select ref={selectRef} value={value} hidden>\n                <option value={value}>{value}</option>\n            </select>\n            <Component {...(rest as any)} value={value} onChange={handleChange} />\n        </>\n    );\n};\n\nconst MultipleForm = (args: ComboboxWithComponent) => {\n    const { onChange, component: Component, ...rest } = args;\n    const [values, setValues] = useState<string[]>([]);\n    const selectRef = useRef<HTMLSelectElement | null>(null);\n\n    const handleChange = (value: string[]) => {\n        setValues(value);\n    };\n\n    useEffect(() => {\n        const event = createEvent(selectRef);\n        onChange && onChange(event);\n    }, [values]);\n\n    return (\n        <>\n            <select ref={selectRef} value={values} multiple hidden>\n                {values.map((value) => (\n                    <option key={value} value={value}>\n                        {value}\n                    </option>\n                ))}\n            </select>\n            <Component {...(rest as any)} value={values} onChange={handleChange} />\n        </>\n    );\n};\n\nexport const getFormComponentGenerator = (Component: ComponentType<ComboboxProps>) => {\n    return (args: ComboboxFormProps) => {\n        return args.multiple ? (\n            <MultipleForm {...args} component={Component} />\n        ) : (\n            <SingleForm {...args} component={Component} />\n        );\n    };\n};\n"],"names":["SingleForm","args","onChange","Component","component","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","value","setValue","selectRef","useRef","handleChange","useEffect","event","createEvent","React","createElement","Fragment","ref","hidden","_extends","MultipleForm","_excluded2","_useState3","_useState4","values","setValues","multiple","map","key","getFormComponentGenerator"],"mappings":"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"}
+{"version":3,"file":"getForm.js","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/getForm.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { ComboboxProps, ComboboxFormProps } from '../Combobox.types';\nimport { mergeRefs } from '../../../../utils';\n\nimport { createEvent } from './syntheticEvent';\n\ntype ComboboxWithComponent = ComboboxFormProps & {\n    component: ComponentType<ComboboxProps>;\n};\n\nconst SingleForm = forwardRef<HTMLSelectElement, ComboboxWithComponent>((args, ref) => {\n    const { onChange, name, defaultValue, component: Component, ...rest } = args;\n    const [value, setValue] = useState<string | undefined>(String(defaultValue));\n    const selectRef = useRef<HTMLSelectElement | null>(null);\n\n    const handleChange = (value: string) => {\n        setValue(value);\n    };\n\n    useEffect(() => {\n        const event = createEvent(selectRef);\n        onChange && onChange(event);\n    }, [value]);\n\n    return (\n        <>\n            <select ref={mergeRefs(selectRef, ref)} value={value} name={name} hidden>\n                <option value={value}>{value}</option>\n            </select>\n            <Component {...(rest as any)} value={value} onChange={handleChange} />\n        </>\n    );\n});\n\nconst MultipleForm = forwardRef<HTMLSelectElement, ComboboxWithComponent>((args, ref) => {\n    const { onChange, name, defaultValue, component: Component, ...rest } = args;\n    const [values, setValues] = useState<string[]>(defaultValue && Array.isArray(defaultValue) ? defaultValue : []);\n    const selectRef = useRef<HTMLSelectElement | null>(null);\n\n    const handleChange = (value: string[]) => {\n        setValues(value);\n    };\n\n    useEffect(() => {\n        const event = createEvent(selectRef);\n        onChange && onChange(event);\n    }, [values]);\n\n    return (\n        <>\n            <select ref={mergeRefs(selectRef, ref)} value={values} name={name} multiple hidden>\n                {values.map((value) => (\n                    <option key={value} value={value}>\n                        {value}\n                    </option>\n                ))}\n            </select>\n            <Component {...(rest as any)} value={values} onChange={handleChange} />\n        </>\n    );\n});\n\nexport const getFormComponentGenerator = (Component: ComponentType<ComboboxProps>) => {\n    return forwardRef<HTMLSelectElement, ComboboxFormProps>((args, ref) => {\n        return args.multiple ? (\n            <MultipleForm {...args} ref={ref} component={Component} />\n        ) : (\n            <SingleForm {...args} ref={ref} component={Component} />\n        );\n    });\n};\n"],"names":["SingleForm","forwardRef","args","ref","onChange","name","defaultValue","Component","component","rest","_objectWithoutProperties","_excluded","_useState","useState","String","_useState2","_slicedToArray","value","setValue","selectRef","useRef","handleChange","useEffect","event","createEvent","React","createElement","Fragment","mergeRefs","hidden","_extends","MultipleForm","_excluded2","_useState3","Array","isArray","_useState4","values","setValues","multiple","map","key","getFormComponentGenerator"],"mappings":"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"}

package/emotion/cjs/components/Combobox/ComboboxNew/utils/getForm.js

@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getFormComponentGenerator = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../../../utils");
 var _syntheticEvent = /*#__PURE__*/require("./syntheticEvent");
-var _excluded = ["onChange", "component"],
-  _excluded2 = ["onChange", "component"];
+var _excluded = ["onChange", "name", "defaultValue", "component"],
+  _excluded2 = ["onChange", "name", "defaultValue", "component"];
 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); }
@@ -20,11 +21,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var SingleForm = function SingleForm(args) {
+var SingleForm = /*#__PURE__*/(0, _react.forwardRef)(function (args, ref) {
   var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
     Component = args.component,
     rest = _objectWithoutProperties(args, _excluded);
-  var _useState = (0, _react.useState)(),
+  var _useState = (0, _react.useState)(String(defaultValue)),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
@@ -37,8 +40,9 @@ var SingleForm = function SingleForm(args) {
     onChange && onChange(event);
   }, [value]);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("select", {
-    ref: selectRef,
+    ref: (0, _utils.mergeRefs)(selectRef, ref),
     value: value,
+    name: name,
     hidden: true
   }, /*#__PURE__*/_react["default"].createElement("option", {
     value: value
@@ -46,12 +50,14 @@ var SingleForm = function SingleForm(args) {
     value: value,
     onChange: handleChange
   })));
-};
-var MultipleForm = function MultipleForm(args) {
+});
+var MultipleForm = /*#__PURE__*/(0, _react.forwardRef)(function (args, ref) {
   var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
     Component = args.component,
     rest = _objectWithoutProperties(args, _excluded2);
-  var _useState3 = (0, _react.useState)([]),
+  var _useState3 = (0, _react.useState)(defaultValue && Array.isArray(defaultValue) ? defaultValue : []),
     _useState4 = _slicedToArray(_useState3, 2),
     values = _useState4[0],
     setValues = _useState4[1];
@@ -64,8 +70,9 @@ var MultipleForm = function MultipleForm(args) {
     onChange && onChange(event);
   }, [values]);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("select", {
-    ref: selectRef,
+    ref: (0, _utils.mergeRefs)(selectRef, ref),
     value: values,
+    name: name,
     multiple: true,
     hidden: true
   }, values.map(function (value) {
@@ -77,13 +84,15 @@ var MultipleForm = function MultipleForm(args) {
     value: values,
     onChange: handleChange
   })));
-};
+});
 var getFormComponentGenerator = exports.getFormComponentGenerator = function getFormComponentGenerator(Component) {
-  return function (args) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (args, ref) {
     return args.multiple ? /*#__PURE__*/_react["default"].createElement(MultipleForm, _extends({}, args, {
+      ref: ref,
       component: Component
     })) : /*#__PURE__*/_react["default"].createElement(SingleForm, _extends({}, args, {
+      ref: ref,
       component: Component
     }));
-  };
+  });
 };

package/emotion/es/components/Combobox/ComboboxNew/utils/getForm.js

@@ -1,5 +1,5 @@
-var _excluded = ["onChange", "component"],
-  _excluded2 = ["onChange", "component"];
+var _excluded = ["onChange", "name", "defaultValue", "component"],
+  _excluded2 = ["onChange", "name", "defaultValue", "component"];
 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); }
 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."); }
@@ -9,13 +9,16 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useEffect, useRef, useState } from 'react';
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
+import { mergeRefs } from '../../../../utils';
 import { createEvent } from './syntheticEvent';
-var SingleForm = function SingleForm(args) {
+var SingleForm = /*#__PURE__*/forwardRef(function (args, ref) {
   var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
     Component = args.component,
     rest = _objectWithoutProperties(args, _excluded);
-  var _useState = useState(),
+  var _useState = useState(String(defaultValue)),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
@@ -28,8 +31,9 @@ var SingleForm = function SingleForm(args) {
     onChange && onChange(event);
   }, [value]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
-    ref: selectRef,
+    ref: mergeRefs(selectRef, ref),
     value: value,
+    name: name,
     hidden: true
   }, /*#__PURE__*/React.createElement("option", {
     value: value
@@ -37,12 +41,14 @@ var SingleForm = function SingleForm(args) {
     value: value,
     onChange: handleChange
   })));
-};
-var MultipleForm = function MultipleForm(args) {
+});
+var MultipleForm = /*#__PURE__*/forwardRef(function (args, ref) {
   var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
     Component = args.component,
     rest = _objectWithoutProperties(args, _excluded2);
-  var _useState3 = useState([]),
+  var _useState3 = useState(defaultValue && Array.isArray(defaultValue) ? defaultValue : []),
     _useState4 = _slicedToArray(_useState3, 2),
     values = _useState4[0],
     setValues = _useState4[1];
@@ -55,8 +61,9 @@ var MultipleForm = function MultipleForm(args) {
     onChange && onChange(event);
   }, [values]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
-    ref: selectRef,
+    ref: mergeRefs(selectRef, ref),
     value: values,
+    name: name,
     multiple: true,
     hidden: true
   }, values.map(function (value) {
@@ -68,13 +75,15 @@ var MultipleForm = function MultipleForm(args) {
     value: values,
     onChange: handleChange
   })));
-};
+});
 export var getFormComponentGenerator = function getFormComponentGenerator(Component) {
-  return function (args) {
+  return /*#__PURE__*/forwardRef(function (args, ref) {
     return args.multiple ? /*#__PURE__*/React.createElement(MultipleForm, _extends({}, args, {
+      ref: ref,
       component: Component
     })) : /*#__PURE__*/React.createElement(SingleForm, _extends({}, args, {
+      ref: ref,
       component: Component
     }));
-  };
+  });
 };

package/es/components/Combobox/ComboboxNew/utils/getForm.js

@@ -1,14 +1,17 @@
 import { extends as _extends, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState, useRef, useEffect } from 'react';
+import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import { createEvent } from './syntheticEvent.js';
+import { mergeRefs } from '../../../../utils/setRefList.js';
 
-var _excluded = ["onChange", "component"],
-  _excluded2 = ["onChange", "component"];
-var SingleForm = function SingleForm(args) {
+var _excluded = ["onChange", "name", "defaultValue", "component"],
+  _excluded2 = ["onChange", "name", "defaultValue", "component"];
+var SingleForm = /*#__PURE__*/forwardRef(function (args, ref) {
   var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
     Component = args.component,
     rest = _objectWithoutProperties(args, _excluded);
-  var _useState = useState(),
+  var _useState = useState(String(defaultValue)),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
@@ -21,8 +24,9 @@ var SingleForm = function SingleForm(args) {
     onChange && onChange(event);
   }, [value]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
-    ref: selectRef,
+    ref: mergeRefs(selectRef, ref),
     value: value,
+    name: name,
     hidden: true
   }, /*#__PURE__*/React.createElement("option", {
     value: value
@@ -30,12 +34,14 @@ var SingleForm = function SingleForm(args) {
     value: value,
     onChange: handleChange
   })));
-};
-var MultipleForm = function MultipleForm(args) {
+});
+var MultipleForm = /*#__PURE__*/forwardRef(function (args, ref) {
   var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
     Component = args.component,
     rest = _objectWithoutProperties(args, _excluded2);
-  var _useState3 = useState([]),
+  var _useState3 = useState(defaultValue && Array.isArray(defaultValue) ? defaultValue : []),
     _useState4 = _slicedToArray(_useState3, 2),
     values = _useState4[0],
     setValues = _useState4[1];
@@ -48,8 +54,9 @@ var MultipleForm = function MultipleForm(args) {
     onChange && onChange(event);
   }, [values]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
-    ref: selectRef,
+    ref: mergeRefs(selectRef, ref),
     value: values,
+    name: name,
     multiple: true,
     hidden: true
   }, values.map(function (value) {
@@ -61,15 +68,17 @@ var MultipleForm = function MultipleForm(args) {
     value: values,
     onChange: handleChange
   })));
-};
+});
 var getFormComponentGenerator = function getFormComponentGenerator(Component) {
-  return function (args) {
+  return /*#__PURE__*/forwardRef(function (args, ref) {
     return args.multiple ? /*#__PURE__*/React.createElement(MultipleForm, _extends({}, args, {
+      ref: ref,
       component: Component
     })) : /*#__PURE__*/React.createElement(SingleForm, _extends({}, args, {
+      ref: ref,
       component: Component
     }));
-  };
+  });
 };
 
 export { getFormComponentGenerator };

package/es/components/Combobox/ComboboxNew/utils/getForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"getForm.js","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/getForm.tsx"],"sourcesContent":["import React, { ComponentType, useEffect, useRef, useState } from 'react';\n\nimport { ComboboxProps, ComboboxFormProps } from '../Combobox.types';\n\nimport { createEvent } from './syntheticEvent';\n\ntype ComboboxWithComponent = ComboboxFormProps & {\n    component: ComponentType<ComboboxProps>;\n};\n\nconst SingleForm = (args: ComboboxWithComponent) => {\n    const { onChange, component: Component, ...rest } = args;\n    const [value, setValue] = useState<string | undefined>();\n    const selectRef = useRef<HTMLSelectElement | null>(null);\n\n    const handleChange = (value: string) => {\n        setValue(value);\n    };\n\n    useEffect(() => {\n        const event = createEvent(selectRef);\n        onChange && onChange(event);\n    }, [value]);\n\n    return (\n        <>\n            <select ref={selectRef} value={value} hidden>\n                <option value={value}>{value}</option>\n            </select>\n            <Component {...(rest as any)} value={value} onChange={handleChange} />\n        </>\n    );\n};\n\nconst MultipleForm = (args: ComboboxWithComponent) => {\n    const { onChange, component: Component, ...rest } = args;\n    const [values, setValues] = useState<string[]>([]);\n    const selectRef = useRef<HTMLSelectElement | null>(null);\n\n    const handleChange = (value: string[]) => {\n        setValues(value);\n    };\n\n    useEffect(() => {\n        const event = createEvent(selectRef);\n        onChange && onChange(event);\n    }, [values]);\n\n    return (\n        <>\n            <select ref={selectRef} value={values} multiple hidden>\n                {values.map((value) => (\n                    <option key={value} value={value}>\n                        {value}\n                    </option>\n                ))}\n            </select>\n            <Component {...(rest as any)} value={values} onChange={handleChange} />\n        </>\n    );\n};\n\nexport const getFormComponentGenerator = (Component: ComponentType<ComboboxProps>) => {\n    return (args: ComboboxFormProps) => {\n        return args.multiple ? (\n            <MultipleForm {...args} component={Component} />\n        ) : (\n            <SingleForm {...args} component={Component} />\n        );\n    };\n};\n"],"names":["SingleForm","args","onChange","Component","component","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","value","setValue","selectRef","useRef","handleChange","useEffect","event","createEvent","React","createElement","Fragment","ref","hidden","_extends","MultipleForm","_excluded2","_useState3","_useState4","values","setValues","multiple","map","key","getFormComponentGenerator"],"mappings":"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"}
+{"version":3,"file":"getForm.js","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/getForm.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { ComboboxProps, ComboboxFormProps } from '../Combobox.types';\nimport { mergeRefs } from '../../../../utils';\n\nimport { createEvent } from './syntheticEvent';\n\ntype ComboboxWithComponent = ComboboxFormProps & {\n    component: ComponentType<ComboboxProps>;\n};\n\nconst SingleForm = forwardRef<HTMLSelectElement, ComboboxWithComponent>((args, ref) => {\n    const { onChange, name, defaultValue, component: Component, ...rest } = args;\n    const [value, setValue] = useState<string | undefined>(String(defaultValue));\n    const selectRef = useRef<HTMLSelectElement | null>(null);\n\n    const handleChange = (value: string) => {\n        setValue(value);\n    };\n\n    useEffect(() => {\n        const event = createEvent(selectRef);\n        onChange && onChange(event);\n    }, [value]);\n\n    return (\n        <>\n            <select ref={mergeRefs(selectRef, ref)} value={value} name={name} hidden>\n                <option value={value}>{value}</option>\n            </select>\n            <Component {...(rest as any)} value={value} onChange={handleChange} />\n        </>\n    );\n});\n\nconst MultipleForm = forwardRef<HTMLSelectElement, ComboboxWithComponent>((args, ref) => {\n    const { onChange, name, defaultValue, component: Component, ...rest } = args;\n    const [values, setValues] = useState<string[]>(defaultValue && Array.isArray(defaultValue) ? defaultValue : []);\n    const selectRef = useRef<HTMLSelectElement | null>(null);\n\n    const handleChange = (value: string[]) => {\n        setValues(value);\n    };\n\n    useEffect(() => {\n        const event = createEvent(selectRef);\n        onChange && onChange(event);\n    }, [values]);\n\n    return (\n        <>\n            <select ref={mergeRefs(selectRef, ref)} value={values} name={name} multiple hidden>\n                {values.map((value) => (\n                    <option key={value} value={value}>\n                        {value}\n                    </option>\n                ))}\n            </select>\n            <Component {...(rest as any)} value={values} onChange={handleChange} />\n        </>\n    );\n});\n\nexport const getFormComponentGenerator = (Component: ComponentType<ComboboxProps>) => {\n    return forwardRef<HTMLSelectElement, ComboboxFormProps>((args, ref) => {\n        return args.multiple ? (\n            <MultipleForm {...args} ref={ref} component={Component} />\n        ) : (\n            <SingleForm {...args} ref={ref} component={Component} />\n        );\n    });\n};\n"],"names":["SingleForm","forwardRef","args","ref","onChange","name","defaultValue","Component","component","rest","_objectWithoutProperties","_excluded","_useState","useState","String","_useState2","_slicedToArray","value","setValue","selectRef","useRef","handleChange","useEffect","event","createEvent","React","createElement","Fragment","mergeRefs","hidden","_extends","MultipleForm","_excluded2","_useState3","Array","isArray","_useState4","values","setValues","multiple","map","key","getFormComponentGenerator"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.186.0-canary.1542.11725164051.0",
+  "version": "0.186.0-canary.1542.11727809479.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -128,5 +128,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "a55398233d55dab7e7b88e27f2fcef2bf69982e2"
+  "gitHead": "5c4545f3624df440cd89a35c507bdd6ba1dbc0db"
 }

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

@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getFormComponentGenerator = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../../../utils");
 var _syntheticEvent = /*#__PURE__*/require("./syntheticEvent");
-var _excluded = ["onChange", "component"],
-  _excluded2 = ["onChange", "component"];
+var _excluded = ["onChange", "name", "defaultValue", "component"],
+  _excluded2 = ["onChange", "name", "defaultValue", "component"];
 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); }
@@ -20,11 +21,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var SingleForm = function SingleForm(args) {
+var SingleForm = /*#__PURE__*/(0, _react.forwardRef)(function (args, ref) {
   var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
     Component = args.component,
     rest = _objectWithoutProperties(args, _excluded);
-  var _useState = (0, _react.useState)(),
+  var _useState = (0, _react.useState)(String(defaultValue)),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
@@ -37,8 +40,9 @@ var SingleForm = function SingleForm(args) {
     onChange && onChange(event);
   }, [value]);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("select", {
-    ref: selectRef,
+    ref: (0, _utils.mergeRefs)(selectRef, ref),
     value: value,
+    name: name,
     hidden: true
   }, /*#__PURE__*/_react["default"].createElement("option", {
     value: value
@@ -46,12 +50,14 @@ var SingleForm = function SingleForm(args) {
     value: value,
     onChange: handleChange
   })));
-};
-var MultipleForm = function MultipleForm(args) {
+});
+var MultipleForm = /*#__PURE__*/(0, _react.forwardRef)(function (args, ref) {
   var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
     Component = args.component,
     rest = _objectWithoutProperties(args, _excluded2);
-  var _useState3 = (0, _react.useState)([]),
+  var _useState3 = (0, _react.useState)(defaultValue && Array.isArray(defaultValue) ? defaultValue : []),
     _useState4 = _slicedToArray(_useState3, 2),
     values = _useState4[0],
     setValues = _useState4[1];
@@ -64,8 +70,9 @@ var MultipleForm = function MultipleForm(args) {
     onChange && onChange(event);
   }, [values]);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("select", {
-    ref: selectRef,
+    ref: (0, _utils.mergeRefs)(selectRef, ref),
     value: values,
+    name: name,
     multiple: true,
     hidden: true
   }, values.map(function (value) {
@@ -77,13 +84,15 @@ var MultipleForm = function MultipleForm(args) {
     value: values,
     onChange: handleChange
   })));
-};
+});
 var getFormComponentGenerator = exports.getFormComponentGenerator = function getFormComponentGenerator(Component) {
-  return function (args) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (args, ref) {
     return args.multiple ? /*#__PURE__*/_react["default"].createElement(MultipleForm, _extends({}, args, {
+      ref: ref,
       component: Component
     })) : /*#__PURE__*/_react["default"].createElement(SingleForm, _extends({}, args, {
+      ref: ref,
       component: Component
     }));
-  };
+  });
 };

package/styled-components/es/components/Combobox/ComboboxNew/utils/getForm.js

@@ -1,5 +1,5 @@
-var _excluded = ["onChange", "component"],
-  _excluded2 = ["onChange", "component"];
+var _excluded = ["onChange", "name", "defaultValue", "component"],
+  _excluded2 = ["onChange", "name", "defaultValue", "component"];
 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); }
 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."); }
@@ -9,13 +9,16 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useEffect, useRef, useState } from 'react';
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
+import { mergeRefs } from '../../../../utils';
 import { createEvent } from './syntheticEvent';
-var SingleForm = function SingleForm(args) {
+var SingleForm = /*#__PURE__*/forwardRef(function (args, ref) {
   var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
     Component = args.component,
     rest = _objectWithoutProperties(args, _excluded);
-  var _useState = useState(),
+  var _useState = useState(String(defaultValue)),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
@@ -28,8 +31,9 @@ var SingleForm = function SingleForm(args) {
     onChange && onChange(event);
   }, [value]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
-    ref: selectRef,
+    ref: mergeRefs(selectRef, ref),
     value: value,
+    name: name,
     hidden: true
   }, /*#__PURE__*/React.createElement("option", {
     value: value
@@ -37,12 +41,14 @@ var SingleForm = function SingleForm(args) {
     value: value,
     onChange: handleChange
   })));
-};
-var MultipleForm = function MultipleForm(args) {
+});
+var MultipleForm = /*#__PURE__*/forwardRef(function (args, ref) {
   var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
     Component = args.component,
     rest = _objectWithoutProperties(args, _excluded2);
-  var _useState3 = useState([]),
+  var _useState3 = useState(defaultValue && Array.isArray(defaultValue) ? defaultValue : []),
     _useState4 = _slicedToArray(_useState3, 2),
     values = _useState4[0],
     setValues = _useState4[1];
@@ -55,8 +61,9 @@ var MultipleForm = function MultipleForm(args) {
     onChange && onChange(event);
   }, [values]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
-    ref: selectRef,
+    ref: mergeRefs(selectRef, ref),
     value: values,
+    name: name,
     multiple: true,
     hidden: true
   }, values.map(function (value) {
@@ -68,13 +75,15 @@ var MultipleForm = function MultipleForm(args) {
     value: values,
     onChange: handleChange
   })));
-};
+});
 export var getFormComponentGenerator = function getFormComponentGenerator(Component) {
-  return function (args) {
+  return /*#__PURE__*/forwardRef(function (args, ref) {
     return args.multiple ? /*#__PURE__*/React.createElement(MultipleForm, _extends({}, args, {
+      ref: ref,
       component: Component
     })) : /*#__PURE__*/React.createElement(SingleForm, _extends({}, args, {
+      ref: ref,
       component: Component
     }));
-  };
+  });
 };

package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts

@@ -180,10 +180,12 @@ export declare type ItemContext = {
 declare type ComboboxFormBaseProps = {
     onChange?: (event: React.ChangeEvent<HTMLSelectElement> | null) => void;
     defaultValue?: string;
+    name?: string;
     multiple?: false;
 } | {
     onChange?: (event: React.ChangeEvent<HTMLSelectElement> | null) => void;
     defaultValue?: string[];
+    name?: string;
     multiple?: true;
 };
 export declare type ComboboxFormProps = Omit<ComboboxProps, 'onChange' | 'defaultValue' | 'multiple'> & ComboboxFormBaseProps;

package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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"}

package/types/components/Combobox/ComboboxNew/utils/getForm.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType } from 'react';
+import React, { ComponentType } from 'react';
 import { ComboboxProps, ComboboxFormProps } from '../Combobox.types';
-export declare const getFormComponentGenerator: (Component: ComponentType<ComboboxProps>) => (args: ComboboxFormProps) => JSX.Element;
+export declare const getFormComponentGenerator: (Component: ComponentType<ComboboxProps>) => React.ForwardRefExoticComponent<ComboboxFormProps & React.RefAttributes<HTMLSelectElement>>;
 //# sourceMappingURL=getForm.d.ts.map

package/types/components/Combobox/ComboboxNew/utils/getForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/getForm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AA4DrE,eAAO,MAAM,yBAAyB,cAAe,cAAc,aAAa,CAAC,YAC/D,iBAAiB,gBAOlC,CAAC"}
+{"version":3,"file":"getForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/getForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAA2C,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AA6DrE,eAAO,MAAM,yBAAyB,cAAe,cAAc,aAAa,CAAC,gGAQhF,CAAC"}