@salutejs/plasma-web 1.623.0-next-sbcom.0 → 1.623.0

package/dist/styled-components/es/components/Calendar/Calendar.perftest.js

@@ -1,90 +0,0 @@
-import React from 'react';
-import { Calendar, CalendarDouble, CalendarDoubleRange } from '.';
-const defaultProps = {
-    min: new Date(2022, 4, 0),
-    max: new Date(2022, 6, 15),
-    date: new Date(),
-    isDouble: false,
-    isRange: false,
-    value: new Date(2022, 5, 6),
-    valueRange: [
-        new Date(2022, 5, 6),
-        new Date(2022, 5, 10)
-    ]
-};
-const eventsRange = [
-    ...new Array(10)
-].map((_, day)=>({
-        date: new Date(2022, 5, 15 + day),
-        color: 'purple'
-    }));
-const disabledDays = [
-    ...new Array(5)
-].map((_, day)=>({
-        date: new Date(2022, 5, 11 + day)
-    }));
-const date = {
-    day: 1,
-    monthIndex: 2,
-    year: 2022
-};
-const onChangeValue = ()=>{};
-export const Default = ()=>{
-    const { min, max, isDouble, isRange, value } = defaultProps;
-    return /*#__PURE__*/ React.createElement(Calendar, {
-        isRange: isRange,
-        isDouble: isDouble,
-        date: date,
-        value: value,
-        eventList: eventsRange,
-        disabledList: disabledDays,
-        min: min,
-        max: max,
-        onChangeValue: onChangeValue
-    });
-};
-const doubleProps = {
-    min: new Date(2022, 4, 0),
-    max: new Date(2022, 6, 15),
-    value: new Date(2022, 5, 6)
-};
-export const Double = ()=>{
-    const { min, max, value } = doubleProps;
-    return /*#__PURE__*/ React.createElement(CalendarDouble, {
-        value: value,
-        eventList: eventsRange,
-        disabledList: disabledDays,
-        min: min,
-        max: max,
-        onChangeValue: onChangeValue
-    });
-};
-const doubleRangeProps = {
-    min: new Date(2022, 4, 0),
-    max: new Date(2022, 7, 15),
-    values: [
-        new Date(2022, 5, 7),
-        new Date(2022, 6, 9)
-    ]
-};
-const eventList = [
-    ...eventsRange
-];
-const disabledList = [
-    ...disabledDays
-];
-const valueDate = [
-    new Date(),
-    new Date()
-];
-export const DoubleRange = ()=>{
-    const { min, max } = doubleRangeProps;
-    return /*#__PURE__*/ React.createElement(CalendarDoubleRange, {
-        value: valueDate,
-        eventList: eventList,
-        disabledList: disabledList,
-        min: min,
-        max: max,
-        onChangeValue: onChangeValue
-    });
-};

package/dist/styled-components/es/components/Checkbox/Checkbox.perftest.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { Checkbox } from '.';
-const func = ()=>{};
-const defaultProps = {
-    name: 'checkbox',
-    label: 'Label',
-    description: 'Description',
-    disabled: false,
-    size: 'm'
-};
-export const Default = ()=>{
-    return /*#__PURE__*/ React.createElement(Checkbox, {
-        value: 0,
-        checked: true,
-        onChange: func,
-        onFocus: func,
-        onBlur: func,
-        ...defaultProps
-    });
-};

package/dist/styled-components/es/components/ElasticGrid/ElasticGrid.perftest.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { ElasticGrid } from '.';
-const StyledElasticGrid = styled(ElasticGrid).withConfig({
-    displayName: "ElasticGrid.perftest__StyledElasticGrid",
-    componentId: "sc-a45519ff-0"
-})([
-    `width:`,
-    `;`
-], ({ $width })=>$width);
-const Item = styled.div.withConfig({
-    displayName: "ElasticGrid.perftest__Item",
-    componentId: "sc-a45519ff-1"
-})([
-    `width:100%;height:100px;background-color:#999;border-radius:10px;`
-]);
-const defaultProps = {
-    $width: '600px',
-    itemsNumber: 5,
-    minColWidth: 125,
-    gapX: 8,
-    gapY: 8
-};
-const arr = [
-    0,
-    0,
-    0,
-    0,
-    0
-];
-export const Default = ()=>{
-    return /*#__PURE__*/ React.createElement(StyledElasticGrid, defaultProps, arr.map((_, k)=>/*#__PURE__*/ React.createElement(Item, {
-            key: k
-        })));
-};

package/dist/styled-components/es/components/Modal/Modal.perftest.js

@@ -1,20 +0,0 @@
-import React from 'react';
-// TODO: https://github.com/salute-developers/plasma/issues/507
-import { P1, Headline1 } from '../Typography';
-import { ModalView, ModalsProvider } from '.';
-const longText = `Если после применения правила Лопиталя неопределённость типа 0 / 0 осталась, мнимая единица традиционно
-развивает Наибольший Общий Делитель (НОД). Функция многих переменных, исключая очевидный случай,
-упорядочивает интеграл от функции, обращающейся в бесконечность в изолированной точке. Интересно
-отметить, что эпсилон окрестность развивает разрыв функции. Собственное подмножество естественно
-соответствует экспериментальный Наибольший Общий Делитель (НОД). Постоянная величина положительна.`;
-const defaultProps = {
-    heading: 'Тэги «Голосовая викторина Queez с Валдисом Пельшем»',
-    text: longText
-};
-const onClose = ()=>{};
-export const Default = ()=>{
-    const { heading, text } = defaultProps;
-    return /*#__PURE__*/ React.createElement(ModalsProvider, null, /*#__PURE__*/ React.createElement(ModalView, {
-        onClose: onClose
-    }, /*#__PURE__*/ React.createElement(Headline1, null, heading), /*#__PURE__*/ React.createElement(P1, null, text)));
-};

package/dist/styled-components/es/components/PreviewGallery/PreviewGallery.perftest.js

@@ -1,85 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { IconTrash, IconTrashFilled } from '@salutejs/plasma-icons';
-import { surfaceSolid01 } from '@salutejs/plasma-tokens-web';
-import { PreviewGallery } from '.';
-const StyledAddButton = styled.div.withConfig({
-    displayName: "PreviewGallery.perftest__StyledAddButton",
-    componentId: "sc-9f71e367-0"
-})([
-    `width:100%;background:`,
-    `;display:flex;justify-content:center;align-items:center;border-radius:0.75rem;user-select:none;padding-top:56.25%;`
-], surfaceSolid01);
-export const AddButton = ()=>{
-    return /*#__PURE__*/ React.createElement(StyledAddButton, null);
-};
-const images = [
-    {
-        id: Math.random(),
-        image: './images/320_320_0.jpg',
-        caption: '3:24',
-        tooltip: {
-            text: 'Высокое качество воспроизведения',
-            placement: 'top'
-        }
-    },
-    {
-        id: 2 * Math.random(),
-        image: './images/320_320_1.jpg',
-        isSelected: true
-    },
-    {
-        id: 3 * Math.random(),
-        image: './images/320_320_2.jpg',
-        actionDisabled: true
-    },
-    {
-        id: 4 * Math.random(),
-        image: './images/320_320_3.jpg'
-    },
-    {
-        id: 5 * Math.random(),
-        image: './images/320_320_4.jpg'
-    },
-    {
-        id: 6 * Math.random(),
-        image: './images/320_320_4.jpg',
-        status: 'error'
-    },
-    {
-        id: 7 * Math.random(),
-        tooltip: {
-            placement: 'bottom',
-            text: 'Не сильно высокое качество воспроизведения',
-            animated: false
-        },
-        component: /*#__PURE__*/ React.createElement(AddButton, null),
-        customClickHandle: ()=>{}
-    }
-];
-const selectableProps = {};
-const func = ()=>{};
-export const Selectable = ()=>{
-    return /*#__PURE__*/ React.createElement(PreviewGallery, {
-        items: images,
-        onItemAction: func,
-        actionIcon: /*#__PURE__*/ React.createElement(IconTrashFilled, {
-            size: "xs",
-            color: "inherit"
-        }),
-        onItemClick: func
-    });
-};
-const draggableProps = {};
-export const Draggable = ()=>{
-    return /*#__PURE__*/ React.createElement(PreviewGallery, {
-        interactionType: "draggable",
-        items: images,
-        actionIcon: /*#__PURE__*/ React.createElement(IconTrash, {
-            size: "xs",
-            color: "inherit"
-        }),
-        onItemAction: func,
-        onItemsSortEnd: func
-    });
-};

package/dist/styled-components/es/components/Radiobox/Radiobox.perftest.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { Radiobox } from '.';
-const func = ()=>{};
-const defaultProps = {
-    name: 'Radiobox',
-    label: 'Label',
-    description: 'Description',
-    disabled: false,
-    size: 'm'
-};
-export const Default = ()=>{
-    const { name, label, disabled, description, size } = defaultProps;
-    return /*#__PURE__*/ React.createElement(Radiobox, {
-        name: name,
-        value: 0,
-        label: label,
-        description: description,
-        disabled: disabled,
-        checked: true,
-        size: size,
-        onChange: func,
-        onFocus: func,
-        onBlur: func
-    });
-};

package/dist/styled-components/es/components/Select/Select.perftest.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import { Select } from '.';
-const items = [
-    {
-        value: 'north_america',
-        label: 'Северная Америка'
-    },
-    {
-        value: 'south_america',
-        label: 'Южная Америка',
-        items: [
-            {
-                value: 'brazil',
-                label: 'Бразилия'
-            },
-            {
-                value: 'argentina',
-                label: 'Аргентина'
-            }
-        ]
-    }
-];
-export const Default = ()=>{
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Select, {
-        items: items,
-        label: "Label",
-        placeholder: "Placeholder"
-    }), /*#__PURE__*/ React.createElement(Select, {
-        multiselect: true,
-        items: items,
-        label: "Label",
-        placeholder: "Placeholder"
-    }));
-};

package/dist/styled-components/es/components/Switch/Switch.perftest.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { Switch } from '.';
-const func = ()=>{};
-const StyledWrapper = styled.div.withConfig({
-    displayName: "Switch.perftest__StyledWrapper",
-    componentId: "sc-4fcb6314-0"
-})([
-    `width:13.75rem;`
-]);
-const defaultProps = {
-    label: 'Label',
-    disabled: false
-};
-export const Default = ()=>{
-    return /*#__PURE__*/ React.createElement(StyledWrapper, null, /*#__PURE__*/ React.createElement(Switch, {
-        value: 0,
-        checked: true,
-        onChange: func,
-        onFocus: func,
-        onBlur: func,
-        ...defaultProps
-    }));
-};

package/dist/styled-components/es/components/Tabs/Tabs.perftest.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import { IconClock } from '@salutejs/plasma-icons';
-import { Tabs, TabItem, TabsController } from '.';
-const defaultProps = {
-    itemsNumber: 4,
-    disabled: false,
-    stretch: true,
-    label: 'Label'
-};
-const items = [
-    0,
-    0,
-    0,
-    0
-];
-const func = ()=>{};
-export const Default = ()=>{
-    const { disabled, stretch, label } = defaultProps;
-    return /*#__PURE__*/ React.createElement(Tabs, {
-        stretch: stretch,
-        disabled: disabled
-    }, items.map((_, i)=>/*#__PURE__*/ React.createElement(TabItem, {
-            key: `item:${i}`,
-            isActive: i === 0,
-            tabIndex: -1,
-            contentLeft: /*#__PURE__*/ React.createElement(IconClock, {
-                color: "inherit"
-            }),
-            onClick: func,
-            onFocus: func,
-            onBlur: func
-        }, label)));
-};
-const arrowsProps = {
-    disabled: false,
-    stretch: true
-};
-const items2 = [
-    {
-        label: 'Label',
-        contentLeft: /*#__PURE__*/ React.createElement(IconClock, {
-            color: "inherit"
-        })
-    }
-];
-export const Arrows = ()=>{
-    const { disabled, stretch } = arrowsProps;
-    return /*#__PURE__*/ React.createElement(TabsController, {
-        items: items2,
-        index: 0,
-        onIndexChange: func,
-        stretch: stretch,
-        disabled: disabled
-    });
-};

package/dist/styled-components/es/components/TextArea/TextArea.perftest.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { IconPlaceholder } from '../../helpers';
-import { TextArea } from '.';
-const func = ()=>{};
-const defaultProps = {
-    id: 'example-textarea',
-    placeholder: 'Заполните многострочное поле',
-    leftHelper: 'Подсказка к полю слева',
-    rightHelper: 'Подсказка к полю справа',
-    enableContentRight: true,
-    resize: 'vertical',
-    disabled: false,
-    readOnly: false
-};
-const status = '';
-export const Default = ()=>{
-    return /*#__PURE__*/ React.createElement(TextArea, {
-        value: "Значение поля",
-        contentRight: /*#__PURE__*/ React.createElement(IconPlaceholder, null),
-        status: status,
-        onChange: func,
-        onFocus: func,
-        onBlur: func,
-        ...defaultProps
-    });
-};

package/dist/styled-components/es/components/TextField/TextField.perftest.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import { IconPlaceholder } from '../../helpers';
-import { TextField } from '.';
-const func = ()=>{};
-const defaultProps = {
-    id: 'example-text-field',
-    size: 'l',
-    label: 'Лейбл',
-    animatedHint: undefined,
-    placeholder: 'Заполните поле',
-    helperText: 'Подсказка к полю',
-    status: '',
-    disabled: false,
-    readOnly: false
-};
-const status = '';
-export const Default = ()=>{
-    return /*#__PURE__*/ React.createElement(TextField, {
-        ...defaultProps,
-        value: "Значение поля",
-        contentLeft: /*#__PURE__*/ React.createElement(IconPlaceholder, null),
-        contentRight: /*#__PURE__*/ React.createElement(IconPlaceholder, null),
-        status: status,
-        onChange: func,
-        onFocus: func,
-        onBlur: func,
-        onSearch: func
-    });
-};
-export const DeferredValue = ()=>{
-    return /*#__PURE__*/ React.createElement(TextField, {
-        placeholder: "Wait three seconds...",
-        defaultValue: "",
-        readOnly: true
-    });
-};

package/dist/styled-components/es/components/Tooltip/Tooltip.perftest.js

@@ -1,74 +0,0 @@
-/* eslint-disable */ import React from 'react';
-import styled from 'styled-components';
-import { IconDownload } from '@salutejs/plasma-icons';
-import { Button } from '../Button';
-import { Tooltip } from '.';
-const StyledGrid = styled.div.withConfig({
-    displayName: "Tooltip.perftest__StyledGrid",
-    componentId: "sc-af99ceed-0"
-})([
-    `display:grid;grid-template-columns:repeat(3,max-content);grid-gap:1rem 3.5rem;padding:2.5rem;`
-]);
-export const All = ()=>{
-    return /*#__PURE__*/ React.createElement(StyledGrid, null, /*#__PURE__*/ React.createElement(Tooltip, {
-        target: /*#__PURE__*/ React.createElement(Tooltip, {
-            target: /*#__PURE__*/ React.createElement(Button, {
-                contentLeft: /*#__PURE__*/ React.createElement(IconDownload, null)
-            }),
-            placement: "left",
-            opened: true,
-            hasArrow: true,
-            text: "Left"
-        }),
-        placement: "top-start",
-        opened: true,
-        hasArrow: true,
-        text: "Top start"
-    }), /*#__PURE__*/ React.createElement(Tooltip, {
-        target: /*#__PURE__*/ React.createElement(Button, {
-            contentLeft: /*#__PURE__*/ React.createElement(IconDownload, null)
-        }),
-        placement: "top",
-        opened: true,
-        hasArrow: true,
-        text: "Top"
-    }), /*#__PURE__*/ React.createElement(Tooltip, {
-        target: /*#__PURE__*/ React.createElement(Tooltip, {
-            target: /*#__PURE__*/ React.createElement(Button, {
-                contentLeft: /*#__PURE__*/ React.createElement(IconDownload, null)
-            }),
-            placement: "right",
-            opened: true,
-            hasArrow: true,
-            text: "Right"
-        }),
-        placement: "top-end",
-        opened: true,
-        hasArrow: true,
-        text: "Top end"
-    }), /*#__PURE__*/ React.createElement(Tooltip, {
-        target: /*#__PURE__*/ React.createElement(Button, {
-            contentLeft: /*#__PURE__*/ React.createElement(IconDownload, null)
-        }),
-        placement: "bottom-start",
-        opened: true,
-        hasArrow: true,
-        text: "Bottom start"
-    }), /*#__PURE__*/ React.createElement(Tooltip, {
-        target: /*#__PURE__*/ React.createElement(Button, {
-            contentLeft: /*#__PURE__*/ React.createElement(IconDownload, null)
-        }),
-        placement: "bottom",
-        opened: true,
-        hasArrow: true,
-        text: "Bottom"
-    }), /*#__PURE__*/ React.createElement(Tooltip, {
-        target: /*#__PURE__*/ React.createElement(Button, {
-            contentLeft: /*#__PURE__*/ React.createElement(IconDownload, null)
-        }),
-        placement: "bottom-end",
-        opened: true,
-        hasArrow: true,
-        text: "Bottom end"
-    }));
-};

package/dist/styled-components/es/components/Upload/Upload.perftest.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import { Upload } from '.';
-const defaultProps = {
-    disabled: false,
-    content: 'Загрузите файл формата любого'
-};
-const state = {
-    status: undefined,
-    progress: undefined,
-    message: 'Подсказывающее сообщение'
-};
-const valid = ()=>{
-    return {
-        message: 'Добавлен файл формата ',
-        status: 'success',
-        data: null
-    };
-};
-const func = ()=>{};
-export const Default = ()=>{
-    return /*#__PURE__*/ React.createElement(Upload, {
-        status: state.status,
-        progress: state.progress,
-        message: state.message,
-        loader: /*#__PURE__*/ React.createElement("div", null, "Кастомная загрузка ", state.progress, "%"),
-        onChange: func,
-        onValidation: func,
-        validate: valid,
-        ...defaultProps
-    });
-};