@salutejs/sdds-cs 0.319.0-canary.2020.15698332896.0 → 0.319.0-canary.2020.15824629894.0

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

@@ -1,243 +0,0 @@
-import React from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
-
-import {
-    DsplL,
-    DsplM,
-    DsplS,
-    H1,
-    H2,
-    H3,
-    H4,
-    H5,
-    BodyL,
-    BodyM,
-    BodyS,
-    BodyXS,
-    BodyXXS,
-    TextL,
-    TextM,
-    TextS,
-    TextXS,
-} from '.';
-
-const meta: Meta = {
-    title: 'Data Display/Typography',
-    component: DsplL,
-    argTypes: {
-        ...disableProps(['size', 'bold', 'medium', 'as', 'forwardedAs', 'isNumeric']),
-        color: {
-            control: {
-                type: 'color',
-            },
-        },
-    },
-    args: {
-        noWrap: false,
-        breakWord: true,
-    },
-    decorators: [InSpacingDecorator],
-};
-
-export default meta;
-
-type Story = StoryObj;
-
-export const Dspl: Story = {
-    render: (props) => (
-        <>
-            <DsplL bold={false} {...props}>
-                DsplL
-            </DsplL>
-            <DsplL {...props}>DsplL Bold</DsplL>
-            <DsplL medium {...props}>
-                DsplL Medium
-            </DsplL>
-            <DsplL bold={false} isNumeric {...props}>
-                1234567890
-            </DsplL>
-            <DsplM bold={false} {...props}>
-                DsplM
-            </DsplM>
-            <DsplM {...props}>DsplM Bold</DsplM>
-            <DsplM medium {...props}>
-                DsplM Medium
-            </DsplM>
-            <DsplM bold={false} isNumeric {...props}>
-                1234567890
-            </DsplM>
-            <DsplS bold={false} {...props}>
-                DsplS
-            </DsplS>
-            <DsplS {...props}>DsplS Bold</DsplS>
-            <DsplS medium {...props}>
-                DsplS Medium
-            </DsplS>
-            <DsplS bold={false} isNumeric {...props}>
-                1234567890
-            </DsplS>
-        </>
-    ),
-};
-
-export const H: Story = {
-    render: (props) => (
-        <>
-            <H1 bold={false} {...props}>
-                H1
-            </H1>
-            <H1 {...props}>H1 Bold</H1>
-            <H1 medium {...props}>
-                H1 Medium
-            </H1>
-            <H1 bold={false} isNumeric {...props}>
-                1234567890
-            </H1>
-            <H2 bold={false} {...props}>
-                H2
-            </H2>
-            <H2 {...props}>H2 Bold</H2>
-            <H2 medium {...props}>
-                H2 Medium
-            </H2>
-            <H2 bold={false} isNumeric {...props}>
-                1234567890
-            </H2>
-            <H3 bold={false} {...props}>
-                H3
-            </H3>
-            <H3 {...props}>H3 Bold</H3>
-            <H3 medium {...props}>
-                H3 Medium
-            </H3>
-            <H3 bold={false} isNumeric {...props}>
-                1234567890
-            </H3>
-            <H4 bold={false} {...props}>
-                H4
-            </H4>
-            <H4 {...props}>H4 Bold</H4>
-            <H4 medium {...props}>
-                H4 Medium
-            </H4>
-            <H4 bold={false} isNumeric {...props}>
-                1234567890
-            </H4>
-            <H5 bold={false} {...props}>
-                H5
-            </H5>
-            <H5 {...props}>H5 Bold</H5>
-            <H5 medium {...props}>
-                H5 Medium
-            </H5>
-            <H5 bold={false} isNumeric {...props}>
-                1234567890
-            </H5>
-        </>
-    ),
-};
-
-export const Body: Story = {
-    render: (props) => (
-        <>
-            <BodyL {...props}>BodyL</BodyL>
-            <BodyL bold {...props}>
-                BodyL Bold
-            </BodyL>
-            <BodyL medium {...props}>
-                BodyL Medium
-            </BodyL>
-            <BodyL isNumeric {...props}>
-                1234567890
-            </BodyL>
-            <BodyM {...props}>BodyM</BodyM>
-            <BodyM bold {...props}>
-                BodyM Bold
-            </BodyM>
-            <BodyM medium {...props}>
-                BodyM Medium
-            </BodyM>
-            <BodyM isNumeric {...props}>
-                1234567890
-            </BodyM>
-            <BodyS {...props}>BodyS</BodyS>
-            <BodyS bold {...props}>
-                BodyS Bold
-            </BodyS>
-            <BodyS medium {...props}>
-                BodyS Medium
-            </BodyS>
-            <BodyS isNumeric {...props}>
-                1234567890
-            </BodyS>
-            <BodyXS {...props}>BodyXS</BodyXS>
-            <BodyXS bold {...props}>
-                BodyXS Bold
-            </BodyXS>
-            <BodyXS medium {...props}>
-                BodyXS Medium
-            </BodyXS>
-            <BodyXS isNumeric {...props}>
-                1234567890
-            </BodyXS>
-            <BodyXXS {...props}>BodyXXS</BodyXXS>
-            <BodyXXS bold {...props}>
-                BodyXXS Bold
-            </BodyXXS>
-            <BodyXXS medium {...props}>
-                BodyXXS Medium
-            </BodyXXS>
-            <BodyXXS isNumeric {...props}>
-                1234567890
-            </BodyXXS>
-        </>
-    ),
-};
-
-export const Text: Story = {
-    render: (props) => (
-        <>
-            <TextL {...props}>TextL</TextL>
-            <TextL bold {...props}>
-                TextL Bold
-            </TextL>
-            <TextL medium {...props}>
-                TextL Medium
-            </TextL>
-            <TextL isNumeric {...props}>
-                1234567890
-            </TextL>
-            <TextM {...props}>TextM</TextM>
-            <TextM bold {...props}>
-                TextM Bold
-            </TextM>
-            <TextM medium {...props}>
-                TextM Medium
-            </TextM>
-            <TextM isNumeric {...props}>
-                1234567890
-            </TextM>
-            <TextS {...props}>TextS</TextS>
-            <TextS bold {...props}>
-                TextS Bold
-            </TextS>
-            <TextS medium {...props}>
-                TextS Medium
-            </TextS>
-            <TextS isNumeric {...props}>
-                1234567890
-            </TextS>
-            <TextXS {...props}>TextXS</TextXS>
-            <TextXS bold {...props}>
-                TextXS Bold
-            </TextXS>
-            <TextXS medium {...props}>
-                TextXS Medium
-            </TextXS>
-            <TextXS isNumeric {...props}>
-                1234567890
-            </TextXS>
-        </>
-    ),
-};

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

@@ -1,86 +0,0 @@
-var _PadMe, _PadMe2;
-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.withConfig({
-    componentId: "sdds-srvc__sc-1elnmxu-0"
-  })(["width:8rem;display:inline-block;"]);
-  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/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();
-  });
-});