@salutejs/plasma-new-hope 0.266.0-dev.0 → 0.266.1-canary.1777.13369108887.0

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

@@ -11,6 +11,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
+var _option;
 var SelectNative = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var name = _ref.name,
     multiple = _ref.multiple,
@@ -44,13 +45,19 @@ var SelectNative = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onChange(event);
     }
   }, [values]);
+
+  //
+  // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,
+  // если нет изначального значения
+  //
+
   return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(SelectNative_styles.SelectHidden, {
     ref: forkRef,
     multiple: multiple,
     name: name,
     hidden: true,
     value: multiple ? values : values[0]
-  }, options.map(function (v) {
+  }, _option || (_option = /*#__PURE__*/React__default.default.createElement("option", null, " ")), options.map(function (v) {
     return /*#__PURE__*/React__default.default.createElement("option", {
       key: v,
       value: v

package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectNative.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { createEvent } from '../../../../../utils';\nimport { ComboboxProps } from '../../Combobox.types';\nimport { ValueToItemMapType } from '../../hooks/getPathMaps';\n\nimport { SelectHidden } from './SelectNative.styles';\n\ntype Props = Pick<ComboboxProps, 'name' | 'value' | 'multiple'> & {\n    onChange: (value: ChangeEvent<HTMLSelectElement> | null) => void;\n    onSetValue: (value: string | string[]) => void;\n    items: ValueToItemMapType;\n};\n\nexport const SelectNative = forwardRef<HTMLInputElement, Props>(\n    ({ name, multiple, items, value, onChange, onSetValue }, ref) => {\n        const values = (multiple ? value : [value]) as string[];\n        const selectRef = useRef<HTMLSelectElement>(null);\n        const forkRef = useForkRef(selectRef, ref as any);\n        const options = Array.from(items.keys());\n\n        useLayoutEffect(() => {\n            if (selectRef.current && !multiple) {\n                const valueInit = selectRef.current.value;\n\n                if (valueInit) {\n                    onSetValue(valueInit);\n                }\n            }\n\n            if (selectRef.current && multiple) {\n                const valuesInit = Array.from(selectRef.current.selectedOptions).map((v) => v.value);\n                if (valuesInit.length !== 0) {\n                    onSetValue(valuesInit);\n                }\n            }\n        }, []);\n\n        useLayoutEffect(() => {\n            const event = createEvent(selectRef);\n            if (onChange) {\n                onChange(event);\n            }\n        }, [values]);\n\n        return (\n            <>\n                <SelectHidden\n                    ref={forkRef}\n                    multiple={multiple}\n                    name={name}\n                    hidden\n                    value={multiple ? values : values[0]}\n                >\n                    {options.map((v) => (\n                        <option key={v} value={v}>\n                            {v}\n                        </option>\n                    ))}\n                </SelectHidden>\n            </>\n        );\n    },\n);\n"],"names":["SelectNative","forwardRef","_ref","ref","name","multiple","items","value","onChange","onSetValue","values","selectRef","useRef","forkRef","useForkRef","options","Array","from","keys","useLayoutEffect","current","valueInit","valuesInit","selectedOptions","map","v","length","event","createEvent","React","createElement","Fragment","SelectHidden","hidden","key"],"mappings":";;;;;;;;;;;;;AAeO,IAAMA,YAAY,gBAAGC,gBAAU,CAClC,UAAAC,IAAA,EAAyDC,GAAG,EAAK;AAAA,EAAA,IAA9DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU,CAAA;EACjD,IAAMC,MAAM,GAAIL,QAAQ,GAAGE,KAAK,GAAG,CAACA,KAAK,CAAc,CAAA;AACvD,EAAA,IAAMI,SAAS,GAAGC,YAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,OAAO,GAAGC,qBAAU,CAACH,SAAS,EAAER,GAAU,CAAC,CAAA;EACjD,IAAMY,OAAO,GAAGC,KAAK,CAACC,IAAI,CAACX,KAAK,CAACY,IAAI,EAAE,CAAC,CAAA;AAExCC,EAAAA,qBAAe,CAAC,YAAM;AAClB,IAAA,IAAIR,SAAS,CAACS,OAAO,IAAI,CAACf,QAAQ,EAAE;AAChC,MAAA,IAAMgB,SAAS,GAAGV,SAAS,CAACS,OAAO,CAACb,KAAK,CAAA;AAEzC,MAAA,IAAIc,SAAS,EAAE;QACXZ,UAAU,CAACY,SAAS,CAAC,CAAA;AACzB,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIV,SAAS,CAACS,OAAO,IAAIf,QAAQ,EAAE;AAC/B,MAAA,IAAMiB,UAAU,GAAGN,KAAK,CAACC,IAAI,CAACN,SAAS,CAACS,OAAO,CAACG,eAAe,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAA;QAAA,OAAKA,CAAC,CAAClB,KAAK,CAAA;OAAC,CAAA,CAAA;AACpF,MAAA,IAAIe,UAAU,CAACI,MAAM,KAAK,CAAC,EAAE;QACzBjB,UAAU,CAACa,UAAU,CAAC,CAAA;AAC1B,OAAA;AACJ,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAENH,EAAAA,qBAAe,CAAC,YAAM;AAClB,IAAA,IAAMQ,KAAK,GAAGC,uBAAW,CAACjB,SAAS,CAAC,CAAA;AACpC,IAAA,IAAIH,QAAQ,EAAE;MACVA,QAAQ,CAACmB,KAAK,CAAC,CAAA;AACnB,KAAA;AACJ,GAAC,EAAE,CAACjB,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,oBACImB,sBAAA,CAAAC,aAAA,CAAAD,sBAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,sBAAA,CAAAC,aAAA,CAACE,gCAAY,EAAA;AACT7B,IAAAA,GAAG,EAAEU,OAAQ;AACbR,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,IAAI,EAAEA,IAAK;IACX6B,MAAM,EAAA,IAAA;AACN1B,IAAAA,KAAK,EAAEF,QAAQ,GAAGK,MAAM,GAAGA,MAAM,CAAC,CAAC,CAAA;AAAE,GAAA,EAEpCK,OAAO,CAACS,GAAG,CAAC,UAACC,CAAC,EAAA;IAAA,oBACXI,sBAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQI,MAAAA,GAAG,EAAET,CAAE;AAAClB,MAAAA,KAAK,EAAEkB,CAAAA;AAAE,KAAA,EACpBA,CACG,CAAC,CAAA;GACZ,CACS,CAChB,CAAC,CAAA;AAEX,CACJ;;;;"}
+{"version":3,"file":"SelectNative.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { createEvent } from '../../../../../utils';\nimport { ComboboxProps } from '../../Combobox.types';\nimport { ValueToItemMapType } from '../../hooks/getPathMaps';\n\nimport { SelectHidden } from './SelectNative.styles';\n\ntype Props = Pick<ComboboxProps, 'name' | 'value' | 'multiple'> & {\n    onChange: (value: ChangeEvent<HTMLSelectElement> | null) => void;\n    onSetValue: (value: string | string[]) => void;\n    items: ValueToItemMapType;\n};\n\nexport const SelectNative = forwardRef<HTMLInputElement, Props>(\n    ({ name, multiple, items, value, onChange, onSetValue }, ref) => {\n        const values = (multiple ? value : [value]) as string[];\n        const selectRef = useRef<HTMLSelectElement>(null);\n        const forkRef = useForkRef(selectRef, ref as any);\n        const options = Array.from(items.keys());\n\n        useLayoutEffect(() => {\n            if (selectRef.current && !multiple) {\n                const valueInit = selectRef.current.value;\n\n                if (valueInit) {\n                    onSetValue(valueInit);\n                }\n            }\n\n            if (selectRef.current && multiple) {\n                const valuesInit = Array.from(selectRef.current.selectedOptions).map((v) => v.value);\n                if (valuesInit.length !== 0) {\n                    onSetValue(valuesInit);\n                }\n            }\n        }, []);\n\n        useLayoutEffect(() => {\n            const event = createEvent(selectRef);\n            if (onChange) {\n                onChange(event);\n            }\n        }, [values]);\n\n        //\n        // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,\n        // если нет изначального значения\n        //\n\n        return (\n            <>\n                <SelectHidden\n                    ref={forkRef}\n                    multiple={multiple}\n                    name={name}\n                    hidden\n                    value={multiple ? values : values[0]}\n                >\n                    <option> </option>\n                    {options.map((v) => (\n                        <option key={v} value={v}>\n                            {v}\n                        </option>\n                    ))}\n                </SelectHidden>\n            </>\n        );\n    },\n);\n"],"names":["SelectNative","forwardRef","_ref","ref","name","multiple","items","value","onChange","onSetValue","values","selectRef","useRef","forkRef","useForkRef","options","Array","from","keys","useLayoutEffect","current","valueInit","valuesInit","selectedOptions","map","v","length","event","createEvent","React","createElement","Fragment","SelectHidden","hidden","_option","key"],"mappings":";;;;;;;;;;;;;;AAeO,IAAMA,YAAY,gBAAGC,gBAAU,CAClC,UAAAC,IAAA,EAAyDC,GAAG,EAAK;AAAA,EAAA,IAA9DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU,CAAA;EACjD,IAAMC,MAAM,GAAIL,QAAQ,GAAGE,KAAK,GAAG,CAACA,KAAK,CAAc,CAAA;AACvD,EAAA,IAAMI,SAAS,GAAGC,YAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,OAAO,GAAGC,qBAAU,CAACH,SAAS,EAAER,GAAU,CAAC,CAAA;EACjD,IAAMY,OAAO,GAAGC,KAAK,CAACC,IAAI,CAACX,KAAK,CAACY,IAAI,EAAE,CAAC,CAAA;AAExCC,EAAAA,qBAAe,CAAC,YAAM;AAClB,IAAA,IAAIR,SAAS,CAACS,OAAO,IAAI,CAACf,QAAQ,EAAE;AAChC,MAAA,IAAMgB,SAAS,GAAGV,SAAS,CAACS,OAAO,CAACb,KAAK,CAAA;AAEzC,MAAA,IAAIc,SAAS,EAAE;QACXZ,UAAU,CAACY,SAAS,CAAC,CAAA;AACzB,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIV,SAAS,CAACS,OAAO,IAAIf,QAAQ,EAAE;AAC/B,MAAA,IAAMiB,UAAU,GAAGN,KAAK,CAACC,IAAI,CAACN,SAAS,CAACS,OAAO,CAACG,eAAe,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAA;QAAA,OAAKA,CAAC,CAAClB,KAAK,CAAA;OAAC,CAAA,CAAA;AACpF,MAAA,IAAIe,UAAU,CAACI,MAAM,KAAK,CAAC,EAAE;QACzBjB,UAAU,CAACa,UAAU,CAAC,CAAA;AAC1B,OAAA;AACJ,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAENH,EAAAA,qBAAe,CAAC,YAAM;AAClB,IAAA,IAAMQ,KAAK,GAAGC,uBAAW,CAACjB,SAAS,CAAC,CAAA;AACpC,IAAA,IAAIH,QAAQ,EAAE;MACVA,QAAQ,CAACmB,KAAK,CAAC,CAAA;AACnB,KAAA;AACJ,GAAC,EAAE,CAACjB,MAAM,CAAC,CAAC,CAAA;;AAEZ;AACA;AACA;AACA;;AAEA,EAAA,oBACImB,sBAAA,CAAAC,aAAA,CAAAD,sBAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,sBAAA,CAAAC,aAAA,CAACE,gCAAY,EAAA;AACT7B,IAAAA,GAAG,EAAEU,OAAQ;AACbR,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,IAAI,EAAEA,IAAK;IACX6B,MAAM,EAAA,IAAA;AACN1B,IAAAA,KAAK,EAAEF,QAAQ,GAAGK,MAAM,GAAGA,MAAM,CAAC,CAAC,CAAA;AAAE,GAAA,EAAAwB,OAAA,KAAAA,OAAA,gBAErCL,sBAAA,CAAAC,aAAA,CAAA,QAAA,EAAA,IAAA,EAAQ,GAAS,CAAC,GACjBf,OAAO,CAACS,GAAG,CAAC,UAACC,CAAC,EAAA;IAAA,oBACXI,sBAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQK,MAAAA,GAAG,EAAEV,CAAE;AAAClB,MAAAA,KAAK,EAAEkB,CAAAA;AAAE,KAAA,EACpBA,CACG,CAAC,CAAA;GACZ,CACS,CAChB,CAAC,CAAA;AAEX,CACJ;;;;"}

package/cjs/components/Select/ui/SelectNative/SelectNative.js

@@ -11,6 +11,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
+var _option;
 var SelectNative = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var name = _ref.name,
     multiselect = _ref.multiselect,
@@ -44,13 +45,19 @@ var SelectNative = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onChange(event);
     }
   }, [values]);
+
+  //
+  // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,
+  // если нет изначального значения
+  //
+
   return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(SelectNative_styles.SelectHidden, {
     ref: forkRef,
     multiple: multiselect,
     name: name,
     hidden: true,
     value: multiselect ? values : values[0]
-  }, options.map(function (v) {
+  }, _option || (_option = /*#__PURE__*/React__default.default.createElement("option", null, " ")), options.map(function (v) {
     return /*#__PURE__*/React__default.default.createElement("option", {
       key: v,
       value: v

package/cjs/components/Select/ui/SelectNative/SelectNative.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectNative.js","sources":["../../../../../src/components/Select/ui/SelectNative/SelectNative.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { createEvent } from '../../../../utils';\nimport { SelectProps } from '../../Select.types';\nimport { ValueToItemMapType } from '../../hooks/usePathMaps';\n\nimport { SelectHidden } from './SelectNative.styles';\n\ntype Props = Pick<SelectProps, 'name' | 'multiselect'> & {\n    onChange: (newValue: ChangeEvent<HTMLSelectElement> | null) => void;\n    onSetValue: (value: string | string[]) => void;\n    items: ValueToItemMapType;\n    value: string | number | Array<string | number>;\n};\n\nexport const SelectNative = forwardRef<HTMLButtonElement, Props>(\n    ({ name, multiselect, items, value, onChange, onSetValue }, ref) => {\n        const values = (multiselect ? value : [value]) as string[];\n        const selectRef = useRef<HTMLSelectElement>(null);\n        const forkRef = useForkRef(selectRef, ref as any);\n        const options = Array.from(items.keys());\n\n        useLayoutEffect(() => {\n            if (selectRef.current && !multiselect) {\n                const valueInit = selectRef.current.value;\n\n                if (valueInit) {\n                    onSetValue(valueInit);\n                }\n            }\n\n            if (selectRef.current && multiselect) {\n                const valuesInit = Array.from(selectRef.current.selectedOptions).map((v) => v.value);\n                if (valuesInit.length !== 0) {\n                    onSetValue(valuesInit);\n                }\n            }\n        }, []);\n\n        useLayoutEffect(() => {\n            const event = createEvent(selectRef);\n            if (onChange) {\n                onChange(event);\n            }\n        }, [values]);\n\n        return (\n            <>\n                <SelectHidden\n                    ref={forkRef}\n                    multiple={multiselect}\n                    name={name}\n                    hidden\n                    value={multiselect ? values : values[0]}\n                >\n                    {options.map((v) => (\n                        <option key={v} value={v}>\n                            {v}\n                        </option>\n                    ))}\n                </SelectHidden>\n            </>\n        );\n    },\n);\n"],"names":["SelectNative","forwardRef","_ref","ref","name","multiselect","items","value","onChange","onSetValue","values","selectRef","useRef","forkRef","useForkRef","options","Array","from","keys","useLayoutEffect","current","valueInit","valuesInit","selectedOptions","map","v","length","event","createEvent","React","createElement","Fragment","SelectHidden","multiple","hidden","key"],"mappings":";;;;;;;;;;;;;AAgBO,IAAMA,YAAY,gBAAGC,gBAAU,CAClC,UAAAC,IAAA,EAA4DC,GAAG,EAAK;AAAA,EAAA,IAAjEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU,CAAA;EACpD,IAAMC,MAAM,GAAIL,WAAW,GAAGE,KAAK,GAAG,CAACA,KAAK,CAAc,CAAA;AAC1D,EAAA,IAAMI,SAAS,GAAGC,YAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,OAAO,GAAGC,qBAAU,CAACH,SAAS,EAAER,GAAU,CAAC,CAAA;EACjD,IAAMY,OAAO,GAAGC,KAAK,CAACC,IAAI,CAACX,KAAK,CAACY,IAAI,EAAE,CAAC,CAAA;AAExCC,EAAAA,qBAAe,CAAC,YAAM;AAClB,IAAA,IAAIR,SAAS,CAACS,OAAO,IAAI,CAACf,WAAW,EAAE;AACnC,MAAA,IAAMgB,SAAS,GAAGV,SAAS,CAACS,OAAO,CAACb,KAAK,CAAA;AAEzC,MAAA,IAAIc,SAAS,EAAE;QACXZ,UAAU,CAACY,SAAS,CAAC,CAAA;AACzB,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIV,SAAS,CAACS,OAAO,IAAIf,WAAW,EAAE;AAClC,MAAA,IAAMiB,UAAU,GAAGN,KAAK,CAACC,IAAI,CAACN,SAAS,CAACS,OAAO,CAACG,eAAe,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAA;QAAA,OAAKA,CAAC,CAAClB,KAAK,CAAA;OAAC,CAAA,CAAA;AACpF,MAAA,IAAIe,UAAU,CAACI,MAAM,KAAK,CAAC,EAAE;QACzBjB,UAAU,CAACa,UAAU,CAAC,CAAA;AAC1B,OAAA;AACJ,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAENH,EAAAA,qBAAe,CAAC,YAAM;AAClB,IAAA,IAAMQ,KAAK,GAAGC,uBAAW,CAACjB,SAAS,CAAC,CAAA;AACpC,IAAA,IAAIH,QAAQ,EAAE;MACVA,QAAQ,CAACmB,KAAK,CAAC,CAAA;AACnB,KAAA;AACJ,GAAC,EAAE,CAACjB,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,oBACImB,sBAAA,CAAAC,aAAA,CAAAD,sBAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,sBAAA,CAAAC,aAAA,CAACE,gCAAY,EAAA;AACT7B,IAAAA,GAAG,EAAEU,OAAQ;AACboB,IAAAA,QAAQ,EAAE5B,WAAY;AACtBD,IAAAA,IAAI,EAAEA,IAAK;IACX8B,MAAM,EAAA,IAAA;AACN3B,IAAAA,KAAK,EAAEF,WAAW,GAAGK,MAAM,GAAGA,MAAM,CAAC,CAAC,CAAA;AAAE,GAAA,EAEvCK,OAAO,CAACS,GAAG,CAAC,UAACC,CAAC,EAAA;IAAA,oBACXI,sBAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQK,MAAAA,GAAG,EAAEV,CAAE;AAAClB,MAAAA,KAAK,EAAEkB,CAAAA;AAAE,KAAA,EACpBA,CACG,CAAC,CAAA;GACZ,CACS,CAChB,CAAC,CAAA;AAEX,CACJ;;;;"}
+{"version":3,"file":"SelectNative.js","sources":["../../../../../src/components/Select/ui/SelectNative/SelectNative.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { createEvent } from '../../../../utils';\nimport { SelectProps } from '../../Select.types';\nimport { ValueToItemMapType } from '../../hooks/usePathMaps';\n\nimport { SelectHidden } from './SelectNative.styles';\n\ntype Props = Pick<SelectProps, 'name' | 'multiselect'> & {\n    onChange: (newValue: ChangeEvent<HTMLSelectElement> | null) => void;\n    onSetValue: (value: string | string[]) => void;\n    items: ValueToItemMapType;\n    value: string | number | Array<string | number>;\n};\n\nexport const SelectNative = forwardRef<HTMLButtonElement, Props>(\n    ({ name, multiselect, items, value, onChange, onSetValue }, ref) => {\n        const values = (multiselect ? value : [value]) as string[];\n        const selectRef = useRef<HTMLSelectElement>(null);\n        const forkRef = useForkRef(selectRef, ref as any);\n        const options = Array.from(items.keys());\n\n        useLayoutEffect(() => {\n            if (selectRef.current && !multiselect) {\n                const valueInit = selectRef.current.value;\n\n                if (valueInit) {\n                    onSetValue(valueInit);\n                }\n            }\n\n            if (selectRef.current && multiselect) {\n                const valuesInit = Array.from(selectRef.current.selectedOptions).map((v) => v.value);\n                if (valuesInit.length !== 0) {\n                    onSetValue(valuesInit);\n                }\n            }\n        }, []);\n\n        useLayoutEffect(() => {\n            const event = createEvent(selectRef);\n            if (onChange) {\n                onChange(event);\n            }\n        }, [values]);\n\n        //\n        // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,\n        // если нет изначального значения\n        //\n\n        return (\n            <>\n                <SelectHidden\n                    ref={forkRef}\n                    multiple={multiselect}\n                    name={name}\n                    hidden\n                    value={multiselect ? values : values[0]}\n                >\n                    <option> </option>\n                    {options.map((v) => (\n                        <option key={v} value={v}>\n                            {v}\n                        </option>\n                    ))}\n                </SelectHidden>\n            </>\n        );\n    },\n);\n"],"names":["SelectNative","forwardRef","_ref","ref","name","multiselect","items","value","onChange","onSetValue","values","selectRef","useRef","forkRef","useForkRef","options","Array","from","keys","useLayoutEffect","current","valueInit","valuesInit","selectedOptions","map","v","length","event","createEvent","React","createElement","Fragment","SelectHidden","multiple","hidden","_option","key"],"mappings":";;;;;;;;;;;;;;AAgBO,IAAMA,YAAY,gBAAGC,gBAAU,CAClC,UAAAC,IAAA,EAA4DC,GAAG,EAAK;AAAA,EAAA,IAAjEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU,CAAA;EACpD,IAAMC,MAAM,GAAIL,WAAW,GAAGE,KAAK,GAAG,CAACA,KAAK,CAAc,CAAA;AAC1D,EAAA,IAAMI,SAAS,GAAGC,YAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,OAAO,GAAGC,qBAAU,CAACH,SAAS,EAAER,GAAU,CAAC,CAAA;EACjD,IAAMY,OAAO,GAAGC,KAAK,CAACC,IAAI,CAACX,KAAK,CAACY,IAAI,EAAE,CAAC,CAAA;AAExCC,EAAAA,qBAAe,CAAC,YAAM;AAClB,IAAA,IAAIR,SAAS,CAACS,OAAO,IAAI,CAACf,WAAW,EAAE;AACnC,MAAA,IAAMgB,SAAS,GAAGV,SAAS,CAACS,OAAO,CAACb,KAAK,CAAA;AAEzC,MAAA,IAAIc,SAAS,EAAE;QACXZ,UAAU,CAACY,SAAS,CAAC,CAAA;AACzB,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIV,SAAS,CAACS,OAAO,IAAIf,WAAW,EAAE;AAClC,MAAA,IAAMiB,UAAU,GAAGN,KAAK,CAACC,IAAI,CAACN,SAAS,CAACS,OAAO,CAACG,eAAe,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAA;QAAA,OAAKA,CAAC,CAAClB,KAAK,CAAA;OAAC,CAAA,CAAA;AACpF,MAAA,IAAIe,UAAU,CAACI,MAAM,KAAK,CAAC,EAAE;QACzBjB,UAAU,CAACa,UAAU,CAAC,CAAA;AAC1B,OAAA;AACJ,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAENH,EAAAA,qBAAe,CAAC,YAAM;AAClB,IAAA,IAAMQ,KAAK,GAAGC,uBAAW,CAACjB,SAAS,CAAC,CAAA;AACpC,IAAA,IAAIH,QAAQ,EAAE;MACVA,QAAQ,CAACmB,KAAK,CAAC,CAAA;AACnB,KAAA;AACJ,GAAC,EAAE,CAACjB,MAAM,CAAC,CAAC,CAAA;;AAEZ;AACA;AACA;AACA;;AAEA,EAAA,oBACImB,sBAAA,CAAAC,aAAA,CAAAD,sBAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,sBAAA,CAAAC,aAAA,CAACE,gCAAY,EAAA;AACT7B,IAAAA,GAAG,EAAEU,OAAQ;AACboB,IAAAA,QAAQ,EAAE5B,WAAY;AACtBD,IAAAA,IAAI,EAAEA,IAAK;IACX8B,MAAM,EAAA,IAAA;AACN3B,IAAAA,KAAK,EAAEF,WAAW,GAAGK,MAAM,GAAGA,MAAM,CAAC,CAAC,CAAA;AAAE,GAAA,EAAAyB,OAAA,KAAAA,OAAA,gBAExCN,sBAAA,CAAAC,aAAA,CAAA,QAAA,EAAA,IAAA,EAAQ,GAAS,CAAC,GACjBf,OAAO,CAACS,GAAG,CAAC,UAACC,CAAC,EAAA;IAAA,oBACXI,sBAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQM,MAAAA,GAAG,EAAEX,CAAE;AAAClB,MAAAA,KAAK,EAAEkB,CAAAA;AAAE,KAAA,EACpBA,CACG,CAAC,CAAA;GACZ,CACS,CAChB,CAAC,CAAA;AAEX,CACJ;;;;"}

package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js

@@ -9,6 +9,7 @@ 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");
+var _option;
 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) {
@@ -44,13 +45,19 @@ var SelectNative = exports.SelectNative = /*#__PURE__*/(0, _react.forwardRef)(fu
       onChange(event);
     }
   }, [values]);
+
+  //
+  // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,
+  // если нет изначального значения
+  //
+
   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]
-  }, options.map(function (v) {
+  }, _option || (_option = /*#__PURE__*/_react["default"].createElement("option", null, " ")), options.map(function (v) {
     return /*#__PURE__*/_react["default"].createElement("option", {
       key: v,
       value: v

package/emotion/cjs/components/Radiobox/Radiobox.template-doc.mdx

@@ -9,6 +9,12 @@ import { PropsTable, Description } from '@site/src/components';
 <Description name="Radiobox" />
 <PropsTable name="Radiobox" exclude={['css', 'focused']} />
 
+:::caution Устаревшие значения для свойства view
+Актуальным значением для свойства `view` - является `accent`. 
+
+Все остальные значения `deprecated` и будут удалены в ближайшее время! 
+:::
+
 ## Использование
 Компонент `Radiobox` может содержать лейбл и описание.
 

package/emotion/cjs/components/Select/ui/SelectNative/SelectNative.js

@@ -9,6 +9,7 @@ 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");
+var _option;
 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) {
@@ -44,13 +45,19 @@ var SelectNative = exports.SelectNative = /*#__PURE__*/(0, _react.forwardRef)(fu
       onChange(event);
     }
   }, [values]);
+
+  //
+  // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,
+  // если нет изначального значения
+  //
+
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_SelectNative.SelectHidden, {
     ref: forkRef,
     multiple: multiselect,
     name: name,
     hidden: true,
     value: multiselect ? values : values[0]
-  }, options.map(function (v) {
+  }, _option || (_option = /*#__PURE__*/_react["default"].createElement("option", null, " ")), options.map(function (v) {
     return /*#__PURE__*/_react["default"].createElement("option", {
       key: v,
       value: v