@salutejs/plasma-new-hope 0.141.0-canary.1421.10719019658.0 → 0.141.0-canary.1422.10721189833.0

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

@@ -1,106 +0,0 @@
-import { useForm } from 'react-hook-form';
-import React, { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { WithTheme } from '../../../_helpers';
-import { Button } from '../Button/Button';
-import { TextField } from '../TextField/TextField';
-import { TextArea } from '../TextArea/TextArea'; // TextArea.tsx 120 строка, не работает из-за некорректного ref
-import { Checkbox } from '../Checkbox/Checkbox';
-import { Switch } from '../Switch/Switch';
-import { Radiobox } from '../Radiobox/Radiobox';
-import { Select } from '../Select/Select';
-import { RadioGroup } from '../../../../components/Radiobox';
-
-type StoryDropdownProps = {};
-
-const langName = 'language';
-const itemsRadiobox = [
-    { langName, value: 'c', label: 'C', disabled: false },
-    { langName, value: 'cpp', label: 'C++', disabled: false },
-    { langName, value: 'assembly', label: 'Assembly', disabled: false },
-];
-
-const itemsSelect = [
-    {
-        value: 'north_america',
-        label: 'Северная Америка',
-    },
-    {
-        value: 'europe',
-        label: 'Европа',
-    },
-    {
-        value: 'asia',
-        label: 'Азия',
-    },
-];
-
-const FormSelect = (props) => {
-    const { onChange, onBlur, name, ref } = props;
-    const [value, setValue] = useState();
-
-    const onChangeValue = (e) => {
-        setValue(e);
-        onChange({
-            target: {
-                value: e,
-                name,
-            },
-        });
-    };
-
-    const onBlurValue = (e) => {
-        onBlur(e);
-    };
-
-    return <Select {...props} value={value} onChange={onChangeValue} onBlur={onBlurValue} name={name} ref={ref} />;
-};
-
-const DefaultForm = () => {
-    const { register, handleSubmit } = useForm();
-    const onSubmit = (data) => {
-        console.log(data);
-    };
-
-    return (
-        <form onSubmit={handleSubmit(onSubmit)} style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
-            <TextField {...register('textfield')} placeholder="Textfield" />
-            <TextArea {...register('textarea')} placeholder="Textarea" />
-            <Checkbox {...register('checkbox')} label="Checkbox" />
-            <Switch {...register('switch')} label="Switch" labelPosition="after" />
-            <RadioGroup aria-labelledby="radiogroup-title-id">
-                <div id="radiogroup-title-id" style={{ margin: '1rem 0', fontWeight: '600' }}>
-                    Выберите язык программирования для изучения.
-                </div>
-                {itemsRadiobox.map((item) => (
-                    <Radiobox
-                        key={item.value}
-                        value={item.value}
-                        label={item.label}
-                        disabled={item.disabled}
-                        {...register('radiobox')}
-                    />
-                ))}
-            </RadioGroup>
-            <FormSelect {...register('select')} items={itemsSelect} />
-            <Button type="submit">Отправить</Button>
-        </form>
-    );
-};
-
-const meta: Meta<StoryDropdownProps> = {
-    title: 'plasma_b2c/Form',
-    decorators: [WithTheme],
-    component: DefaultForm,
-};
-
-export default meta;
-
-const StoryNormal = () => {
-    return <DefaultForm />;
-};
-
-export const Default: StoryObj<StoryDropdownProps> = {
-    render: () => <StoryNormal />,
-};

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

@@ -1,106 +0,0 @@
-import { useForm } from 'react-hook-form';
-import React, { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { WithTheme } from '../../../_helpers';
-import { Button } from '../Button/Button';
-import { TextField } from '../TextField/TextField';
-import { TextArea } from '../TextArea/TextArea'; // TextArea.tsx 120 строка, не работает из-за некорректного ref
-import { Checkbox } from '../Checkbox/Checkbox';
-import { Switch } from '../Switch/Switch';
-import { Radiobox } from '../Radiobox/Radiobox';
-import { Select } from '../Select/Select';
-import { RadioGroup } from '../../../../components/Radiobox';
-
-type StoryDropdownProps = {};
-
-const langName = 'language';
-const itemsRadiobox = [
-    { langName, value: 'c', label: 'C', disabled: false },
-    { langName, value: 'cpp', label: 'C++', disabled: false },
-    { langName, value: 'assembly', label: 'Assembly', disabled: false },
-];
-
-const itemsSelect = [
-    {
-        value: 'north_america',
-        label: 'Северная Америка',
-    },
-    {
-        value: 'europe',
-        label: 'Европа',
-    },
-    {
-        value: 'asia',
-        label: 'Азия',
-    },
-];
-
-const FormSelect = (props) => {
-    const { onChange, onBlur, name, ref } = props;
-    const [value, setValue] = useState();
-
-    const onChangeValue = (e) => {
-        setValue(e);
-        onChange({
-            target: {
-                value: e,
-                name,
-            },
-        });
-    };
-
-    const onBlurValue = (e) => {
-        onBlur(e);
-    };
-
-    return <Select {...props} value={value} onChange={onChangeValue} onBlur={onBlurValue} name={name} ref={ref} />;
-};
-
-const DefaultForm = () => {
-    const { register, handleSubmit } = useForm();
-    const onSubmit = (data) => {
-        console.log(data);
-    };
-
-    return (
-        <form onSubmit={handleSubmit(onSubmit)} style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
-            <TextField {...register('textfield')} placeholder="Textfield" />
-            <TextArea {...register('textarea')} placeholder="Textarea" />
-            <Checkbox {...register('checkbox')} label="Checkbox" />
-            <Switch {...register('switch')} label="Switch" labelPosition="after" />
-            <RadioGroup aria-labelledby="radiogroup-title-id">
-                <div id="radiogroup-title-id" style={{ margin: '1rem 0', fontWeight: '600' }}>
-                    Выберите язык программирования для изучения.
-                </div>
-                {itemsRadiobox.map((item) => (
-                    <Radiobox
-                        key={item.value}
-                        value={item.value}
-                        label={item.label}
-                        disabled={item.disabled}
-                        {...register('radiobox')}
-                    />
-                ))}
-            </RadioGroup>
-            <FormSelect {...register('select')} items={itemsSelect} />
-            <Button type="submit">Отправить</Button>
-        </form>
-    );
-};
-
-const meta: Meta<StoryDropdownProps> = {
-    title: 'plasma_b2c/Form',
-    decorators: [WithTheme],
-    component: DefaultForm,
-};
-
-export default meta;
-
-const StoryNormal = () => {
-    return <DefaultForm />;
-};
-
-export const Default: StoryObj<StoryDropdownProps> = {
-    render: () => <StoryNormal />,
-};

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

@@ -1,106 +0,0 @@
-import { useForm } from 'react-hook-form';
-import React, { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { WithTheme } from '../../../_helpers';
-import { Button } from '../Button/Button';
-import { TextField } from '../TextField/TextField';
-import { TextArea } from '../TextArea/TextArea'; // TextArea.tsx 120 строка, не работает из-за некорректного ref
-import { Checkbox } from '../Checkbox/Checkbox';
-import { Switch } from '../Switch/Switch';
-import { Radiobox } from '../Radiobox/Radiobox';
-import { Select } from '../Select/Select';
-import { RadioGroup } from '../../../../components/Radiobox';
-
-type StoryDropdownProps = {};
-
-const langName = 'language';
-const itemsRadiobox = [
-    { langName, value: 'c', label: 'C', disabled: false },
-    { langName, value: 'cpp', label: 'C++', disabled: false },
-    { langName, value: 'assembly', label: 'Assembly', disabled: false },
-];
-
-const itemsSelect = [
-    {
-        value: 'north_america',
-        label: 'Северная Америка',
-    },
-    {
-        value: 'europe',
-        label: 'Европа',
-    },
-    {
-        value: 'asia',
-        label: 'Азия',
-    },
-];
-
-const FormSelect = (props) => {
-    const { onChange, onBlur, name, ref } = props;
-    const [value, setValue] = useState();
-
-    const onChangeValue = (e) => {
-        setValue(e);
-        onChange({
-            target: {
-                value: e,
-                name,
-            },
-        });
-    };
-
-    const onBlurValue = (e) => {
-        onBlur(e);
-    };
-
-    return <Select {...props} value={value} onChange={onChangeValue} onBlur={onBlurValue} name={name} ref={ref} />;
-};
-
-const DefaultForm = () => {
-    const { register, handleSubmit } = useForm();
-    const onSubmit = (data) => {
-        console.log(data);
-    };
-
-    return (
-        <form onSubmit={handleSubmit(onSubmit)} style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
-            <TextField {...register('textfield')} placeholder="Textfield" />
-            <TextArea {...register('textarea')} placeholder="Textarea" />
-            <Checkbox {...register('checkbox')} label="Checkbox" />
-            <Switch {...register('switch')} label="Switch" labelPosition="after" />
-            <RadioGroup aria-labelledby="radiogroup-title-id">
-                <div id="radiogroup-title-id" style={{ margin: '1rem 0', fontWeight: '600' }}>
-                    Выберите язык программирования для изучения.
-                </div>
-                {itemsRadiobox.map((item) => (
-                    <Radiobox
-                        key={item.value}
-                        value={item.value}
-                        label={item.label}
-                        disabled={item.disabled}
-                        {...register('radiobox')}
-                    />
-                ))}
-            </RadioGroup>
-            <FormSelect {...register('select')} items={itemsSelect} />
-            <Button type="submit">Отправить</Button>
-        </form>
-    );
-};
-
-const meta: Meta<StoryDropdownProps> = {
-    title: 'plasma_b2c/Form',
-    decorators: [WithTheme],
-    component: DefaultForm,
-};
-
-export default meta;
-
-const StoryNormal = () => {
-    return <DefaultForm />;
-};
-
-export const Default: StoryObj<StoryDropdownProps> = {
-    render: () => <StoryNormal />,
-};

package/styled-components/es/examples/plasma_b2c/components/Form/Form.stories.tsx

@@ -1,106 +0,0 @@
-import { useForm } from 'react-hook-form';
-import React, { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { WithTheme } from '../../../_helpers';
-import { Button } from '../Button/Button';
-import { TextField } from '../TextField/TextField';
-import { TextArea } from '../TextArea/TextArea'; // TextArea.tsx 120 строка, не работает из-за некорректного ref
-import { Checkbox } from '../Checkbox/Checkbox';
-import { Switch } from '../Switch/Switch';
-import { Radiobox } from '../Radiobox/Radiobox';
-import { Select } from '../Select/Select';
-import { RadioGroup } from '../../../../components/Radiobox';
-
-type StoryDropdownProps = {};
-
-const langName = 'language';
-const itemsRadiobox = [
-    { langName, value: 'c', label: 'C', disabled: false },
-    { langName, value: 'cpp', label: 'C++', disabled: false },
-    { langName, value: 'assembly', label: 'Assembly', disabled: false },
-];
-
-const itemsSelect = [
-    {
-        value: 'north_america',
-        label: 'Северная Америка',
-    },
-    {
-        value: 'europe',
-        label: 'Европа',
-    },
-    {
-        value: 'asia',
-        label: 'Азия',
-    },
-];
-
-const FormSelect = (props) => {
-    const { onChange, onBlur, name, ref } = props;
-    const [value, setValue] = useState();
-
-    const onChangeValue = (e) => {
-        setValue(e);
-        onChange({
-            target: {
-                value: e,
-                name,
-            },
-        });
-    };
-
-    const onBlurValue = (e) => {
-        onBlur(e);
-    };
-
-    return <Select {...props} value={value} onChange={onChangeValue} onBlur={onBlurValue} name={name} ref={ref} />;
-};
-
-const DefaultForm = () => {
-    const { register, handleSubmit } = useForm();
-    const onSubmit = (data) => {
-        console.log(data);
-    };
-
-    return (
-        <form onSubmit={handleSubmit(onSubmit)} style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
-            <TextField {...register('textfield')} placeholder="Textfield" />
-            <TextArea {...register('textarea')} placeholder="Textarea" />
-            <Checkbox {...register('checkbox')} label="Checkbox" />
-            <Switch {...register('switch')} label="Switch" labelPosition="after" />
-            <RadioGroup aria-labelledby="radiogroup-title-id">
-                <div id="radiogroup-title-id" style={{ margin: '1rem 0', fontWeight: '600' }}>
-                    Выберите язык программирования для изучения.
-                </div>
-                {itemsRadiobox.map((item) => (
-                    <Radiobox
-                        key={item.value}
-                        value={item.value}
-                        label={item.label}
-                        disabled={item.disabled}
-                        {...register('radiobox')}
-                    />
-                ))}
-            </RadioGroup>
-            <FormSelect {...register('select')} items={itemsSelect} />
-            <Button type="submit">Отправить</Button>
-        </form>
-    );
-};
-
-const meta: Meta<StoryDropdownProps> = {
-    title: 'plasma_b2c/Form',
-    decorators: [WithTheme],
-    component: DefaultForm,
-};
-
-export default meta;
-
-const StoryNormal = () => {
-    return <DefaultForm />;
-};
-
-export const Default: StoryObj<StoryDropdownProps> = {
-    render: () => <StoryNormal />,
-};