@vkontakte/vkui 5.0.3 → 5.1.2

package/dist/cjs/components/ModalRoot/useModalManager.js

@@ -17,13 +17,13 @@ var _types = require("./types");
 var _warnOnce = require("../../lib/warnOnce");
 var _getNavId = require("../../lib/getNavId");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-var _utils = require("../../lib/utils");
+var _vkjs = require("@vkontakte/vkjs");
 function getModals(children) {
   return React.Children.toArray(children);
 }
-var warn = (0, _warnOnce.warnOnce)("ModalRoot");
+var warn = (0, _warnOnce.warnOnce)('ModalRoot');
 function modalTransitionReducer(state, action) {
-  if (action.type === "setActive" && action.id !== state.activeModal) {
+  if (action.type === 'setActive' && action.id !== state.activeModal) {
     var nextModal = action.id;
     // preserve exiting modal if switching mid-transition
     var prevModal = state.exitingModal || state.activeModal;
@@ -45,17 +45,17 @@ function modalTransitionReducer(state, action) {
       isBack: isBack
     };
   }
-  if (action.type === "entered" && action.id === state.enteringModal) {
+  if (action.type === 'entered' && action.id === state.enteringModal) {
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
       enteringModal: null
     });
   }
-  if (action.type === "exited" && action.id === state.exitingModal) {
+  if (action.type === 'exited' && action.id === state.exitingModal) {
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
       exitingModal: null
     });
   }
-  if (action.type === "inited" && action.id === state.activeModal) {
+  if (action.type === 'inited' && action.id === state.activeModal) {
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
       enteringModal: action.id
     });
@@ -76,11 +76,11 @@ function modalTransitionReducer(state, action) {
  * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен
  */
 function useModalManager(activeModal, children) {
-  var onOpen = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _utils.noop;
-  var onOpened = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _utils.noop;
-  var onClose = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : _utils.noop;
-  var onClosed = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : _utils.noop;
-  var initModal = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : _utils.noop;
+  var onOpen = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _vkjs.noop;
+  var onOpened = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _vkjs.noop;
+  var onClose = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : _vkjs.noop;
+  var onClosed = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : _vkjs.noop;
+  var initModal = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : _vkjs.noop;
   var modalsState = React.useRef({}).current;
   getModals(children).forEach(function (Modal) {
     var modalProps = Modal.props;
@@ -94,7 +94,7 @@ function useModalManager(activeModal, children) {
     state.onClosed = Modal.props.onClosed;
     state.dynamicContentHeight = !!modalProps.dynamicContentHeight;
     // ModalPage props
-    if (typeof modalProps.settlingHeight === "number") {
+    if (typeof modalProps.settlingHeight === 'number') {
       state.settlingHeight = modalProps.settlingHeight;
     }
     if (state.id !== null) {
@@ -117,11 +117,11 @@ function useModalManager(activeModal, children) {
   // Map props to state, render activeModal for init
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     // ignore non-existent activeModal
-    if (process.env.NODE_ENV === "development" && isMissing) {
-      warn("\u041F\u0435\u0440\u0435\u0445\u043E\u0434 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D - \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E (\u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430) ".concat(activeModal, " \u043D\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442"), "error");
+    if (process.env.NODE_ENV === 'development' && isMissing) {
+      warn("\u041F\u0435\u0440\u0435\u0445\u043E\u0434 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D - \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E (\u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430) ".concat(activeModal, " \u043D\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442"), 'error');
     }
     dispatchTransition({
-      type: "setActive",
+      type: 'setActive',
       id: safeActiveModal !== null && safeActiveModal !== void 0 ? safeActiveModal : null
     });
   }, [activeModal]);
@@ -131,7 +131,7 @@ function useModalManager(activeModal, children) {
     if (transitionState.activeModal) {
       initModal(modalsState[transitionState.activeModal]);
       dispatchTransition({
-        type: "inited",
+        type: 'inited',
         id: transitionState.activeModal
       });
     }
@@ -143,28 +143,28 @@ function useModalManager(activeModal, children) {
   var onEntered = React.useCallback(function (id) {
     if (id) {
       var modalState = modalsState[id];
-      if ((0, _utils.isFunction)(modalState.onOpened)) {
+      if ((0, _vkjs.isFunction)(modalState.onOpened)) {
         modalState.onOpened();
-      } else if ((0, _utils.isFunction)(onOpened)) {
+      } else if ((0, _vkjs.isFunction)(onOpened)) {
         onOpened(id);
       }
     }
     dispatchTransition({
-      type: "entered",
+      type: 'entered',
       id: id
     });
   }, [modalsState, onOpened]);
   var onExited = React.useCallback(function (id) {
     if (id) {
       var modalState = modalsState[id];
-      if ((0, _utils.isFunction)(modalState.onClosed)) {
+      if ((0, _vkjs.isFunction)(modalState.onClosed)) {
         modalState.onClosed();
-      } else if ((0, _utils.isFunction)(onClosed)) {
+      } else if ((0, _vkjs.isFunction)(onClosed)) {
         onClosed(id);
       }
     }
     dispatchTransition({
-      type: "exited",
+      type: 'exited',
       id: id
     });
   }, [modalsState, onClosed]);
@@ -175,9 +175,9 @@ function useModalManager(activeModal, children) {
   function onEnter() {
     var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
     if (modalState) {
-      if ((0, _utils.isFunction)(modalState.onOpen)) {
+      if ((0, _vkjs.isFunction)(modalState.onOpen)) {
         modalState.onOpen();
-      } else if ((0, _utils.isFunction)(onOpen)) {
+      } else if ((0, _vkjs.isFunction)(onOpen)) {
         onOpen(modalState.id);
       }
     }
@@ -185,9 +185,9 @@ function useModalManager(activeModal, children) {
   function onExit() {
     var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
     if (modalState) {
-      if ((0, _utils.isFunction)(modalState.onClose)) {
+      if ((0, _vkjs.isFunction)(modalState.onClose)) {
         modalState.onClose();
-      } else if ((0, _utils.isFunction)(onClose)) {
+      } else if ((0, _vkjs.isFunction)(onClose)) {
         onClose(modalState.id);
       }
     }
@@ -203,7 +203,7 @@ function useModalManager(activeModal, children) {
   });
 }
 function withModalManager() {
-  var initModal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _utils.noop;
+  var initModal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _vkjs.noop;
   return function (Wrapped) {
     return function WithModalManager(props) {
       var transitionManager = useModalManager(props.activeModal, props.children, props.onOpen, props.onOpened, props.onClose, props.onClosed, initModal);

package/dist/cjs/components/ModalRoot/useModalManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModalManager.js","names":["getModals","children","React","Children","toArray","warn","warnOnce","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","useModalManager","onOpen","noop","onOpened","onClose","onClosed","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","getNavId","undefined","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","useIsomorphicLayoutEffect","process","env","NODE_ENV","isCard","ModalType","CARD","onEntered","useCallback","modalState","isFunction","onExited","delayEnter","getModalState","onEnter","onExit","withModalManager","Wrapped","WithModalManager","transitionManager"],"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ModalsState, ModalsStateEntry, ModalType } from \"./types\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop, isFunction } from \"../../lib/utils\";\n\ninterface ModalTransitionState {\n  activeModal?: string | null;\n  enteringModal?: string | null;\n  exitingModal?: string | null;\n\n  history?: string[];\n  isBack?: boolean | null;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n  onEnter: VoidFunction;\n  onEntered: (id: string | null) => void;\n  onExit: VoidFunction;\n  onExited: (id: string | null) => void;\n  getModalState: (id: string) => ModalsStateEntry;\n  delayEnter: boolean;\n}\n\nfunction getModals(children: React.ReactNode | React.ReactNode[]) {\n  return React.Children.toArray(children) as React.ReactElement[];\n}\n\nconst warn = warnOnce(\"ModalRoot\");\n\nexport function modalTransitionReducer(\n  state: ModalTransitionState,\n  action: {\n    type: \"setActive\" | \"entered\" | \"exited\" | \"inited\";\n    id: string | null;\n  }\n): ModalTransitionState {\n  if (action.type === \"setActive\" && action.id !== state.activeModal) {\n    const nextModal = action.id;\n    // preserve exiting modal if switching mid-transition\n    const prevModal = state.exitingModal || state.activeModal;\n    let history = state.history ? [...state.history] : [];\n    const isBack = Boolean(nextModal && history.includes(nextModal));\n\n    if (nextModal === null) {\n      history = [];\n    } else if (isBack) {\n      history = history.splice(0, history.indexOf(nextModal) + 1);\n    } else {\n      history.push(nextModal);\n    }\n\n    return {\n      activeModal: nextModal,\n      // not entering yet\n      enteringModal: null,\n      exitingModal: prevModal,\n      history,\n      isBack,\n    };\n  }\n  if (action.type === \"entered\" && action.id === state.enteringModal) {\n    return { ...state, enteringModal: null };\n  }\n  if (action.type === \"exited\" && action.id === state.exitingModal) {\n    return { ...state, exitingModal: null };\n  }\n  if (action.type === \"inited\" && action.id === state.activeModal) {\n    return { ...state, enteringModal: action.id };\n  }\n  return state;\n}\n\n/**\n * Реализует переход модалок. При смене activeModal m1 -> m2:\n * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода\n * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода\n * одновременный переход между ModalPage:\n *   3a. activeModal: m2, exitingModal: m1, enteringModal: m2\n *   4a. exitingModal и enteringModal переходят в null в порядке завершения анимации\n * ИЛИ дожидаемся скрытия ModalCard\n *   3b. activeModal: m2, exitingModal: null, enteringModal: m2\n *   4b. enteringModal переходит в null после завершения анимации\n * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен\n */\nexport function useModalManager(\n  activeModal: string | null | undefined,\n  children: React.ReactNode | React.ReactNode[],\n  onOpen: (id: string) => void = noop,\n  onOpened: (id: string) => void = noop,\n  onClose: (id: string) => void = noop,\n  onClosed: (id: string) => void = noop,\n  initModal: (state: ModalsStateEntry) => void = noop\n): ModalTransitionProps {\n  const modalsState = React.useRef<ModalsState>({}).current;\n  getModals(children).forEach((Modal) => {\n    const modalProps = Modal.props;\n    const id = getNavId(modalProps, warn);\n    const state: ModalsStateEntry = (id !== undefined && modalsState[id]) || {\n      id: id ?? null,\n    };\n\n    state.onOpen = Modal.props.onOpen;\n    state.onOpened = Modal.props.onOpened;\n    state.onClose = Modal.props.onClose;\n    state.onClosed = Modal.props.onClosed;\n    state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\n    // ModalPage props\n    if (typeof modalProps.settlingHeight === \"number\") {\n      state.settlingHeight = modalProps.settlingHeight;\n    }\n\n    if (state.id !== null) {\n      modalsState[state.id] = state;\n    }\n  });\n\n  const isMissing = activeModal && !modalsState[activeModal];\n  const safeActiveModal = isMissing ? null : activeModal;\n  const [transitionState, dispatchTransition] = React.useReducer(\n    modalTransitionReducer,\n    {\n      activeModal: safeActiveModal,\n      enteringModal: null,\n      exitingModal: null,\n      history: safeActiveModal ? [safeActiveModal] : [],\n      isBack: false,\n    }\n  );\n\n  // Map props to state, render activeModal for init\n  useIsomorphicLayoutEffect(() => {\n    // ignore non-existent activeModal\n    if (process.env.NODE_ENV === \"development\" && isMissing) {\n      warn(\n        `Переход невозможен - модальное окно (страница) ${activeModal} не существует`,\n        \"error\"\n      );\n    }\n    dispatchTransition({ type: \"setActive\", id: safeActiveModal ?? null });\n  }, [activeModal]);\n\n  // Init activeModal & set enteringModal\n  useIsomorphicLayoutEffect(() => {\n    if (transitionState.activeModal) {\n      initModal(modalsState[transitionState.activeModal]);\n      dispatchTransition({ type: \"inited\", id: transitionState.activeModal });\n    }\n  }, [transitionState.activeModal]);\n\n  const isCard = (id: string | null | undefined) =>\n    id != null && modalsState[id]?.type === ModalType.CARD;\n  const onEntered = React.useCallback(\n    (id: string | null) => {\n      if (id) {\n        const modalState = modalsState[id];\n\n        if (isFunction(modalState.onOpened)) {\n          modalState.onOpened();\n        } else if (isFunction(onOpened)) {\n          onOpened(id);\n        }\n      }\n\n      dispatchTransition({ type: \"entered\", id });\n    },\n    [modalsState, onOpened]\n  );\n  const onExited = React.useCallback(\n    (id: string | null) => {\n      if (id) {\n        const modalState = modalsState[id];\n\n        if (isFunction(modalState.onClosed)) {\n          modalState.onClosed();\n        } else if (isFunction(onClosed)) {\n          onClosed(id);\n        }\n      }\n\n      dispatchTransition({ type: \"exited\", id });\n    },\n    [modalsState, onClosed]\n  );\n  const delayEnter = Boolean(\n    transitionState.exitingModal &&\n      (isCard(activeModal) || isCard(transitionState.exitingModal))\n  );\n  const getModalState = React.useCallback(\n    (id: string) => modalsState[id],\n    [modalsState]\n  );\n\n  function onEnter() {\n    const modalState =\n      transitionState.activeModal && modalsState[transitionState.activeModal];\n    if (modalState) {\n      if (isFunction(modalState.onOpen)) {\n        modalState.onOpen();\n      } else if (isFunction(onOpen)) {\n        onOpen(modalState.id);\n      }\n    }\n  }\n\n  function onExit() {\n    const modalState =\n      transitionState.activeModal && modalsState[transitionState.activeModal];\n    if (modalState) {\n      if (isFunction(modalState.onClose)) {\n        modalState.onClose();\n      } else if (isFunction(onClose)) {\n        onClose(modalState.id);\n      }\n    }\n  }\n\n  return {\n    onEnter,\n    onEntered,\n    onExit,\n    onExited,\n    ...transitionState,\n    delayEnter,\n    getModalState,\n  };\n}\n\nexport function withModalManager(\n  initModal: (a: ModalsStateEntry) => void = noop\n) {\n  return function <Props extends ModalTransitionProps>(\n    Wrapped: React.ComponentType<Props>\n  ): React.ComponentType<\n    Omit<Props, keyof ModalTransitionProps> & {\n      activeModal?: string | null;\n      children?: React.ReactNode;\n    }\n  > {\n    return function WithModalManager(props) {\n      const transitionManager = useModalManager(\n        props.activeModal,\n        props.children,\n        (props as any).onOpen,\n        (props as any).onOpened,\n        (props as any).onClose,\n        (props as any).onClosed,\n        initModal\n      );\n      return <Wrapped {...(props as any)} {...transitionManager} />;\n    };\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useModalManager.js","names":["getModals","children","React","Children","toArray","warn","warnOnce","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","useModalManager","onOpen","noop","onOpened","onClose","onClosed","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","getNavId","undefined","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","useIsomorphicLayoutEffect","process","env","NODE_ENV","isCard","ModalType","CARD","onEntered","useCallback","modalState","isFunction","onExited","delayEnter","getModalState","onEnter","onExit","withModalManager","Wrapped","WithModalManager","transitionManager"],"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ModalsState, ModalsStateEntry, ModalType } from './types';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { getNavId } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { noop, isFunction } from '@vkontakte/vkjs';\n\ninterface ModalTransitionState {\n  activeModal?: string | null;\n  enteringModal?: string | null;\n  exitingModal?: string | null;\n\n  history?: string[];\n  isBack?: boolean | null;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n  onEnter: VoidFunction;\n  onEntered: (id: string | null) => void;\n  onExit: VoidFunction;\n  onExited: (id: string | null) => void;\n  getModalState: (id: string) => ModalsStateEntry;\n  delayEnter: boolean;\n}\n\nfunction getModals(children: React.ReactNode | React.ReactNode[]) {\n  return React.Children.toArray(children) as React.ReactElement[];\n}\n\nconst warn = warnOnce('ModalRoot');\n\nexport function modalTransitionReducer(\n  state: ModalTransitionState,\n  action: {\n    type: 'setActive' | 'entered' | 'exited' | 'inited';\n    id: string | null;\n  },\n): ModalTransitionState {\n  if (action.type === 'setActive' && action.id !== state.activeModal) {\n    const nextModal = action.id;\n    // preserve exiting modal if switching mid-transition\n    const prevModal = state.exitingModal || state.activeModal;\n    let history = state.history ? [...state.history] : [];\n    const isBack = Boolean(nextModal && history.includes(nextModal));\n\n    if (nextModal === null) {\n      history = [];\n    } else if (isBack) {\n      history = history.splice(0, history.indexOf(nextModal) + 1);\n    } else {\n      history.push(nextModal);\n    }\n\n    return {\n      activeModal: nextModal,\n      // not entering yet\n      enteringModal: null,\n      exitingModal: prevModal,\n      history,\n      isBack,\n    };\n  }\n  if (action.type === 'entered' && action.id === state.enteringModal) {\n    return { ...state, enteringModal: null };\n  }\n  if (action.type === 'exited' && action.id === state.exitingModal) {\n    return { ...state, exitingModal: null };\n  }\n  if (action.type === 'inited' && action.id === state.activeModal) {\n    return { ...state, enteringModal: action.id };\n  }\n  return state;\n}\n\n/**\n * Реализует переход модалок. При смене activeModal m1 -> m2:\n * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода\n * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода\n * одновременный переход между ModalPage:\n *   3a. activeModal: m2, exitingModal: m1, enteringModal: m2\n *   4a. exitingModal и enteringModal переходят в null в порядке завершения анимации\n * ИЛИ дожидаемся скрытия ModalCard\n *   3b. activeModal: m2, exitingModal: null, enteringModal: m2\n *   4b. enteringModal переходит в null после завершения анимации\n * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен\n */\nexport function useModalManager(\n  activeModal: string | null | undefined,\n  children: React.ReactNode | React.ReactNode[],\n  onOpen: (id: string) => void = noop,\n  onOpened: (id: string) => void = noop,\n  onClose: (id: string) => void = noop,\n  onClosed: (id: string) => void = noop,\n  initModal: (state: ModalsStateEntry) => void = noop,\n): ModalTransitionProps {\n  const modalsState = React.useRef<ModalsState>({}).current;\n  getModals(children).forEach((Modal) => {\n    const modalProps = Modal.props;\n    const id = getNavId(modalProps, warn);\n    const state: ModalsStateEntry = (id !== undefined && modalsState[id]) || {\n      id: id ?? null,\n    };\n\n    state.onOpen = Modal.props.onOpen;\n    state.onOpened = Modal.props.onOpened;\n    state.onClose = Modal.props.onClose;\n    state.onClosed = Modal.props.onClosed;\n    state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\n    // ModalPage props\n    if (typeof modalProps.settlingHeight === 'number') {\n      state.settlingHeight = modalProps.settlingHeight;\n    }\n\n    if (state.id !== null) {\n      modalsState[state.id] = state;\n    }\n  });\n\n  const isMissing = activeModal && !modalsState[activeModal];\n  const safeActiveModal = isMissing ? null : activeModal;\n  const [transitionState, dispatchTransition] = React.useReducer(modalTransitionReducer, {\n    activeModal: safeActiveModal,\n    enteringModal: null,\n    exitingModal: null,\n    history: safeActiveModal ? [safeActiveModal] : [],\n    isBack: false,\n  });\n\n  // Map props to state, render activeModal for init\n  useIsomorphicLayoutEffect(() => {\n    // ignore non-existent activeModal\n    if (process.env.NODE_ENV === 'development' && isMissing) {\n      warn(`Переход невозможен - модальное окно (страница) ${activeModal} не существует`, 'error');\n    }\n    dispatchTransition({ type: 'setActive', id: safeActiveModal ?? null });\n  }, [activeModal]);\n\n  // Init activeModal & set enteringModal\n  useIsomorphicLayoutEffect(() => {\n    if (transitionState.activeModal) {\n      initModal(modalsState[transitionState.activeModal]);\n      dispatchTransition({ type: 'inited', id: transitionState.activeModal });\n    }\n  }, [transitionState.activeModal]);\n\n  const isCard = (id: string | null | undefined) =>\n    id != null && modalsState[id]?.type === ModalType.CARD;\n  const onEntered = React.useCallback(\n    (id: string | null) => {\n      if (id) {\n        const modalState = modalsState[id];\n\n        if (isFunction(modalState.onOpened)) {\n          modalState.onOpened();\n        } else if (isFunction(onOpened)) {\n          onOpened(id);\n        }\n      }\n\n      dispatchTransition({ type: 'entered', id });\n    },\n    [modalsState, onOpened],\n  );\n  const onExited = React.useCallback(\n    (id: string | null) => {\n      if (id) {\n        const modalState = modalsState[id];\n\n        if (isFunction(modalState.onClosed)) {\n          modalState.onClosed();\n        } else if (isFunction(onClosed)) {\n          onClosed(id);\n        }\n      }\n\n      dispatchTransition({ type: 'exited', id });\n    },\n    [modalsState, onClosed],\n  );\n  const delayEnter = Boolean(\n    transitionState.exitingModal && (isCard(activeModal) || isCard(transitionState.exitingModal)),\n  );\n  const getModalState = React.useCallback((id: string) => modalsState[id], [modalsState]);\n\n  function onEnter() {\n    const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n    if (modalState) {\n      if (isFunction(modalState.onOpen)) {\n        modalState.onOpen();\n      } else if (isFunction(onOpen)) {\n        onOpen(modalState.id);\n      }\n    }\n  }\n\n  function onExit() {\n    const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n    if (modalState) {\n      if (isFunction(modalState.onClose)) {\n        modalState.onClose();\n      } else if (isFunction(onClose)) {\n        onClose(modalState.id);\n      }\n    }\n  }\n\n  return {\n    onEnter,\n    onEntered,\n    onExit,\n    onExited,\n    ...transitionState,\n    delayEnter,\n    getModalState,\n  };\n}\n\nexport function withModalManager(initModal: (a: ModalsStateEntry) => void = noop) {\n  return function <Props extends ModalTransitionProps>(\n    Wrapped: React.ComponentType<Props>,\n  ): React.ComponentType<\n    Omit<Props, keyof ModalTransitionProps> & {\n      activeModal?: string | null;\n      children?: React.ReactNode;\n    }\n  > {\n    return function WithModalManager(props) {\n      const transitionManager = useModalManager(\n        props.activeModal,\n        props.children,\n        (props as any).onOpen,\n        (props as any).onOpened,\n        (props as any).onClose,\n        (props as any).onClosed,\n        initModal,\n      );\n      return <Wrapped {...(props as any)} {...transitionManager} />;\n    };\n  };\n}\n"],"mappings":"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"}

package/dist/cjs/components/ModalRoot/useModalRootContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModalRootContext.js","names":["useModalRootContext","React","useContext","ModalRootContext"],"sources":["../../../../src/components/ModalRoot/useModalRootContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalRootContext } from \"./ModalRootContext\";\n\nexport const useModalRootContext = () => React.useContext(ModalRootContext);\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB;EAAA,OAASC,cAAK,CAACC,UAAU,CAACC,kCAAgB,CAAC;AAAA;AAAC"}
+{"version":3,"file":"useModalRootContext.js","names":["useModalRootContext","React","useContext","ModalRootContext"],"sources":["../../../../src/components/ModalRoot/useModalRootContext.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalRootContext } from './ModalRootContext';\n\nexport const useModalRootContext = () => React.useContext(ModalRootContext);\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB;EAAA,OAASC,cAAK,CAACC,UAAU,CAACC,kCAAgB,CAAC;AAAA;AAAC"}

package/dist/cjs/components/ModalRoot/withModalRootContext.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { ModalRootContextInterface } from "./ModalRootContext";
-declare type PickedProps = Pick<ModalRootContextInterface, "updateModalHeight">;
+import * as React from 'react';
+import { ModalRootContextInterface } from './ModalRootContext';
+declare type PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;
 export declare function withModalRootContext<P extends PickedProps>(Component: React.ComponentType<P>): React.ComponentType<Omit<P, keyof PickedProps>>;
 export {};

package/dist/cjs/components/ModalRoot/withModalRootContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"withModalRootContext.js","names":["withModalRootContext","Component","WithModalRootContext","props","React","useContext","ModalRootContext","updateModalHeight"],"sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  ModalRootContext,\n  ModalRootContextInterface,\n} from \"./ModalRootContext\";\n\ntype PickedProps = Pick<ModalRootContextInterface, \"updateModalHeight\">;\n\nexport function withModalRootContext<P extends PickedProps>(\n  Component: React.ComponentType<P>\n): React.ComponentType<Omit<P, keyof PickedProps>> {\n  function WithModalRootContext(props: Omit<P, keyof PickedProps>) {\n    const { updateModalHeight } = React.useContext(ModalRootContext);\n\n    return (\n      <Component {...(props as P)} updateModalHeight={updateModalHeight} />\n    );\n  }\n  return WithModalRootContext;\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AAOO,SAASA,oBAAoB,CAClCC,SAAiC,EACgB;EACjD,SAASC,oBAAoB,CAACC,KAAiC,EAAE;IAC/D,wBAA8BC,KAAK,CAACC,UAAU,CAACC,kCAAgB,CAAC;MAAxDC,iBAAiB,qBAAjBA,iBAAiB;IAEzB,oBACE,oBAAC,SAAS,6BAAMJ,KAAK;MAAQ,iBAAiB,EAAEI;IAAkB,GAAG;EAEzE;EACA,OAAOL,oBAAoB;AAC7B"}
+{"version":3,"file":"withModalRootContext.js","names":["withModalRootContext","Component","WithModalRootContext","props","React","useContext","ModalRootContext","updateModalHeight"],"sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\n\ntype PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;\n\nexport function withModalRootContext<P extends PickedProps>(\n  Component: React.ComponentType<P>,\n): React.ComponentType<Omit<P, keyof PickedProps>> {\n  function WithModalRootContext(props: Omit<P, keyof PickedProps>) {\n    const { updateModalHeight } = React.useContext(ModalRootContext);\n\n    return <Component {...(props as P)} updateModalHeight={updateModalHeight} />;\n  }\n  return WithModalRootContext;\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AAIO,SAASA,oBAAoB,CAClCC,SAAiC,EACgB;EACjD,SAASC,oBAAoB,CAACC,KAAiC,EAAE;IAC/D,wBAA8BC,KAAK,CAACC,UAAU,CAACC,kCAAgB,CAAC;MAAxDC,iBAAiB,qBAAjBA,iBAAiB;IAEzB,oBAAO,oBAAC,SAAS,6BAAMJ,KAAK;MAAQ,iBAAiB,EAAEI;IAAkB,GAAG;EAC9E;EACA,OAAOL,oBAAoB;AAC7B"}

package/dist/cjs/components/NativeSelect/NativeSelect.d.ts

@@ -1,19 +1,19 @@
-import * as React from "react";
-import { FormFieldProps } from "../FormField/FormField";
-import { HasAlign, HasRef, HasRootRef } from "../../types";
-import { SelectType } from "../Select/Select";
-export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, HasRef<HTMLSelectElement>, HasRootRef<HTMLLabelElement>, HasAlign, Pick<FormFieldProps, "status"> {
+import * as React from 'react';
+import { FormFieldProps } from '../FormField/FormField';
+import { HasAlign, HasRef, HasRootRef } from '../../types';
+import type { SelectType } from '../Select/Select';
+export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, HasRef<HTMLSelectElement>, HasRootRef<HTMLLabelElement>, HasAlign, Pick<FormFieldProps, 'status'> {
     placeholder?: string;
     multiline?: boolean;
     selectType?: SelectType;
 }
 export interface SelectState {
-    value?: React.SelectHTMLAttributes<HTMLSelectElement>["value"];
+    value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];
     title?: string;
     notSelected?: boolean;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/NativeSelect
  */
-declare const NativeSelect: ({ style, defaultValue, align, placeholder, children, className, getRef, getRootRef, disabled, multiline, selectType, status, ...restProps }: NativeSelectProps) => JSX.Element;
+declare const NativeSelect: ({ style, defaultValue, align, placeholder, children, className, getRef, getRootRef, disabled, multiline, selectType, status, onChange: onChangeProp, value: valueProp, ...restProps }: NativeSelectProps) => JSX.Element;
 export { NativeSelect };

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

@@ -10,7 +10,7 @@ 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 React = _interopRequireWildcard(require("react"));
-var _classNames = require("../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _DropdownIcon = require("../DropdownIcon/DropdownIcon");
 var _FormField = require("../FormField/FormField");
 var _getPlatformClassName = require("../../helpers/getPlatformClassName");
@@ -21,15 +21,15 @@ var _usePlatform = require("../../hooks/usePlatform");
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 var _getSizeXClassName = require("../../helpers/getSizeXClassName");
 var _getSizeYClassName = require("../../helpers/getSizeYClassName");
-var _Select = require("../Select/Select");
-var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "className", "getRef", "getRootRef", "disabled", "multiline", "selectType", "status"];
+var _SelectTypography = require("../SelectTypography/SelectTypography");
+var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "className", "getRef", "getRootRef", "disabled", "multiline", "selectType", "status", "onChange", "value"];
 /**
  * @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,
+    defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
     align = _ref.align,
     placeholder = _ref.placeholder,
     children = _ref.children,
@@ -39,11 +39,13 @@ var NativeSelect = function NativeSelect(_ref) {
     disabled = _ref.disabled,
     multiline = _ref.multiline,
     _ref$selectType = _ref.selectType,
-    selectType = _ref$selectType === void 0 ? "default" : _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 platform = (0, _usePlatform.usePlatform)();
-  var _React$useState = React.useState(""),
+  var _React$useState = React.useState(''),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     title = _React$useState2[0],
     setTitle = _React$useState2[1];
@@ -51,8 +53,11 @@ var NativeSelect = function NativeSelect(_ref) {
     _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
     empty = _React$useState4[0],
     setEmpty = _React$useState4[1];
-  var _useEnsuredControl = (0, _useEnsuredControl3.useEnsuredControl)(restProps, {
-      defaultValue: defaultValue
+  var _useEnsuredControl = (0, _useEnsuredControl3.useEnsuredControl)({
+      defaultValue: defaultValue,
+      disabled: disabled,
+      onChange: onChangeProp,
+      value: valueProp
     }),
     _useEnsuredControl2 = (0, _slicedToArray2.default)(_useEnsuredControl, 2),
     value = _useEnsuredControl2[0],
@@ -66,12 +71,12 @@ var NativeSelect = function NativeSelect(_ref) {
     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);
+      setEmpty(selectedOption.value === '' && placeholder != null);
     }
   }, [value, children]);
   return /*#__PURE__*/React.createElement(_FormField.FormField, {
     Component: "label",
-    className: (0, _classNames.classNamesString)("vkuiSelect", (0, _getPlatformClassName.getPlatformClassName)("vkuiSelect", platform), empty && "vkuiSelect--empty", multiline && "vkuiSelect--multiline", align && styles["Select--align-".concat(align)], (0, _getSizeXClassName.getSizeXClassName)("vkuiSelect", sizeX), (0, _getSizeYClassName.getSizeYClassName)("vkuiSelect", sizeY), className),
+    className: (0, _vkjs.classNames)("vkuiSelect", (0, _getPlatformClassName.getPlatformClassName)("vkuiSelect", platform), empty && "vkuiSelect--empty", multiline && "vkuiSelect--multiline", align && styles["Select--align-".concat(align)], (0, _getSizeXClassName.getSizeXClassName)("vkuiSelect", sizeX), (0, _getSizeYClassName.getSizeYClassName)("vkuiSelect", sizeY), className),
     style: style,
     getRootRef: getRootRef,
     disabled: disabled,
@@ -87,7 +92,7 @@ var NativeSelect = function NativeSelect(_ref) {
     value: ""
   }, placeholder), children), /*#__PURE__*/React.createElement("div", {
     className: "vkuiSelect__container"
-  }, /*#__PURE__*/React.createElement(_Select.SelectTypography, {
+  }, /*#__PURE__*/React.createElement(_SelectTypography.SelectTypography, {
     className: "vkuiSelect__title",
     selectType: selectType
   }, title)));

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

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.js","names":["NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","multiline","selectType","status","restProps","platform","usePlatform","React","useState","title","setTitle","empty","setEmpty","useEnsuredControl","value","onChange","selectRef","useExternRef","useAdaptivity","sizeX","sizeY","useIsomorphicLayoutEffect","selectedOption","current","options","selectedIndex","text","classNamesString","getPlatformClassName","styles","getSizeXClassName","getSizeYClassName"],"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { getPlatformClassName } from \"../../helpers/getPlatformClassName\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { SelectType, SelectTypography } from \"../Select/Select\";\nimport styles from \"../Select/Select.module.css\";\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  ...restProps\n}: NativeSelectProps) => {\n  const platform = usePlatform();\n  const [title, setTitle] = React.useState(\"\");\n  const [empty, setEmpty] = React.useState(false);\n  const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n  const selectRef = useExternRef(getRef);\n  const { sizeX, sizeY } = useAdaptivity();\n\n  useIsomorphicLayoutEffect(() => {\n    const selectedOption =\n      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={classNamesString(\n        styles[\"Select\"],\n        getPlatformClassName(styles[\"Select\"], platform),\n        empty && styles[\"Select--empty\"],\n        multiline && styles[\"Select--multiline\"],\n        align && styles[`Select--align-${align}`],\n        getSizeXClassName(styles[\"Select\"], sizeX),\n        getSizeYClassName(styles[\"Select\"], 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\n          className={styles[\"Select__title\"]}\n          selectType={selectType}\n        >\n          {title}\n        </SelectTypography>\n      </div>\n    </FormField>\n  );\n};\n\nexport { NativeSelect };\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgE;AAoBhE;AACA;AACA;AACA,IAAMA,YAAY,GAAG,SAAfA,YAAY,OAcO;EAAA,IAbvBC,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;IACHC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAC9B,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,EAACT,SAAS,EAAE;MAAEX,YAAY,EAAZA;IAAa,CAAC,CAAC;IAAA;IAAjEqB,KAAK;IAAEC,QAAQ;EACtB,IAAMC,SAAS,GAAG,IAAAC,0BAAY,EAACnB,MAAM,CAAC;EACtC,qBAAyB,IAAAoB,6BAAa,GAAE;IAAhCC,KAAK,kBAALA,KAAK;IAAEC,KAAK,kBAALA,KAAK;EAEpB,IAAAC,oDAAyB,EAAC,YAAM;IAAA;IAC9B,IAAMC,cAAc,yBAClBN,SAAS,CAACO,OAAO,uDAAjB,mBAAmBC,OAAO,CAACR,SAAS,CAACO,OAAO,CAACE,aAAa,CAAC;IAC7D,IAAIH,cAAc,EAAE;MAClBZ,QAAQ,CAACY,cAAc,CAACI,IAAI,CAAC;MAC7Bd,QAAQ,CAACU,cAAc,CAACR,KAAK,KAAK,EAAE,IAAInB,WAAW,IAAI,IAAI,CAAC;IAC9D;EACF,CAAC,EAAE,CAACmB,KAAK,EAAElB,QAAQ,CAAC,CAAC;EAErB,oBACE,oBAAC,oBAAS;IACR,SAAS,EAAC,OAAO;IACjB,SAAS,EAAE,IAAA+B,4BAAgB,gBAEzB,IAAAC,0CAAoB,gBAAmBvB,QAAQ,CAAC,EAChDM,KAAK,uBAA2B,EAChCV,SAAS,2BAA+B,EACxCP,KAAK,IAAImC,MAAM,yBAAkBnC,KAAK,EAAG,EACzC,IAAAoC,oCAAiB,gBAAmBX,KAAK,CAAC,EAC1C,IAAAY,oCAAiB,gBAAmBX,KAAK,CAAC,EAC1CvB,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,yDACMC,SAAS;IACb,QAAQ,EAAEJ,QAAS;IACnB,SAAS,kBAAuB;IAChC,QAAQ,EAAEe,QAAS;IACnB,KAAK,EAAED,KAAM;IACb,GAAG,EAAEE;EAAU,IAEdrB,WAAW,iBAAI;IAAQ,KAAK,EAAC;EAAE,GAAEA,WAAW,CAAU,EACtDC,QAAQ,CACF,eACT;IAAK,SAAS;EAA8B,gBAC1C,oBAAC,wBAAgB;IACf,SAAS,qBAA0B;IACnC,UAAU,EAAEM;EAAW,GAEtBO,KAAK,CACW,CACf,CACI;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"file":"NativeSelect.js","names":["NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","multiline","selectType","status","onChangeProp","onChange","valueProp","value","restProps","platform","usePlatform","React","useState","title","setTitle","empty","setEmpty","useEnsuredControl","selectRef","useExternRef","useAdaptivity","sizeX","sizeY","useIsomorphicLayoutEffect","selectedOption","current","options","selectedIndex","text","classNames","getPlatformClassName","styles","getSizeXClassName","getSizeYClassName"],"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { getPlatformClassName } from '../../helpers/getPlatformClassName';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { getSizeXClassName } from '../../helpers/getSizeXClassName';\nimport { getSizeYClassName } from '../../helpers/getSizeYClassName';\nimport type { SelectType } from '../Select/Select';\nimport { SelectTypography } from '../SelectTypography/SelectTypography';\nimport styles from '../Select/Select.module.css';\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 platform = usePlatform();\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 { sizeX, sizeY } = 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        getPlatformClassName(styles['Select'], platform),\n        empty && styles['Select--empty'],\n        multiline && styles['Select--multiline'],\n        align && styles[`Select--align-${align}`],\n        getSizeXClassName(styles['Select'], sizeX),\n        getSizeYClassName(styles['Select'], 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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"}

package/dist/cjs/components/NavTransitionContext/NavTransitionContext.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export interface TransitionContextProps {
     entering: boolean;
 }

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 (\n    <TransitionContext.Provider value={contextValue}>\n      {children}\n    </TransitionContext.Provider>\n  );\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,oBACE,oBAAC,iBAAiB,CAAC,QAAQ;IAAC,KAAK,EAAEM;EAAa,GAC7CF,QAAQ,CACkB;AAEjC,CAAC;AAAC"}
+{"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"}

package/dist/cjs/components/Pagination/Pagination.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import type { HasRootRef } from "../../types";
-export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, "onChange">, HasRootRef<HTMLElement> {
+import * as React from 'react';
+import type { HasRootRef } from '../../types';
+export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'>, HasRootRef<HTMLElement> {
     /**
      * Текущая страница.
      */

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

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _icons = require("@vkontakte/icons");
-var _classNames = require("../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 var _usePagination = require("../../hooks/usePagination");
 var _getSizeYClassName = require("../../helpers/getSizeYClassName");
@@ -36,9 +36,9 @@ var Pagination = function Pagination(_ref) {
     _ref$getPageAriaLabel = _ref.getPageAriaLabel,
     getPageAriaLabel = _ref$getPageAriaLabel === void 0 ? getPageAriaLabelDefault : _ref$getPageAriaLabel,
     _ref$prevButtonAriaLa = _ref.prevButtonAriaLabel,
-    prevButtonAriaLabel = _ref$prevButtonAriaLa === void 0 ? "Перейти на предыдущую страницу" : _ref$prevButtonAriaLa,
+    prevButtonAriaLabel = _ref$prevButtonAriaLa === void 0 ? 'Перейти на предыдущую страницу' : _ref$prevButtonAriaLa,
     _ref$nextButtonAriaLa = _ref.nextButtonAriaLabel,
-    nextButtonAriaLabel = _ref$nextButtonAriaLa === void 0 ? "Перейти на следующую страницу" : _ref$nextButtonAriaLa,
+    nextButtonAriaLabel = _ref$nextButtonAriaLa === void 0 ? 'Перейти на следующую страницу' : _ref$nextButtonAriaLa,
     getRootRef = _ref.getRootRef,
     onChange = _ref.onChange,
     className = _ref.className,
@@ -59,7 +59,7 @@ var Pagination = function Pagination(_ref) {
     }
   }, [currentPage, isFirstPage, onChange]);
   var handleClick = React.useCallback(function (event) {
-    var page = event.currentTarget.dataset.page || "1";
+    var page = event.currentTarget.dataset.page || '1';
     onChange === null || onChange === void 0 ? void 0 : onChange(Number(page));
   }, [onChange]);
   var handleNextClick = React.useCallback(function () {
@@ -69,12 +69,12 @@ var Pagination = function Pagination(_ref) {
   }, [currentPage, isLastPage, onChange]);
   var renderPages = React.useCallback(function (page) {
     switch (page) {
-      case "start-ellipsis":
-      case "end-ellipsis":
+      case 'start-ellipsis':
+      case 'end-ellipsis':
         return /*#__PURE__*/React.createElement("li", {
           key: page
         }, /*#__PURE__*/React.createElement("div", {
-          className: (0, _classNames.classNamesString)("vkuiPagination__page", "vkuiPagination__page--type-ellipsis", (0, _getSizeYClassName.getSizeYClassName)("vkuiPagination__page", sizeY), disabled && "vkuiPagination__page--disabled")
+          className: (0, _vkjs.classNames)("vkuiPagination__page", "vkuiPagination__page--type-ellipsis", (0, _getSizeYClassName.getSizeYClassName)("vkuiPagination__page", sizeY), disabled && "vkuiPagination__page--disabled")
         }, "..."));
       default:
         {
@@ -82,7 +82,7 @@ var Pagination = function Pagination(_ref) {
           return /*#__PURE__*/React.createElement("li", {
             key: page
           }, /*#__PURE__*/React.createElement(_Tappable.Tappable, {
-            className: (0, _classNames.classNamesString)("vkuiPagination__page", (0, _getSizeYClassName.getSizeYClassName)("vkuiPagination__page", sizeY), _isCurrent && "vkuiPagination__page--current", disabled && "vkuiPagination__page--disabled"),
+            className: (0, _vkjs.classNames)("vkuiPagination__page", (0, _getSizeYClassName.getSizeYClassName)("vkuiPagination__page", sizeY), _isCurrent && "vkuiPagination__page--current", disabled && "vkuiPagination__page--disabled"),
             activeMode: "vkuiPagination__page--state-active",
             hoverMode: "vkuiPagination__page--state-hover",
             hasActive: !_isCurrent,
@@ -98,7 +98,7 @@ var Pagination = function Pagination(_ref) {
     }
   }, [sizeY, currentPage, disabled, getPageAriaLabel, handleClick]);
   return /*#__PURE__*/React.createElement("nav", (0, _extends2.default)({
-    className: (0, _classNames.classNamesString)("vkuiPagination", className),
+    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
@@ -113,7 +113,6 @@ var Pagination = function Pagination(_ref) {
     }),
     appearance: "accent",
     mode: "tertiary",
-    stretched: true,
     disabled: isFirstPage || disabled,
     "aria-label": prevButtonAriaLabel,
     onClick: handlePrevClick
@@ -126,7 +125,6 @@ var Pagination = function Pagination(_ref) {
     }),
     appearance: "accent",
     mode: "tertiary",
-    stretched: true,
     disabled: isLastPage || disabled,
     "aria-label": nextButtonAriaLabel,
     onClick: handleNextClick

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","className","resetProps","useAdaptivity","sizeY","pages","usePagination","isFirstPage","isLastPage","handlePrevClick","React","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","classNamesString","getSizeYClassName","undefined","map"],"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24ChevronCompactLeft,\n  Icon24ChevronCompactRight,\n} from \"@vkontakte/icons\";\n\nimport type { HasRootRef } from \"../../types\";\n\nimport { classNamesString } from \"../../lib/classNames\";\n\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { PaginationPageType, usePagination } from \"../../hooks/usePagination\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\n\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Button } from \"../Button/Button\";\n\nimport styles from \"./Pagination.module.css\";\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 } = 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={classNamesString(\n                  styles[\"Pagination__page\"],\n                  styles[\"Pagination__page--type-ellipsis\"],\n                  getSizeYClassName(styles[\"Pagination__page\"], sizeY),\n                  disabled && styles[\"Pagination__page--disabled\"]\n                )}\n              >\n                ...\n              </div>\n            </li>\n          );\n        default: {\n          const isCurrent = page === currentPage;\n          return (\n            <li key={page}>\n              <Tappable\n                className={classNamesString(\n                  styles[\"Pagination__page\"],\n                  getSizeYClassName(styles[\"Pagination__page\"], 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={classNamesString(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            stretched\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            stretched\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,"file":"Pagination.js","names":["getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","className","resetProps","useAdaptivity","sizeY","pages","usePagination","isFirstPage","isLastPage","handlePrevClick","React","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","classNames","getSizeYClassName","undefined","map"],"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\n\nimport type { HasRootRef } from '../../types';\n\nimport { classNames } from '@vkontakte/vkjs';\n\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport { getSizeYClassName } from '../../helpers/getSizeYClassName';\n\nimport { Tappable } from '../Tappable/Tappable';\nimport { Button } from '../Button/Button';\n\nimport styles from './Pagination.module.css';\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 } = 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                  getSizeYClassName(styles['Pagination__page'], sizeY),\n                  disabled && styles['Pagination__page--disabled'],\n                )}\n              >\n                ...\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                  getSizeYClassName(styles['Pagination__page'], 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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"}

package/dist/cjs/components/Panel/Panel.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { HasRootRef } from "../../types";
-import { NavIdProps } from "../../lib/getNavId";
+import * as React from 'react';
+import { HasRootRef } from '../../types';
+import { NavIdProps } from '../../lib/getNavId';
 export interface PanelProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, NavIdProps {
     centered?: boolean;
 }