@salutejs/plasma-new-hope 0.186.0-canary.1542.11716355955.0 → 0.186.0-canary.1542.11726237853.0

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

@@ -0,0 +1,86 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var syntheticEvent = require('./syntheticEvent.js');
+
+var _excluded = ["onChange", "name", "defaultValue", "component"],
+  _excluded2 = ["onChange", "name", "defaultValue", "component"];
+var SingleForm = function SingleForm(args) {
+  var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
+    Component = args.component,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(args, _excluded);
+  var _useState = React.useState(String(defaultValue)),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var selectRef = React.useRef(null);
+  var handleChange = function handleChange(value) {
+    setValue(value);
+  };
+  React.useEffect(function () {
+    var event = syntheticEvent.createEvent(selectRef);
+    onChange && onChange(event);
+  }, [value]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
+    ref: selectRef,
+    value: value,
+    name: name,
+    hidden: true
+  }, /*#__PURE__*/React.createElement("option", {
+    value: value
+  }, value)), /*#__PURE__*/React.createElement(Component, _rollupPluginBabelHelpers.extends({}, rest, {
+    value: value,
+    onChange: handleChange
+  })));
+};
+var MultipleForm = function MultipleForm(args) {
+  var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
+    Component = args.component,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(args, _excluded2);
+  var _useState3 = React.useState(defaultValue && Array.isArray(defaultValue) ? defaultValue : []),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    values = _useState4[0],
+    setValues = _useState4[1];
+  var selectRef = React.useRef(null);
+  var handleChange = function handleChange(value) {
+    setValues(value);
+  };
+  React.useEffect(function () {
+    var event = syntheticEvent.createEvent(selectRef);
+    onChange && onChange(event);
+  }, [values]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
+    ref: selectRef,
+    value: values,
+    name: name,
+    multiple: true,
+    hidden: true
+  }, values.map(function (value) {
+    return /*#__PURE__*/React.createElement("option", {
+      key: value,
+      value: value
+    }, value);
+  })), /*#__PURE__*/React.createElement(Component, _rollupPluginBabelHelpers.extends({}, rest, {
+    value: values,
+    onChange: handleChange
+  })));
+};
+var getFormComponentGenerator = function getFormComponentGenerator(Component) {
+  return function (args) {
+    return args.multiple ? /*#__PURE__*/React.createElement(MultipleForm, _rollupPluginBabelHelpers.extends({}, args, {
+      component: Component
+    })) : /*#__PURE__*/React.createElement(SingleForm, _rollupPluginBabelHelpers.extends({}, args, {
+      component: Component
+    }));
+  };
+};
+
+exports.getFormComponentGenerator = getFormComponentGenerator;
+//# sourceMappingURL=getForm.js.map

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

@@ -0,0 +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, 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={selectRef} 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 = (args: ComboboxWithComponent) => {\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={selectRef} 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 (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","name","defaultValue","Component","component","rest","_objectWithoutProperties","_excluded","_useState","useState","String","_useState2","_slicedToArray","value","setValue","selectRef","useRef","handleChange","useEffect","event","createEvent","React","createElement","Fragment","ref","hidden","_extends","MultipleForm","_excluded2","_useState3","Array","isArray","_useState4","values","setValues","multiple","map","key","getFormComponentGenerator"],"mappings":"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"}

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

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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
+  };
+};
+
+exports.createEvent = createEvent;
+exports.createSyntheticEvent = createSyntheticEvent;
+//# sourceMappingURL=syntheticEvent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"syntheticEvent.js","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/syntheticEvent.ts"],"sourcesContent":["import { RefObject } from 'react';\n\nexport const createEvent = (ref: RefObject<HTMLSelectElement>) => {\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\nexport const 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,CAAIC,GAAiC,EAAK;EAC9D,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;IAEYC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAwCR,KAAQ,EAAiC;EAC9G,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;;;;;"}

package/cjs/index.js

@@ -163,6 +163,7 @@ var Combobox_tokens = require('./components/Combobox/ComboboxOld/Combobox.tokens
 var Combobox_tokens$1 = require('./components/Combobox/ComboboxNew/Combobox.tokens.js');
 var Combobox$1 = require('./components/Combobox/ComboboxNew/Combobox.js');
 var Combobox_boundler = require('./components/Combobox/ComboboxNew/Combobox.boundler.js');
+var getForm = require('./components/Combobox/ComboboxNew/utils/getForm.js');
 var Indicator = require('./components/Indicator/Indicator.js');
 var Indicator_tokens = require('./components/Indicator/Indicator.tokens.js');
 var Grid = require('./components/Grid/Grid.js');
@@ -533,6 +534,7 @@ exports.comboboxNewTokens = Combobox_tokens$1.tokens;
 exports.comboboxNewConfig = Combobox$1.comboboxConfig;
 exports.comboboxNewRoot = Combobox$1.comboboxRoot;
 exports.boundCombobox = Combobox_boundler.boundCombobox;
+exports.getFormComponentGenerator = getForm.getFormComponentGenerator;
 exports.indicatorConfig = Indicator.indicatorConfig;
 exports.indicatorRoot = Indicator.indicatorRoot;
 exports.indicatorTokens = Indicator_tokens.tokens;

package/cjs/index.js.map

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

package/emotion/cjs/components/Combobox/ComboboxNew/index.js

@@ -27,6 +27,13 @@ Object.defineProperty(exports, "comboboxTokens", {
     return _Combobox2.tokens;
   }
 });
+Object.defineProperty(exports, "getFormComponentGenerator", {
+  enumerable: true,
+  get: function get() {
+    return _utils.getFormComponentGenerator;
+  }
+});
 var _Combobox = /*#__PURE__*/require("./Combobox");
 var _Combobox2 = /*#__PURE__*/require("./Combobox.tokens");
-var _Combobox3 = /*#__PURE__*/require("./Combobox.boundler");
+var _Combobox3 = /*#__PURE__*/require("./Combobox.boundler");
+var _utils = /*#__PURE__*/require("./utils");

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

@@ -7,9 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.getFormComponentGenerator = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _syntheticEvent = /*#__PURE__*/require("./syntheticEvent");
-var _excluded = ["onChange", "component"],
-  _excluded2 = ["onChange", "component"]; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
+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); }
@@ -23,9 +22,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 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];
@@ -40,6 +41,7 @@ var SingleForm = function SingleForm(args) {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("select", {
     ref: selectRef,
     value: value,
+    name: name,
     hidden: true
   }, /*#__PURE__*/_react["default"].createElement("option", {
     value: value
@@ -50,9 +52,11 @@ var SingleForm = function SingleForm(args) {
 };
 var MultipleForm = function MultipleForm(args) {
   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];
@@ -67,6 +71,7 @@ var MultipleForm = function MultipleForm(args) {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("select", {
     ref: selectRef,
     value: values,
+    name: name,
     multiple: true,
     hidden: true
   }, values.map(function (value) {

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

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "filterItems", {
     return _filterItems.filterItems;
   }
 });
+Object.defineProperty(exports, "getFormComponentGenerator", {
+  enumerable: true,
+  get: function get() {
+    return _getForm.getFormComponentGenerator;
+  }
+});
 Object.defineProperty(exports, "getInitialValue", {
   enumerable: true,
   get: function get() {
@@ -58,4 +64,5 @@ var _updateSingleAncestors = /*#__PURE__*/require("./updateSingleAncestors");
 var _sizeToIconSize = /*#__PURE__*/require("./sizeToIconSize");
 var _filterItems = /*#__PURE__*/require("./filterItems");
 var _getItemId = /*#__PURE__*/require("./getItemId");
-var _getInitialValue = /*#__PURE__*/require("./getInitialValue");
+var _getInitialValue = /*#__PURE__*/require("./getInitialValue");
+var _getForm = /*#__PURE__*/require("./getForm");

package/emotion/cjs/components/Combobox/index.js

@@ -117,5 +117,11 @@ Object.defineProperty(exports, "comboboxOldTokens", {
     return _ComboboxOld.comboboxTokens;
   }
 });
+Object.defineProperty(exports, "getFormComponentGenerator", {
+  enumerable: true,
+  get: function get() {
+    return _ComboboxNew.getFormComponentGenerator;
+  }
+});
 var _ComboboxOld = /*#__PURE__*/require("./ComboboxOld");
 var _ComboboxNew = /*#__PURE__*/require("./ComboboxNew");

package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.ComboboxWithForm = exports.Combobox = void 0;
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _ = /*#__PURE__*/require("../../../..");
-var _getForm = /*#__PURE__*/require("../../../../components/Combobox/ComboboxNew/utils/getForm");
 var _Combobox = /*#__PURE__*/require("./Combobox.config");
 var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_.comboboxNewConfig, _Combobox.config);
 var ComboboxComponent = /*#__PURE__*/(0, _engines.component)(mergedConfig);
 var Combobox = exports.Combobox = ComboboxComponent;
 var ComboboxWithForm = exports.ComboboxWithForm = /*#__PURE__*/(0, _.boundCombobox)({
   base: ComboboxComponent,
-  baseForm: /*#__PURE__*/(0, _getForm.getFormComponentGenerator)(ComboboxComponent)
+  baseForm: /*#__PURE__*/(0, _.getFormComponentGenerator)(ComboboxComponent)
 });

package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx

@@ -1,14 +1,13 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useState } from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { WithTheme } from '../../../_helpers';
 import { IconDone } from '../../../../components/_Icon';
-import { createEvent } from '../../../../components/Combobox/ComboboxNew/utils/syntheticEvent';
 
-import { Combobox, ComboboxWithForm } from './Combobox';
+import { ComboboxWithForm } from './Combobox';
 
-type StorySelectProps = ComponentProps<typeof Combobox> & {
+type StorySelectProps = ComponentProps<typeof ComboboxWithForm> & {
     enableContentLeft?: boolean;
 };
 
@@ -20,7 +19,7 @@ const variant = ['normal', 'tight'];
 const meta: Meta<StorySelectProps> = {
     title: 'plasma_b2c/Combobox',
     decorators: [WithTheme],
-    component: Combobox,
+    component: ComboboxWithForm,
     argTypes: {
         size: {
             options: size,

package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.js

@@ -3,10 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Combobox = void 0;
+exports.ComboboxWithForm = exports.Combobox = void 0;
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _ = /*#__PURE__*/require("../../../..");
 var _Combobox = /*#__PURE__*/require("./Combobox.config");
 var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_.comboboxNewConfig, _Combobox.config);
 var ComboboxComponent = /*#__PURE__*/(0, _engines.component)(mergedConfig);
-var Combobox = exports.Combobox = ComboboxComponent;
+var Combobox = exports.Combobox = ComboboxComponent;
+var ComboboxWithForm = exports.ComboboxWithForm = /*#__PURE__*/(0, _.boundCombobox)({
+  base: ComboboxComponent,
+  baseForm: /*#__PURE__*/(0, _.getFormComponentGenerator)(ComboboxComponent)
+});

package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx

@@ -5,9 +5,9 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { WithTheme } from '../../../_helpers';
 import { IconDone } from '../../../../components/_Icon';
 
-import { Combobox } from './Combobox';
+import { ComboboxWithForm } from './Combobox';
 
-type StorySelectProps = ComponentProps<typeof Combobox> & {
+type StorySelectProps = ComponentProps<typeof ComboboxWithForm> & {
     enableContentLeft?: boolean;
 };
 
@@ -19,7 +19,7 @@ const variant = ['normal', 'tight'];
 const meta: Meta<StorySelectProps> = {
     title: 'plasma_web/Combobox',
     decorators: [WithTheme],
-    component: Combobox,
+    component: ComboboxWithForm,
     argTypes: {
         size: {
             options: size,
@@ -356,7 +356,7 @@ const SingleStory = (args: StorySelectProps) => {
 
     return (
         <div style={{ width: '400px' }}>
-            <Combobox
+            <ComboboxWithForm
                 {...args}
                 items={items}
                 value={value}
@@ -384,7 +384,7 @@ const MultipleStory = (args: StorySelectProps) => {
 
     return (
         <div style={{ width: '400px' }}>
-            <Combobox
+            <ComboboxWithForm
                 {...args}
                 multiple
                 items={items}

package/emotion/es/components/Combobox/ComboboxNew/index.js

@@ -1,3 +1,4 @@
 export { comboboxConfig, comboboxRoot } from './Combobox';
 export { tokens as comboboxTokens } from './Combobox.tokens';
-export { boundCombobox } from './Combobox.boundler';
+export { boundCombobox } from './Combobox.boundler';
+export { getFormComponentGenerator } from './utils';

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,16 +9,15 @@ 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; }
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-
 import React, { useEffect, useRef, useState } from 'react';
 import { createEvent } from './syntheticEvent';
 var SingleForm = function SingleForm(args) {
   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];
@@ -33,6 +32,7 @@ var SingleForm = function SingleForm(args) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
     ref: selectRef,
     value: value,
+    name: name,
     hidden: true
   }, /*#__PURE__*/React.createElement("option", {
     value: value
@@ -43,9 +43,11 @@ var SingleForm = function SingleForm(args) {
 };
 var MultipleForm = function MultipleForm(args) {
   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];
@@ -60,6 +62,7 @@ var MultipleForm = function MultipleForm(args) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
     ref: selectRef,
     value: values,
+    name: name,
     multiple: true,
     hidden: true
   }, values.map(function (value) {

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

@@ -5,4 +5,5 @@ export { updateSingleAncestors } from './updateSingleAncestors';
 export { sizeToIconSize } from './sizeToIconSize';
 export { filterItems } from './filterItems';
 export { getItemId } from './getItemId';
-export { getInitialValue } from './getInitialValue';
+export { getInitialValue } from './getInitialValue';
+export { getFormComponentGenerator } from './getForm';

package/emotion/es/components/Combobox/index.js

@@ -1,2 +1,2 @@
 export { comboboxRoot as comboboxOldRoot, comboboxConfig as comboboxOldConfig, comboboxDividerRoot, comboboxDividerConfig, comboboxFooterRoot, comboboxFooterConfig, comboboxGroupRoot, comboboxGroupConfig, comboboxHeaderRoot, comboboxHeaderConfig, comboboxItemRoot, comboboxItemConfig, ComboboxTarget, comboboxClasses as comboboxOldClasses, comboboxTokens as comboboxOldTokens } from './ComboboxOld';
-export { comboboxTokens as comboboxNewTokens, comboboxRoot as comboboxNewRoot, comboboxConfig as comboboxNewConfig, boundCombobox } from './ComboboxNew';
+export { comboboxTokens as comboboxNewTokens, comboboxRoot as comboboxNewRoot, comboboxConfig as comboboxNewConfig, boundCombobox, getFormComponentGenerator } from './ComboboxNew';

package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.js

@@ -1,6 +1,5 @@
 import { component, mergeConfig } from '../../../../engines';
-import { comboboxNewConfig, boundCombobox } from '../../../..';
-import { getFormComponentGenerator } from '../../../../components/Combobox/ComboboxNew/utils/getForm';
+import { comboboxNewConfig, boundCombobox, getFormComponentGenerator } from '../../../..';
 import { config } from './Combobox.config';
 var mergedConfig = /*#__PURE__*/mergeConfig(comboboxNewConfig, config);
 var ComboboxComponent = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx

@@ -1,14 +1,13 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useState } from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { WithTheme } from '../../../_helpers';
 import { IconDone } from '../../../../components/_Icon';
-import { createEvent } from '../../../../components/Combobox/ComboboxNew/utils/syntheticEvent';
 
-import { Combobox, ComboboxWithForm } from './Combobox';
+import { ComboboxWithForm } from './Combobox';
 
-type StorySelectProps = ComponentProps<typeof Combobox> & {
+type StorySelectProps = ComponentProps<typeof ComboboxWithForm> & {
     enableContentLeft?: boolean;
 };
 
@@ -20,7 +19,7 @@ const variant = ['normal', 'tight'];
 const meta: Meta<StorySelectProps> = {
     title: 'plasma_b2c/Combobox',
     decorators: [WithTheme],
-    component: Combobox,
+    component: ComboboxWithForm,
     argTypes: {
         size: {
             options: size,

package/emotion/es/examples/plasma_web/components/Combobox/Combobox.js

@@ -1,7 +1,11 @@
 import { component, mergeConfig } from '../../../../engines';
-import { comboboxNewConfig } from '../../../..';
+import { comboboxNewConfig, boundCombobox, getFormComponentGenerator } from '../../../..';
 import { config } from './Combobox.config';
 var mergedConfig = /*#__PURE__*/mergeConfig(comboboxNewConfig, config);
 var ComboboxComponent = /*#__PURE__*/component(mergedConfig);
 var Combobox = ComboboxComponent;
-export { Combobox };
+var ComboboxWithForm = /*#__PURE__*/boundCombobox({
+  base: ComboboxComponent,
+  baseForm: /*#__PURE__*/getFormComponentGenerator(ComboboxComponent)
+});
+export { Combobox, ComboboxWithForm };

package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx

@@ -5,9 +5,9 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { WithTheme } from '../../../_helpers';
 import { IconDone } from '../../../../components/_Icon';
 
-import { Combobox } from './Combobox';
+import { ComboboxWithForm } from './Combobox';
 
-type StorySelectProps = ComponentProps<typeof Combobox> & {
+type StorySelectProps = ComponentProps<typeof ComboboxWithForm> & {
     enableContentLeft?: boolean;
 };
 
@@ -19,7 +19,7 @@ const variant = ['normal', 'tight'];
 const meta: Meta<StorySelectProps> = {
     title: 'plasma_web/Combobox',
     decorators: [WithTheme],
-    component: Combobox,
+    component: ComboboxWithForm,
     argTypes: {
         size: {
             options: size,
@@ -356,7 +356,7 @@ const SingleStory = (args: StorySelectProps) => {
 
     return (
         <div style={{ width: '400px' }}>
-            <Combobox
+            <ComboboxWithForm
                 {...args}
                 items={items}
                 value={value}
@@ -384,7 +384,7 @@ const MultipleStory = (args: StorySelectProps) => {
 
     return (
         <div style={{ width: '400px' }}>
-            <Combobox
+            <ComboboxWithForm
                 {...args}
                 multiple
                 items={items}

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

@@ -0,0 +1,82 @@
+import { extends as _extends, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useState, useRef, useEffect } from 'react';
+import { createEvent } from './syntheticEvent.js';
+
+var _excluded = ["onChange", "name", "defaultValue", "component"],
+  _excluded2 = ["onChange", "name", "defaultValue", "component"];
+var SingleForm = function SingleForm(args) {
+  var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
+    Component = args.component,
+    rest = _objectWithoutProperties(args, _excluded);
+  var _useState = useState(String(defaultValue)),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var selectRef = useRef(null);
+  var handleChange = function handleChange(value) {
+    setValue(value);
+  };
+  useEffect(function () {
+    var event = createEvent(selectRef);
+    onChange && onChange(event);
+  }, [value]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
+    ref: selectRef,
+    value: value,
+    name: name,
+    hidden: true
+  }, /*#__PURE__*/React.createElement("option", {
+    value: value
+  }, value)), /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+    value: value,
+    onChange: handleChange
+  })));
+};
+var MultipleForm = function MultipleForm(args) {
+  var onChange = args.onChange,
+    name = args.name,
+    defaultValue = args.defaultValue,
+    Component = args.component,
+    rest = _objectWithoutProperties(args, _excluded2);
+  var _useState3 = useState(defaultValue && Array.isArray(defaultValue) ? defaultValue : []),
+    _useState4 = _slicedToArray(_useState3, 2),
+    values = _useState4[0],
+    setValues = _useState4[1];
+  var selectRef = useRef(null);
+  var handleChange = function handleChange(value) {
+    setValues(value);
+  };
+  useEffect(function () {
+    var event = createEvent(selectRef);
+    onChange && onChange(event);
+  }, [values]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", {
+    ref: selectRef,
+    value: values,
+    name: name,
+    multiple: true,
+    hidden: true
+  }, values.map(function (value) {
+    return /*#__PURE__*/React.createElement("option", {
+      key: value,
+      value: value
+    }, value);
+  })), /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+    value: values,
+    onChange: handleChange
+  })));
+};
+var getFormComponentGenerator = function getFormComponentGenerator(Component) {
+  return function (args) {
+    return args.multiple ? /*#__PURE__*/React.createElement(MultipleForm, _extends({}, args, {
+      component: Component
+    })) : /*#__PURE__*/React.createElement(SingleForm, _extends({}, args, {
+      component: Component
+    }));
+  };
+};
+
+export { getFormComponentGenerator };
+//# sourceMappingURL=getForm.js.map