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

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

@@ -1,293 +0,0 @@
-var _StandardTypoStyle, _SpaceMe, _SpaceMe2, _SpaceMe3, _SpaceMe4, _SpaceMe5, _SpaceMe6, _SpaceMe7, _SpaceMe8, _SpaceMe9, _SpaceMe10, _SpaceMe11, _SpaceMe12, _SpaceMe13, _SpaceMe14, _StandardTypoStyle2, _SpaceMe15, _SpaceMe16, _SpaceMe17, _SpaceMe18, _SpaceMe19, _SpaceMe20, _StandardTypoStyle3;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/* eslint-disable */
-import React, { useState, useCallback } from 'react';
-import { mount, CypressTestDecorator, getComponent, SpaceMe } from '@salutejs/plasma-cy-utils';
-import { createGlobalStyle } from 'styled-components';
-import { standard as standardTypo } from '@salutejs/plasma-typo';
-var id = 'test-pagination';
-var slots = [7, 9, 13];
-var values = [1, 10, 20];
-var count = 20;
-var views = ['clear', 'secondary', 'default'];
-var StandardTypoStyle = /*#__PURE__*/createGlobalStyle(standardTypo);
-describe('plasma-new-hope: Pagination Styled', function () {
-  var _CypressTestDecorator;
-  var Pagination = getComponent('Pagination');
-  var CypressTestDecoratorWithTypo = function CypressTestDecoratorWithTypo(_ref) {
-    var children = _ref.children;
-    return /*#__PURE__*/React.createElement(CypressTestDecorator, null, _StandardTypoStyle || (_StandardTypoStyle = /*#__PURE__*/React.createElement(StandardTypoStyle, null)), children);
-  };
-  var ControlledPagination = function ControlledPagination() {
-    var _useState = useState(values[1]),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-    return /*#__PURE__*/React.createElement(Pagination, {
-      id: id,
-      value: value,
-      count: count,
-      slots: slots[1],
-      onChange: function onChange(v) {
-        return setValue(v);
-      }
-    });
-  };
-  it('default', function () {
-    mount(_CypressTestDecorator || (_CypressTestDecorator = /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(ControlledPagination, null))));
-    cy.matchImageSnapshot();
-  });
-  it('_size', function () {
-    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
-      size: "xs",
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe || (_SpaceMe = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      size: "s",
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe2 || (_SpaceMe2 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      size: "m",
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe3 || (_SpaceMe3 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      size: "l",
-      value: values[1],
-      slots: slots[1],
-      count: count
-    })));
-    cy.matchImageSnapshot();
-  });
-  it('_view', function () {
-    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
-      view: views[0],
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe4 || (_SpaceMe4 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      view: views[1],
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe5 || (_SpaceMe5 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      view: views[2],
-      value: values[1],
-      slots: slots[1],
-      count: count
-    })));
-    cy.matchImageSnapshot();
-  });
-  it('_viewCurrentPage', function () {
-    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
-      viewCurrentPage: views[0],
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe6 || (_SpaceMe6 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      viewCurrentPage: views[1],
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe7 || (_SpaceMe7 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      viewCurrentPage: views[2],
-      value: values[1],
-      slots: slots[1],
-      count: count
-    })));
-    cy.matchImageSnapshot();
-  });
-  it('type', function () {
-    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
-      type: "default",
-      hasQuickJump: true,
-      hasPerPage: true,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe8 || (_SpaceMe8 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      type: "default",
-      hasQuickJump: true,
-      hasPerPage: false,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe9 || (_SpaceMe9 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      type: "default",
-      hasQuickJump: false,
-      hasPerPage: true,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe10 || (_SpaceMe10 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      type: "default",
-      hasQuickJump: false,
-      hasPerPage: false,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe11 || (_SpaceMe11 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      type: "compact",
-      hasQuickJump: true,
-      hasPerPage: true,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe12 || (_SpaceMe12 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      type: "compact",
-      hasQuickJump: true,
-      hasPerPage: false,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe13 || (_SpaceMe13 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      type: "compact",
-      hasQuickJump: false,
-      hasPerPage: true,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe14 || (_SpaceMe14 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      type: "compact",
-      hasQuickJump: false,
-      hasPerPage: false,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    })));
-    cy.matchImageSnapshot();
-  });
-});
-describe('plasma-new-hope: Pagination Slots', function () {
-  var Pagination = getComponent('Pagination');
-  var CypressTestDecoratorWithTypo = function CypressTestDecoratorWithTypo(_ref2) {
-    var children = _ref2.children;
-    return /*#__PURE__*/React.createElement(CypressTestDecorator, null, _StandardTypoStyle2 || (_StandardTypoStyle2 = /*#__PURE__*/React.createElement(StandardTypoStyle, null)), children);
-  };
-  it('minSlots', function () {
-    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
-      slots: slots[0],
-      value: values[0],
-      count: count
-    }), _SpaceMe15 || (_SpaceMe15 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      slots: slots[0],
-      value: values[1],
-      count: count
-    }), _SpaceMe16 || (_SpaceMe16 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      slots: slots[0],
-      value: values[2],
-      count: count
-    })));
-    cy.matchImageSnapshot();
-  });
-  it('avrSlots', function () {
-    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
-      slots: slots[1],
-      value: values[0],
-      count: count
-    }), _SpaceMe17 || (_SpaceMe17 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      slots: slots[1],
-      value: values[1],
-      count: count
-    }), _SpaceMe18 || (_SpaceMe18 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      slots: slots[1],
-      value: values[2],
-      count: count
-    })));
-    cy.matchImageSnapshot();
-  });
-  it('maxSlots', function () {
-    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
-      slots: slots[2],
-      value: values[0],
-      count: count
-    }), _SpaceMe19 || (_SpaceMe19 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      slots: slots[2],
-      value: values[1],
-      count: count
-    }), _SpaceMe20 || (_SpaceMe20 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
-      slots: slots[2],
-      value: values[2],
-      count: count
-    })));
-    cy.matchImageSnapshot();
-  });
-});
-describe('plasma-new-hope: Pagination Content', function () {
-  var Pagination = getComponent('Pagination');
-  var Button = getComponent('Button');
-  var CypressTestDecoratorWithTypo = function CypressTestDecoratorWithTypo(_ref3) {
-    var children = _ref3.children;
-    return /*#__PURE__*/React.createElement(CypressTestDecorator, null, _StandardTypoStyle3 || (_StandardTypoStyle3 = /*#__PURE__*/React.createElement(StandardTypoStyle, null)), children);
-  };
-  var PaginationContent = function PaginationContent(args) {
-    var _useState3 = useState(args.value),
-      _useState4 = _slicedToArray(_useState3, 2),
-      pageValue = _useState4[0],
-      setPageValue = _useState4[1];
-    var _useState5 = useState(args.perPage),
-      _useState6 = _slicedToArray(_useState5, 2),
-      perPageValue = _useState6[0],
-      setPerPageValue = _useState6[1];
-    var handleChangePerpage = useCallback(function (perPage) {
-      setPerPageValue(perPage);
-    }, [perPageValue, setPerPageValue]);
-    var handleChangePage = useCallback(function (page) {
-      setPageValue(page);
-    }, [pageValue, setPageValue]);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pagination, _extends({}, args, {
-      value: pageValue,
-      perPage: perPageValue,
-      leftContent: /*#__PURE__*/React.createElement(Button, {
-        id: "pagination-button-prev",
-        onClick: function onClick() {
-          handleChangePage(pageValue - 1);
-        }
-      }, "Prev"),
-      rightContent: /*#__PURE__*/React.createElement(Button, {
-        id: "pagination-button-next",
-        onClick: function onClick() {
-          handleChangePage(pageValue + 1);
-        }
-      }, "Next"),
-      onChangePageValue: handleChangePage,
-      onChangePerageValue: handleChangePerpage
-    })));
-  };
-  it('clickOnContent', function () {
-    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(PaginationContent, {
-      value: values[0],
-      count: count
-    })));
-    cy.get('button[id="pagination-button-next"]').click();
-    cy.get('button[id="pagination-button-next"]').click();
-    cy.get('button[id="pagination-button-prev"]').click();
-    cy.matchImageSnapshot();
-  });
-  it('setInput', function () {
-    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
-      slots: slots[1],
-      value: values[0],
-      count: count
-    })));
-    cy.get('input:first').focus().type('10').type('{enter}');
-    cy.matchImageSnapshot();
-  });
-  it('setSelect', function () {
-    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
-      slots: slots[2],
-      value: values[0],
-      count: count
-    })));
-    cy.get('button').last().click();
-    cy.matchImageSnapshot();
-  });
-});

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

@@ -1,172 +0,0 @@
-import React, { useState, useCallback } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
-import { action } from '@storybook/addon-actions';
-
-import { Button } from '../Button';
-
-import { Pagination } from './Pagination';
-
-const meta: Meta<typeof Pagination> = {
-    title: 'Navigation/Pagination',
-    decorators: [InSpacingDecorator],
-    argTypes: {
-        size: {
-            options: ['xs', 's', 'm', 'l'],
-            control: {
-                type: 'select',
-            },
-        },
-        type: {
-            options: ['default', 'compact'],
-            control: {
-                type: 'select',
-            },
-        },
-        view: {
-            options: ['clear', 'default', 'secondary'],
-            control: {
-                type: 'select',
-            },
-        },
-        slots: {
-            control: {
-                type: 'range',
-                min: 7,
-                max: 15,
-            },
-        },
-        viewCurrentPage: {
-            options: ['clear', 'default', 'secondary'],
-            control: {
-                type: 'select',
-            },
-        },
-        ...disableProps(['contentLeft', 'contentRight']),
-    },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Pagination>;
-
-const PaginationDefault = (args) => {
-    const [pageValue, setPageValue] = useState(args.value);
-    const [perPageValue, setPerPageValue] = useState(args.perPage);
-
-    const handleChangePage = useCallback(
-        (page: number) => {
-            setPageValue(page);
-            action('onChangePageValue')(page);
-        },
-        [pageValue, setPageValue],
-    );
-
-    const handleChangePerpage = useCallback(
-        (perPage: number) => {
-            setPerPageValue(perPage);
-            action('onChangePerPageValue')(perPage);
-        },
-        [perPageValue, setPerPageValue],
-    );
-
-    return (
-        <>
-            <Pagination
-                {...args}
-                value={pageValue}
-                perPage={perPageValue}
-                onChangePageValue={handleChangePage}
-                onChangePerPageValue={handleChangePerpage}
-            />
-        </>
-    );
-};
-
-export const Default: Story = {
-    args: {
-        count: 2000,
-        value: 1,
-        slots: 9,
-        perPage: 20,
-        type: 'default',
-        view: 'clear',
-        viewCurrentPage: 'secondary',
-        size: 'xs',
-        hasQuickJump: true,
-        hasPerPage: true,
-        pilled: false,
-        square: true,
-        listWidth: '5rem',
-    },
-    render: (args) => <PaginationDefault {...args} />,
-};
-
-const PaginationContent = (args) => {
-    const [pageValue, setPageValue] = useState(args.value);
-    const [perPageValue, setPerPageValue] = useState(args.perPage);
-
-    const handleChangePage = useCallback(
-        (page: number) => {
-            setPageValue(page);
-            action('onChangePageValue')(page);
-        },
-        [pageValue, setPageValue],
-    );
-
-    const handleChangePerpage = useCallback(
-        (perPage: number) => {
-            setPerPageValue(perPage);
-            action('onChangePerPageValue')(perPage);
-        },
-        [perPageValue, setPerPageValue],
-    );
-
-    return (
-        <>
-            <Pagination
-                {...args}
-                value={pageValue}
-                perPage={perPageValue}
-                leftContent={
-                    <Button
-                        onClick={() => {
-                            setPageValue(pageValue - 1);
-                        }}
-                    >
-                        Prev
-                    </Button>
-                }
-                rightContent={
-                    <Button
-                        onClick={() => {
-                            setPageValue(pageValue + 1);
-                        }}
-                    >
-                        Next
-                    </Button>
-                }
-                onChangePageValue={handleChangePage}
-                onChangePerPageValue={handleChangePerpage}
-            />
-        </>
-    );
-};
-
-export const Content: Story = {
-    args: {
-        count: 2000,
-        value: 1,
-        slots: 9,
-        perPage: 20,
-        type: 'default',
-        view: 'clear',
-        viewCurrentPage: 'secondary',
-        size: 'xs',
-        hasQuickJump: true,
-        hasPerPage: true,
-        pilled: false,
-        square: true,
-    },
-    render: (args) => <PaginationContent {...args} />,
-};

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

@@ -1,126 +0,0 @@
-import React, { useState } from 'react';
-import type { ComponentProps } from 'react';
-import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
-import styled from 'styled-components';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { Button } from '../Button/Button';
-
-import { Popover } from './Popover';
-
-import './style.css';
-
-const meta: Meta<typeof Popover> = {
-    title: 'Overlay/Popover',
-    decorators: [InSpacingDecorator],
-    component: Popover,
-    argTypes: {
-        placement: {
-            options: ['top', 'bottom', 'right', 'left', 'auto'],
-            control: {
-                type: 'select',
-            },
-            table: { defaultValue: { summary: 'bottom' } },
-            mapping: {
-                top: 'top',
-                bottom: 'bottom',
-                right: 'right',
-                left: 'left',
-                auto: 'auto',
-            },
-        },
-        trigger: {
-            options: ['click', 'hover'],
-            control: {
-                type: 'select',
-            },
-            table: { defaultValue: { summary: 'click' } },
-        },
-        closeOnOverlayClick: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        closeOnEsc: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        isFocusTrapped: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        skidding: {
-            control: {
-                type: 'number',
-            },
-            table: { defaultValue: { summary: 0 } },
-        },
-        distance: {
-            control: {
-                type: 'number',
-            },
-            table: { defaultValue: { summary: 6 } },
-        },
-    },
-    args: {
-        placement: 'bottom',
-        trigger: 'click',
-        closeOnOverlayClick: true,
-        closeOnEsc: true,
-        isFocusTrapped: true,
-        skidding: 0,
-        distance: 6,
-        animated: true,
-    },
-};
-
-export default meta;
-
-type StoryPopoverProps = ComponentProps<typeof Popover> & {
-    skidding?: number;
-    distance?: number;
-};
-
-const StyledContent = styled.div`
-    background: var(--surface-solid-tertiary);
-    padding: 1rem;
-    border-radius: var(--popover-border-radius);
-
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-`;
-
-const StoryDefault = (args: StoryPopoverProps) => {
-    const { skidding = 0, distance = 6 } = args;
-
-    const [isOpen, setIsOpen] = useState(false);
-
-    return (
-        <Popover
-            opened={isOpen}
-            onToggle={(is) => setIsOpen(is)}
-            usePortal={false}
-            role="presentation"
-            id="popover"
-            target={<Button>Target</Button>}
-            hasArrow
-            offset={[skidding, distance]}
-            {...args}
-        >
-            <StyledContent>
-                <>Content</>
-                <Button onClick={() => setIsOpen(false)}>Close</Button>
-            </StyledContent>
-        </Popover>
-    );
-};
-
-export const Default: StoryObj<StoryPopoverProps> = {
-    render: (args) => <StoryDefault {...args} />,
-};

package/emotion/es/components/Popover/style.css

@@ -1,4 +0,0 @@
-.popover-root {
-    --popover-border-radius: 0.5rem;
-    border-radius: var(--popover-border-radius);
-}