@salutejs/sdds-cs 0.318.1-canary.2030.15819491481.0 → 0.318.1-canary.2030.15826725038.0

package/emotion/es/components/IconButton/IconButton.stories.tsx

@@ -1,94 +0,0 @@
-import React, { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { IconClose } from '@salutejs/plasma-icons';
-import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
-
-import { IconButton } from './IconButton';
-
-type StoryButtonProps = ComponentProps<typeof IconButton> & { contentType: string; isLoading: boolean };
-
-const views = ['accent', 'secondary', 'clear'];
-const sizes = ['s'];
-const pins = [
-    'square-square',
-    'square-clear',
-    'clear-square',
-    'clear-clear',
-    'clear-circle',
-    'circle-clear',
-    'circle-circle',
-    '',
-];
-
-const meta: Meta<StoryButtonProps> = {
-    title: 'Data Entry/IconButton',
-    decorators: [InSpacingDecorator],
-    argTypes: {
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        pin: {
-            options: pins,
-            control: {
-                type: 'select',
-            },
-            table: { defaultValue: { summary: 'bottom' } },
-        },
-        ...disableProps([
-            'size',
-            'focused',
-            'children',
-            'theme',
-            'loader',
-            'onClick',
-            'onFocus',
-            'onBlur',
-            'contentLeft',
-            'contentRight',
-        ]),
-    },
-};
-
-export default meta;
-
-const getSizeForIcon = (size) => {
-    const map = {
-        mr: 's',
-        lr: 's',
-        m: 's',
-        l: 's',
-        sr: 's',
-        xsr: 'xs',
-    };
-    if (map[size]) {
-        return map[size];
-    }
-
-    return size;
-};
-
-export const Default: StoryObj<ComponentProps<typeof IconButton>> = {
-    args: {
-        children: <IconClose />,
-        view: 'accent',
-        size: 's',
-        disabled: false,
-        focused: true,
-        isLoading: false,
-    },
-    argTypes: { ...disableProps(['children']) },
-    render: (args) => (
-        <IconButton {...args}>
-            <IconClose color="inherit" size={getSizeForIcon(args.size)} />
-        </IconButton>
-    ),
-};

package/emotion/es/components/Image/Image.component-test.js

@@ -1,85 +0,0 @@
-var _templateObject, _PadMe, _PadMe2;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import React, { Fragment } from 'react';
-import styled from 'styled-components';
-import { mount, CypressTestDecorator, getComponent, PadMe } from '@salutejs/plasma-cy-utils';
-var src = 'https://bit.ly/3xRatFGimages/320_320_0.jpg';
-describe('plasma-core: Image', function () {
-  var _CypressTestDecorator, _CypressTestDecorator2, _CypressTestDecorator3;
-  var Image = getComponent('Image');
-  var Why = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        width: 8rem;\n        display: inline-block;\n    "])));
-  beforeEach(function () {
-    cy.intercept(src, function (req) {
-      req.reply({
-        fixture: 'images/320_320_0.jpg'
-      });
-    });
-  });
-  it('default', function () {
-    mount(_CypressTestDecorator || (_CypressTestDecorator = /*#__PURE__*/React.createElement(CypressTestDecorator, null, /*#__PURE__*/React.createElement(Image, {
-      src: src,
-      width: "320px",
-      height: "320px"
-    }))));
-    cy.matchImageSnapshot();
-  });
-  it('div', function () {
-    mount(_CypressTestDecorator2 || (_CypressTestDecorator2 = /*#__PURE__*/React.createElement(CypressTestDecorator, null, /*#__PURE__*/React.createElement(Image, {
-      base: "div",
-      src: src,
-      width: "320px",
-      height: "320px"
-    }))));
-    cy.matchImageSnapshot();
-  });
-  it('_ratio', function () {
-    var ratios = Object.keys({
-      '1 / 1': '100',
-      '1/1': '100',
-      '3 / 4': '133.3333',
-      '3/4': '133.3333',
-      '4 / 3': '75',
-      '4/3': '75',
-      '9 / 16': '177.7778',
-      '9/16': '177.7778',
-      '16 / 9': '56.25',
-      '16/9': '56.25',
-      '1 / 2': '200',
-      '1/2': '200',
-      '2 / 1': '50',
-      '2/1': '50'
-    });
-    mount( /*#__PURE__*/React.createElement(CypressTestDecorator, null, ratios.map(function (ratio) {
-      return /*#__PURE__*/React.createElement(Fragment, {
-        key: ratio
-      }, /*#__PURE__*/React.createElement(Why, {
-        key: "_base_div"
-      }, /*#__PURE__*/React.createElement(Image, {
-        base: "div",
-        ratio: ratio,
-        src: src
-      })), /*#__PURE__*/React.createElement(Why, {
-        key: "_base_img"
-      }, /*#__PURE__*/React.createElement(Image, {
-        ratio: ratio,
-        src: src
-      })), _PadMe || (_PadMe = /*#__PURE__*/React.createElement(PadMe, null)));
-    })));
-    cy.matchImageSnapshot();
-  });
-  it('_customRatio', function () {
-    mount(_CypressTestDecorator3 || (_CypressTestDecorator3 = /*#__PURE__*/React.createElement(CypressTestDecorator, null, /*#__PURE__*/React.createElement(Why, {
-      key: "_base_div"
-    }, /*#__PURE__*/React.createElement(Image, {
-      base: "div",
-      customRatio: 75,
-      src: src
-    })), /*#__PURE__*/React.createElement(Why, {
-      key: "_base_img"
-    }, /*#__PURE__*/React.createElement(Image, {
-      customRatio: 75,
-      src: src
-    })), _PadMe2 || (_PadMe2 = /*#__PURE__*/React.createElement(PadMe, null)))));
-    cy.matchImageSnapshot();
-  });
-});

package/emotion/es/components/Image/Image.stories.tsx

@@ -1,44 +0,0 @@
-import React from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
-
-import { Image, Ratio } from '.';
-import type { ImageProps } from '.';
-
-const meta: Meta<ImageProps> = {
-    title: 'Data Display/Image',
-    component: Image,
-    decorators: [InSpacingDecorator],
-    argTypes: {
-        base: {
-            options: ['div', 'img'],
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        ratio: {
-            options: ['1/1', '3/4', '4/3', '9/16', '16/9', '1/2', '2/1'],
-            control: {
-                type: 'select',
-            },
-        },
-        ...disableProps(['src', 'alt', 'customRatio']),
-    },
-};
-
-export default meta;
-
-export const Default: StoryObj<ImageProps & { ratio: Ratio }> = {
-    args: {
-        base: 'div',
-        src: './images/320_320_9.jpg',
-        alt: 'картинка для примера фоном',
-        width: '200px',
-        height: '200px',
-    },
-    render: (args) => (
-        <div style={{ maxWidth: '10rem' }}>
-            <Image {...args} />
-        </div>
-    ),
-};

package/emotion/es/components/Indicator/Indicator.stories.tsx

@@ -1,34 +0,0 @@
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { Indicator } from './Indicator';
-
-const meta: Meta<typeof Indicator> = {
-    title: 'Data Display/Indicator',
-    component: Indicator,
-    argTypes: {
-        view: {
-            options: ['default', 'accent', 'inactive', 'positive', 'negative', 'warning', 'black'],
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: ['l', 'm', 's'],
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-type Story = StoryObj<ComponentProps<typeof Indicator>>;
-
-export const Default: Story = {
-    args: {
-        size: 's',
-        view: 'default',
-    },
-};

package/emotion/es/components/Link/Link.stories.tsx

@@ -1,57 +0,0 @@
-import React, { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
-
-import { TextM } from '../Typography';
-
-import { Link } from '.';
-
-const meta: Meta<typeof Link> = {
-    title: 'Navigation/Link',
-    decorators: [InSpacingDecorator],
-    component: Link,
-    argTypes: {
-        view: {
-            options: [
-                'default',
-                'secondary',
-                'tertiary',
-                'paragraph',
-                'accent',
-                'positive',
-                'warning',
-                'negative',
-                'clear',
-            ],
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-type StoryLinkProps = {
-    text: string;
-    href: string;
-} & ComponentProps<typeof Link>;
-
-export const Default: StoryObj<StoryLinkProps> = {
-    args: {
-        text: 'приложение',
-        href: 'https://google.com',
-        view: 'default',
-        disabled: false,
-        focused: true,
-    },
-    render: ({ text, ...props }) => (
-        <TextM>
-            Скачайте{' '}
-            <Link target="_blank" {...props}>
-                {text}
-            </Link>
-            .
-        </TextM>
-    ),
-};

package/emotion/es/components/Mask/Mask.stories.tsx

@@ -1,176 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
-
-import { Mask } from './Mask';
-
-const onChange = action('onChange');
-
-const sizes = ['s'];
-const views = ['default', 'positive', 'warning', 'negative'];
-
-const propsToDisable = [
-    'helperBlock',
-    'contentLeft',
-    'htmlSize',
-    'contentRight',
-    'onChangeChips',
-    'onSearch',
-    'type',
-    'name',
-    'onFocus',
-    'onBlur',
-    'onChange',
-    'value',
-    'checked',
-    'minLength',
-    'caption',
-    'values',
-    'enumerationType',
-    'chips',
-    'label',
-];
-
-const meta: Meta<typeof Mask> = {
-    title: 'Data Display/Mask',
-    component: Mask,
-    decorators: [InSpacingDecorator],
-    argTypes: {
-        requiredPlacement: {
-            options: ['left', 'right'],
-            control: {
-                type: 'select',
-            },
-        },
-        required: {
-            control: {
-                type: 'boolean',
-            },
-            if: { arg: 'optional', truthy: false },
-        },
-        hasRequiredIndicator: {
-            control: {
-                type: 'boolean',
-            },
-            if: {
-                arg: 'required',
-                truthy: true,
-            },
-        },
-        optional: {
-            control: {
-                type: 'boolean',
-            },
-            if: { arg: 'required', truthy: false },
-        },
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        ...disableProps(propsToDisable),
-    },
-};
-
-export default meta;
-
-type StoryPropsDefault = Omit<
-    ComponentProps<typeof Mask>,
-    | 'helperBlock'
-    | 'contentLeft'
-    | 'htmlSize'
-    | 'contentRight'
-    | 'type'
-    | 'name'
-    | 'onFocus'
-    | 'onBlur'
-    | 'onChange'
-    | 'value'
-    | 'checked'
-    | 'maxLength'
-    | 'minLength'
-    | 'enumerationType'
-    | 'chips'
-    | 'onChangeChips'
->;
-
-const StoryDemo = ({ view, ...rest }: StoryPropsDefault) => {
-    return (
-        <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem', width: '50%' }}>
-            <Mask
-                label="Маска телефона"
-                mask="+7 (000) 000 - 00 - 00"
-                maskChar="_"
-                showStartChars={false}
-                view={view}
-                onChange={onChange}
-                {...rest}
-            />
-
-            <Mask
-                label="Маска телефона: отображается всегда"
-                mask="+7 (000) 000 - 00 - 00"
-                maskChar="_"
-                view={view}
-                alwaysShowMask
-                onChange={onChange}
-                {...rest}
-            />
-
-            <Mask
-                label="Маска даты"
-                mask="00/00/0000"
-                maskString="DD/MM/YYYY"
-                alwaysShowMask
-                view={view}
-                onChange={onChange}
-                {...rest}
-            />
-
-            <Mask
-                label="Маска даты: значения по умолчанию"
-                // eslint-disable-next-line no-octal-escape
-                mask="12.\04.0000"
-                maskChar="_"
-                alwaysShowMask
-                view={view}
-                onChange={onChange}
-                {...rest}
-            />
-
-            <Mask
-                label="Маска времени"
-                mask="00:00"
-                maskChar="_"
-                alwaysShowMask
-                view={view}
-                onChange={onChange}
-                {...rest}
-            />
-        </div>
-    );
-};
-
-export const Default: StoryObj<StoryPropsDefault> = {
-    args: {
-        size: 's',
-        view: 'default',
-        placeholder: 'Заполните поле',
-        disabled: false,
-        readOnly: false,
-        required: false,
-        requiredPlacement: 'right',
-        hasRequiredIndicator: true,
-        optional: false,
-    },
-    render: (args) => <StoryDemo {...args} />,
-};