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

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

@@ -1,186 +0,0 @@
-import React, { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import { getConfigVariations, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
-
-import { config } from '../TextField/TextField.config';
-
-import { NumberFormat } from './NumberFormat';
-
-const onChange = action('onChange');
-const onFocus = action('onFocus');
-const onBlur = action('onBlur');
-const onSearch = action('onSearch');
-
-const { views, sizes } = getConfigVariations(config);
-
-const labelPlacements = ['outer', 'inner'];
-const thousandsGroupStyles = ['thousand', 'lakh', 'wan', 'none'];
-
-const meta: Meta = {
-    title: 'Data Entry/NumberFormat',
-    component: NumberFormat,
-    decorators: [InSpacingDecorator],
-    argTypes: {
-        thousandsGroupStyle: {
-            options: thousandsGroupStyles,
-            control: {
-                type: 'select',
-            },
-        },
-        requiredPlacement: {
-            options: ['left', 'right'],
-            control: {
-                type: 'select',
-            },
-        },
-        required: {
-            control: {
-                type: 'boolean',
-            },
-            if: {
-                arg: 'optional',
-                truthy: false,
-            },
-        },
-        optional: {
-            control: {
-                type: 'boolean',
-            },
-            if: {
-                arg: 'required',
-                truthy: false,
-            },
-        },
-        hasDivider: {
-            control: {
-                type: 'boolean',
-            },
-            if: {
-                arg: 'clear',
-                truthy: true,
-            },
-        },
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        labelPlacement: {
-            options: labelPlacements,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        keepPlaceholder: {
-            control: {
-                type: 'boolean',
-            },
-            if: {
-                arg: 'labelPlacement',
-                eq: 'inner',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        titleCaption: {
-            control: { type: 'text' },
-        },
-        leftHelper: {
-            control: { type: 'text' },
-        },
-    },
-};
-
-export default meta;
-
-type StoryPropsDefault = Omit<
-    ComponentProps<typeof NumberFormat>,
-    | 'helperBlock'
-    | 'contentLeft'
-    | 'htmlSize'
-    | 'contentRight'
-    | 'type'
-    | 'name'
-    | 'onFocus'
-    | 'onBlur'
-    | 'onChange'
-    | 'checked'
-    | 'maxLength'
-    | 'minLength'
-    | 'required'
-    | 'enumerationType'
-    | 'chips'
-    | 'chipView'
-    | 'chipValidator'
-    | 'onChangeChips'
-    | 'hintText'
-    | 'hintView'
-    | 'hintSize'
-    | 'hintTargetIcon'
-    | 'hintPlacement'
-    | 'hintTargetPlacement'
-    | 'hintHasArrow'
-    | 'hintOffset'
-    | 'hintWidth'
-    | 'hintContentLeft'
-    | 'hintTrigger'
->;
-
-const StoryDemo = ({ ...rest }: StoryPropsDefault) => {
-    return (
-        <div
-            style={{
-                display: 'flex',
-                flexDirection: 'column',
-                gap: '2rem',
-                width: '70%',
-                margin: '0 auto',
-            }}
-        >
-            <NumberFormat
-                {...rest}
-                enumerationType="plain"
-                onChange={onChange}
-                onFocus={onFocus}
-                onBlur={onBlur}
-                onSearch={onSearch}
-            />
-        </div>
-    );
-};
-
-export const Default: StoryObj<StoryPropsDefault> = {
-    args: {
-        thousandSeparator: ' ',
-        decimalScale: 3,
-        decimalSeparator: '.',
-        thousandsGroupStyle: 'thousand',
-        fixedDecimalScale: false,
-        allowNegative: true,
-        allowLeadingZeros: false,
-        size: 's',
-        view: 'default',
-        label: 'Лейбл',
-        labelPlacement: 'outer',
-        keepPlaceholder: false,
-        titleCaption: 'Подпись к полю',
-        textBefore: '',
-        textAfter: '₽',
-        placeholder: 'Заполните поле',
-        leftHelper: 'Подсказка к полю',
-        disabled: false,
-        readOnly: false,
-        optional: false,
-        required: false,
-        requiredPlacement: 'right',
-        clear: false,
-        hasDivider: false,
-    },
-    render: (args) => <StoryDemo {...args} />,
-};

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

@@ -1,81 +0,0 @@
-import React, { useState, ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-
-import { InSpacingDecorator, disableProps } from '../../helpers';
-
-import { NumberInput } from './NumberInput';
-
-const onChange = action('onChange');
-const onDecrement = action('onDecrement');
-const onIncrement = action('onIncrement');
-
-const shapes = ['cornered', 'pilled'];
-
-const meta: Meta<typeof NumberInput> = {
-    title: 'Data Entry/NumberInput',
-    component: NumberInput,
-    decorators: [InSpacingDecorator],
-    argTypes: {
-        min: {
-            control: {
-                type: 'number',
-            },
-        },
-        max: {
-            control: {
-                type: 'number',
-            },
-        },
-        shape: {
-            options: shapes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        ...disableProps(['view', 'size', 'segmentation', 'inputBackgroundType']),
-    },
-};
-
-export default meta;
-
-type StoryPropsDefault = ComponentProps<typeof NumberInput>;
-
-const StoryDefault = (args: StoryPropsDefault) => {
-    const [value, setValue] = useState(5);
-
-    const handleChange = (_: any, newValue: number) => {
-        setValue(newValue);
-        onChange(newValue);
-    };
-
-    return (
-        <NumberInput
-            {...args}
-            value={value}
-            onChange={handleChange}
-            onDecrement={onDecrement}
-            onIncrement={onIncrement}
-        />
-    );
-};
-
-export const Default: StoryObj<StoryPropsDefault> = {
-    args: {
-        view: 'default',
-        size: 's',
-        shape: 'cornered',
-        inputBackgroundType: 'clear',
-        segmentation: 'solid',
-        min: 0,
-        max: 9,
-        step: 1,
-        width: 140,
-        isManualInput: false,
-        textBefore: '',
-        textAfter: '',
-        isLoading: false,
-        disabled: false,
-    },
-    render: StoryDefault,
-};

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

@@ -1,76 +0,0 @@
-import React, { useState } from 'react';
-import styled from 'styled-components';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
-
-import { Button } from '../Button/Button';
-
-import { Overlay } from '.';
-
-const onOverlayClick = action('onOverlayClick');
-
-export default {
-    title: 'Overlay/Overlay',
-    decorators: [InSpacingDecorator],
-    argTypes: {
-        isClickable: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        withBlur: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: false } },
-        },
-        ...disableProps(['onOverlayClick', 'zIndex']),
-    },
-} as Meta;
-
-type StoryOverlayProps = ComponentProps<typeof Overlay>;
-
-const StyledButton = styled(Button)`
-    margin: 1rem;
-    width: 15rem;
-`;
-
-const StyledCloseButton = styled(Button)`
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    z-index: 101;
-    transform: translate(-50%, -50%);
-    width: 15rem;
-`;
-
-const StoryDefault = (props: StoryOverlayProps) => {
-    const [isVisible, setIsVisible] = useState(false);
-
-    return (
-        <>
-            <StyledButton text="Показать overlay" onClick={() => setIsVisible(true)} />
-            {isVisible && (
-                <>
-                    <Overlay {...props} />
-                    <StyledCloseButton view="primary" text=" Скрыть overlay" onClick={() => setIsVisible(false)} />
-                </>
-            )}
-        </>
-    );
-};
-
-export const Default: StoryObj<StoryOverlayProps> = {
-    args: {
-        zIndex: '100',
-        backgroundColorProperty: 'var(--overlay-soft)',
-        withBlur: false,
-        transparent: false,
-        isClickable: true,
-        onOverlayClick,
-    },
-    render: (args) => <StoryDefault {...args} />,
-};

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

@@ -1,298 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _plasmaCyUtils = /*#__PURE__*/require("@salutejs/plasma-cy-utils");
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _plasmaTypo = /*#__PURE__*/require("@salutejs/plasma-typo");
-var _StandardTypoStyle, _SpaceMe, _SpaceMe2, _SpaceMe3, _SpaceMe4, _SpaceMe5, _SpaceMe6, _SpaceMe7, _SpaceMe8, _SpaceMe9, _SpaceMe10, _SpaceMe11, _SpaceMe12, _SpaceMe13, _SpaceMe14, _StandardTypoStyle2, _SpaceMe15, _SpaceMe16, _SpaceMe17, _SpaceMe18, _SpaceMe19, _SpaceMe20, _StandardTypoStyle3;
-/* eslint-disable */
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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; }
-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__*/(0, _styledComponents.createGlobalStyle)(_plasmaTypo.standard);
-describe('plasma-new-hope: Pagination Styled', function () {
-  var _CypressTestDecorator;
-  var Pagination = (0, _plasmaCyUtils.getComponent)('Pagination');
-  var CypressTestDecoratorWithTypo = function CypressTestDecoratorWithTypo(_ref) {
-    var children = _ref.children;
-    return /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, _StandardTypoStyle || (_StandardTypoStyle = /*#__PURE__*/_react["default"].createElement(StandardTypoStyle, null)), children);
-  };
-  var ControlledPagination = function ControlledPagination() {
-    var _useState = (0, _react.useState)(values[1]),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-    return /*#__PURE__*/_react["default"].createElement(Pagination, {
-      id: id,
-      value: value,
-      count: count,
-      slots: slots[1],
-      onChange: function onChange(v) {
-        return setValue(v);
-      }
-    });
-  };
-  it('default', function () {
-    (0, _plasmaCyUtils.mount)(_CypressTestDecorator || (_CypressTestDecorator = /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(ControlledPagination, null))));
-    cy.matchImageSnapshot();
-  });
-  it('_size', function () {
-    (0, _plasmaCyUtils.mount)( /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Pagination, {
-      size: "xs",
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe || (_SpaceMe = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      size: "s",
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe2 || (_SpaceMe2 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      size: "m",
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe3 || (_SpaceMe3 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      size: "l",
-      value: values[1],
-      slots: slots[1],
-      count: count
-    })));
-    cy.matchImageSnapshot();
-  });
-  it('_view', function () {
-    (0, _plasmaCyUtils.mount)( /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Pagination, {
-      view: views[0],
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe4 || (_SpaceMe4 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      view: views[1],
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe5 || (_SpaceMe5 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      view: views[2],
-      value: values[1],
-      slots: slots[1],
-      count: count
-    })));
-    cy.matchImageSnapshot();
-  });
-  it('_viewCurrentPage', function () {
-    (0, _plasmaCyUtils.mount)( /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Pagination, {
-      viewCurrentPage: views[0],
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe6 || (_SpaceMe6 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      viewCurrentPage: views[1],
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe7 || (_SpaceMe7 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      viewCurrentPage: views[2],
-      value: values[1],
-      slots: slots[1],
-      count: count
-    })));
-    cy.matchImageSnapshot();
-  });
-  it('type', function () {
-    (0, _plasmaCyUtils.mount)( /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Pagination, {
-      type: "default",
-      hasQuickJump: true,
-      hasPerPage: true,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe8 || (_SpaceMe8 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      type: "default",
-      hasQuickJump: true,
-      hasPerPage: false,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe9 || (_SpaceMe9 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      type: "default",
-      hasQuickJump: false,
-      hasPerPage: true,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe10 || (_SpaceMe10 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      type: "default",
-      hasQuickJump: false,
-      hasPerPage: false,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe11 || (_SpaceMe11 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      type: "compact",
-      hasQuickJump: true,
-      hasPerPage: true,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe12 || (_SpaceMe12 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      type: "compact",
-      hasQuickJump: true,
-      hasPerPage: false,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe13 || (_SpaceMe13 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      type: "compact",
-      hasQuickJump: false,
-      hasPerPage: true,
-      value: values[1],
-      slots: slots[1],
-      count: count
-    }), _SpaceMe14 || (_SpaceMe14 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].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 = (0, _plasmaCyUtils.getComponent)('Pagination');
-  var CypressTestDecoratorWithTypo = function CypressTestDecoratorWithTypo(_ref2) {
-    var children = _ref2.children;
-    return /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, _StandardTypoStyle2 || (_StandardTypoStyle2 = /*#__PURE__*/_react["default"].createElement(StandardTypoStyle, null)), children);
-  };
-  it('minSlots', function () {
-    (0, _plasmaCyUtils.mount)( /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Pagination, {
-      slots: slots[0],
-      value: values[0],
-      count: count
-    }), _SpaceMe15 || (_SpaceMe15 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      slots: slots[0],
-      value: values[1],
-      count: count
-    }), _SpaceMe16 || (_SpaceMe16 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      slots: slots[0],
-      value: values[2],
-      count: count
-    })));
-    cy.matchImageSnapshot();
-  });
-  it('avrSlots', function () {
-    (0, _plasmaCyUtils.mount)( /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Pagination, {
-      slots: slots[1],
-      value: values[0],
-      count: count
-    }), _SpaceMe17 || (_SpaceMe17 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      slots: slots[1],
-      value: values[1],
-      count: count
-    }), _SpaceMe18 || (_SpaceMe18 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      slots: slots[1],
-      value: values[2],
-      count: count
-    })));
-    cy.matchImageSnapshot();
-  });
-  it('maxSlots', function () {
-    (0, _plasmaCyUtils.mount)( /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Pagination, {
-      slots: slots[2],
-      value: values[0],
-      count: count
-    }), _SpaceMe19 || (_SpaceMe19 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      slots: slots[2],
-      value: values[1],
-      count: count
-    }), _SpaceMe20 || (_SpaceMe20 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.SpaceMe, null)), /*#__PURE__*/_react["default"].createElement(Pagination, {
-      slots: slots[2],
-      value: values[2],
-      count: count
-    })));
-    cy.matchImageSnapshot();
-  });
-});
-describe('plasma-new-hope: Pagination Content', function () {
-  var Pagination = (0, _plasmaCyUtils.getComponent)('Pagination');
-  var Button = (0, _plasmaCyUtils.getComponent)('Button');
-  var CypressTestDecoratorWithTypo = function CypressTestDecoratorWithTypo(_ref3) {
-    var children = _ref3.children;
-    return /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, _StandardTypoStyle3 || (_StandardTypoStyle3 = /*#__PURE__*/_react["default"].createElement(StandardTypoStyle, null)), children);
-  };
-  var PaginationContent = function PaginationContent(args) {
-    var _useState3 = (0, _react.useState)(args.value),
-      _useState4 = _slicedToArray(_useState3, 2),
-      pageValue = _useState4[0],
-      setPageValue = _useState4[1];
-    var _useState5 = (0, _react.useState)(args.perPage),
-      _useState6 = _slicedToArray(_useState5, 2),
-      perPageValue = _useState6[0],
-      setPerPageValue = _useState6[1];
-    var handleChangePerpage = (0, _react.useCallback)(function (perPage) {
-      setPerPageValue(perPage);
-    }, [perPageValue, setPerPageValue]);
-    var handleChangePage = (0, _react.useCallback)(function (page) {
-      setPageValue(page);
-    }, [pageValue, setPageValue]);
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Pagination, _extends({}, args, {
-      value: pageValue,
-      perPage: perPageValue,
-      leftContent: /*#__PURE__*/_react["default"].createElement(Button, {
-        id: "pagination-button-prev",
-        onClick: function onClick() {
-          handleChangePage(pageValue - 1);
-        }
-      }, "Prev"),
-      rightContent: /*#__PURE__*/_react["default"].createElement(Button, {
-        id: "pagination-button-next",
-        onClick: function onClick() {
-          handleChangePage(pageValue + 1);
-        }
-      }, "Next"),
-      onChangePageValue: handleChangePage,
-      onChangePerageValue: handleChangePerpage
-    })));
-  };
-  it('clickOnContent', function () {
-    (0, _plasmaCyUtils.mount)( /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].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 () {
-    (0, _plasmaCyUtils.mount)( /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Pagination, {
-      slots: slots[1],
-      value: values[0],
-      count: count
-    })));
-    cy.get('input:first').focus().type('10').type('{enter}');
-    cy.matchImageSnapshot();
-  });
-  it('setSelect', function () {
-    (0, _plasmaCyUtils.mount)( /*#__PURE__*/_react["default"].createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/_react["default"].createElement(Pagination, {
-      slots: slots[2],
-      value: values[0],
-      count: count
-    })));
-    cy.get('button').last().click();
-    cy.matchImageSnapshot();
-  });
-});