@salutejs/sdds-serv 0.314.0-canary.2021.15816853505.0 → 0.314.0-canary.2021.15824070198.0

package/emotion/cjs/components/Select/style.css

@@ -1,37 +0,0 @@
-.container {
-    width: 100%;
-}
-
-table {
-    border-collapse: collapse;
-    box-shadow: 0 0 20px rgba(0,0,0,0.1);
-}
-
-th,
-td {
-    padding: 15px;
-}
-
-th {
-    text-align: left;
-}
-
-table, th, td {
-    border: 1px solid lightgray;
-    border-collapse: collapse;
-}
-
-thead {
-    th {
-        background-color: #55608f;
-        color: #fff;
-    }
-}
-
-tbody {
-
-    td {
-        position: relative;
-
-    }
-}

package/emotion/cjs/components/Sheet/Sheet.stories.tsx

@@ -1,361 +0,0 @@
-import React, { ComponentProps, useState } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
-import styled from 'styled-components';
-
-import { Button } from '../Button';
-import { BodyM } from '../Typography';
-
-import { Sheet } from '.';
-import type { SheetProps } from '.';
-
-const meta: Meta<SheetProps> = {
-    title: 'Overlay/Sheet',
-    decorators: [InSpacingDecorator],
-    argTypes: {
-        handlePlacement: {
-            options: ['inner', 'outer'],
-            control: {
-                type: 'inline-radio',
-            },
-        },
-    },
-    args: {
-        withBlur: false,
-        withOverlay: true,
-        withTransition: true,
-        hasHandle: true,
-        isHeaderFixed: false,
-        isFooterFixed: false,
-        handlePlacement: 'outer',
-        fullScreen: false,
-    },
-};
-
-export default meta;
-
-type StorySheetProps = ComponentProps<typeof Sheet> & {
-    storyHasHeader: boolean;
-    storyHasFooter: boolean;
-};
-
-const StyledBody = styled(BodyM)`
-    padding-bottom: 200px;
-`;
-
-const StyledBodyFullScreen = styled(BodyM)`
-    height: calc(100vh - 10rem);
-`;
-
-type StorySheetPropsExtension = StorySheetProps & {
-    fullScreen: boolean;
-};
-const StoryDefault = ({
-    withOverlay,
-    withTransition,
-    storyHasFooter,
-    isFooterFixed,
-    storyHasHeader,
-    isHeaderFixed,
-    hasHandle,
-    withBlur,
-    handlePlacement,
-    fullScreen,
-}: StorySheetPropsExtension) => {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(true)}>Открыть</Button>
-            <Sheet
-                opened={opened}
-                handlePlacement={handlePlacement}
-                withOverlay={withOverlay}
-                withTransition={withTransition}
-                onClose={() => setOpened(false)}
-                hasHandle={hasHandle}
-                withBlur={withBlur}
-                contentHeader={
-                    storyHasHeader ? (
-                        <div>
-                            <h4>header</h4>
-                        </div>
-                    ) : undefined
-                }
-                isHeaderFixed={isHeaderFixed}
-                contentFooter={
-                    storyHasFooter ? (
-                        <div>
-                            <p>footer</p>
-                        </div>
-                    ) : undefined
-                }
-                isFooterFixed={isFooterFixed}
-            >
-                {fullScreen ? <StyledBodyFullScreen>body</StyledBodyFullScreen> : <StyledBody>body</StyledBody>}
-            </Sheet>
-        </>
-    );
-};
-
-export const Default: StoryObj<StorySheetProps> = {
-    args: {
-        storyHasHeader: true,
-        storyHasFooter: true,
-    },
-    render: (args) => <StoryDefault {...args} />,
-};
-
-const StoryWithoutOverlay = () => {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(true)}>Открыть</Button>
-            <Sheet opened={opened} withOverlay={false} onClose={() => setOpened(false)}>
-                <StyledBody>
-                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
-                    consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel illum ea
-                    fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos nostrum
-                    placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt ullam,
-                    dolorem labore quaerat vero maxime ab ipsa nihil.
-                </StyledBody>
-            </Sheet>
-        </>
-    );
-};
-
-export const WithoutOverlay: StoryObj = {
-    render: () => <StoryWithoutOverlay />,
-};
-
-const StoryWithScroll = ({
-    withOverlay,
-    withTransition,
-    storyHasFooter,
-    isFooterFixed,
-    storyHasHeader,
-    isHeaderFixed,
-    hasHandle,
-    withBlur,
-}: StorySheetProps) => {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(true)}>Открыть</Button>
-            <Sheet
-                opened={opened}
-                withOverlay={withOverlay}
-                withTransition={withTransition}
-                onClose={() => setOpened(false)}
-                hasHandle={hasHandle}
-                withBlur={withBlur}
-                contentHeader={
-                    storyHasHeader ? (
-                        <div>
-                            <h4>header</h4>
-                        </div>
-                    ) : undefined
-                }
-                isHeaderFixed={isHeaderFixed}
-                contentFooter={
-                    storyHasFooter ? (
-                        <div>
-                            <p>footer</p>
-                        </div>
-                    ) : undefined
-                }
-                isFooterFixed={isFooterFixed}
-            >
-                <BodyM>
-                    <Button onClick={() => setOpened(false)}>Закрыть</Button>
-                    <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
-                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
-                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
-                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
-                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
-                    </p>
-                    <Button onClick={() => setOpened(false)}>Закрыть</Button>
-                    <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
-                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
-                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
-                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
-                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
-                    </p>
-                </BodyM>
-            </Sheet>
-        </>
-    );
-};
-
-export const WithScroll: StoryObj<StorySheetProps> = {
-    args: {
-        storyHasHeader: true,
-        storyHasFooter: true,
-    },
-    render: (args) => <StoryWithScroll {...args} />,
-};
-
-const StoryWithInsideScroll = ({
-    withOverlay,
-    withTransition,
-    storyHasFooter,
-    isFooterFixed,
-    storyHasHeader,
-    isHeaderFixed,
-    hasHandle,
-    withBlur,
-}: StorySheetProps) => {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(true)}>Открыть</Button>
-            <Sheet
-                opened={opened}
-                withOverlay={withOverlay}
-                withTransition={withTransition}
-                onClose={() => setOpened(false)}
-                hasHandle={hasHandle}
-                withBlur={withBlur}
-                contentHeader={
-                    storyHasHeader ? (
-                        <div>
-                            <h4>header</h4>
-                        </div>
-                    ) : undefined
-                }
-                isHeaderFixed={isHeaderFixed}
-                contentFooter={
-                    storyHasFooter ? (
-                        <div>
-                            <p>footer</p>
-                        </div>
-                    ) : undefined
-                }
-                isFooterFixed={isFooterFixed}
-            >
-                <p>Вложенные кнопки</p>
-                <div
-                    style={{
-                        height: '150px',
-                        overflowY: 'scroll',
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: '1rem',
-                    }}
-                >
-                    <Button>Кнопка 1</Button>
-                    <Button>Кнопка 2</Button>
-                    <Button>Кнопка 3</Button>
-                    <Button>Кнопка 4</Button>
-                    <Button>Кнопка 5</Button>
-                    <Button>Кнопка 6</Button>
-                    <Button>Кнопка 7</Button>
-                    <Button>Кнопка 8</Button>
-                </div>
-                <BodyM>Lorem ipsum dolor sit amet consectetur adipisicing elit.</BodyM>
-            </Sheet>
-        </>
-    );
-};
-
-export const WithInsideScroll: StoryObj<StorySheetProps> = {
-    args: {
-        storyHasHeader: true,
-        storyHasFooter: true,
-    },
-    render: (args) => <StoryWithInsideScroll {...args} />,
-};
-
-const StoryWithDoubleScroll = ({
-    withOverlay,
-    withTransition,
-    storyHasFooter,
-    isFooterFixed,
-    storyHasHeader,
-    isHeaderFixed,
-    hasHandle,
-    withBlur,
-}: StorySheetProps) => {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(true)}>Открыть</Button>
-            <Sheet
-                opened={opened}
-                withOverlay={withOverlay}
-                withTransition={withTransition}
-                onClose={() => setOpened(false)}
-                hasHandle={hasHandle}
-                withBlur={withBlur}
-                contentHeader={
-                    storyHasHeader ? (
-                        <div>
-                            <h4>header</h4>
-                        </div>
-                    ) : undefined
-                }
-                isHeaderFixed={isHeaderFixed}
-                contentFooter={
-                    storyHasFooter ? (
-                        <div>
-                            <p>footer</p>
-                        </div>
-                    ) : undefined
-                }
-                isFooterFixed={isFooterFixed}
-            >
-                <BodyM>
-                    <Button onClick={() => setOpened(false)}>Закрыть</Button>
-                    <p>Вложенные кнопки</p>
-                    <div
-                        style={{
-                            height: '150px',
-                            overflowY: 'scroll',
-                            display: 'flex',
-                            flexDirection: 'column',
-                            gap: '1rem',
-                        }}
-                    >
-                        <Button>Кнопка 1</Button>
-                        <Button>Кнопка 2</Button>
-                        <Button>Кнопка 3</Button>
-                        <Button>Кнопка 4</Button>
-                        <Button>Кнопка 5</Button>
-                        <Button>Кнопка 6</Button>
-                        <Button>Кнопка 7</Button>
-                        <Button>Кнопка 8</Button>
-                    </div>
-                    <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
-                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
-                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
-                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
-                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
-                    </p>
-                    <Button onClick={() => setOpened(false)}>Закрыть</Button>
-                    <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
-                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
-                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
-                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
-                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
-                    </p>
-                </BodyM>
-            </Sheet>
-        </>
-    );
-};
-
-export const WithDoubleScroll: StoryObj<StorySheetProps> = {
-    args: {
-        storyHasHeader: true,
-        storyHasFooter: true,
-    },
-    render: (args) => <StoryWithDoubleScroll {...args} />,
-};

package/emotion/cjs/components/Skeleton/Skeleton.stories.tsx

@@ -1,116 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
-import { radiuses } from '@salutejs/plasma-new-hope/emotion';
-
-import { Button as BasicButton } from '../Button/Button';
-
-import { LineSkeleton, TextSkeleton, RectSkeleton, withSkeleton } from './Skeleton';
-
-type StoryLineSkeletonProps = ComponentProps<typeof LineSkeleton>;
-type StoryTextSkeletonProps = ComponentProps<typeof TextSkeleton>;
-type StoryRectSkeletonProps = ComponentProps<typeof RectSkeleton>;
-type BasicButtonProps = ComponentProps<typeof BasicButton>;
-
-const meta: Meta = {
-    title: 'Data Display/Skeleton',
-    decorators: [InSpacingDecorator],
-};
-
-export default meta;
-
-const roundnessKeys = Object.keys(radiuses).map((r) => String(r));
-
-const textSizes = [
-    'bodyL',
-    'bodyM',
-    'bodyS',
-    'bodyXS',
-    'bodyXXS',
-    'dsplL',
-    'dsplM',
-    'dsplS',
-    'h1',
-    'h2',
-    'h3',
-    'h4',
-    'h5',
-    'textL',
-    'textM',
-    'textS',
-    'textXS',
-];
-
-const Default: StoryObj = {
-    argTypes: {
-        roundness: {
-            options: roundnessKeys,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    args: {
-        roundness: '16',
-        customGradientColor: '',
-        lighter: false,
-    },
-};
-
-export const Line: StoryObj<StoryLineSkeletonProps> = {
-    argTypes: {
-        size: {
-            options: textSizes,
-            control: {
-                type: 'select',
-            },
-        },
-        ...Default.argTypes,
-    },
-    args: {
-        size: 'bodyM',
-        ...Default.args,
-    },
-    render: (args) => <LineSkeleton {...args} />,
-};
-
-export const Text: StoryObj<StoryTextSkeletonProps> = {
-    argTypes: {
-        size: {
-            options: textSizes,
-            control: {
-                type: 'select',
-            },
-        },
-        ...Default.argTypes,
-    },
-    args: {
-        size: 'textM',
-        lines: 5,
-        width: '',
-        ...Default.args,
-    },
-    render: (args) => <TextSkeleton {...args} />,
-};
-
-export const Rect: StoryObj<StoryRectSkeletonProps> = {
-    argTypes: {
-        ...Default.argTypes,
-    },
-    args: {
-        width: '4rem',
-        height: '4rem',
-        ...Default.args,
-    },
-    render: (args) => <RectSkeleton {...args} />,
-};
-
-const ButtonSkeleton = withSkeleton<BasicButtonProps>(BasicButton);
-
-export const Button: StoryObj = {
-    args: {
-        skeleton: true,
-    },
-    render: (args) => <ButtonSkeleton view="default" text="test" {...args} />,
-};