@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/NativeSelect/NativeSelect.js

@@ -1,98 +1,84 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "className", "getRef", "getRootRef", "disabled", "multiline", "selectType", "status", "onChange", "value"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivity } from '../../hooks/useAdaptivity';
-import { useEnsuredControl } from '../../hooks/useEnsuredControl';
-import { useExternRef } from '../../hooks/useExternRef';
-import { SizeType } from '../../lib/adaptivity';
-import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
-import { DropdownIcon } from '../DropdownIcon/DropdownIcon';
-import { FormField } from '../FormField/FormField';
-import { SelectTypography } from '../SelectTypography/SelectTypography';
-var sizeYClassNames = _defineProperty({
-  none: "vkuiSelect--sizeY-none"
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { useEnsuredControl } from "../../hooks/useEnsuredControl";
+import { useExternRef } from "../../hooks/useExternRef";
+import { SizeType } from "../../lib/adaptivity";
+import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
+import { DropdownIcon } from "../DropdownIcon/DropdownIcon";
+import { FormField } from "../FormField/FormField";
+import { SelectTypography } from "../SelectTypography/SelectTypography";
+var sizeYClassNames = _define_property({
+    none: "vkuiSelect--sizeY-none"
 }, 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 = _objectWithoutProperties(_ref, _excluded);
-  var _React$useState = React.useState(''),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    title = _React$useState2[0],
-    setTitle = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    empty = _React$useState4[0],
-    setEmpty = _React$useState4[1];
-  var _useEnsuredControl = useEnsuredControl({
-      defaultValue: defaultValue,
-      disabled: disabled,
-      onChange: onChangeProp,
-      value: valueProp
-    }),
-    _useEnsuredControl2 = _slicedToArray(_useEnsuredControl, 2),
-    value = _useEnsuredControl2[0],
-    onChange = _useEnsuredControl2[1];
-  var selectRef = useExternRef(getRef);
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  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, {
-    Component: "label",
-    className: classNames("vkuiSelect", empty && "vkuiSelect--empty", multiline && "vkuiSelect--multiline", align && styles["Select--align-".concat(align)], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], className),
-    style: style,
-    getRootRef: getRootRef,
-    disabled: disabled,
-    after: /*#__PURE__*/React.createElement(DropdownIcon, null),
-    status: status
-  }, /*#__PURE__*/React.createElement("select", _extends({}, 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, {
-    className: "vkuiSelect__title",
-    selectType: selectType
-  }, title)));
+ */ 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 = _object_without_properties(_param, [
+        "style",
+        "defaultValue",
+        "align",
+        "placeholder",
+        "children",
+        "className",
+        "getRef",
+        "getRootRef",
+        "disabled",
+        "multiline",
+        "selectType",
+        "status",
+        "onChange",
+        "value"
+    ]);
+    var _React_useState = _sliced_to_array(React.useState(""), 2), title = _React_useState[0], setTitle = _React_useState[1];
+    var _React_useState1 = _sliced_to_array(React.useState(false), 2), empty = _React_useState1[0], setEmpty = _React_useState1[1];
+    var _useEnsuredControl = _sliced_to_array(useEnsuredControl({
+        defaultValue: defaultValue,
+        disabled: disabled,
+        onChange: onChangeProp,
+        value: valueProp
+    }), 2), value = _useEnsuredControl[0], onChange = _useEnsuredControl[1];
+    var selectRef = useExternRef(getRef);
+    var _useAdaptivity = useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    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, {
+        Component: "label",
+        className: 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 !== SizeType.REGULAR && sizeYClassNames[sizeY], className),
+        style: style,
+        getRootRef: getRootRef,
+        disabled: disabled,
+        after: /*#__PURE__*/ React.createElement(DropdownIcon, null),
+        status: status
+    }, /*#__PURE__*/ React.createElement("select", _object_spread_props(_object_spread({}, 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, {
+        className: "vkuiSelect__title",
+        selectType: selectType
+    }, title)));
 };
 export { NativeSelect };
-var styles = {
-  "Select--align-right": "vkuiSelect--align-right",
-  "Select--align-center": "vkuiSelect--align-center",
-  "Select--align-left": "vkuiSelect--align-left"
-};
+
 //# sourceMappingURL=NativeSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.js","names":["React","classNames","useAdaptivity","useEnsuredControl","useExternRef","SizeType","useIsomorphicLayoutEffect","DropdownIcon","FormField","SelectTypography","sizeYClassNames","none","COMPACT","NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","multiline","selectType","status","onChangeProp","onChange","valueProp","value","restProps","useState","title","setTitle","empty","setEmpty","selectRef","sizeY","selectedOption","current","options","selectedIndex","text","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":"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"}
+{"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":["React","classNames","useAdaptivity","useEnsuredControl","useExternRef","SizeType","useIsomorphicLayoutEffect","DropdownIcon","FormField","SelectTypography","sizeYClassNames","none","COMPACT","NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","multiline","selectType","status","onChange","onChangeProp","value","valueProp","restProps","useState","title","setTitle","empty","setEmpty","selectRef","sizeY","selectedOption","current","options","selectedIndex","text","Component","length","REGULAR","after","select","ref","option","div"],"mappings":";;;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,yBAAyB,QAAQ,sCAAsC;AAEhF,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,SAAS,QAAwB,yBAAyB;AAEnE,SAASC,gBAAgB,QAAQ,uCAAuC;AAGxE,IAAMC;IACJC,IAAI;GACHN,SAASO,OAAO;AAoBnB;;CAEC,GACD,IAAMC,eAAe,iBAgBI;QAfvBC,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,IAA0B5B,mCAAAA,MAAM+B,QAAQ,CAAC,SAAlCC,QAAmBhC,oBAAZiC,WAAYjC;IAC1B,IAA0BA,oCAAAA,MAAM+B,QAAQ,CAAC,KAAK,OAAvCG,QAAmBlC,qBAAZmC,WAAYnC;IAC1B,IAA0BG,sCAAAA,kBAAkB;QAC1CY,cAAAA;QACAO,UAAAA;QACAI,UAAUC;QACVC,OAAOC;IACT,QALOD,QAAmBzB,uBAAZuB,WAAYvB;IAM1B,IAAMiC,YAAYhC,aAAagB;IAC/B,IAA2BlB,iBAAAA,wCAAAA,eAAnBmC,OAAAA,0CAAQ;IAEhB/B,0BAA0B,WAAM;YACP8B;QAAvB,IAAME,iBAAiBF,CAAAA,qBAAAA,UAAUG,OAAO,cAAjBH,gCAAAA,KAAAA,IAAAA,mBAAmBI,OAAO,CAACJ,UAAUG,OAAO,CAACE,aAAa,CAAC;QAClF,IAAIH,gBAAgB;YAClBL,SAASK,eAAeI,IAAI;YAC5BP,SAASG,eAAeV,KAAK,KAAK,MAAMX,eAAe,IAAI;QAC7D,CAAC;IACH,GAAG;QAACW;QAAOV;KAAS;IAEpB,qBACE,oBAACV;QACCmC,WAAU;QACVxB,WAAWlB,yBAET,4BACAiC,8BACAX,sCACAN,CAAAA,wBAAAA,yBAAAA,KAAAA,IAAAA,YAAa2B,MAAM,AAAD,mCAClB5B,UAAU,wCACVA,UAAU,sCACVqB,UAAUhC,SAASwC,OAAO,IAAInC,eAAe,CAAC2B,MAAM,EACpDlB;QAEFL,OAAOA;QACPO,YAAYA;QACZC,UAAUA;QACVwB,qBAAO,oBAACvC;QACRkB,QAAQA;qBAER,oBAACsB,kDACKjB;QACJR,UAAUA;QACVH,SAAS;QACTO,UAAUA;QACVE,OAAOA;QACPoB,KAAKZ;QAEJnB,6BAAe,oBAACgC;QAAOrB,OAAM;OAAIX,cACjCC,yBAEH,oBAACgC;QAAI/B,SAAS;qBACZ,oBAACV;QAAiBU,SAAS;QAA2BK,YAAYA;OAC/DQ;AAKX;AAEA,SAASnB,YAAY,GAAG"}

package/dist/components/NavTransitionContext/NavTransitionContext.js

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { useObjectMemo } from '../../hooks/useObjectMemo';
-var TransitionContext = /*#__PURE__*/React.createContext({
-  entering: false
+import * as React from "react";
+import { useObjectMemo } from "../../hooks/useObjectMemo";
+var TransitionContext = /*#__PURE__*/ React.createContext({
+    entering: false
 });
-export var useNavTransition = function useNavTransition() {
-  return React.useContext(TransitionContext);
+export var useNavTransition = function() {
+    return React.useContext(TransitionContext);
 };
-export var NavTransitionProvider = function NavTransitionProvider(_ref) {
-  var children = _ref.children,
-    entering = _ref.entering;
-  var parentContext = useNavTransition();
-  var contextValue = useObjectMemo({
-    entering: parentContext.entering || entering
-  });
-  return /*#__PURE__*/React.createElement(TransitionContext.Provider, {
-    value: contextValue
-  }, children);
+export var NavTransitionProvider = function(param) {
+    var children = param.children, entering = param.entering;
+    var parentContext = useNavTransition();
+    var contextValue = useObjectMemo({
+        entering: parentContext.entering || entering
+    });
+    return /*#__PURE__*/ React.createElement(TransitionContext.Provider, {
+        value: contextValue
+    }, children);
 };
+
 //# sourceMappingURL=NavTransitionContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavTransitionContext.js","names":["React","useObjectMemo","TransitionContext","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue"],"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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,QAAQ,2BAA2B;AAKzD,IAAMC,iBAAiB,gBAAGF,KAAK,CAACG,aAAa,CAAyB;EACpEC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,OAASL,KAAK,CAACM,UAAU,CAACJ,iBAAiB,CAAC;AAAA;AAEzE,OAAO,IAAMK,qBAAqB,GAAG,SAAxBA,qBAAqB,OAGqB;EAAA,IAFrDC,QAAQ,QAARA,QAAQ;IACRJ,QAAQ,QAARA,QAAQ;EAER,IAAMK,aAAa,GAAGJ,gBAAgB,EAAE;EACxC,IAAMK,YAAY,GAAGT,aAAa,CAAC;IACjCG,QAAQ,EAAEK,aAAa,CAACL,QAAQ,IAAIA;EACtC,CAAC,CAAC;EACF,oBAAO,oBAAC,iBAAiB,CAAC,QAAQ;IAAC,KAAK,EAAEM;EAAa,GAAEF,QAAQ,CAA8B;AACjG,CAAC"}
+{"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":["React","useObjectMemo","TransitionContext","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue","Provider","value"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,4BAA4B;AAK1D,IAAMC,kCAAoBF,MAAMG,aAAa,CAAyB;IACpEC,UAAU,KAAK;AACjB;AACA,OAAO,IAAMC,mBAAmB;WAAML,MAAMM,UAAU,CAACJ;EAAmB;AAE1E,OAAO,IAAMK,wBAAwB,gBAGkB;QAFrDC,iBAAAA,UACAJ,iBAAAA;IAEA,IAAMK,gBAAgBJ;IACtB,IAAMK,eAAeT,cAAc;QACjCG,UAAUK,cAAcL,QAAQ,IAAIA;IACtC;IACA,qBAAO,oBAACF,kBAAkBS,QAAQ;QAACC,OAAOF;OAAeF;AAC3D,EAAE"}

package/dist/components/Pagination/Pagination.js

@@ -1,131 +1,138 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["currentPage", "siblingCount", "boundaryCount", "totalPages", "disabled", "getPageAriaLabel", "prevButtonAriaLabel", "nextButtonAriaLabel", "getRootRef", "onChange", "className"];
-var _pageSizeYClassNames;
-import * as React from 'react';
-import { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivity } from '../../hooks/useAdaptivity';
-import { usePagination } from '../../hooks/usePagination';
-import { SizeType } from '../../lib/adaptivity';
-import { Button } from '../Button/Button';
-import { Tappable } from '../Tappable/Tappable';
-var pageSizeYClassNames = (_pageSizeYClassNames = {
-  none: "vkuiPagination__page--sizeY-none"
-}, _defineProperty(_pageSizeYClassNames, SizeType.COMPACT, "vkuiPagination__page--sizeY-compact"), _defineProperty(_pageSizeYClassNames, SizeType.REGULAR, "vkuiPagination__page--sizeY-regular"), _pageSizeYClassNames);
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from "@vkontakte/icons";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { usePagination } from "../../hooks/usePagination";
+import { SizeType } from "../../lib/adaptivity";
+import { Button } from "../Button/Button";
+import { Tappable } from "../Tappable/Tappable";
+var _obj;
+var pageSizeYClassNames = (_obj = {
+    none: "vkuiPagination__page--sizeY-none"
+}, _define_property(_obj, SizeType.COMPACT, "vkuiPagination__page--sizeY-compact"), _define_property(_obj, 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
- */
-export 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 = _objectWithoutProperties(_ref, _excluded);
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  var pages = 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: 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, {
-            className: 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));
+ */ export 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 = _object_without_properties(_param, [
+        "currentPage",
+        "siblingCount",
+        "boundaryCount",
+        "totalPages",
+        "disabled",
+        "getPageAriaLabel",
+        "prevButtonAriaLabel",
+        "nextButtonAriaLabel",
+        "getRootRef",
+        "onChange",
+        "className"
+    ]);
+    var _useAdaptivity = useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    var pages = 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", _extends({
-    className: 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, {
-    size: "l",
-    before: /*#__PURE__*/React.createElement(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, {
-    size: "l",
-    after: /*#__PURE__*/React.createElement(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: 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, {
+                        className: 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", _object_spread({
+        className: 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, {
+        size: "l",
+        before: /*#__PURE__*/ React.createElement(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, {
+        size: "l",
+        after: /*#__PURE__*/ React.createElement(Icon24ChevronCompactRight, {
+            width: 24
+        }),
+        appearance: "accent",
+        mode: "tertiary",
+        disabled: isLastPage || disabled,
+        "aria-label": nextButtonAriaLabel,
+        onClick: handleNextClick
+    }))));
 };
+
 //# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","classNames","useAdaptivity","usePagination","SizeType","Button","Tappable","pageSizeYClassNames","none","COMPACT","REGULAR","getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","className","resetProps","sizeY","pages","isFirstPage","isLastPage","handlePrevClick","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","undefined","map"],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport { SizeType } from '../../lib/adaptivity';\nimport type { HasRootRef } from '../../types';\nimport { Button } from '../Button/Button';\nimport { Tappable } from '../Tappable/Tappable';\nimport styles from './Pagination.module.css';\n\nconst pageSizeYClassNames = {\n  none: styles['Pagination__page--sizeY-none'],\n  [SizeType.COMPACT]: styles['Pagination__page--sizeY-compact'],\n  [SizeType.REGULAR]: styles['Pagination__page--sizeY-regular'],\n};\n\nfunction getPageAriaLabelDefault(page: number, isCurrent: boolean): string {\n  return isCurrent ? `${page} страница` : `Перейти на ${page} страницу`;\n}\n\nexport interface PaginationProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'>,\n    HasRootRef<HTMLElement> {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n  /**\n   * Блокировка всех кнопок.\n   */\n  disabled?: boolean;\n  /**\n   * Переопределение `aria-label` для кнопки навигации назад.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  prevButtonAriaLabel?: string;\n  /**\n   * Переопределение `aria-label` для кнопки навигации вперёд.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  nextButtonAriaLabel?: string;\n  /**\n   * Функция для переопределения и/или локализации `aria-label` атрибута.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  getPageAriaLabel?(page: number, isCurrent: boolean): string;\n  onChange?(page: number): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Pagination\n */\nexport const Pagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages = 1,\n  disabled,\n  getPageAriaLabel = getPageAriaLabelDefault,\n  prevButtonAriaLabel = 'Перейти на предыдущую страницу',\n  nextButtonAriaLabel = 'Перейти на следующую страницу',\n  getRootRef,\n  onChange,\n  className,\n  ...resetProps\n}: PaginationProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const pages = usePagination({\n    currentPage,\n    totalPages,\n    siblingCount,\n    boundaryCount,\n  });\n  const isFirstPage = currentPage === 1;\n  const isLastPage = currentPage === totalPages;\n\n  const handlePrevClick = React.useCallback(() => {\n    if (onChange && !isFirstPage) {\n      onChange(currentPage - 1);\n    }\n  }, [currentPage, isFirstPage, onChange]);\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      const page: string = event.currentTarget.dataset.page || '1';\n      onChange?.(Number(page));\n    },\n    [onChange],\n  );\n\n  const handleNextClick = React.useCallback(() => {\n    if (onChange && !isLastPage) {\n      onChange(currentPage + 1);\n    }\n  }, [currentPage, isLastPage, onChange]);\n\n  const renderPages = React.useCallback(\n    (page: PaginationPageType) => {\n      switch (page) {\n        case 'start-ellipsis':\n        case 'end-ellipsis':\n          return (\n            <li key={page}>\n              <div\n                className={classNames(\n                  styles['Pagination__page'],\n                  styles['Pagination__page--type-ellipsis'],\n                  pageSizeYClassNames[sizeY],\n                  disabled && styles['Pagination__page--disabled'],\n                )}\n              >\n                &#8230;\n              </div>\n            </li>\n          );\n        default: {\n          const isCurrent = page === currentPage;\n          return (\n            <li key={page}>\n              <Tappable\n                className={classNames(\n                  styles['Pagination__page'],\n                  pageSizeYClassNames[sizeY],\n                  isCurrent && styles['Pagination__page--current'],\n                  disabled && styles['Pagination__page--disabled'],\n                )}\n                activeMode={styles['Pagination__page--state-active']}\n                hoverMode={styles['Pagination__page--state-hover']}\n                hasActive={!isCurrent}\n                hasHover={!isCurrent}\n                focusVisibleMode=\"outside\"\n                disabled={disabled}\n                data-page={page}\n                aria-current={isCurrent ? true : undefined}\n                aria-label={getPageAriaLabel(page, isCurrent)}\n                onClick={handleClick}\n              >\n                {page}\n              </Tappable>\n            </li>\n          );\n        }\n      }\n    },\n    [sizeY, currentPage, disabled, getPageAriaLabel, handleClick],\n  );\n\n  return (\n    <nav\n      className={classNames(styles['Pagination'], className)}\n      role=\"navigation\"\n      aria-label=\"Навигация по страницам\"\n      ref={getRootRef}\n      {...resetProps}\n    >\n      <ul className={styles['Pagination__list']}>\n        <li className={styles['Pagination__prevButtonContainer']}>\n          <Button\n            size=\"l\"\n            before={<Icon24ChevronCompactLeft width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            disabled={isFirstPage || disabled}\n            aria-label={prevButtonAriaLabel}\n            onClick={handlePrevClick}\n          />\n        </li>\n        {pages.map(renderPages)}\n        <li className={styles['Pagination__nextButtonContainer']}>\n          <Button\n            size=\"l\"\n            after={<Icon24ChevronCompactRight width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            disabled={isLastPage || disabled}\n            aria-label={nextButtonAriaLabel}\n            onClick={handleNextClick}\n          />\n        </li>\n      </ul>\n    </nav>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport { SizeType } from '../../lib/adaptivity';\nimport type { HasRootRef } from '../../types';\nimport { Button } from '../Button/Button';\nimport { Tappable } from '../Tappable/Tappable';\nimport styles from './Pagination.module.css';\n\nconst pageSizeYClassNames = {\n  none: styles['Pagination__page--sizeY-none'],\n  [SizeType.COMPACT]: styles['Pagination__page--sizeY-compact'],\n  [SizeType.REGULAR]: styles['Pagination__page--sizeY-regular'],\n};\n\nfunction getPageAriaLabelDefault(page: number, isCurrent: boolean): string {\n  return isCurrent ? `${page} страница` : `Перейти на ${page} страницу`;\n}\n\nexport interface PaginationProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'>,\n    HasRootRef<HTMLElement> {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n  /**\n   * Блокировка всех кнопок.\n   */\n  disabled?: boolean;\n  /**\n   * Переопределение `aria-label` для кнопки навигации назад.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  prevButtonAriaLabel?: string;\n  /**\n   * Переопределение `aria-label` для кнопки навигации вперёд.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  nextButtonAriaLabel?: string;\n  /**\n   * Функция для переопределения и/или локализации `aria-label` атрибута.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  getPageAriaLabel?(page: number, isCurrent: boolean): string;\n  onChange?(page: number): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Pagination\n */\nexport const Pagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages = 1,\n  disabled,\n  getPageAriaLabel = getPageAriaLabelDefault,\n  prevButtonAriaLabel = 'Перейти на предыдущую страницу',\n  nextButtonAriaLabel = 'Перейти на следующую страницу',\n  getRootRef,\n  onChange,\n  className,\n  ...resetProps\n}: PaginationProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const pages = usePagination({\n    currentPage,\n    totalPages,\n    siblingCount,\n    boundaryCount,\n  });\n  const isFirstPage = currentPage === 1;\n  const isLastPage = currentPage === totalPages;\n\n  const handlePrevClick = React.useCallback(() => {\n    if (onChange && !isFirstPage) {\n      onChange(currentPage - 1);\n    }\n  }, [currentPage, isFirstPage, onChange]);\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      const page: string = event.currentTarget.dataset.page || '1';\n      onChange?.(Number(page));\n    },\n    [onChange],\n  );\n\n  const handleNextClick = React.useCallback(() => {\n    if (onChange && !isLastPage) {\n      onChange(currentPage + 1);\n    }\n  }, [currentPage, isLastPage, onChange]);\n\n  const renderPages = React.useCallback(\n    (page: PaginationPageType) => {\n      switch (page) {\n        case 'start-ellipsis':\n        case 'end-ellipsis':\n          return (\n            <li key={page}>\n              <div\n                className={classNames(\n                  styles['Pagination__page'],\n                  styles['Pagination__page--type-ellipsis'],\n                  pageSizeYClassNames[sizeY],\n                  disabled && styles['Pagination__page--disabled'],\n                )}\n              >\n                &#8230;\n              </div>\n            </li>\n          );\n        default: {\n          const isCurrent = page === currentPage;\n          return (\n            <li key={page}>\n              <Tappable\n                className={classNames(\n                  styles['Pagination__page'],\n                  pageSizeYClassNames[sizeY],\n                  isCurrent && styles['Pagination__page--current'],\n                  disabled && styles['Pagination__page--disabled'],\n                )}\n                activeMode={styles['Pagination__page--state-active']}\n                hoverMode={styles['Pagination__page--state-hover']}\n                hasActive={!isCurrent}\n                hasHover={!isCurrent}\n                focusVisibleMode=\"outside\"\n                disabled={disabled}\n                data-page={page}\n                aria-current={isCurrent ? true : undefined}\n                aria-label={getPageAriaLabel(page, isCurrent)}\n                onClick={handleClick}\n              >\n                {page}\n              </Tappable>\n            </li>\n          );\n        }\n      }\n    },\n    [sizeY, currentPage, disabled, getPageAriaLabel, handleClick],\n  );\n\n  return (\n    <nav\n      className={classNames(styles['Pagination'], className)}\n      role=\"navigation\"\n      aria-label=\"Навигация по страницам\"\n      ref={getRootRef}\n      {...resetProps}\n    >\n      <ul className={styles['Pagination__list']}>\n        <li className={styles['Pagination__prevButtonContainer']}>\n          <Button\n            size=\"l\"\n            before={<Icon24ChevronCompactLeft width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            disabled={isFirstPage || disabled}\n            aria-label={prevButtonAriaLabel}\n            onClick={handlePrevClick}\n          />\n        </li>\n        {pages.map(renderPages)}\n        <li className={styles['Pagination__nextButtonContainer']}>\n          <Button\n            size=\"l\"\n            after={<Icon24ChevronCompactRight width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            disabled={isLastPage || disabled}\n            aria-label={nextButtonAriaLabel}\n            onClick={handleNextClick}\n          />\n        </li>\n      </ul>\n    </nav>\n  );\n};\n"],"names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","classNames","useAdaptivity","usePagination","SizeType","Button","Tappable","pageSizeYClassNames","none","COMPACT","REGULAR","getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","className","resetProps","sizeY","pages","isFirstPage","isLastPage","handlePrevClick","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","li","key","div","activeMode","hoverMode","hasActive","hasHover","focusVisibleMode","data-page","aria-current","undefined","aria-label","onClick","nav","role","ref","ul","size","before","width","appearance","mode","map","after"],"mappings":"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"}