@vkontakte/vkui 5.2.4 → 5.3.0

package/dist/cjs/components/NativeSelect/NativeSelect.js

@@ -1,106 +1,94 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "NativeSelect", {
+    enumerable: true,
+    get: function() {
+        return NativeSelect;
+    }
 });
-exports.NativeSelect = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var React = _interopRequireWildcard(require("react"));
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
-var _useEnsuredControl3 = require("../../hooks/useEnsuredControl");
+var _useAdaptivity = require("../../hooks/useAdaptivity");
+var _useEnsuredControl = require("../../hooks/useEnsuredControl");
 var _useExternRef = require("../../hooks/useExternRef");
 var _adaptivity = require("../../lib/adaptivity");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-var _DropdownIcon = require("../DropdownIcon/DropdownIcon");
-var _FormField = require("../FormField/FormField");
-var _SelectTypography = require("../SelectTypography/SelectTypography");
-var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "className", "getRef", "getRootRef", "disabled", "multiline", "selectType", "status", "onChange", "value"];
-var sizeYClassNames = (0, _defineProperty2.default)({
-  none: "vkuiSelect--sizeY-none"
+var _dropdownIcon = require("../DropdownIcon/DropdownIcon");
+var _formField = require("../FormField/FormField");
+var _selectTypography = require("../SelectTypography/SelectTypography");
+var sizeYClassNames = _defineProperty({
+    none: "vkuiSelect--sizeY-none"
 }, _adaptivity.SizeType.COMPACT, "vkuiSelect--sizeY-compact");
 /**
  * @see https://vkcom.github.io/VKUI/#/NativeSelect
- */
-var NativeSelect = function NativeSelect(_ref) {
-  var style = _ref.style,
-    _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
-    align = _ref.align,
-    placeholder = _ref.placeholder,
-    children = _ref.children,
-    className = _ref.className,
-    getRef = _ref.getRef,
-    getRootRef = _ref.getRootRef,
-    disabled = _ref.disabled,
-    multiline = _ref.multiline,
-    _ref$selectType = _ref.selectType,
-    selectType = _ref$selectType === void 0 ? 'default' : _ref$selectType,
-    status = _ref.status,
-    onChangeProp = _ref.onChange,
-    valueProp = _ref.value,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _React$useState = React.useState(''),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    title = _React$useState2[0],
-    setTitle = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    empty = _React$useState4[0],
-    setEmpty = _React$useState4[1];
-  var _useEnsuredControl = (0, _useEnsuredControl3.useEnsuredControl)({
-      defaultValue: defaultValue,
-      disabled: disabled,
-      onChange: onChangeProp,
-      value: valueProp
-    }),
-    _useEnsuredControl2 = (0, _slicedToArray2.default)(_useEnsuredControl, 2),
-    value = _useEnsuredControl2[0],
-    onChange = _useEnsuredControl2[1];
-  var selectRef = (0, _useExternRef.useExternRef)(getRef);
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    var _selectRef$current;
-    var selectedOption = (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.options[selectRef.current.selectedIndex];
-    if (selectedOption) {
-      setTitle(selectedOption.text);
-      setEmpty(selectedOption.value === '' && placeholder != null);
-    }
-  }, [value, children]);
-  return /*#__PURE__*/React.createElement(_FormField.FormField, {
-    Component: "label",
-    className: (0, _vkjs.classNames)("vkuiSelect", empty && "vkuiSelect--empty", multiline && "vkuiSelect--multiline", align && styles["Select--align-".concat(align)], sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], className),
-    style: style,
-    getRootRef: getRootRef,
-    disabled: disabled,
-    after: /*#__PURE__*/React.createElement(_DropdownIcon.DropdownIcon, null),
-    status: status
-  }, /*#__PURE__*/React.createElement("select", (0, _extends2.default)({}, restProps, {
-    disabled: disabled,
-    className: "vkuiSelect__el",
-    onChange: onChange,
-    value: value,
-    ref: selectRef
-  }), placeholder && /*#__PURE__*/React.createElement("option", {
-    value: ""
-  }, placeholder), children), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiSelect__container"
-  }, /*#__PURE__*/React.createElement(_SelectTypography.SelectTypography, {
-    className: "vkuiSelect__title",
-    selectType: selectType
-  }, title)));
-};
-exports.NativeSelect = NativeSelect;
-var styles = {
-  "Select--align-right": "vkuiSelect--align-right",
-  "Select--align-center": "vkuiSelect--align-center",
-  "Select--align-left": "vkuiSelect--align-left"
+ */ var NativeSelect = function(_param) {
+    var style = _param.style, _param_defaultValue = _param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, align = _param.align, placeholder = _param.placeholder, children = _param.children, className = _param.className, getRef = _param.getRef, getRootRef = _param.getRootRef, disabled = _param.disabled, multiline = _param.multiline, _param_selectType = _param.selectType, selectType = _param_selectType === void 0 ? "default" : _param_selectType, status = _param.status, onChangeProp = _param.onChange, valueProp = _param.value, restProps = _objectWithoutProperties(_param, [
+        "style",
+        "defaultValue",
+        "align",
+        "placeholder",
+        "children",
+        "className",
+        "getRef",
+        "getRootRef",
+        "disabled",
+        "multiline",
+        "selectType",
+        "status",
+        "onChange",
+        "value"
+    ]);
+    var _React_useState = _slicedToArray(_react.useState(""), 2), title = _React_useState[0], setTitle = _React_useState[1];
+    var _React_useState1 = _slicedToArray(_react.useState(false), 2), empty = _React_useState1[0], setEmpty = _React_useState1[1];
+    var _useEnsuredControl1 = _slicedToArray((0, _useEnsuredControl.useEnsuredControl)({
+        defaultValue: defaultValue,
+        disabled: disabled,
+        onChange: onChangeProp,
+        value: valueProp
+    }), 2), value = _useEnsuredControl1[0], onChange = _useEnsuredControl1[1];
+    var selectRef = (0, _useExternRef.useExternRef)(getRef);
+    var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        var _selectRef_current;
+        var selectedOption = (_selectRef_current = selectRef.current) === null || _selectRef_current === void 0 ? void 0 : _selectRef_current.options[selectRef.current.selectedIndex];
+        if (selectedOption) {
+            setTitle(selectedOption.text);
+            setEmpty(selectedOption.value === "" && placeholder != null);
+        }
+    }, [
+        value,
+        children
+    ]);
+    return /*#__PURE__*/ _react.createElement(_formField.FormField, {
+        Component: "label",
+        className: (0, _vkjs.classNames)("vkuiSelect", "vkuiInternalNativeSelect", empty && "vkuiSelect--empty", multiline && "vkuiSelect--multiline", (placeholder === null || placeholder === void 0 ? void 0 : placeholder.length) && "vkuiSelect--hasPlaceholder", align === "center" && "vkuiSelect--align-center", align === "right" && "vkuiSelect--align-right", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], className),
+        style: style,
+        getRootRef: getRootRef,
+        disabled: disabled,
+        after: /*#__PURE__*/ _react.createElement(_dropdownIcon.DropdownIcon, null),
+        status: status
+    }, /*#__PURE__*/ _react.createElement("select", _objectSpreadProps(_objectSpread({}, restProps), {
+        disabled: disabled,
+        className: "vkuiSelect__el",
+        onChange: onChange,
+        value: value,
+        ref: selectRef
+    }), placeholder && /*#__PURE__*/ _react.createElement("option", {
+        value: ""
+    }, placeholder), children), /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiSelect__container"
+    }, /*#__PURE__*/ _react.createElement(_selectTypography.SelectTypography, {
+        className: "vkuiSelect__title",
+        selectType: selectType
+    }, title)));
 };
+
 //# sourceMappingURL=NativeSelect.js.map

package/dist/cjs/components/NativeSelect/NativeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.js","names":["sizeYClassNames","none","SizeType","COMPACT","NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","multiline","selectType","status","onChangeProp","onChange","valueProp","value","restProps","React","useState","title","setTitle","empty","setEmpty","useEnsuredControl","selectRef","useExternRef","useAdaptivity","sizeY","useIsomorphicLayoutEffect","selectedOption","current","options","selectedIndex","text","classNames","styles","REGULAR"],"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport type { SelectType } from '../Select/Select';\nimport { SelectTypography } from '../SelectTypography/SelectTypography';\nimport styles from '../Select/Select.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Select--sizeY-none'],\n  [SizeType.COMPACT]: styles['Select--sizeY-compact'],\n};\n\nexport interface NativeSelectProps\n  extends React.SelectHTMLAttributes<HTMLSelectElement>,\n    HasRef<HTMLSelectElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasAlign,\n    Pick<FormFieldProps, 'status'> {\n  placeholder?: string;\n  multiline?: boolean;\n  selectType?: SelectType;\n}\n\nexport interface SelectState {\n  value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];\n  title?: string;\n  notSelected?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\nconst NativeSelect = ({\n  style,\n  defaultValue = '',\n  align,\n  placeholder,\n  children,\n  className,\n  getRef,\n  getRootRef,\n  disabled,\n  multiline,\n  selectType = 'default',\n  status,\n  onChange: onChangeProp,\n  value: valueProp,\n  ...restProps\n}: NativeSelectProps) => {\n  const [title, setTitle] = React.useState('');\n  const [empty, setEmpty] = React.useState(false);\n  const [value, onChange] = useEnsuredControl({\n    defaultValue,\n    disabled,\n    onChange: onChangeProp,\n    value: valueProp,\n  });\n  const selectRef = useExternRef(getRef);\n  const { sizeY = 'none' } = useAdaptivity();\n\n  useIsomorphicLayoutEffect(() => {\n    const selectedOption = selectRef.current?.options[selectRef.current.selectedIndex];\n    if (selectedOption) {\n      setTitle(selectedOption.text);\n      setEmpty(selectedOption.value === '' && placeholder != null);\n    }\n  }, [value, children]);\n\n  return (\n    <FormField\n      Component=\"label\"\n      className={classNames(\n        styles['Select'],\n        empty && styles['Select--empty'],\n        multiline && styles['Select--multiline'],\n        align && styles[`Select--align-${align}`],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        className,\n      )}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={disabled}\n      after={<DropdownIcon />}\n      status={status}\n    >\n      <select\n        {...restProps}\n        disabled={disabled}\n        className={styles['Select__el']}\n        onChange={onChange}\n        value={value}\n        ref={selectRef}\n      >\n        {placeholder && <option value=\"\">{placeholder}</option>}\n        {children}\n      </select>\n      <div className={styles['Select__container']}>\n        <SelectTypography className={styles['Select__title']} selectType={selectType}>\n          {title}\n        </SelectTypography>\n      </div>\n    </FormField>\n  );\n};\n\nexport { NativeSelect };\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAwE;AAGxE,IAAMA,eAAe;EACnBC,IAAI;AAA8B,GACjCC,oBAAQ,CAACC,OAAO,8BAClB;AAmBD;AACA;AACA;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAgBO;EAAA,IAfvBC,KAAK,QAALA,KAAK;IAAA,yBACLC,YAAY;IAAZA,YAAY,kCAAG,EAAE;IACjBC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,MAAM,QAANA,MAAM;IACNC,UAAU,QAAVA,UAAU;IACVC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,uBACTC,UAAU;IAAVA,UAAU,gCAAG,SAAS;IACtBC,MAAM,QAANA,MAAM;IACIC,YAAY,QAAtBC,QAAQ;IACDC,SAAS,QAAhBC,KAAK;IACFC,SAAS;EAEZ,sBAA0BC,KAAK,CAACC,QAAQ,CAAC,EAAE,CAAC;IAAA;IAArCC,KAAK;IAAEC,QAAQ;EACtB,uBAA0BH,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAAxCG,KAAK;IAAEC,QAAQ;EACtB,yBAA0B,IAAAC,qCAAiB,EAAC;MAC1CtB,YAAY,EAAZA,YAAY;MACZO,QAAQ,EAARA,QAAQ;MACRK,QAAQ,EAAED,YAAY;MACtBG,KAAK,EAAED;IACT,CAAC,CAAC;IAAA;IALKC,KAAK;IAAEF,QAAQ;EAMtB,IAAMW,SAAS,GAAG,IAAAC,0BAAY,EAACnB,MAAM,CAAC;EACtC,qBAA2B,IAAAoB,6BAAa,GAAE;IAAA,sCAAlCC,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,IAAAC,oDAAyB,EAAC,YAAM;IAAA;IAC9B,IAAMC,cAAc,yBAAGL,SAAS,CAACM,OAAO,uDAAjB,mBAAmBC,OAAO,CAACP,SAAS,CAACM,OAAO,CAACE,aAAa,CAAC;IAClF,IAAIH,cAAc,EAAE;MAClBT,QAAQ,CAACS,cAAc,CAACI,IAAI,CAAC;MAC7BX,QAAQ,CAACO,cAAc,CAACd,KAAK,KAAK,EAAE,IAAIZ,WAAW,IAAI,IAAI,CAAC;IAC9D;EACF,CAAC,EAAE,CAACY,KAAK,EAAEX,QAAQ,CAAC,CAAC;EAErB,oBACE,oBAAC,oBAAS;IACR,SAAS,EAAC,OAAO;IACjB,SAAS,EAAE,IAAA8B,gBAAU,gBAEnBb,KAAK,uBAA2B,EAChCZ,SAAS,2BAA+B,EACxCP,KAAK,IAAIiC,MAAM,yBAAkBjC,KAAK,EAAG,EACzCyB,KAAK,KAAK9B,oBAAQ,CAACuC,OAAO,IAAIzC,eAAe,CAACgC,KAAK,CAAC,EACpDtB,SAAS,CACT;IACF,KAAK,EAAEL,KAAM;IACb,UAAU,EAAEO,UAAW;IACvB,QAAQ,EAAEC,QAAS;IACnB,KAAK,eAAE,oBAAC,0BAAY,OAAI;IACxB,MAAM,EAAEG;EAAO,gBAEf,yDACMK,SAAS;IACb,QAAQ,EAAER,QAAS;IACnB,SAAS,kBAAuB;IAChC,QAAQ,EAAEK,QAAS;IACnB,KAAK,EAAEE,KAAM;IACb,GAAG,EAAES;EAAU,IAEdrB,WAAW,iBAAI;IAAQ,KAAK,EAAC;EAAE,GAAEA,WAAW,CAAU,EACtDC,QAAQ,CACF,eACT;IAAK,SAAS;EAA8B,gBAC1C,oBAAC,kCAAgB;IAAC,SAAS,qBAA0B;IAAC,UAAU,EAAEM;EAAW,GAC1ES,KAAK,CACW,CACf,CACI;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport type { SelectType } from '../Select/Select';\nimport { SelectTypography } from '../SelectTypography/SelectTypography';\nimport styles from '../Select/Select.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Select--sizeY-none'],\n  [SizeType.COMPACT]: styles['Select--sizeY-compact'],\n};\n\nexport interface NativeSelectProps\n  extends React.SelectHTMLAttributes<HTMLSelectElement>,\n    HasRef<HTMLSelectElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasAlign,\n    Pick<FormFieldProps, 'status'> {\n  placeholder?: string;\n  multiline?: boolean;\n  selectType?: SelectType;\n}\n\nexport interface SelectState {\n  value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];\n  title?: string;\n  notSelected?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\nconst NativeSelect = ({\n  style,\n  defaultValue = '',\n  align,\n  placeholder,\n  children,\n  className,\n  getRef,\n  getRootRef,\n  disabled,\n  multiline,\n  selectType = 'default',\n  status,\n  onChange: onChangeProp,\n  value: valueProp,\n  ...restProps\n}: NativeSelectProps) => {\n  const [title, setTitle] = React.useState('');\n  const [empty, setEmpty] = React.useState(false);\n  const [value, onChange] = useEnsuredControl({\n    defaultValue,\n    disabled,\n    onChange: onChangeProp,\n    value: valueProp,\n  });\n  const selectRef = useExternRef(getRef);\n  const { sizeY = 'none' } = useAdaptivity();\n\n  useIsomorphicLayoutEffect(() => {\n    const selectedOption = selectRef.current?.options[selectRef.current.selectedIndex];\n    if (selectedOption) {\n      setTitle(selectedOption.text);\n      setEmpty(selectedOption.value === '' && placeholder != null);\n    }\n  }, [value, children]);\n\n  return (\n    <FormField\n      Component=\"label\"\n      className={classNames(\n        styles['Select'],\n        'vkuiInternalNativeSelect',\n        empty && styles['Select--empty'],\n        multiline && styles['Select--multiline'],\n        placeholder?.length && styles['Select--hasPlaceholder'],\n        align === 'center' && styles['Select--align-center'],\n        align === 'right' && styles['Select--align-right'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        className,\n      )}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={disabled}\n      after={<DropdownIcon />}\n      status={status}\n    >\n      <select\n        {...restProps}\n        disabled={disabled}\n        className={styles['Select__el']}\n        onChange={onChange}\n        value={value}\n        ref={selectRef}\n      >\n        {placeholder && <option value=\"\">{placeholder}</option>}\n        {children}\n      </select>\n      <div className={styles['Select__container']}>\n        <SelectTypography className={styles['Select__title']} selectType={selectType}>\n          {title}\n        </SelectTypography>\n      </div>\n    </FormField>\n  );\n};\n\nexport { NativeSelect };\n"],"names":["NativeSelect","sizeYClassNames","none","SizeType","COMPACT","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","multiline","selectType","status","onChange","onChangeProp","value","valueProp","restProps","React","useState","title","setTitle","empty","setEmpty","useEnsuredControl","selectRef","useExternRef","useAdaptivity","sizeY","useIsomorphicLayoutEffect","selectedOption","current","options","selectedIndex","text","FormField","Component","classNames","length","REGULAR","after","DropdownIcon","select","ref","option","div","SelectTypography"],"mappings":";;;;+BAmHSA;;;eAAAA;;;;;;;;;2DAnHc;oBACI;6BACG;iCACI;4BACL;0BACJ;yCACiB;4BAEb;yBACa;gCAET;AAGjC,IAAMC;IACJC,IAAI;GACHC,oBAAQ,CAACC,OAAO;AAoBnB;;CAEC,GACD,IAAMJ,eAAe,iBAgBI;QAfvBK,eAAAA,oCACAC,cAAAA,gDAAe,0BACfC,eAAAA,OACAC,qBAAAA,aACAC,kBAAAA,UACAC,mBAAAA,WACAC,gBAAAA,QACAC,oBAAAA,YACAC,kBAAAA,UACAC,mBAAAA,sCACAC,YAAAA,4CAAa,+BACbC,gBAAAA,QACAC,AAAUC,sBAAVD,UACAE,AAAOC,mBAAPD,OACGE;QAdHhB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,IAA0BG,iCAAAA,OAAMC,QAAQ,CAAC,SAAlCC,QAAmBF,oBAAZG,WAAYH;IAC1B,IAA0BA,kCAAAA,OAAMC,QAAQ,CAAC,KAAK,OAAvCG,QAAmBJ,qBAAZK,WAAYL;IAC1B,IAA0BM,qCAAAA,IAAAA,oCAAiB,EAAC;QAC1CtB,cAAAA;QACAO,UAAAA;QACAI,UAAUC;QACVC,OAAOC;IACT,QALOD,QAAmBS,wBAAZX,WAAYW;IAM1B,IAAMC,YAAYC,IAAAA,0BAAY,EAACnB;IAC/B,IAA2BoB,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAEhBC,IAAAA,oDAAyB,EAAC,WAAM;YACPJ;QAAvB,IAAMK,iBAAiBL,CAAAA,qBAAAA,UAAUM,OAAO,cAAjBN,gCAAAA,KAAAA,IAAAA,mBAAmBO,OAAO,CAACP,UAAUM,OAAO,CAACE,aAAa,CAAC;QAClF,IAAIH,gBAAgB;YAClBT,SAASS,eAAeI,IAAI;YAC5BX,SAASO,eAAef,KAAK,KAAK,MAAMX,eAAe,IAAI;QAC7D,CAAC;IACH,GAAG;QAACW;QAAOV;KAAS;IAEpB,qBACE,qBAAC8B,oBAAS;QACRC,WAAU;QACV9B,WAAW+B,IAAAA,gBAAU,gBAEnB,4BACAf,8BACAZ,sCACAN,CAAAA,wBAAAA,yBAAAA,KAAAA,IAAAA,YAAakC,MAAM,AAAD,mCAClBnC,UAAU,wCACVA,UAAU,sCACVyB,UAAU7B,oBAAQ,CAACwC,OAAO,IAAI1C,eAAe,CAAC+B,MAAM,EACpDtB;QAEFL,OAAOA;QACPO,YAAYA;QACZC,UAAUA;QACV+B,qBAAO,qBAACC,0BAAY;QACpB7B,QAAQA;qBAER,qBAAC8B,+CACKzB;QACJR,UAAUA;QACVH,SAAS;QACTO,UAAUA;QACVE,OAAOA;QACP4B,KAAKlB;QAEJrB,6BAAe,qBAACwC;QAAO7B,OAAM;OAAIX,cACjCC,yBAEH,qBAACwC;QAAIvC,SAAS;qBACZ,qBAACwC,kCAAgB;QAACxC,SAAS;QAA2BK,YAAYA;OAC/DS;AAKX"}

package/dist/cjs/components/NavTransitionContext/NavTransitionContext.js

@@ -1,29 +1,39 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useNavTransition: function() {
+        return useNavTransition;
+    },
+    NavTransitionProvider: function() {
+        return NavTransitionProvider;
+    }
 });
-exports.useNavTransition = exports.NavTransitionProvider = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _useObjectMemo = require("../../hooks/useObjectMemo");
-var TransitionContext = /*#__PURE__*/React.createContext({
-  entering: false
+var TransitionContext = /*#__PURE__*/ _react.createContext({
+    entering: false
 });
-var useNavTransition = function useNavTransition() {
-  return React.useContext(TransitionContext);
+var useNavTransition = function() {
+    return _react.useContext(TransitionContext);
 };
-exports.useNavTransition = useNavTransition;
-var NavTransitionProvider = function NavTransitionProvider(_ref) {
-  var children = _ref.children,
-    entering = _ref.entering;
-  var parentContext = useNavTransition();
-  var contextValue = (0, _useObjectMemo.useObjectMemo)({
-    entering: parentContext.entering || entering
-  });
-  return /*#__PURE__*/React.createElement(TransitionContext.Provider, {
-    value: contextValue
-  }, children);
+var NavTransitionProvider = function(param) {
+    var children = param.children, entering = param.entering;
+    var parentContext = useNavTransition();
+    var contextValue = (0, _useObjectMemo.useObjectMemo)({
+        entering: parentContext.entering || entering
+    });
+    return /*#__PURE__*/ _react.createElement(TransitionContext.Provider, {
+        value: contextValue
+    }, children);
 };
-exports.NavTransitionProvider = NavTransitionProvider;
+
 //# sourceMappingURL=NavTransitionContext.js.map

package/dist/cjs/components/NavTransitionContext/NavTransitionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavTransitionContext.js","names":["TransitionContext","React","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue","useObjectMemo"],"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\n\nexport interface TransitionContextProps {\n  entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n  entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\n\nexport const NavTransitionProvider = ({\n  children,\n  entering,\n}: React.PropsWithChildren<TransitionContextProps>) => {\n  const parentContext = useNavTransition();\n  const contextValue = useObjectMemo({\n    entering: parentContext.entering || entering,\n  });\n  return <TransitionContext.Provider value={contextValue}>{children}</TransitionContext.Provider>;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAKA,IAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAa,CAAyB;EACpEC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACK,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,OAASH,KAAK,CAACI,UAAU,CAACL,iBAAiB,CAAC;AAAA;AAAC;AAEnE,IAAMM,qBAAqB,GAAG,SAAxBA,qBAAqB,OAGqB;EAAA,IAFrDC,QAAQ,QAARA,QAAQ;IACRJ,QAAQ,QAARA,QAAQ;EAER,IAAMK,aAAa,GAAGJ,gBAAgB,EAAE;EACxC,IAAMK,YAAY,GAAG,IAAAC,4BAAa,EAAC;IACjCP,QAAQ,EAAEK,aAAa,CAACL,QAAQ,IAAIA;EACtC,CAAC,CAAC;EACF,oBAAO,oBAAC,iBAAiB,CAAC,QAAQ;IAAC,KAAK,EAAEM;EAAa,GAAEF,QAAQ,CAA8B;AACjG,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\n\nexport interface TransitionContextProps {\n  entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n  entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\n\nexport const NavTransitionProvider = ({\n  children,\n  entering,\n}: React.PropsWithChildren<TransitionContextProps>) => {\n  const parentContext = useNavTransition();\n  const contextValue = useObjectMemo({\n    entering: parentContext.entering || entering,\n  });\n  return <TransitionContext.Provider value={contextValue}>{children}</TransitionContext.Provider>;\n};\n"],"names":["useNavTransition","NavTransitionProvider","TransitionContext","React","createContext","entering","useContext","children","parentContext","contextValue","useObjectMemo","Provider","value"],"mappings":";;;;;;;;;;;IASaA,gBAAgB;eAAhBA;;IAEAC,qBAAqB;eAArBA;;;;2DAXU;6BACO;AAK9B,IAAMC,kCAAoBC,OAAMC,aAAa,CAAyB;IACpEC,UAAU,KAAK;AACjB;AACO,IAAML,mBAAmB;WAAMG,OAAMG,UAAU,CAACJ;;AAEhD,IAAMD,wBAAwB,gBAGkB;QAFrDM,iBAAAA,UACAF,iBAAAA;IAEA,IAAMG,gBAAgBR;IACtB,IAAMS,eAAeC,IAAAA,4BAAa,EAAC;QACjCL,UAAUG,cAAcH,QAAQ,IAAIA;IACtC;IACA,qBAAO,qBAACH,kBAAkBS,QAAQ;QAACC,OAAOH;OAAeF;AAC3D"}

package/dist/cjs/components/Pagination/Pagination.js

@@ -1,140 +1,147 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Pagination", {
+    enumerable: true,
+    get: function() {
+        return Pagination;
+    }
 });
-exports.Pagination = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var React = _interopRequireWildcard(require("react"));
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _icons = require("@vkontakte/icons");
 var _vkjs = require("@vkontakte/vkjs");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _usePagination = require("../../hooks/usePagination");
 var _adaptivity = require("../../lib/adaptivity");
-var _Button = require("../Button/Button");
-var _Tappable = require("../Tappable/Tappable");
-var _excluded = ["currentPage", "siblingCount", "boundaryCount", "totalPages", "disabled", "getPageAriaLabel", "prevButtonAriaLabel", "nextButtonAriaLabel", "getRootRef", "onChange", "className"];
-var _pageSizeYClassNames;
-var pageSizeYClassNames = (_pageSizeYClassNames = {
-  none: "vkuiPagination__page--sizeY-none"
-}, (0, _defineProperty2.default)(_pageSizeYClassNames, _adaptivity.SizeType.COMPACT, "vkuiPagination__page--sizeY-compact"), (0, _defineProperty2.default)(_pageSizeYClassNames, _adaptivity.SizeType.REGULAR, "vkuiPagination__page--sizeY-regular"), _pageSizeYClassNames);
+var _button = require("../Button/Button");
+var _tappable = require("../Tappable/Tappable");
+var _obj;
+var pageSizeYClassNames = (_obj = {
+    none: "vkuiPagination__page--sizeY-none"
+}, _defineProperty(_obj, _adaptivity.SizeType.COMPACT, "vkuiPagination__page--sizeY-compact"), _defineProperty(_obj, _adaptivity.SizeType.REGULAR, "vkuiPagination__page--sizeY-regular"), _obj);
 function getPageAriaLabelDefault(page, isCurrent) {
-  return isCurrent ? "".concat(page, " \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430") : "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043D\u0430 ".concat(page, " \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443");
+    return isCurrent ? "".concat(page, " страница") : "Перейти на ".concat(page, " страницу");
 }
-/**
- * @see https://vkcom.github.io/VKUI/#/Pagination
- */
-var Pagination = function Pagination(_ref) {
-  var _ref$currentPage = _ref.currentPage,
-    currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
-    _ref$siblingCount = _ref.siblingCount,
-    siblingCount = _ref$siblingCount === void 0 ? 1 : _ref$siblingCount,
-    _ref$boundaryCount = _ref.boundaryCount,
-    boundaryCount = _ref$boundaryCount === void 0 ? 1 : _ref$boundaryCount,
-    _ref$totalPages = _ref.totalPages,
-    totalPages = _ref$totalPages === void 0 ? 1 : _ref$totalPages,
-    disabled = _ref.disabled,
-    _ref$getPageAriaLabel = _ref.getPageAriaLabel,
-    getPageAriaLabel = _ref$getPageAriaLabel === void 0 ? getPageAriaLabelDefault : _ref$getPageAriaLabel,
-    _ref$prevButtonAriaLa = _ref.prevButtonAriaLabel,
-    prevButtonAriaLabel = _ref$prevButtonAriaLa === void 0 ? 'Перейти на предыдущую страницу' : _ref$prevButtonAriaLa,
-    _ref$nextButtonAriaLa = _ref.nextButtonAriaLabel,
-    nextButtonAriaLabel = _ref$nextButtonAriaLa === void 0 ? 'Перейти на следующую страницу' : _ref$nextButtonAriaLa,
-    getRootRef = _ref.getRootRef,
-    onChange = _ref.onChange,
-    className = _ref.className,
-    resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  var pages = (0, _usePagination.usePagination)({
-    currentPage: currentPage,
-    totalPages: totalPages,
-    siblingCount: siblingCount,
-    boundaryCount: boundaryCount
-  });
-  var isFirstPage = currentPage === 1;
-  var isLastPage = currentPage === totalPages;
-  var handlePrevClick = React.useCallback(function () {
-    if (onChange && !isFirstPage) {
-      onChange(currentPage - 1);
-    }
-  }, [currentPage, isFirstPage, onChange]);
-  var handleClick = React.useCallback(function (event) {
-    var page = event.currentTarget.dataset.page || '1';
-    onChange === null || onChange === void 0 ? void 0 : onChange(Number(page));
-  }, [onChange]);
-  var handleNextClick = React.useCallback(function () {
-    if (onChange && !isLastPage) {
-      onChange(currentPage + 1);
-    }
-  }, [currentPage, isLastPage, onChange]);
-  var renderPages = React.useCallback(function (page) {
-    switch (page) {
-      case 'start-ellipsis':
-      case 'end-ellipsis':
-        return /*#__PURE__*/React.createElement("li", {
-          key: page
-        }, /*#__PURE__*/React.createElement("div", {
-          className: (0, _vkjs.classNames)("vkuiPagination__page", "vkuiPagination__page--type-ellipsis", pageSizeYClassNames[sizeY], disabled && "vkuiPagination__page--disabled")
-        }, "\u2026"));
-      default:
-        {
-          var _isCurrent = page === currentPage;
-          return /*#__PURE__*/React.createElement("li", {
-            key: page
-          }, /*#__PURE__*/React.createElement(_Tappable.Tappable, {
-            className: (0, _vkjs.classNames)("vkuiPagination__page", pageSizeYClassNames[sizeY], _isCurrent && "vkuiPagination__page--current", disabled && "vkuiPagination__page--disabled"),
-            activeMode: "vkuiPagination__page--state-active",
-            hoverMode: "vkuiPagination__page--state-hover",
-            hasActive: !_isCurrent,
-            hasHover: !_isCurrent,
-            focusVisibleMode: "outside",
-            disabled: disabled,
-            "data-page": page,
-            "aria-current": _isCurrent ? true : undefined,
-            "aria-label": getPageAriaLabel(page, _isCurrent),
-            onClick: handleClick
-          }, page));
+var Pagination = function(_param) {
+    var _param_currentPage = _param.currentPage, currentPage = _param_currentPage === void 0 ? 1 : _param_currentPage, _param_siblingCount = _param.siblingCount, siblingCount = _param_siblingCount === void 0 ? 1 : _param_siblingCount, _param_boundaryCount = _param.boundaryCount, boundaryCount = _param_boundaryCount === void 0 ? 1 : _param_boundaryCount, _param_totalPages = _param.totalPages, totalPages = _param_totalPages === void 0 ? 1 : _param_totalPages, disabled = _param.disabled, _param_getPageAriaLabel = _param.getPageAriaLabel, getPageAriaLabel = _param_getPageAriaLabel === void 0 ? getPageAriaLabelDefault : _param_getPageAriaLabel, _param_prevButtonAriaLabel = _param.prevButtonAriaLabel, prevButtonAriaLabel = _param_prevButtonAriaLabel === void 0 ? "Перейти на предыдущую страницу" : _param_prevButtonAriaLabel, _param_nextButtonAriaLabel = _param.nextButtonAriaLabel, nextButtonAriaLabel = _param_nextButtonAriaLabel === void 0 ? "Перейти на следующую страницу" : _param_nextButtonAriaLabel, getRootRef = _param.getRootRef, onChange = _param.onChange, className = _param.className, resetProps = _objectWithoutProperties(_param, [
+        "currentPage",
+        "siblingCount",
+        "boundaryCount",
+        "totalPages",
+        "disabled",
+        "getPageAriaLabel",
+        "prevButtonAriaLabel",
+        "nextButtonAriaLabel",
+        "getRootRef",
+        "onChange",
+        "className"
+    ]);
+    var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    var pages = (0, _usePagination.usePagination)({
+        currentPage: currentPage,
+        totalPages: totalPages,
+        siblingCount: siblingCount,
+        boundaryCount: boundaryCount
+    });
+    var isFirstPage = currentPage === 1;
+    var isLastPage = currentPage === totalPages;
+    var handlePrevClick = _react.useCallback(function() {
+        if (onChange && !isFirstPage) {
+            onChange(currentPage - 1);
         }
-    }
-  }, [sizeY, currentPage, disabled, getPageAriaLabel, handleClick]);
-  return /*#__PURE__*/React.createElement("nav", (0, _extends2.default)({
-    className: (0, _vkjs.classNames)("vkuiPagination", className),
-    role: "navigation",
-    "aria-label": "\u041D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044F \u043F\u043E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430\u043C",
-    ref: getRootRef
-  }, resetProps), /*#__PURE__*/React.createElement("ul", {
-    className: "vkuiPagination__list"
-  }, /*#__PURE__*/React.createElement("li", {
-    className: "vkuiPagination__prevButtonContainer"
-  }, /*#__PURE__*/React.createElement(_Button.Button, {
-    size: "l",
-    before: /*#__PURE__*/React.createElement(_icons.Icon24ChevronCompactLeft, {
-      width: 24
-    }),
-    appearance: "accent",
-    mode: "tertiary",
-    disabled: isFirstPage || disabled,
-    "aria-label": prevButtonAriaLabel,
-    onClick: handlePrevClick
-  })), pages.map(renderPages), /*#__PURE__*/React.createElement("li", {
-    className: "vkuiPagination__nextButtonContainer"
-  }, /*#__PURE__*/React.createElement(_Button.Button, {
-    size: "l",
-    after: /*#__PURE__*/React.createElement(_icons.Icon24ChevronCompactRight, {
-      width: 24
-    }),
-    appearance: "accent",
-    mode: "tertiary",
-    disabled: isLastPage || disabled,
-    "aria-label": nextButtonAriaLabel,
-    onClick: handleNextClick
-  }))));
+    }, [
+        currentPage,
+        isFirstPage,
+        onChange
+    ]);
+    var handleClick = _react.useCallback(function(event) {
+        var page = event.currentTarget.dataset.page || "1";
+        onChange === null || onChange === void 0 ? void 0 : onChange(Number(page));
+    }, [
+        onChange
+    ]);
+    var handleNextClick = _react.useCallback(function() {
+        if (onChange && !isLastPage) {
+            onChange(currentPage + 1);
+        }
+    }, [
+        currentPage,
+        isLastPage,
+        onChange
+    ]);
+    var renderPages = _react.useCallback(function(page) {
+        switch(page){
+            case "start-ellipsis":
+            case "end-ellipsis":
+                return /*#__PURE__*/ _react.createElement("li", {
+                    key: page
+                }, /*#__PURE__*/ _react.createElement("div", {
+                    className: (0, _vkjs.classNames)("vkuiPagination__page", "vkuiPagination__page--type-ellipsis", pageSizeYClassNames[sizeY], disabled && "vkuiPagination__page--disabled")
+                }, "…"));
+            default:
+                {
+                    var isCurrent = page === currentPage;
+                    return /*#__PURE__*/ _react.createElement("li", {
+                        key: page
+                    }, /*#__PURE__*/ _react.createElement(_tappable.Tappable, {
+                        className: (0, _vkjs.classNames)("vkuiPagination__page", pageSizeYClassNames[sizeY], isCurrent && "vkuiPagination__page--current", disabled && "vkuiPagination__page--disabled"),
+                        activeMode: "vkuiPagination__page--state-active",
+                        hoverMode: "vkuiPagination__page--state-hover",
+                        hasActive: !isCurrent,
+                        hasHover: !isCurrent,
+                        focusVisibleMode: "outside",
+                        disabled: disabled,
+                        "data-page": page,
+                        "aria-current": isCurrent ? true : undefined,
+                        "aria-label": getPageAriaLabel(page, isCurrent),
+                        onClick: handleClick
+                    }, page));
+                }
+        }
+    }, [
+        sizeY,
+        currentPage,
+        disabled,
+        getPageAriaLabel,
+        handleClick
+    ]);
+    return /*#__PURE__*/ _react.createElement("nav", _objectSpread({
+        className: (0, _vkjs.classNames)("vkuiPagination", className),
+        role: "navigation",
+        "aria-label": "Навигация по страницам",
+        ref: getRootRef
+    }, resetProps), /*#__PURE__*/ _react.createElement("ul", {
+        className: "vkuiPagination__list"
+    }, /*#__PURE__*/ _react.createElement("li", {
+        className: "vkuiPagination__prevButtonContainer"
+    }, /*#__PURE__*/ _react.createElement(_button.Button, {
+        size: "l",
+        before: /*#__PURE__*/ _react.createElement(_icons.Icon24ChevronCompactLeft, {
+            width: 24
+        }),
+        appearance: "accent",
+        mode: "tertiary",
+        disabled: isFirstPage || disabled,
+        "aria-label": prevButtonAriaLabel,
+        onClick: handlePrevClick
+    })), pages.map(renderPages), /*#__PURE__*/ _react.createElement("li", {
+        className: "vkuiPagination__nextButtonContainer"
+    }, /*#__PURE__*/ _react.createElement(_button.Button, {
+        size: "l",
+        after: /*#__PURE__*/ _react.createElement(_icons.Icon24ChevronCompactRight, {
+            width: 24
+        }),
+        appearance: "accent",
+        mode: "tertiary",
+        disabled: isLastPage || disabled,
+        "aria-label": nextButtonAriaLabel,
+        onClick: handleNextClick
+    }))));
 };
-exports.Pagination = Pagination;
+
 //# sourceMappingURL=Pagination.js.map