@salutejs/plasma-new-hope 0.265.0-dev.0 → 0.266.1-canary.1777.13368235255.0

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

@@ -3,12 +3,9 @@ import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 
-import { checkboxConfig } from '../../../../components/Checkbox';
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
+import { WithTheme } from '../../../_helpers';
 import { Link } from '../Link/Link';
 
-import { config } from './Checkbox.config';
 import { Checkbox } from './Checkbox';
 
 const onChange = action('onChange');
@@ -19,7 +16,20 @@ const meta: Meta<typeof Checkbox> = {
     title: 'web/Data Entry/Checkbox',
     decorators: [WithTheme],
     component: Checkbox,
-    argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
+    argTypes: {
+        view: {
+            options: ['accent'],
+            control: {
+                type: 'radio',
+            },
+        },
+        size: {
+            options: ['m', 's'],
+            control: {
+                type: 'radio',
+            },
+        },
+    },
     args: {
         view: 'accent',
         size: 'm',

package/emotion/es/components/Checkbox/Checkbox.template-doc.mdx

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

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

@@ -1,3 +1,4 @@
+var _option;
 import React, { forwardRef, useLayoutEffect, useRef } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { createEvent } from '../../../../../utils';
@@ -35,13 +36,19 @@ export var SelectNative = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onChange(event);
     }
   }, [values]);
+
+  //
+  // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,
+  // если нет изначального значения
+  //
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectHidden, {
     ref: forkRef,
     multiple: multiple,
     name: name,
     hidden: true,
     value: multiple ? values : values[0]
-  }, options.map(function (v) {
+  }, _option || (_option = /*#__PURE__*/React.createElement("option", null, " ")), options.map(function (v) {
     return /*#__PURE__*/React.createElement("option", {
       key: v,
       value: v

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

@@ -1,3 +1,4 @@
+var _option;
 import React, { forwardRef, useLayoutEffect, useRef } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { createEvent } from '../../../../utils';
@@ -35,13 +36,19 @@ export var SelectNative = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onChange(event);
     }
   }, [values]);
+
+  //
+  // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,
+  // если нет изначального значения
+  //
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectHidden, {
     ref: forkRef,
     multiple: multiselect,
     name: name,
     hidden: true,
     value: multiselect ? values : values[0]
-  }, options.map(function (v) {
+  }, _option || (_option = /*#__PURE__*/React.createElement("option", null, " ")), options.map(function (v) {
     return /*#__PURE__*/React.createElement("option", {
       key: v,
       value: v