@vkontakte/vkui 5.0.0 → 5.0.2

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 \"../../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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"}

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

@@ -0,0 +1 @@
+export declare const useModalRootContext: () => import("./ModalRootContext").ModalRootContextInterface;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useModalRootContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ModalRootContext = require("./ModalRootContext");
+var useModalRootContext = function useModalRootContext() {
+  return _react.default.useContext(_ModalRootContext.ModalRootContext);
+};
+exports.useModalRootContext = useModalRootContext;
+//# sourceMappingURL=useModalRootContext.js.map

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

@@ -0,0 +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"}

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

@@ -1,32 +1,22 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withModalRootContext = withModalRootContext;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _ModalRootContext = require("./ModalRootContext");
-
 function withModalRootContext(Component) {
   function WithModalRootContext(props) {
     var _React$useContext = React.useContext(_ModalRootContext.ModalRootContext),
-        updateModalHeight = _React$useContext.updateModalHeight;
-
-    return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, props, {
+      updateModalHeight = _React$useContext.updateModalHeight;
+    return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, props, {
       updateModalHeight: updateModalHeight
     }));
   }
-
   return WithModalRootContext;
 }
 //# sourceMappingURL=withModalRootContext.js.map

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,oBAAT,CACLC,SADK,EAE4C;EACjD,SAASC,oBAAT,CAA8BC,KAA9B,EAAiE;IAC/D,wBAA8BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA9B;IAAA,IAAQC,iBAAR,qBAAQA,iBAAR;;IAEA,OACE,qCAAC,SAAD,6BAAgBJ,KAAhB;MAA6B,iBAAiB,EAAEI;IAAhD,GADF;EAGD;;EACD,OAAOL,oBAAP;AACD"}
+{"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"}

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

@@ -0,0 +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"> {
+    placeholder?: string;
+    multiline?: boolean;
+    selectType?: SelectType;
+}
+export interface SelectState {
+    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;
+export { NativeSelect };

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

@@ -1,128 +1,101 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NativeSelect = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 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 _DropdownIcon = require("../DropdownIcon/DropdownIcon");
-
 var _FormField = require("../FormField/FormField");
-
-var _getClassName = require("../../helpers/getClassName");
-
+var _getPlatformClassName = require("../../helpers/getPlatformClassName");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-
 var _useEnsuredControl3 = require("../../hooks/useEnsuredControl");
-
 var _useExternRef = require("../../hooks/useExternRef");
-
 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"];
-
 /**
  * @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,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    _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,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
-
   var _React$useState = React.useState(""),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      title = _React$useState2[0],
-      setTitle = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    title = _React$useState2[0],
+    setTitle = _React$useState2[1];
   var _React$useState3 = React.useState(false),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      empty = _React$useState4[0],
-      setEmpty = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    empty = _React$useState4[0],
+    setEmpty = _React$useState4[1];
   var _useEnsuredControl = (0, _useEnsuredControl3.useEnsuredControl)(restProps, {
-    defaultValue: defaultValue
-  }),
-      _useEnsuredControl2 = (0, _slicedToArray2.default)(_useEnsuredControl, 2),
-      value = _useEnsuredControl2[0],
-      onChange = _useEnsuredControl2[1];
-
+      defaultValue: defaultValue
+    }),
+    _useEnsuredControl2 = (0, _slicedToArray2.default)(_useEnsuredControl, 2),
+    value = _useEnsuredControl2[0],
+    onChange = _useEnsuredControl2[1];
   var selectRef = (0, _useExternRef.useExternRef)(getRef);
-
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-      sizeX = _useAdaptivity.sizeX,
-      sizeY = _useAdaptivity.sizeY;
-
+    sizeX = _useAdaptivity.sizeX,
+    sizeY = _useAdaptivity.sizeY;
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     var _selectRef$current;
-
     var selectedOption = (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.options[selectRef.current.selectedIndex];
-
     if (selectedOption) {
       setTitle(selectedOption.text);
       setEmpty(selectedOption.value === "" && placeholder != null);
     }
   }, [value, children]);
-  return (0, _jsxRuntime.createScopedElement)(_FormField.FormField, {
+  return /*#__PURE__*/React.createElement(_FormField.FormField, {
     Component: "label",
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Select", platform), empty && "Select--empty", multiline && "Select--multiline", align && "Select--align-".concat(align), (0, _getSizeXClassName.getSizeXClassName)("Select", sizeX), (0, _getSizeYClassName.getSizeYClassName)("Select", sizeY)),
-    className: className,
+    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),
     style: style,
     getRootRef: getRootRef,
     disabled: disabled,
-    after: (0, _jsxRuntime.createScopedElement)(_DropdownIcon.DropdownIcon, null),
+    after: /*#__PURE__*/React.createElement(_DropdownIcon.DropdownIcon, null),
     status: status
-  }, (0, _jsxRuntime.createScopedElement)("select", (0, _extends2.default)({}, restProps, {
+  }, /*#__PURE__*/React.createElement("select", (0, _extends2.default)({}, restProps, {
     disabled: disabled,
-    vkuiClass: "Select__el",
+    className: "vkuiSelect__el",
     onChange: onChange,
     value: value,
     ref: selectRef
-  }), placeholder && (0, _jsxRuntime.createScopedElement)("option", {
+  }), placeholder && /*#__PURE__*/React.createElement("option", {
     value: ""
-  }, placeholder), children), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "Select__container"
-  }, (0, _jsxRuntime.createScopedElement)(_Select.SelectTypography, {
-    vkuiClass: "Select__title",
+  }, placeholder), children), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiSelect__container"
+  }, /*#__PURE__*/React.createElement(_Select.SelectTypography, {
+    className: "vkuiSelect__title",
     selectType: selectType
   }, title)));
 };
-
 exports.NativeSelect = NativeSelect;
+var styles = {
+  "Select--align-right": "vkuiSelect--align-right",
+  "Select--align-center": "vkuiSelect--align-center",
+  "Select--align-left": "vkuiSelect--align-left"
+};
 //# sourceMappingURL=NativeSelect.js.map

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","classNames","getClassName","getSizeXClassName","getSizeYClassName"],"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\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 \"../Select/Select.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: React.FC<NativeSelectProps> = ({\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      vkuiClass={classNames(\n        getClassName(\"Select\", platform),\n        empty && \"Select--empty\",\n        multiline && \"Select--multiline\",\n        align && `Select--align-${align}`,\n        getSizeXClassName(\"Select\", sizeX),\n        getSizeYClassName(\"Select\", sizeY)\n      )}\n      className={className}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={disabled}\n      after={<DropdownIcon />}\n      status={status}\n    >\n      <select\n        {...restProps}\n        disabled={disabled}\n        vkuiClass=\"Select__el\"\n        onChange={onChange}\n        value={value}\n        ref={selectRef}\n      >\n        {placeholder && <option value=\"\">{placeholder}</option>}\n        {children}\n      </select>\n      <div vkuiClass=\"Select__container\">\n        <SelectTypography vkuiClass=\"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,"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"}

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

@@ -1,39 +1,29 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useNavTransition = exports.NavTransitionProvider = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _useObjectMemo = require("../../hooks/useObjectMemo");
-
 var TransitionContext = /*#__PURE__*/React.createContext({
   entering: false
 });
-
 var useNavTransition = function useNavTransition() {
   return React.useContext(TransitionContext);
 };
-
 exports.useNavTransition = useNavTransition;
-
 var NavTransitionProvider = function NavTransitionProvider(_ref) {
   var children = _ref.children,
-      entering = _ref.entering;
+    entering = _ref.entering;
   var parentContext = useNavTransition();
   var contextValue = (0, _useObjectMemo.useObjectMemo)({
     entering: parentContext.entering || entering
   });
-  return (0, _jsxRuntime.createScopedElement)(TransitionContext.Provider, {
+  return /*#__PURE__*/React.createElement(TransitionContext.Provider, {
     value: contextValue
   }, children);
 };
-
 exports.NavTransitionProvider = NavTransitionProvider;
 //# sourceMappingURL=NavTransitionContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavTransitionContext.js","names":["TransitionContext","React","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue","useObjectMemo"],"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\n\nexport interface TransitionContextProps {\n  entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n  entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\n\nexport const NavTransitionProvider = ({\n  children,\n  entering,\n}: React.PropsWithChildren<TransitionContextProps>) => {\n  const parentContext = useNavTransition();\n  const contextValue = useObjectMemo({\n    entering: parentContext.entering || entering,\n  });\n  return (\n    <TransitionContext.Provider value={contextValue}>\n      {children}\n    </TransitionContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAKA,IAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAN,CAA4C;EACpEC,QAAQ,EAAE;AAD0D,CAA5C,CAA1B;;AAGO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,OAAMH,KAAK,CAACI,UAAN,CAAiBL,iBAAjB,CAAN;AAAA,CAAzB;;;;AAEA,IAAMM,qBAAqB,GAAG,SAAxBA,qBAAwB,OAGkB;EAAA,IAFrDC,QAEqD,QAFrDA,QAEqD;EAAA,IADrDJ,QACqD,QADrDA,QACqD;EACrD,IAAMK,aAAa,GAAGJ,gBAAgB,EAAtC;EACA,IAAMK,YAAY,GAAG,IAAAC,4BAAA,EAAc;IACjCP,QAAQ,EAAEK,aAAa,CAACL,QAAd,IAA0BA;EADH,CAAd,CAArB;EAGA,OACE,qCAAC,iBAAD,CAAmB,QAAnB;IAA4B,KAAK,EAAEM;EAAnC,GACGF,QADH,CADF;AAKD,CAbM"}
+{"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"}

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

@@ -0,0 +1,44 @@
+import * as React from "react";
+import type { HasRootRef } from "../../types";
+export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, "onChange">, HasRootRef<HTMLElement> {
+    /**
+     * Текущая страница.
+     */
+    currentPage?: number;
+    /**
+     * Кол-во всегда видимых страниц по краям текущей страницы.
+     */
+    siblingCount?: number;
+    /**
+     * Кол-во всегда видимых страниц в начале и в конце.
+     */
+    boundaryCount?: number;
+    /**
+     * Общее кол-во страниц.
+     */
+    totalPages?: number;
+    /**
+     * Блокировка всех кнопок.
+     */
+    disabled?: boolean;
+    /**
+     * Переопределение `aria-label` для кнопки навигации назад.
+     * По умолчанию используется текст на "ru_RU".
+     */
+    prevButtonAriaLabel?: string;
+    /**
+     * Переопределение `aria-label` для кнопки навигации вперёд.
+     * По умолчанию используется текст на "ru_RU".
+     */
+    nextButtonAriaLabel?: string;
+    /**
+     * Функция для переопределения и/или локализации `aria-label` атрибута.
+     * По умолчанию используется текст на "ru_RU".
+     */
+    getPageAriaLabel?(page: number, isCurrent: boolean): string;
+    onChange?(page: number): void;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Pagination
+ */
+export declare const Pagination: ({ currentPage, siblingCount, boundaryCount, totalPages, disabled, getPageAriaLabel, prevButtonAriaLabel, nextButtonAriaLabel, getRootRef, onChange, className, ...resetProps }: PaginationProps) => JSX.Element;