@salutejs/plasma-new-hope 0.326.1-canary.2043.15849605311.0 → 0.327.0-canary.1741.15743877104.0

package/cjs/components/NumberInput/variations/_view/base.js

@@ -3,7 +3,7 @@ require('./base_tnfbb5.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "bhi37xj";
+const base = "bhi37xj";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/NumberInput/variations/_view/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/NumberInput/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../NumberInput.tokens';\nimport { iconButtonTokens } from '../../../IconButton';\nimport { StyledIconButton } from '../../ui/ActionButton/ActionButton.styles';\nimport { AdditionalText, Input, InputWrapper, StyledSpinner } from '../../ui/Input/Input.styles';\nimport { spinnerTokens } from '../../../Spinner';\n\nexport const base = css`\n    ${StyledIconButton} {\n        ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n        ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n        ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n        ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n        ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n        ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n        &.${classes.actionButtonDecrementDisabled}, &.${classes.actionButtonIncrementDisabled} {\n            opacity: var(${tokens.actionButtonDisabledOpacity});\n            cursor: not-allowed;\n\n            :hover,\n            :active {\n                scale: none;\n\n                color: var(${tokens.iconButtonColor});\n                background-color: var(${tokens.iconButtonBackgroundColor});\n            }\n        }\n    }\n\n    && ${InputWrapper}{\n        &.${classes.manualInput}:focus-within {\n            background-color: var(${tokens.backgroundColorFocus});\n            box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderColorFocus});\n        }\n\n        &.${classes.manualInput}.${classes.errorAnimation} {\n            background-color: var(${tokens.backgroundErrorColor});\n            box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderErrorColor});\n\n            animation: shakingError 0.3s forwards;\n\n            ${Input} {\n                color: var(${tokens.errorColor});\n                animation: fadeError 0.3s forwards;\n            }\n\n            &:focus-within {\n                background-color: var(${tokens.backgroundErrorColor});\n                box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderErrorColor});\n            }\n        }\n\n        @keyframes shakingError {\n            14% {\n                transform: translateX(-0.125rem);\n            }\n            28% {\n                transform: translateX(0.125rem);\n            }\n            42% {\n                transform: translateX(-0.125rem);\n            }\n            57% {\n                transform: translateX(0.125rem);\n            }\n            71% {\n                transform: translateX(-0.125rem);\n            }\n            85% {\n                transform: translateX(0.125rem);\n            }\n            100% {\n                transform: translateX(-0.125rem);\n            }\n        }\n\n        @keyframes fadeError {\n            50% {\n                opacity: 1;\n            }\n            100% {\n                opacity: 0;\n            }\n        }\n    }\n\n    ${StyledSpinner} {\n        ${spinnerTokens.color}: var(${tokens.loaderSpinnerColor});\n    }\n\n    ${Input} {\n        color: var(${tokens.color});\n        caret-color: var(${tokens.caretColor});\n    }\n\n    ${AdditionalText} {\n        color: var(${tokens.additionalTextColor});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAQO,IAAMA,IAAI,GA4FhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/NumberInput/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../NumberInput.tokens';\nimport { iconButtonTokens } from '../../../IconButton';\nimport { StyledIconButton } from '../../ui/ActionButton/ActionButton.styles';\nimport { AdditionalText, Input, InputWrapper, StyledSpinner } from '../../ui/Input/Input.styles';\nimport { spinnerTokens } from '../../../Spinner';\n\nexport const base = css`\n    ${StyledIconButton} {\n        ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n        ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n        ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n        ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n        ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n        ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n        &.${classes.actionButtonDecrementDisabled}, &.${classes.actionButtonIncrementDisabled} {\n            opacity: var(${tokens.actionButtonDisabledOpacity});\n            cursor: not-allowed;\n\n            :hover,\n            :active {\n                scale: none;\n\n                color: var(${tokens.iconButtonColor});\n                background-color: var(${tokens.iconButtonBackgroundColor});\n            }\n        }\n    }\n\n    && ${InputWrapper}{\n        &.${classes.manualInput}:focus-within {\n            background-color: var(${tokens.backgroundColorFocus});\n            box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderColorFocus});\n        }\n\n        &.${classes.manualInput}.${classes.errorAnimation} {\n            background-color: var(${tokens.backgroundErrorColor});\n            box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderErrorColor});\n\n            animation: shakingError 0.3s forwards;\n\n            ${Input} {\n                color: var(${tokens.errorColor});\n                animation: fadeError 0.3s forwards;\n            }\n\n            &:focus-within {\n                background-color: var(${tokens.backgroundErrorColor});\n                box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderErrorColor});\n            }\n        }\n\n        @keyframes shakingError {\n            14% {\n                transform: translateX(-0.125rem);\n            }\n            28% {\n                transform: translateX(0.125rem);\n            }\n            42% {\n                transform: translateX(-0.125rem);\n            }\n            57% {\n                transform: translateX(0.125rem);\n            }\n            71% {\n                transform: translateX(-0.125rem);\n            }\n            85% {\n                transform: translateX(0.125rem);\n            }\n            100% {\n                transform: translateX(-0.125rem);\n            }\n        }\n\n        @keyframes fadeError {\n            50% {\n                opacity: 1;\n            }\n            100% {\n                opacity: 0;\n            }\n        }\n    }\n\n    ${StyledSpinner} {\n        ${spinnerTokens.color}: var(${tokens.loaderSpinnerColor});\n    }\n\n    ${Input} {\n        color: var(${tokens.color});\n        caret-color: var(${tokens.caretColor});\n    }\n\n    ${AdditionalText} {\n        color: var(${tokens.additionalTextColor});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAQO,MAAMA,IAAI,GA4FhB;;;;"}

package/cjs/components/Overlay/Overlay.js

@@ -10,26 +10,24 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["withBlur", "className", "backgroundColorProperty", "onOverlayClick", "zIndex", "transparent", "isClickable"];
-
 /**
  * Overlay - подложка для всплывающих компонент (Modal, Toast и т.д.).
  */
-var Overlay = function Overlay(_ref) {
-  var withBlur = _ref.withBlur,
-    className = _ref.className,
-    backgroundColorProperty = _ref.backgroundColorProperty,
-    onOverlayClick = _ref.onOverlayClick,
-    zIndex = _ref.zIndex,
-    transparent = _ref.transparent,
-    _ref$isClickable = _ref.isClickable,
-    isClickable = _ref$isClickable === void 0 ? true : _ref$isClickable,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var handleOverlayClick = React.useCallback(function (event) {
+const Overlay = ({
+  withBlur,
+  className,
+  backgroundColorProperty,
+  onOverlayClick,
+  zIndex,
+  transparent,
+  isClickable = true,
+  ...rest
+}) => {
+  const handleOverlayClick = React.useCallback(event => {
     if (!isClickable) {
       return;
     }
-    onOverlayClick === null || onOverlayClick === void 0 || onOverlayClick(event);
+    onOverlayClick?.(event);
   }, [isClickable, onOverlayClick]);
   return /*#__PURE__*/React__default.default.createElement(Overlay_styles.StyledOverlay, _rollupPluginBabelHelpers.extends({
     className: className,

package/cjs/components/Overlay/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport type { FC, MouseEvent } from 'react';\n\nimport type { OverlayProps } from './Overlay.types';\nimport { StyledOverlay } from './Overlay.styles';\n\n/**\n * Overlay - подложка для всплывающих компонент (Modal, Toast и т.д.).\n */\nexport const Overlay: FC<OverlayProps> = ({\n    withBlur,\n    className,\n    backgroundColorProperty,\n    onOverlayClick,\n    zIndex,\n    transparent,\n    isClickable = true,\n    ...rest\n}) => {\n    const handleOverlayClick = useCallback(\n        (event: MouseEvent<HTMLDivElement>) => {\n            if (!isClickable) {\n                return;\n            }\n\n            onOverlayClick?.(event);\n        },\n        [isClickable, onOverlayClick],\n    );\n\n    return (\n        <StyledOverlay\n            className={className}\n            backgroundColorToken={backgroundColorProperty}\n            transparent={transparent}\n            clickable={isClickable}\n            onClick={handleOverlayClick}\n            zIndex={zIndex}\n            withBlur={withBlur}\n            {...rest}\n        />\n    );\n};\n"],"names":["Overlay","_ref","withBlur","className","backgroundColorProperty","onOverlayClick","zIndex","transparent","_ref$isClickable","isClickable","rest","_objectWithoutProperties","_excluded","handleOverlayClick","useCallback","event","React","createElement","StyledOverlay","_extends","backgroundColorToken","clickable","onClick"],"mappings":";;;;;;;;;;;;;;AAMA;AACA;AACA;IACaA,OAAyB,GAAG,SAA5BA,OAAyBA,CAAAC,IAAA,EAShC;AAAA,EAAA,IARFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,uBAAuB,GAAAH,IAAA,CAAvBG,uBAAuB;IACvBC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IAAAC,gBAAA,GAAAP,IAAA,CACXQ,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;AACfE,IAAAA,IAAI,GAAAC,iDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,kBAAkB,GAAGC,iBAAW,CAClC,UAACC,KAAiC,EAAK;IACnC,IAAI,CAACN,WAAW,EAAE;AACd,MAAA,OAAA;AACJ,KAAA;AAEAJ,IAAAA,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,IAAdA,cAAc,CAAGU,KAAK,CAAC,CAAA;AAC3B,GAAC,EACD,CAACN,WAAW,EAAEJ,cAAc,CAChC,CAAC,CAAA;AAED,EAAA,oBACIW,sBAAA,CAAAC,aAAA,CAACC,4BAAa,EAAAC,iCAAA,CAAA;AACVhB,IAAAA,SAAS,EAAEA,SAAU;AACrBiB,IAAAA,oBAAoB,EAAEhB,uBAAwB;AAC9CG,IAAAA,WAAW,EAAEA,WAAY;AACzBc,IAAAA,SAAS,EAAEZ,WAAY;AACvBa,IAAAA,OAAO,EAAET,kBAAmB;AAC5BP,IAAAA,MAAM,EAAEA,MAAO;AACfJ,IAAAA,QAAQ,EAAEA,QAAAA;GACNQ,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"Overlay.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport type { FC, MouseEvent } from 'react';\n\nimport type { OverlayProps } from './Overlay.types';\nimport { StyledOverlay } from './Overlay.styles';\n\n/**\n * Overlay - подложка для всплывающих компонент (Modal, Toast и т.д.).\n */\nexport const Overlay: FC<OverlayProps> = ({\n    withBlur,\n    className,\n    backgroundColorProperty,\n    onOverlayClick,\n    zIndex,\n    transparent,\n    isClickable = true,\n    ...rest\n}) => {\n    const handleOverlayClick = useCallback(\n        (event: MouseEvent<HTMLDivElement>) => {\n            if (!isClickable) {\n                return;\n            }\n\n            onOverlayClick?.(event);\n        },\n        [isClickable, onOverlayClick],\n    );\n\n    return (\n        <StyledOverlay\n            className={className}\n            backgroundColorToken={backgroundColorProperty}\n            transparent={transparent}\n            clickable={isClickable}\n            onClick={handleOverlayClick}\n            zIndex={zIndex}\n            withBlur={withBlur}\n            {...rest}\n        />\n    );\n};\n"],"names":["Overlay","withBlur","className","backgroundColorProperty","onOverlayClick","zIndex","transparent","isClickable","rest","handleOverlayClick","useCallback","event","React","createElement","StyledOverlay","_extends","backgroundColorToken","clickable","onClick"],"mappings":";;;;;;;;;;;;AAMA;AACA;AACA;AACO,MAAMA,OAAyB,GAAGA,CAAC;EACtCC,QAAQ;EACRC,SAAS;EACTC,uBAAuB;EACvBC,cAAc;EACdC,MAAM;EACNC,WAAW;AACXC,EAAAA,WAAW,GAAG,IAAI;EAClB,GAAGC,IAAAA;AACP,CAAC,KAAK;AACF,EAAA,MAAMC,kBAAkB,GAAGC,iBAAW,CACjCC,KAAiC,IAAK;IACnC,IAAI,CAACJ,WAAW,EAAE;AACd,MAAA,OAAA;AACJ,KAAA;IAEAH,cAAc,GAAGO,KAAK,CAAC,CAAA;AAC3B,GAAC,EACD,CAACJ,WAAW,EAAEH,cAAc,CAChC,CAAC,CAAA;AAED,EAAA,oBACIQ,sBAAA,CAAAC,aAAA,CAACC,4BAAa,EAAAC,iCAAA,CAAA;AACVb,IAAAA,SAAS,EAAEA,SAAU;AACrBc,IAAAA,oBAAoB,EAAEb,uBAAwB;AAC9CG,IAAAA,WAAW,EAAEA,WAAY;AACzBW,IAAAA,SAAS,EAAEV,WAAY;AACvBW,IAAAA,OAAO,EAAET,kBAAmB;AAC5BJ,IAAAA,MAAM,EAAEA,MAAO;AACfJ,IAAAA,QAAQ,EAAEA,QAAAA;GACNO,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV;;;;"}

package/cjs/components/Overlay/Overlay.styles.js

@@ -5,53 +5,35 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
 
-var _exp = function _exp() {
-  return function (_ref) {
-    var zIndex = _ref.zIndex;
-    return zIndex;
-  };
-};
-var _exp2 = function _exp2() {
-  return function (_ref2) {
-    var backgroundColorToken = _ref2.backgroundColorToken;
-    return backgroundColorToken;
-  };
-};
-var _exp3 = function _exp3() {
-  return function (_ref3) {
-    var withBlur = _ref3.withBlur;
-    return withBlur ? 'blur(1rem)' : 'none';
-  };
-};
-var _exp4 = function _exp4() {
-  return function (_ref4) {
-    var transparent = _ref4.transparent;
-    return transparent ? 'transparent' : 'var(--plasma_private-overlay-background-color)';
-  };
-};
-var _exp5 = function _exp5() {
-  return function (_ref5) {
-    var transparent = _ref5.transparent;
-    return transparent ? 'none' : 'var(--plasma_private-overlay-backdrop-filter)';
-  };
-};
-var _exp6 = function _exp6() {
-  return function (_ref6) {
-    var clickable = _ref6.clickable;
-    return clickable ? 'pointer' : 'default';
-  };
-};
-var StyledOverlay = /*#__PURE__*/react.styled('div')({
+const _exp = /*#__PURE__*/() => ({
+  zIndex
+}) => zIndex;
+const _exp2 = /*#__PURE__*/() => ({
+  backgroundColorToken
+}) => backgroundColorToken;
+const _exp3 = /*#__PURE__*/() => ({
+  withBlur
+}) => withBlur ? 'blur(1rem)' : 'none';
+const _exp4 = /*#__PURE__*/() => ({
+  transparent
+}) => transparent ? 'transparent' : 'var(--plasma_private-overlay-background-color)';
+const _exp5 = /*#__PURE__*/() => ({
+  transparent
+}) => transparent ? 'none' : 'var(--plasma_private-overlay-backdrop-filter)';
+const _exp6 = /*#__PURE__*/() => ({
+  clickable
+}) => clickable ? 'pointer' : 'default';
+const StyledOverlay = /*#__PURE__*/react.styled('div')({
   name: "StyledOverlay",
-  "class": "s1afr8la",
+  class: "s1afr8la",
   propsAsIs: false,
   vars: {
-    "s1afr8la-0": [/*#__PURE__*/_exp()],
-    "s1afr8la-1": [/*#__PURE__*/_exp2()],
-    "s1afr8la-2": [/*#__PURE__*/_exp3()],
-    "s1afr8la-3": [/*#__PURE__*/_exp4()],
-    "s1afr8la-4": [/*#__PURE__*/_exp5()],
-    "s1afr8la-5": [/*#__PURE__*/_exp6()]
+    "s1afr8la-0": [_exp()],
+    "s1afr8la-1": [_exp2()],
+    "s1afr8la-2": [_exp3()],
+    "s1afr8la-3": [_exp4()],
+    "s1afr8la-4": [_exp5()],
+    "s1afr8la-5": [_exp6()]
   }
 });
 

package/cjs/components/Overlay/Overlay.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.styles.js","sources":["../../../src/components/Overlay/Overlay.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const StyledOverlay = styled.div<{\n    zIndex: string;\n    backgroundColorToken: string;\n    transparent?: boolean;\n    withBlur?: boolean;\n    clickable?: boolean;\n}>`\n    position: fixed;\n    inset: 0;\n\n    z-index: ${({ zIndex }) => zIndex};\n\n    --plasma_private-overlay-background-color: ${({ backgroundColorToken }) => backgroundColorToken};\n\n    --plasma_private-overlay-backdrop-filter: ${({ withBlur }) => (withBlur ? 'blur(1rem)' : 'none')};\n\n    background: ${({ transparent }) =>\n        transparent ? 'transparent' : 'var(--plasma_private-overlay-background-color)'};\n    backdrop-filter: ${({ transparent }) => (transparent ? 'none' : 'var(--plasma_private-overlay-backdrop-filter)')};\n    cursor: ${({ clickable }) => (clickable ? 'pointer' : 'default')};\n`;\n"],"names":["_exp","_ref","zIndex","_exp2","_ref2","backgroundColorToken","_exp3","_ref3","withBlur","_exp4","_ref4","transparent","_exp5","_ref5","_exp6","_ref6","clickable","StyledOverlay","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;AAAwC,IAAAA,IAAA,GACtBA,SADsBA,IAAAA,GAAA;AAAA,EAAA,OAYzB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAXnBA,SAWmBA,KAAAA,GAAA;AAAA,EAAA,OAEY,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,oBAAAA,GAAAA,KAAAA,CAAAA,oBAAAA,CAAAA;AAAAA,IAAAA,OAA2BA,oBAAoB,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAbjFA,SAaiFA,KAAAA,GAAA;AAAA,EAAA,OAEnD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,YAAY,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAflFA,SAekFA,KAAAA,GAAA;AAAA,EAAA,OAElF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OACbA,WAAW,GAAG,aAAa,GAAG,gDAAgD,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAlBpEA,SAkBoEA,KAAAA,GAAA;AAAA,EAAA,OAC/D,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OAAmBA,WAAW,GAAG,MAAM,GAAG,+CAAgD,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAnBlGA,SAmBkGA,KAAAA,GAAA;AAAA,EAAA,OACtG,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,SAAS,GAAG,SAAU,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAnB7D,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAUpBtB,IAAsB,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEYG,KAAkD,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEnDG,KAAoD,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAElFG,KACoE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC/DG,KAA6F,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACtGE,KAAsD,EAAA,CAAA;AAAA,GAAA;AAAA,CACnE;;;;"}
+{"version":3,"file":"Overlay.styles.js","sources":["../../../src/components/Overlay/Overlay.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const StyledOverlay = styled.div<{\n    zIndex: string;\n    backgroundColorToken: string;\n    transparent?: boolean;\n    withBlur?: boolean;\n    clickable?: boolean;\n}>`\n    position: fixed;\n    inset: 0;\n\n    z-index: ${({ zIndex }) => zIndex};\n\n    --plasma_private-overlay-background-color: ${({ backgroundColorToken }) => backgroundColorToken};\n\n    --plasma_private-overlay-backdrop-filter: ${({ withBlur }) => (withBlur ? 'blur(1rem)' : 'none')};\n\n    background: ${({ transparent }) =>\n        transparent ? 'transparent' : 'var(--plasma_private-overlay-background-color)'};\n    backdrop-filter: ${({ transparent }) => (transparent ? 'none' : 'var(--plasma_private-overlay-backdrop-filter)')};\n    cursor: ${({ clickable }) => (clickable ? 'pointer' : 'default')};\n`;\n"],"names":["_exp","zIndex","_exp2","backgroundColorToken","_exp3","withBlur","_exp4","transparent","_exp5","_exp6","clickable","StyledOverlay","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;AAAwC,MAAAA,IAAA,gBACtBA,MAWH,CAAC;AAAEC,EAAAA,MAAAA;AAAO,CAAC,KAAKA,MAAM,CAAA;AAAA,MAAAC,KAAA,gBAXnBA,MAa+B,CAAC;AAAEC,EAAAA,oBAAAA;AAAqB,CAAC,KAAKA,oBAAoB,CAAA;AAAA,MAAAC,KAAA,gBAbjFA,MAe8B,CAAC;AAAEC,EAAAA,QAAAA;AAAS,CAAC,KAAMA,QAAQ,GAAG,YAAY,GAAG,MAAO,CAAA;AAAA,MAAAC,KAAA,gBAflFA,MAiBA,CAAC;AAAEC,EAAAA,WAAAA;AAAY,CAAC,KAC1BA,WAAW,GAAG,aAAa,GAAG,gDAAgD,CAAA;AAAA,MAAAC,KAAA,gBAlBpEA,MAmBK,CAAC;AAAED,EAAAA,WAAAA;AAAY,CAAC,KAAMA,WAAW,GAAG,MAAM,GAAG,+CAAgD,CAAA;AAAA,MAAAE,KAAA,gBAnBlGA,MAoBJ,CAAC;AAAEC,EAAAA,SAAAA;AAAU,CAAC,KAAMA,SAAS,GAAG,SAAS,GAAG,SAAU,CAAA;AAnB7D,MAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,CAUpBhB,IAAsB,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,CAEYE,KAAkD,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,CAEnDE,KAAoD,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,CAElFE,KACoE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,CAC/DE,KAA6F,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,CACtGC,KAAsD,EAAA,CAAA;AAAA,GAAA;AAAA,CACnE;;;;"}

package/cjs/components/Pagination/Pagination.js

@@ -19,160 +19,124 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["value", "perPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "listWidth", "onChangePageValue", "onChangePerPageValue", "onChange"];
-var paginationRoot = function paginationRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-    var _ref$value = _ref.value,
-      value = _ref$value === void 0 ? index.defaultValues.value : _ref$value,
-      perPage = _ref.perPage,
-      _ref$slots = _ref.slots,
-      slots = _ref$slots === void 0 ? index.defaultValues.slots : _ref$slots,
-      view = _ref.view,
-      viewCurrentPage = _ref.viewCurrentPage,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? index.defaultValues.type : _ref$type,
-      size = _ref.size,
-      _ref$pilled = _ref.pilled,
-      pilled = _ref$pilled === void 0 ? index.defaultValues.pilled : _ref$pilled,
-      _ref$square = _ref.square,
-      square = _ref$square === void 0 ? index.defaultValues.square : _ref$square,
-      _ref$disabledPages = _ref.disabledPages,
-      disabledPages = _ref$disabledPages === void 0 ? index.defaultValues.disabledPages : _ref$disabledPages,
-      _ref$count = _ref.count,
-      count = _ref$count === void 0 ? index.defaultValues.value : _ref$count,
-      _ref$hasQuickJump = _ref.hasQuickJump,
-      hasQuickJump = _ref$hasQuickJump === void 0 ? index.defaultValues.hasQuickJump : _ref$hasQuickJump,
-      _ref$hasPerPage = _ref.hasPerPage,
-      hasPerPage = _ref$hasPerPage === void 0 ? index.defaultValues.hasPerPage : _ref$hasPerPage,
-      _ref$perPageList = _ref.perPageList,
-      perPageList = _ref$perPageList === void 0 ? index.defaultValues.perPageList : _ref$perPageList,
-      _ref$isCommonButtonSt = _ref.isCommonButtonStyles,
-      isCommonButtonStyles = _ref$isCommonButtonSt === void 0 ? index.defaultValues.isCommonButtonStyles : _ref$isCommonButtonSt,
-      _ref$placeholderQuick = _ref.placeholderQuickJump,
-      placeholderQuickJump = _ref$placeholderQuick === void 0 ? index.defaultValues.placeholderQuickJump : _ref$placeholderQuick,
-      _ref$textQuickJump = _ref.textQuickJump,
-      textQuickJump = _ref$textQuickJump === void 0 ? index.defaultValues.textQuickJump : _ref$textQuickJump,
-      _ref$textPerPage = _ref.textPerPage,
-      textPerPage = _ref$textPerPage === void 0 ? index.defaultValues.textPerPage : _ref$textPerPage,
-      leftContent = _ref.leftContent,
-      rightContent = _ref.rightContent,
-      listWidth = _ref.listWidth,
-      onChangePageValue = _ref.onChangePageValue,
-      onChangePerPageValue = _ref.onChangePerPageValue,
-      onChange = _ref.onChange,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-    var _useState = React.useState(1),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      page = _useState2[0],
-      setPageValue = _useState2[1];
-    var _useState3 = React.useState(perPage),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      perPageValue = _useState4[0],
-      setPerPageValue = _useState4[1];
-    var _useState5 = React.useState(value),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      pages = _useState6[0],
-      setPagesValue = _useState6[1];
-    var _useState7 = React.useState(null),
-      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-      sections = _useState8[0],
-      setSections = _useState8[1];
-    var typeClass = Pagination_tokens.classes["".concat(type, "Type")];
-    var roundedClass = pilled ? 'circle-circle' : 'square-square';
-    var withHasPerPageSelect = hasPerPage ? Pagination_tokens.classes.withHasPerPageSelect : undefined;
-    var withHasQuickJump = hasQuickJump ? Pagination_tokens.classes.withHasQuickJump : undefined;
-    var disabled = disabledPages.map(function (el) {
-      return isNumber.isNumber(el) ? Number(el) : null;
-    });
-    var handlerSetPages = function handlerSetPages(newPerPage) {
-      if (newPerPage) {
-        setPagesValue(Math.ceil(count / newPerPage));
-      } else {
-        setPagesValue(Math.ceil(count / (hasPerPage ? index.defaultValues.perPage : 1)));
-      }
-    };
-    var handlerSetPage = function handlerSetPage(newPageValue) {
-      var pageValue = newPageValue !== null && newPageValue !== void 0 ? newPageValue : index.defaultValues.value;
-      if (pageValue > pages) {
-        pageValue = pages;
-      }
-      if (pageValue < 1) {
-        pageValue = 1;
-      }
-      if (disabled.includes(pageValue)) {
-        return;
-      }
-      setPageValue(pageValue);
-      onChangePageValue === null || onChangePageValue === void 0 || onChangePageValue(pageValue);
-      onChange === null || onChange === void 0 || onChange(pageValue, perPageValue);
-    };
-    var handlerSetPerPage = function handlerSetPerPage(newPerPageValue) {
-      handlerSetPage(page);
-      setPerPageValue(newPerPageValue);
-      onChange === null || onChange === void 0 || onChange(page, newPerPageValue);
-      onChangePerPageValue === null || onChangePerPageValue === void 0 || onChangePerPageValue(newPerPageValue);
-      handlerSetPages(newPerPageValue);
-    };
-    var isActiveButton = function isActiveButton(checkPage) {
-      return page === checkPage ? Pagination_tokens.classes.paginationPageButtonActive : '';
-    };
-    React.useEffect(function () {
-      handlerSetPages(perPage);
-    }, [value, perPage, count, handlerSetPages]);
-    React.useEffect(function () {
-      handlerSetPage(value);
-    }, [value]);
-    React.useEffect(function () {
-      setSections(index.getSections(page, pages, slots));
-    }, [page, slots, pages, setSections, index.getSections]);
-    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
-      size: size,
-      view: view,
-      viewCurrentPage: viewCurrentPage,
-      className: index$1.cx(Pagination_tokens.classes.wrapper, typeClass),
-      ref: ref
-    }, rest), /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationRoot, {
-      className: typeClass
-    }, /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationPages, null, leftContent && /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationButtonGroup, {
-      isCommonButtonStyles: isCommonButtonStyles
-    }, leftContent), sections && sections.map(function (section, indexSection) {
-      return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, indexSection !== 0 && /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationShorter, {
-        stretching: "fixed",
-        disabled: true,
-        className: Pagination_tokens.classes.buttonDisabled
-      }, "..."), /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationSection, {
-        key: indexSection
-      }, section.map(function (pageValue) {
-        return /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationButton, {
-          square: square,
-          pin: roundedClass,
-          key: pageValue,
-          onClick: function onClick() {
-            return handlerSetPage(pageValue);
-          },
-          disabled: disabled.includes(pageValue),
-          className: index$1.cx(Pagination_tokens.classes.paginationPageButton, isActiveButton(pageValue), disabled.includes(pageValue) ? Pagination_tokens.classes.buttonDisabled : '')
-        }, pageValue);
-      })));
-    }), rightContent && /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationButtonGroup, {
-      isCommonButtonStyles: isCommonButtonStyles
-    }, rightContent)), /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationActions, {
-      className: index$1.cx(Pagination_tokens.classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)
-    }, hasQuickJump && /*#__PURE__*/React__default.default.createElement(PaginationQuickJumpToPage.PaginationQuickJumpToPage, {
-      placeholderQuickJump: placeholderQuickJump,
-      textQuickJump: textQuickJump,
-      onChangeValue: handlerSetPage
-    }), hasPerPage && /*#__PURE__*/React__default.default.createElement(PaginationSelectPerPage.PaginationSelectPerPage, {
-      textPerPage: textPerPage,
-      perPageValue: perPageValue,
-      perPageList: perPageList,
-      onChangeValue: handlerSetPerPage,
-      size: size,
-      listWidth: listWidth
-    }))));
-  });
-};
-var paginationConfig = {
+const paginationRoot = Root => /*#__PURE__*/React.forwardRef(({
+  value = index.defaultValues.value,
+  perPage,
+  slots = index.defaultValues.slots,
+  view,
+  viewCurrentPage,
+  type = index.defaultValues.type,
+  size,
+  pilled = index.defaultValues.pilled,
+  square = index.defaultValues.square,
+  disabledPages = index.defaultValues.disabledPages,
+  count = index.defaultValues.value,
+  hasQuickJump = index.defaultValues.hasQuickJump,
+  hasPerPage = index.defaultValues.hasPerPage,
+  perPageList = index.defaultValues.perPageList,
+  isCommonButtonStyles = index.defaultValues.isCommonButtonStyles,
+  placeholderQuickJump = index.defaultValues.placeholderQuickJump,
+  textQuickJump = index.defaultValues.textQuickJump,
+  textPerPage = index.defaultValues.textPerPage,
+  leftContent,
+  rightContent,
+  listWidth,
+  onChangePageValue,
+  onChangePerPageValue,
+  onChange,
+  ...rest
+}, ref) => {
+  const [page, setPageValue] = React.useState(1);
+  const [perPageValue, setPerPageValue] = React.useState(perPage);
+  const [pages, setPagesValue] = React.useState(value);
+  const [sections, setSections] = React.useState(null);
+  const typeClass = Pagination_tokens.classes[`${type}Type`];
+  const roundedClass = pilled ? 'circle-circle' : 'square-square';
+  const withHasPerPageSelect = hasPerPage ? Pagination_tokens.classes.withHasPerPageSelect : undefined;
+  const withHasQuickJump = hasQuickJump ? Pagination_tokens.classes.withHasQuickJump : undefined;
+  const disabled = disabledPages.map(el => isNumber.isNumber(el) ? Number(el) : null);
+  const handlerSetPages = newPerPage => {
+    if (newPerPage) {
+      setPagesValue(Math.ceil(count / newPerPage));
+    } else {
+      setPagesValue(Math.ceil(count / (hasPerPage ? index.defaultValues.perPage : 1)));
+    }
+  };
+  const handlerSetPage = newPageValue => {
+    let pageValue = newPageValue ?? index.defaultValues.value;
+    if (pageValue > pages) {
+      pageValue = pages;
+    }
+    if (pageValue < 1) {
+      pageValue = 1;
+    }
+    if (disabled.includes(pageValue)) {
+      return;
+    }
+    setPageValue(pageValue);
+    onChangePageValue?.(pageValue);
+    onChange?.(pageValue, perPageValue);
+  };
+  const handlerSetPerPage = newPerPageValue => {
+    handlerSetPage(page);
+    setPerPageValue(newPerPageValue);
+    onChange?.(page, newPerPageValue);
+    onChangePerPageValue?.(newPerPageValue);
+    handlerSetPages(newPerPageValue);
+  };
+  const isActiveButton = checkPage => {
+    return page === checkPage ? Pagination_tokens.classes.paginationPageButtonActive : '';
+  };
+  React.useEffect(() => {
+    handlerSetPages(perPage);
+  }, [value, perPage, count, handlerSetPages]);
+  React.useEffect(() => {
+    handlerSetPage(value);
+  }, [value]);
+  React.useEffect(() => {
+    setSections(index.getSections(page, pages, slots));
+  }, [page, slots, pages, setSections, index.getSections]);
+  return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+    size: size,
+    view: view,
+    viewCurrentPage: viewCurrentPage,
+    className: index$1.cx(Pagination_tokens.classes.wrapper, typeClass),
+    ref: ref
+  }, rest), /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationRoot, {
+    className: typeClass
+  }, /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationPages, null, leftContent && /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationButtonGroup, {
+    isCommonButtonStyles: isCommonButtonStyles
+  }, leftContent), sections && sections.map((section, indexSection) => /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, indexSection !== 0 && /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationShorter, {
+    stretching: "fixed",
+    disabled: true,
+    className: Pagination_tokens.classes.buttonDisabled
+  }, "..."), /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationSection, {
+    key: indexSection
+  }, section.map(pageValue => /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationButton, {
+    square: square,
+    pin: roundedClass,
+    key: pageValue,
+    onClick: () => handlerSetPage(pageValue),
+    disabled: disabled.includes(pageValue),
+    className: index$1.cx(Pagination_tokens.classes.paginationPageButton, isActiveButton(pageValue), disabled.includes(pageValue) ? Pagination_tokens.classes.buttonDisabled : '')
+  }, pageValue))))), rightContent && /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationButtonGroup, {
+    isCommonButtonStyles: isCommonButtonStyles
+  }, rightContent)), /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationActions, {
+    className: index$1.cx(Pagination_tokens.classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)
+  }, hasQuickJump && /*#__PURE__*/React__default.default.createElement(PaginationQuickJumpToPage.PaginationQuickJumpToPage, {
+    placeholderQuickJump: placeholderQuickJump,
+    textQuickJump: textQuickJump,
+    onChangeValue: handlerSetPage
+  }), hasPerPage && /*#__PURE__*/React__default.default.createElement(PaginationSelectPerPage.PaginationSelectPerPage, {
+    textPerPage: textPerPage,
+    perPageValue: perPageValue,
+    perPageList: perPageList,
+    onChangeValue: handlerSetPerPage,
+    size: size,
+    listWidth: listWidth
+  }))));
+});
+const paginationConfig = {
   name: 'Pagination',
   tag: 'div',
   layout: paginationRoot,

package/cjs/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useEffect, useState, forwardRef } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n    PaginationPages,\n    PaginationActions,\n    PaginationButton,\n    PaginationSection,\n    PaginationButtonGroup,\n    PaginationRoot,\n    PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n    forwardRef<HTMLDivElement, PaginationProps>(\n        (\n            {\n                value = defaultValues.value,\n                perPage,\n                slots = defaultValues.slots,\n\n                view,\n                viewCurrentPage,\n                type = defaultValues.type,\n                size,\n                pilled = defaultValues.pilled,\n                square = defaultValues.square,\n                disabledPages = defaultValues.disabledPages,\n\n                count = defaultValues.value,\n\n                hasQuickJump = defaultValues.hasQuickJump,\n                hasPerPage = defaultValues.hasPerPage,\n                perPageList = defaultValues.perPageList,\n                isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n                placeholderQuickJump = defaultValues.placeholderQuickJump,\n                textQuickJump = defaultValues.textQuickJump,\n                textPerPage = defaultValues.textPerPage,\n\n                leftContent,\n                rightContent,\n\n                listWidth,\n\n                onChangePageValue,\n                onChangePerPageValue,\n                onChange,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [page, setPageValue] = useState<number>(1);\n            const [perPageValue, setPerPageValue] = useState(perPage);\n            const [pages, setPagesValue] = useState<number>(value);\n            const [sections, setSections] = useState<number[][] | null>(null);\n\n            const typeClass = classes[`${type}Type` as keyof typeof classes];\n            const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n            const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n            const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n            const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n            const handlerSetPages = (newPerPage?: number) => {\n                if (newPerPage) {\n                    setPagesValue(Math.ceil(count / newPerPage));\n                } else {\n                    setPagesValue(Math.ceil(count / (hasPerPage ? defaultValues.perPage : 1)));\n                }\n            };\n\n            const handlerSetPage = (newPageValue?: number) => {\n                let pageValue = newPageValue ?? defaultValues.value;\n                if (pageValue > pages) {\n                    pageValue = pages;\n                }\n                if (pageValue < 1) {\n                    pageValue = 1;\n                }\n                if (disabled.includes(pageValue)) {\n                    return;\n                }\n                setPageValue(pageValue);\n                onChangePageValue?.(pageValue);\n                onChange?.(pageValue, perPageValue);\n            };\n\n            const handlerSetPerPage = (newPerPageValue?: number) => {\n                handlerSetPage(page);\n                setPerPageValue(newPerPageValue);\n                onChange?.(page, newPerPageValue);\n                onChangePerPageValue?.(newPerPageValue);\n\n                handlerSetPages(newPerPageValue);\n            };\n\n            const isActiveButton = (checkPage: number) => {\n                return page === checkPage ? classes.paginationPageButtonActive : '';\n            };\n\n            useEffect(() => {\n                handlerSetPages(perPage);\n            }, [value, perPage, count, handlerSetPages]);\n\n            useEffect(() => {\n                handlerSetPage(value);\n            }, [value]);\n\n            useEffect(() => {\n                setSections(getSections(page, pages, slots));\n            }, [page, slots, pages, setSections, getSections]);\n\n            return (\n                <Root\n                    size={size}\n                    view={view}\n                    viewCurrentPage={viewCurrentPage}\n                    className={cx(classes.wrapper, typeClass)}\n                    ref={ref}\n                    {...rest}\n                >\n                    <PaginationRoot className={typeClass}>\n                        <PaginationPages>\n                            {leftContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {leftContent}\n                                </PaginationButtonGroup>\n                            )}\n                            {sections &&\n                                sections.map((section, indexSection) => (\n                                    <>\n                                        {indexSection !== 0 && (\n                                            <PaginationShorter\n                                                stretching=\"fixed\"\n                                                disabled\n                                                className={classes.buttonDisabled}\n                                            >\n                                                ...\n                                            </PaginationShorter>\n                                        )}\n                                        <PaginationSection key={indexSection}>\n                                            {section.map((pageValue) => (\n                                                <PaginationButton\n                                                    square={square}\n                                                    pin={roundedClass}\n                                                    key={pageValue}\n                                                    onClick={() => handlerSetPage(pageValue)}\n                                                    disabled={disabled.includes(pageValue)}\n                                                    className={cx(\n                                                        classes.paginationPageButton,\n                                                        isActiveButton(pageValue),\n                                                        disabled.includes(pageValue) ? classes.buttonDisabled : '',\n                                                    )}\n                                                >\n                                                    {pageValue}\n                                                </PaginationButton>\n                                            ))}\n                                        </PaginationSection>\n                                    </>\n                                ))}\n                            {rightContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {rightContent}\n                                </PaginationButtonGroup>\n                            )}\n                        </PaginationPages>\n                        <PaginationActions\n                            className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n                        >\n                            {hasQuickJump && (\n                                <PaginationQuickJumpToPage\n                                    placeholderQuickJump={placeholderQuickJump}\n                                    textQuickJump={textQuickJump}\n                                    onChangeValue={handlerSetPage}\n                                />\n                            )}\n                            {hasPerPage && (\n                                <PaginationSelectPerPage\n                                    textPerPage={textPerPage}\n                                    perPageValue={perPageValue}\n                                    perPageList={perPageList}\n                                    onChangeValue={handlerSetPerPage}\n                                    size={size}\n                                    listWidth={listWidth}\n                                />\n                            )}\n                        </PaginationActions>\n                    </PaginationRoot>\n                </Root>\n            );\n        },\n    );\n\nexport const paginationConfig = {\n    name: 'Pagination',\n    tag: 'div',\n    layout: paginationRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        type: {\n            css: typeCSS,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'm',\n    },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","_ref$value","value","defaultValues","perPage","_ref$slots","slots","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","page","setPageValue","_useState3","_useState4","perPageValue","setPerPageValue","_useState5","_useState6","pages","setPagesValue","_useState7","_useState8","sections","setSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","undefined","withHasQuickJump","disabled","map","el","isNumber","Number","handlerSetPages","newPerPage","Math","ceil","handlerSetPage","newPageValue","pageValue","includes","handlerSetPerPage","newPerPageValue","isActiveButton","checkPage","paginationPageButtonActive","useEffect","getSections","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","PaginationShorter","stretching","buttonDisabled","PaginationSection","key","PaginationButton","pin","onClick","paginationPageButton","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useEffect, useState, forwardRef } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n    PaginationPages,\n    PaginationActions,\n    PaginationButton,\n    PaginationSection,\n    PaginationButtonGroup,\n    PaginationRoot,\n    PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n    forwardRef<HTMLDivElement, PaginationProps>(\n        (\n            {\n                value = defaultValues.value,\n                perPage,\n                slots = defaultValues.slots,\n\n                view,\n                viewCurrentPage,\n                type = defaultValues.type,\n                size,\n                pilled = defaultValues.pilled,\n                square = defaultValues.square,\n                disabledPages = defaultValues.disabledPages,\n\n                count = defaultValues.value,\n\n                hasQuickJump = defaultValues.hasQuickJump,\n                hasPerPage = defaultValues.hasPerPage,\n                perPageList = defaultValues.perPageList,\n                isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n                placeholderQuickJump = defaultValues.placeholderQuickJump,\n                textQuickJump = defaultValues.textQuickJump,\n                textPerPage = defaultValues.textPerPage,\n\n                leftContent,\n                rightContent,\n\n                listWidth,\n\n                onChangePageValue,\n                onChangePerPageValue,\n                onChange,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [page, setPageValue] = useState<number>(1);\n            const [perPageValue, setPerPageValue] = useState(perPage);\n            const [pages, setPagesValue] = useState<number>(value);\n            const [sections, setSections] = useState<number[][] | null>(null);\n\n            const typeClass = classes[`${type}Type` as keyof typeof classes];\n            const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n            const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n            const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n            const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n            const handlerSetPages = (newPerPage?: number) => {\n                if (newPerPage) {\n                    setPagesValue(Math.ceil(count / newPerPage));\n                } else {\n                    setPagesValue(Math.ceil(count / (hasPerPage ? defaultValues.perPage : 1)));\n                }\n            };\n\n            const handlerSetPage = (newPageValue?: number) => {\n                let pageValue = newPageValue ?? defaultValues.value;\n                if (pageValue > pages) {\n                    pageValue = pages;\n                }\n                if (pageValue < 1) {\n                    pageValue = 1;\n                }\n                if (disabled.includes(pageValue)) {\n                    return;\n                }\n                setPageValue(pageValue);\n                onChangePageValue?.(pageValue);\n                onChange?.(pageValue, perPageValue);\n            };\n\n            const handlerSetPerPage = (newPerPageValue?: number) => {\n                handlerSetPage(page);\n                setPerPageValue(newPerPageValue);\n                onChange?.(page, newPerPageValue);\n                onChangePerPageValue?.(newPerPageValue);\n\n                handlerSetPages(newPerPageValue);\n            };\n\n            const isActiveButton = (checkPage: number) => {\n                return page === checkPage ? classes.paginationPageButtonActive : '';\n            };\n\n            useEffect(() => {\n                handlerSetPages(perPage);\n            }, [value, perPage, count, handlerSetPages]);\n\n            useEffect(() => {\n                handlerSetPage(value);\n            }, [value]);\n\n            useEffect(() => {\n                setSections(getSections(page, pages, slots));\n            }, [page, slots, pages, setSections, getSections]);\n\n            return (\n                <Root\n                    size={size}\n                    view={view}\n                    viewCurrentPage={viewCurrentPage}\n                    className={cx(classes.wrapper, typeClass)}\n                    ref={ref}\n                    {...rest}\n                >\n                    <PaginationRoot className={typeClass}>\n                        <PaginationPages>\n                            {leftContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {leftContent}\n                                </PaginationButtonGroup>\n                            )}\n                            {sections &&\n                                sections.map((section, indexSection) => (\n                                    <>\n                                        {indexSection !== 0 && (\n                                            <PaginationShorter\n                                                stretching=\"fixed\"\n                                                disabled\n                                                className={classes.buttonDisabled}\n                                            >\n                                                ...\n                                            </PaginationShorter>\n                                        )}\n                                        <PaginationSection key={indexSection}>\n                                            {section.map((pageValue) => (\n                                                <PaginationButton\n                                                    square={square}\n                                                    pin={roundedClass}\n                                                    key={pageValue}\n                                                    onClick={() => handlerSetPage(pageValue)}\n                                                    disabled={disabled.includes(pageValue)}\n                                                    className={cx(\n                                                        classes.paginationPageButton,\n                                                        isActiveButton(pageValue),\n                                                        disabled.includes(pageValue) ? classes.buttonDisabled : '',\n                                                    )}\n                                                >\n                                                    {pageValue}\n                                                </PaginationButton>\n                                            ))}\n                                        </PaginationSection>\n                                    </>\n                                ))}\n                            {rightContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {rightContent}\n                                </PaginationButtonGroup>\n                            )}\n                        </PaginationPages>\n                        <PaginationActions\n                            className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n                        >\n                            {hasQuickJump && (\n                                <PaginationQuickJumpToPage\n                                    placeholderQuickJump={placeholderQuickJump}\n                                    textQuickJump={textQuickJump}\n                                    onChangeValue={handlerSetPage}\n                                />\n                            )}\n                            {hasPerPage && (\n                                <PaginationSelectPerPage\n                                    textPerPage={textPerPage}\n                                    perPageValue={perPageValue}\n                                    perPageList={perPageList}\n                                    onChangeValue={handlerSetPerPage}\n                                    size={size}\n                                    listWidth={listWidth}\n                                />\n                            )}\n                        </PaginationActions>\n                    </PaginationRoot>\n                </Root>\n            );\n        },\n    );\n\nexport const paginationConfig = {\n    name: 'Pagination',\n    tag: 'div',\n    layout: paginationRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        type: {\n            css: typeCSS,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'm',\n    },\n};\n"],"names":["paginationRoot","Root","forwardRef","value","defaultValues","perPage","slots","view","viewCurrentPage","type","size","pilled","square","disabledPages","count","hasQuickJump","hasPerPage","perPageList","isCommonButtonStyles","placeholderQuickJump","textQuickJump","textPerPage","leftContent","rightContent","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","ref","page","setPageValue","useState","perPageValue","setPerPageValue","pages","setPagesValue","sections","setSections","typeClass","classes","roundedClass","withHasPerPageSelect","undefined","withHasQuickJump","disabled","map","el","isNumber","Number","handlerSetPages","newPerPage","Math","ceil","handlerSetPage","newPageValue","pageValue","includes","handlerSetPerPage","newPerPageValue","isActiveButton","checkPage","paginationPageButtonActive","useEffect","getSections","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","PaginationShorter","stretching","buttonDisabled","PaginationSection","key","PaginationButton","pin","onClick","paginationPageButton","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}