@vkontakte/vkui 5.8.2 → 5.9.1

package/dist/components/ModalRoot/ModalRootDesktop.js

@@ -28,7 +28,6 @@ export var ModalRootDesktop = function(param) {
         enteringModal: enteringModal,
         activeModal: activeModal
     });
-    var _getModalState;
     var modalRootContext = useObjectMemo({
         updateModalHeight: function() {
             return undefined;
@@ -37,6 +36,7 @@ export var ModalRootDesktop = function(param) {
             var id = _param.id, data = _object_without_properties(_param, [
                 "id"
             ]);
+            var _getModalState;
             return Object.assign((_getModalState = getModalState(id)) !== null && _getModalState !== void 0 ? _getModalState : {}, data);
         },
         onClose: onExit,
@@ -45,8 +45,7 @@ export var ModalRootDesktop = function(param) {
     var timeout = platform === Platform.IOS ? 400 : 320;
     var modals = React.Children.toArray(children);
     /* Анимирует сдвиг модального окна */ var animateModalOpacity = function(modalState, display) {
-        var _modalState;
-        if ((_modalState = modalState) === null || _modalState === void 0 ? void 0 : _modalState.innerElement) {
+        if (modalState === null || modalState === void 0 ? void 0 : modalState.innerElement) {
             modalState.innerElement.style.transition = "";
             modalState.innerElement.style.transitionDelay = display && delayEnter ? "".concat(timeout, "ms") : "";
             modalState.innerElement.style.opacity = display ? "1" : "0";
@@ -54,8 +53,7 @@ export var ModalRootDesktop = function(param) {
     };
     /* Устанавливает прозрачность для полупрозрачной подложки */ var setMaskOpacity = function(modalState) {
         var forceOpacity = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
-        var _history;
-        if (forceOpacity === null && ((_history = history) === null || _history === void 0 ? void 0 : _history[0]) !== modalState.id) {
+        if (forceOpacity === null && (history === null || history === void 0 ? void 0 : history[0]) !== modalState.id) {
             return;
         }
         if (maskAnimationFrame.current) {
@@ -79,8 +77,7 @@ export var ModalRootDesktop = function(param) {
         if (!prevProps.exitingModal) {
             requestAnimationFrame(function() {
                 if (enteringModal === enteringModal) {
-                    var _enteringState;
-                    waitTransitionFinish((_enteringState = enteringState) === null || _enteringState === void 0 ? void 0 : _enteringState.innerElement, function() {
+                    waitTransitionFinish(enteringState === null || enteringState === void 0 ? void 0 : enteringState.innerElement, function() {
                         return onEntered(enteringModal);
                     }, timeout);
                     animateModalOpacity(enteringState, true);
@@ -93,8 +90,7 @@ export var ModalRootDesktop = function(param) {
         }
         // Переход между модальными окнами без анимации
         requestAnimationFrame(function() {
-            var _enteringState;
-            if ((_enteringState = enteringState) === null || _enteringState === void 0 ? void 0 : _enteringState.innerElement) {
+            if (enteringState === null || enteringState === void 0 ? void 0 : enteringState.innerElement) {
                 enteringState.innerElement.style.transition = "none";
                 enteringState.innerElement.style.opacity = "1";
                 setMaskOpacity(enteringState, 1);
@@ -110,8 +106,7 @@ export var ModalRootDesktop = function(param) {
         // Анимация закрытия модального окна
         if (!activeModal) {
             requestAnimationFrame(function() {
-                var _prevModalState;
-                waitTransitionFinish((_prevModalState = prevModalState) === null || _prevModalState === void 0 ? void 0 : _prevModalState.innerElement, function() {
+                waitTransitionFinish(prevModalState === null || prevModalState === void 0 ? void 0 : prevModalState.innerElement, function() {
                     return onExited(id);
                 }, timeout);
                 animateModalOpacity(prevModalState, false);
@@ -136,9 +131,8 @@ export var ModalRootDesktop = function(param) {
         }
         // focus restoration
         if (activeModal && !prevProps.activeModal) {
-            var _document;
             var _document_activeElement;
-            restoreFocusTo.current = (_document_activeElement = (_document = document) === null || _document === void 0 ? void 0 : _document.activeElement) !== null && _document_activeElement !== void 0 ? _document_activeElement : undefined;
+            restoreFocusTo.current = (_document_activeElement = document === null || document === void 0 ? void 0 : document.activeElement) !== null && _document_activeElement !== void 0 ? _document_activeElement : undefined;
         }
         if (!activeModal && !exitingModal && restoreFocusTo.current) {
             restoreFocusTo.current.focus();

package/dist/components/ModalRoot/ModalRootDesktop.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { useDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\nimport { ModalRootWithDOMProps, ModalsStateEntry } from './types';\nimport { useModalManager } from './useModalManager';\nimport styles from './ModalRoot.module.css';\n\nconst warn = warnOnce('ModalRoot');\n\nexport const ModalRootDesktop = ({\n  activeModal: activeModalProp,\n  children,\n  onOpen,\n  onOpened,\n  onClose,\n  onClosed,\n}: ModalRootWithDOMProps) => {\n  const maskElementRef = React.useRef<HTMLDivElement>(null);\n  const maskAnimationFrame = React.useRef<number | undefined>(undefined);\n  const restoreFocusTo = React.useRef<HTMLElement | undefined>(undefined);\n\n  const { document } = useDOM();\n  const { hasCustomPanelHeaderAfter, platform } = useConfigProvider();\n  const {\n    activeModal,\n    exitingModal,\n    onExit,\n    getModalState,\n    enteringModal,\n    onEnter,\n    onEntered,\n    onExited,\n    history,\n    delayEnter,\n  } = useModalManager(activeModalProp, children, onOpen, onOpened, onClose, onClosed, noop);\n\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n  const prevProps = usePrevious({\n    exitingModal,\n    enteringModal,\n    activeModal,\n  });\n  const modalRootContext: ModalRootContextInterface = useObjectMemo({\n    updateModalHeight: () => undefined,\n    registerModal: ({ id, ...data }) => Object.assign(getModalState(id) ?? {}, data),\n    onClose: onExit,\n    isInsideModal: true,\n  });\n\n  const timeout = platform === Platform.IOS ? 400 : 320;\n  const modals = React.Children.toArray(children) as React.ReactElement[];\n\n  /* Анимирует сдвиг модального окна */\n  const animateModalOpacity = (modalState: ModalsStateEntry | undefined, display: boolean) => {\n    if (modalState?.innerElement) {\n      modalState.innerElement.style.transition = '';\n      modalState.innerElement.style.transitionDelay = display && delayEnter ? `${timeout}ms` : '';\n      modalState.innerElement.style.opacity = display ? '1' : '0';\n    }\n  };\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  const setMaskOpacity = (modalState: ModalsStateEntry, forceOpacity: number | null = null) => {\n    if (forceOpacity === null && history?.[0] !== modalState.id) {\n      return;\n    }\n\n    if (maskAnimationFrame.current) {\n      cancelAnimationFrame(maskAnimationFrame.current);\n    }\n    maskAnimationFrame.current = requestAnimationFrame(() => {\n      if (maskElementRef.current) {\n        const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n        const opacity =\n          forceOpacity === null\n            ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n            : forceOpacity;\n        maskElementRef.current.style.opacity = clamp(opacity, 0, 100).toString();\n      }\n    });\n  };\n\n  const openModal = () => {\n    if (!enteringModal || !prevProps) {\n      return;\n    }\n\n    const enteringState = getModalState(enteringModal);\n    onEnter();\n\n    // Анимация открытия модального окна\n    if (!prevProps.exitingModal) {\n      requestAnimationFrame(() => {\n        if (enteringModal === enteringModal) {\n          waitTransitionFinish(\n            enteringState?.innerElement,\n            () => onEntered(enteringModal),\n            timeout,\n          );\n          animateModalOpacity(enteringState, true);\n          if (enteringState) {\n            setMaskOpacity(enteringState, 1);\n          }\n        }\n      });\n\n      return;\n    }\n\n    // Переход между модальными окнами без анимации\n    requestAnimationFrame(() => {\n      if (enteringState?.innerElement) {\n        enteringState.innerElement.style.transition = 'none';\n        enteringState.innerElement.style.opacity = '1';\n        setMaskOpacity(enteringState, 1);\n      }\n    });\n\n    onEntered(enteringModal);\n  };\n\n  const closeModal = (id: string) => {\n    const prevModalState = getModalState(id);\n    if (!prevModalState) {\n      return;\n    }\n\n    // Анимация закрытия модального окна\n    if (!activeModal) {\n      requestAnimationFrame(() => {\n        waitTransitionFinish(prevModalState?.innerElement, () => onExited(id), timeout);\n        animateModalOpacity(prevModalState, false);\n        setMaskOpacity(prevModalState, 0);\n      });\n\n      return;\n    }\n\n    // Переход между модальными окнами без анимации\n    onExited(id);\n  };\n\n  React.useEffect(() => {\n    if (!prevProps) {\n      return;\n    }\n\n    // transition phase 2: animate exiting modal\n    if (exitingModal && exitingModal !== prevProps.exitingModal) {\n      closeModal(exitingModal);\n    }\n\n    // transition phase 3: animate entering modal\n    if (enteringModal && enteringModal !== prevProps.enteringModal) {\n      openModal();\n    }\n\n    // focus restoration\n    if (activeModal && !prevProps.activeModal) {\n      restoreFocusTo.current = (document?.activeElement ?? undefined) as HTMLElement | undefined;\n    }\n    if (!activeModal && !exitingModal && restoreFocusTo.current) {\n      restoreFocusTo.current.focus();\n      restoreFocusTo.current = undefined;\n    }\n  });\n\n  if (!activeModal && !exitingModal) {\n    return null;\n  }\n\n  return (\n    <ModalRootContext.Provider value={modalRootContext}>\n      <div\n        className={classNames(\n          styles['ModalRoot'],\n          hasCustomPanelHeaderAfter && styles['ModalRoot--hasCustomPanelHeaderAfterSlot'],\n          styles['ModalRoot--desktop'],\n        )}\n      >\n        <div className={styles['ModalRoot__mask']} ref={maskElementRef} onClick={onExit} />\n        <div className={styles['ModalRoot__viewport']}>\n          {modals.map((Modal: React.ReactElement) => {\n            const modalId = getNavId(Modal.props, warn);\n            if (modalId !== activeModal && modalId !== exitingModal) {\n              return null;\n            }\n\n            const key = `modal-${modalId}`;\n\n            return (\n              <FocusTrap\n                restoreFocus={false}\n                onClose={onExit}\n                timeout={timeout}\n                key={key}\n                className={styles['ModalRoot__modal']}\n              >\n                {Modal}\n              </FocusTrap>\n            );\n          })}\n        </div>\n      </div>\n    </ModalRootContext.Provider>\n  );\n};\n"],"names":["React","classNames","noop","clamp","useObjectMemo","usePrevious","useWaitTransitionFinish","useDOM","getNavId","Platform","warnOnce","useConfigProvider","FocusTrap","ModalRootContext","useModalManager","warn","ModalRootDesktop","activeModal","activeModalProp","children","onOpen","onOpened","onClose","onClosed","maskElementRef","useRef","maskAnimationFrame","undefined","restoreFocusTo","document","hasCustomPanelHeaderAfter","platform","exitingModal","onExit","getModalState","enteringModal","onEnter","onEntered","onExited","history","delayEnter","waitTransitionFinish","prevProps","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","isInsideModal","timeout","IOS","modals","Children","toArray","animateModalOpacity","modalState","display","innerElement","style","transition","transitionDelay","opacity","setMaskOpacity","forceOpacity","current","cancelAnimationFrame","requestAnimationFrame","translateY","translateYCurrent","toString","openModal","enteringState","closeModal","prevModalState","useEffect","activeElement","focus","Provider","value","div","className","ref","onClick","map","Modal","modalId","props","key","restoreFocus"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { useDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\nimport { ModalRootWithDOMProps, ModalsStateEntry } from './types';\nimport { useModalManager } from './useModalManager';\nimport styles from './ModalRoot.module.css';\n\nconst warn = warnOnce('ModalRoot');\n\nexport const ModalRootDesktop = ({\n  activeModal: activeModalProp,\n  children,\n  onOpen,\n  onOpened,\n  onClose,\n  onClosed,\n}: ModalRootWithDOMProps) => {\n  const maskElementRef = React.useRef<HTMLDivElement>(null);\n  const maskAnimationFrame = React.useRef<number | undefined>(undefined);\n  const restoreFocusTo = React.useRef<HTMLElement | undefined>(undefined);\n\n  const { document } = useDOM();\n  const { hasCustomPanelHeaderAfter, platform } = useConfigProvider();\n  const {\n    activeModal,\n    exitingModal,\n    onExit,\n    getModalState,\n    enteringModal,\n    onEnter,\n    onEntered,\n    onExited,\n    history,\n    delayEnter,\n  } = useModalManager(activeModalProp, children, onOpen, onOpened, onClose, onClosed, noop);\n\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n  const prevProps = usePrevious({\n    exitingModal,\n    enteringModal,\n    activeModal,\n  });\n  const modalRootContext: ModalRootContextInterface = useObjectMemo({\n    updateModalHeight: () => undefined,\n    registerModal: ({ id, ...data }) => Object.assign(getModalState(id) ?? {}, data),\n    onClose: onExit,\n    isInsideModal: true,\n  });\n\n  const timeout = platform === Platform.IOS ? 400 : 320;\n  const modals = React.Children.toArray(children) as React.ReactElement[];\n\n  /* Анимирует сдвиг модального окна */\n  const animateModalOpacity = (modalState: ModalsStateEntry | undefined, display: boolean) => {\n    if (modalState?.innerElement) {\n      modalState.innerElement.style.transition = '';\n      modalState.innerElement.style.transitionDelay = display && delayEnter ? `${timeout}ms` : '';\n      modalState.innerElement.style.opacity = display ? '1' : '0';\n    }\n  };\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  const setMaskOpacity = (modalState: ModalsStateEntry, forceOpacity: number | null = null) => {\n    if (forceOpacity === null && history?.[0] !== modalState.id) {\n      return;\n    }\n\n    if (maskAnimationFrame.current) {\n      cancelAnimationFrame(maskAnimationFrame.current);\n    }\n    maskAnimationFrame.current = requestAnimationFrame(() => {\n      if (maskElementRef.current) {\n        const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n        const opacity =\n          forceOpacity === null\n            ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n            : forceOpacity;\n        maskElementRef.current.style.opacity = clamp(opacity, 0, 100).toString();\n      }\n    });\n  };\n\n  const openModal = () => {\n    if (!enteringModal || !prevProps) {\n      return;\n    }\n\n    const enteringState = getModalState(enteringModal);\n    onEnter();\n\n    // Анимация открытия модального окна\n    if (!prevProps.exitingModal) {\n      requestAnimationFrame(() => {\n        if (enteringModal === enteringModal) {\n          waitTransitionFinish(\n            enteringState?.innerElement,\n            () => onEntered(enteringModal),\n            timeout,\n          );\n          animateModalOpacity(enteringState, true);\n          if (enteringState) {\n            setMaskOpacity(enteringState, 1);\n          }\n        }\n      });\n\n      return;\n    }\n\n    // Переход между модальными окнами без анимации\n    requestAnimationFrame(() => {\n      if (enteringState?.innerElement) {\n        enteringState.innerElement.style.transition = 'none';\n        enteringState.innerElement.style.opacity = '1';\n        setMaskOpacity(enteringState, 1);\n      }\n    });\n\n    onEntered(enteringModal);\n  };\n\n  const closeModal = (id: string) => {\n    const prevModalState = getModalState(id);\n    if (!prevModalState) {\n      return;\n    }\n\n    // Анимация закрытия модального окна\n    if (!activeModal) {\n      requestAnimationFrame(() => {\n        waitTransitionFinish(prevModalState?.innerElement, () => onExited(id), timeout);\n        animateModalOpacity(prevModalState, false);\n        setMaskOpacity(prevModalState, 0);\n      });\n\n      return;\n    }\n\n    // Переход между модальными окнами без анимации\n    onExited(id);\n  };\n\n  React.useEffect(() => {\n    if (!prevProps) {\n      return;\n    }\n\n    // transition phase 2: animate exiting modal\n    if (exitingModal && exitingModal !== prevProps.exitingModal) {\n      closeModal(exitingModal);\n    }\n\n    // transition phase 3: animate entering modal\n    if (enteringModal && enteringModal !== prevProps.enteringModal) {\n      openModal();\n    }\n\n    // focus restoration\n    if (activeModal && !prevProps.activeModal) {\n      restoreFocusTo.current = (document?.activeElement ?? undefined) as HTMLElement | undefined;\n    }\n    if (!activeModal && !exitingModal && restoreFocusTo.current) {\n      restoreFocusTo.current.focus();\n      restoreFocusTo.current = undefined;\n    }\n  });\n\n  if (!activeModal && !exitingModal) {\n    return null;\n  }\n\n  return (\n    <ModalRootContext.Provider value={modalRootContext}>\n      <div\n        className={classNames(\n          styles['ModalRoot'],\n          hasCustomPanelHeaderAfter && styles['ModalRoot--hasCustomPanelHeaderAfterSlot'],\n          styles['ModalRoot--desktop'],\n        )}\n      >\n        <div className={styles['ModalRoot__mask']} ref={maskElementRef} onClick={onExit} />\n        <div className={styles['ModalRoot__viewport']}>\n          {modals.map((Modal: React.ReactElement) => {\n            const modalId = getNavId(Modal.props, warn);\n            if (modalId !== activeModal && modalId !== exitingModal) {\n              return null;\n            }\n\n            const key = `modal-${modalId}`;\n\n            return (\n              <FocusTrap\n                restoreFocus={false}\n                onClose={onExit}\n                timeout={timeout}\n                key={key}\n                className={styles['ModalRoot__modal']}\n              >\n                {Modal}\n              </FocusTrap>\n            );\n          })}\n        </div>\n      </div>\n    </ModalRootContext.Provider>\n  );\n};\n"],"names":["React","classNames","noop","clamp","useObjectMemo","usePrevious","useWaitTransitionFinish","useDOM","getNavId","Platform","warnOnce","useConfigProvider","FocusTrap","ModalRootContext","useModalManager","warn","ModalRootDesktop","activeModal","activeModalProp","children","onOpen","onOpened","onClose","onClosed","maskElementRef","useRef","maskAnimationFrame","undefined","restoreFocusTo","document","hasCustomPanelHeaderAfter","platform","exitingModal","onExit","getModalState","enteringModal","onEnter","onEntered","onExited","history","delayEnter","waitTransitionFinish","prevProps","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","isInsideModal","timeout","IOS","modals","Children","toArray","animateModalOpacity","modalState","display","innerElement","style","transition","transitionDelay","opacity","setMaskOpacity","forceOpacity","current","cancelAnimationFrame","requestAnimationFrame","translateY","translateYCurrent","toString","openModal","enteringState","closeModal","prevModalState","useEffect","activeElement","focus","Provider","value","div","className","ref","onClick","map","Modal","modalId","props","key","restoreFocus"],"mappings":"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"}

package/dist/components/ModalRoot/constants.d.ts

@@ -1,3 +1,4 @@
 export declare const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;
 export declare const PERCENT_OPENED = 0;
 export declare const PERCENT_CLOSED = 100;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/ModalRoot/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iCAAiC,KAAK,CAAC;AAEpD,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,cAAc,MAAM,CAAC"}

package/dist/components/ModalRoot/types.d.ts

@@ -88,3 +88,4 @@ export interface ModalRootWithDOMProps extends HasPlatform, ModalRootProps, DOMC
      */
     configProvider?: ConfigProviderContextInterface;
 }
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ModalRoot/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAEzF,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9C,MAAM,MAAM,WAAW,GAAG;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAAE,CAAC;AAEhE,MAAM,WAAW,aAAa;IAC5B,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wBAAwB,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IAEzD,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAE5D;;OAEG;IACH,MAAM,CAAC,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B;;OAEG;IACH,QAAQ,CAAC,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEjC;;OAEG;IACH,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEhC;;OAEG;IACH,QAAQ,CAAC,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,qBAAsB,SAAQ,WAAW,EAAE,cAAc,EAAE,mBAAmB;IAC7F;;OAEG;IACH,cAAc,CAAC,EAAE,8BAA8B,CAAC;CACjD"}

package/dist/components/ModalRoot/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalRoot/types.ts"],"sourcesContent":["import { DOMContextInterface } from '../../lib/dom';\nimport { HasPlatform } from '../../types';\nimport { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\n\nexport enum ModalType {\n  PAGE = 'page',\n  CARD = 'card',\n}\n\nexport type TranslateRange = [number, number];\n\nexport type ModalsState = { [index: string]: ModalsStateEntry };\n\nexport interface ModalElements {\n  modalElement?: HTMLElement | null;\n  innerElement?: HTMLElement | null;\n  headerElement?: HTMLElement | null;\n  contentElement?: HTMLElement | null;\n  bottomInset?: HTMLElement | null;\n}\n\nexport interface ModalsStateEntry extends ModalElements {\n  id: string | null;\n  /**\n   * Событие начала открытия модалки.\n   */\n  onOpen?: VoidFunction;\n  /**\n   * Событие открытия модалки.\n   */\n  onOpened?: VoidFunction;\n  /**\n   * Событие начала закрытия модалки.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Событие закрытия модалки.\n   */\n  onClosed?: VoidFunction;\n  type?: ModalType;\n\n  settlingHeight?: number;\n  expandable?: boolean;\n\n  /**\n   * Процент текущего сдвига модалки\n   */\n  translateY?: number;\n  /**\n   * Процент сдвига модалки в изначальном состоянии\n   */\n  translateYFrom?: number;\n  /**\n   * Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)\n   */\n  translateYCurrent?: number;\n\n  touchStartContentScrollTop?: number;\n  touchMovePositive?: boolean | null;\n  touchShiftYPercent?: number;\n\n  expanded?: boolean;\n  collapsed?: boolean;\n  hidden?: boolean;\n\n  contentScrolled?: boolean;\n  contentScrollStopTimeout?: ReturnType<typeof setTimeout>;\n\n  expandedRange?: TranslateRange;\n  collapsedRange?: TranslateRange;\n  hiddenRange?: TranslateRange;\n}\n\nexport interface ModalRootProps {\n  activeModal?: string | null;\n  children: React.ReactElement | Iterable<React.ReactElement>;\n\n  /**\n   * Будет вызвано при начале открытия активной модалки с её id\n   */\n  onOpen?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном открытии активной модалки с её id\n   */\n  onOpened?(modalId: string): void;\n\n  /**\n   * Будет вызвано при начале закрытия активной модалки с её id\n   */\n  onClose?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном закрытии активной модалки с её id\n   */\n  onClosed?(modalId: string): void;\n}\n\nexport interface ModalRootWithDOMProps extends HasPlatform, ModalRootProps, DOMContextInterface {\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n}\n"],"names":["ModalType","PAGE","CARD"],"mappings":"WAIO;UAAKA,SAAS;IAATA,UACVC,UAAO;IADGD,UAEVE,UAAO;GAFGF,cAAAA"}
+{"version":3,"sources":["../../../src/components/ModalRoot/types.ts"],"sourcesContent":["import { DOMContextInterface } from '../../lib/dom';\nimport { HasPlatform } from '../../types';\nimport { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\n\nexport enum ModalType {\n  PAGE = 'page',\n  CARD = 'card',\n}\n\nexport type TranslateRange = [number, number];\n\nexport type ModalsState = { [index: string]: ModalsStateEntry };\n\nexport interface ModalElements {\n  modalElement?: HTMLElement | null;\n  innerElement?: HTMLElement | null;\n  headerElement?: HTMLElement | null;\n  contentElement?: HTMLElement | null;\n  bottomInset?: HTMLElement | null;\n}\n\nexport interface ModalsStateEntry extends ModalElements {\n  id: string | null;\n  /**\n   * Событие начала открытия модалки.\n   */\n  onOpen?: VoidFunction;\n  /**\n   * Событие открытия модалки.\n   */\n  onOpened?: VoidFunction;\n  /**\n   * Событие начала закрытия модалки.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Событие закрытия модалки.\n   */\n  onClosed?: VoidFunction;\n  type?: ModalType;\n\n  settlingHeight?: number;\n  expandable?: boolean;\n\n  /**\n   * Процент текущего сдвига модалки\n   */\n  translateY?: number;\n  /**\n   * Процент сдвига модалки в изначальном состоянии\n   */\n  translateYFrom?: number;\n  /**\n   * Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)\n   */\n  translateYCurrent?: number;\n\n  touchStartContentScrollTop?: number;\n  touchMovePositive?: boolean | null;\n  touchShiftYPercent?: number;\n\n  expanded?: boolean;\n  collapsed?: boolean;\n  hidden?: boolean;\n\n  contentScrolled?: boolean;\n  contentScrollStopTimeout?: ReturnType<typeof setTimeout>;\n\n  expandedRange?: TranslateRange;\n  collapsedRange?: TranslateRange;\n  hiddenRange?: TranslateRange;\n}\n\nexport interface ModalRootProps {\n  activeModal?: string | null;\n  children: React.ReactElement | Iterable<React.ReactElement>;\n\n  /**\n   * Будет вызвано при начале открытия активной модалки с её id\n   */\n  onOpen?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном открытии активной модалки с её id\n   */\n  onOpened?(modalId: string): void;\n\n  /**\n   * Будет вызвано при начале закрытия активной модалки с её id\n   */\n  onClose?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном закрытии активной модалки с её id\n   */\n  onClosed?(modalId: string): void;\n}\n\nexport interface ModalRootWithDOMProps extends HasPlatform, ModalRootProps, DOMContextInterface {\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n}\n"],"names":["ModalType"],"mappings":";UAIYA;;;GAAAA,cAAAA"}

package/dist/components/ModalRoot/useModalManager.d.ts

@@ -38,3 +38,4 @@ type WithModalManager<Props extends ModalTransitionProps> = HasChildren & Omit<P
 };
 export declare function withModalManager(initModal?: (a: ModalsStateEntry) => void): <Props extends ModalTransitionProps>(Wrapped: React.ComponentType<Props>) => React.ComponentType<WithModalManager<Props>>;
 export {};
+//# sourceMappingURL=useModalManager.d.ts.map

package/dist/components/ModalRoot/useModalManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalManager.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/useModalManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAe,gBAAgB,EAAa,MAAM,SAAS,CAAC;AAEnE,UAAU,oBAAoB;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,KAAK,gBAAgB,GAAG,SAAS,CAAC;IAC/E,UAAU,EAAE,OAAO,CAAC;CACrB;AAQD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,oBAAoB,EAC3B,MAAM,EAAE;IACN,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACpD,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACnB,GACA,oBAAoB,CAmCtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAC7B,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,EAC7C,MAAM,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACnC,QAAQ,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACrC,OAAO,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACpC,QAAQ,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAW,EACrC,SAAS,GAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAW,GAClD,oBAAoB,CA2HtB;AAED,KAAK,gBAAgB,CAAC,KAAK,SAAS,oBAAoB,IAAI,WAAW,GACrE,IAAI,CAAC,KAAK,EAAE,MAAM,oBAAoB,CAAC,GAAG;IACxC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,gBAAgB,CAAC,SAAS,GAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAW,6HAiB/E"}

package/dist/components/ModalRoot/useModalManager.js

@@ -65,26 +65,6 @@ export function modalTransitionReducer(state, action) {
  * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен
  */ export function useModalManager(activeModal, children) {
     var onOpen = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : noop, onOpened = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : noop, onClose = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : noop, onClosed = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : noop, initModal = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : noop;
-    var onEnter = function onEnter() {
-        var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
-        if (modalState) {
-            if (isFunction(modalState.onOpen)) {
-                modalState.onOpen();
-            } else if (isFunction(onOpen) && modalState.id) {
-                onOpen(modalState.id);
-            }
-        }
-    };
-    var onExit = function onExit() {
-        var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
-        if (modalState) {
-            if (isFunction(modalState.onClose)) {
-                modalState.onClose();
-            } else if (isFunction(onClose) && modalState.id) {
-                onClose(modalState.id);
-            }
-        }
-    };
     var modalsState = React.useRef({}).current;
     getModals(children).forEach(function(Modal) {
         var modalProps = Modal.props;
@@ -184,6 +164,26 @@ export function modalTransitionReducer(state, action) {
     }, [
         modalsState
     ]);
+    function onEnter() {
+        var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
+        if (modalState) {
+            if (isFunction(modalState.onOpen)) {
+                modalState.onOpen();
+            } else if (isFunction(onOpen) && modalState.id) {
+                onOpen(modalState.id);
+            }
+        }
+    }
+    function onExit() {
+        var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
+        if (modalState) {
+            if (isFunction(modalState.onClose)) {
+                modalState.onClose();
+            } else if (isFunction(onClose) && modalState.id) {
+                onClose(modalState.id);
+            }
+        }
+    }
     return _object_spread_props(_object_spread({
         onEnter: onEnter,
         onEntered: onEntered,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isFunction, noop } from '@vkontakte/vkjs';\nimport { getNavId } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasChildren } from '../../types';\nimport { ModalsState, ModalsStateEntry, ModalType } from './types';\n\ninterface ModalTransitionState {\n  activeModal?: string | null;\n  enteringModal?: string | null;\n  exitingModal?: string | null;\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 | undefined | null) => ModalsStateEntry | undefined;\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    // 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(\n    (id: string | undefined | null) => (id ? modalsState[id] : undefined),\n    [modalsState],\n  );\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) && modalState.id) {\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) && modalState.id) {\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\ntype WithModalManager<Props extends ModalTransitionProps> = HasChildren &\n  Omit<Props, keyof ModalTransitionProps> & {\n    activeModal?: string | null;\n  };\n\nexport function withModalManager(initModal: (a: ModalsStateEntry) => void = noop) {\n  return function <Props extends ModalTransitionProps>(\n    Wrapped: React.ComponentType<Props>,\n  ): React.ComponentType<WithModalManager<Props>> {\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"],"names":["React","isFunction","noop","getNavId","useIsomorphicLayoutEffect","warnOnce","ModalType","getModals","children","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","useModalManager","onOpen","onOpened","onClose","onClosed","initModal","onEnter","modalState","transitionState","modalsState","onExit","useRef","current","forEach","Modal","modalProps","props","undefined","settlingHeight","isMissing","safeActiveModal","useReducer","dispatchTransition","process","env","NODE_ENV","isCard","CARD","onEntered","useCallback","onExited","delayEnter","getModalState","withModalManager","Wrapped","WithModalManager","transitionManager"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isFunction, noop } from '@vkontakte/vkjs';\nimport { getNavId } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasChildren } from '../../types';\nimport { ModalsState, ModalsStateEntry, ModalType } from './types';\n\ninterface ModalTransitionState {\n  activeModal?: string | null;\n  enteringModal?: string | null;\n  exitingModal?: string | null;\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 | undefined | null) => ModalsStateEntry | undefined;\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    // 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(\n    (id: string | undefined | null) => (id ? modalsState[id] : undefined),\n    [modalsState],\n  );\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) && modalState.id) {\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) && modalState.id) {\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\ntype WithModalManager<Props extends ModalTransitionProps> = HasChildren &\n  Omit<Props, keyof ModalTransitionProps> & {\n    activeModal?: string | null;\n  };\n\nexport function withModalManager(initModal: (a: ModalsStateEntry) => void = noop) {\n  return function <Props extends ModalTransitionProps>(\n    Wrapped: React.ComponentType<Props>,\n  ): React.ComponentType<WithModalManager<Props>> {\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"],"names":["React","isFunction","noop","getNavId","useIsomorphicLayoutEffect","warnOnce","ModalType","getModals","children","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","useModalManager","onOpen","onOpened","onClose","onClosed","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","undefined","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","process","env","NODE_ENV","isCard","CARD","onEntered","useCallback","modalState","onExited","delayEnter","getModalState","onEnter","onExit","withModalManager","Wrapped","WithModalManager","transitionManager"],"mappings":"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"}

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

@@ -1 +1,2 @@
 export declare const useModalRootContext: () => import("./ModalRootContext").ModalRootContextInterface;
+//# sourceMappingURL=useModalRootContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useModalRootContext.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/useModalRootContext.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,8DAA2C,CAAC"}

package/dist/components/ModalRoot/useModalRootContext.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ModalRootContext } from "./ModalRootContext";
 export var useModalRootContext = function() {
     return React.useContext(ModalRootContext);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalRoot/useModalRootContext.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalRootContext } from './ModalRootContext';\n\nexport const useModalRootContext = () => React.useContext(ModalRootContext);\n"],"names":["React","ModalRootContext","useModalRootContext","useContext"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,OAAO,IAAMC,sBAAsB;WAAMF,MAAMG,UAAU,CAACF;EAAkB"}
+{"version":3,"sources":["../../../src/components/ModalRoot/useModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ModalRootContext } from './ModalRootContext';\n\nexport const useModalRootContext = () => React.useContext(ModalRootContext);\n"],"names":["React","ModalRootContext","useModalRootContext","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,OAAO,IAAMC,sBAAsB;WAAMF,MAAMG,UAAU,CAACF;EAAkB"}

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

@@ -3,3 +3,4 @@ import { ModalRootContextInterface } from './ModalRootContext';
 type PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;
 export declare function withModalRootContext<P extends PickedProps>(Component: React.ComponentType<P>): React.ComponentType<Omit<P, keyof PickedProps>>;
 export {};
+//# sourceMappingURL=withModalRootContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"withModalRootContext.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/withModalRootContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAEjF,KAAK,WAAW,GAAG,IAAI,CAAC,yBAAyB,EAAE,mBAAmB,CAAC,CAAC;AAExE,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,EACxD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAChC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,CAAC,CAOjD"}

package/dist/components/ModalRoot/withModalRootContext.js

@@ -3,12 +3,12 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import * as React from "react";
 import { ModalRootContext } from "./ModalRootContext";
 export function withModalRootContext(Component) {
-    var WithModalRootContext = function WithModalRootContext(props) {
+    function WithModalRootContext(props) {
         var updateModalHeight = React.useContext(ModalRootContext).updateModalHeight;
         return /*#__PURE__*/ React.createElement(Component, _object_spread_props(_object_spread({}, props), {
             updateModalHeight: updateModalHeight
         }));
-    };
+    }
     return WithModalRootContext;
 }
 

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["React","ModalRootContext","withModalRootContext","Component","WithModalRootContext","props","updateModalHeight","useContext"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAmC,qBAAqB;AAIjF,OAAO,SAASC,qBACdC,SAAiC;QAExBC,uBAAT,SAASA,qBAAqBC,KAAiC;QAC7D,IAAM,AAAEC,oBAAsBN,MAAMO,UAAU,CAACN,kBAAvCK;QAER,qBAAO,oBAACH,mDAAeE;YAAaC,mBAAmBA;;IACzD;IACA,OAAOF;AACT"}
+{"version":3,"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"],"names":["React","ModalRootContext","withModalRootContext","Component","WithModalRootContext","props","updateModalHeight","useContext"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAmC,qBAAqB;AAIjF,OAAO,SAASC,qBACdC,SAAiC;IAEjC,SAASC,qBAAqBC,KAAiC;QAC7D,IAAM,AAAEC,oBAAsBN,MAAMO,UAAU,CAACN,kBAAvCK;QAER,qBAAO,oBAACH,mDAAeE;YAAaC,mBAAmBA;;IACzD;IACA,OAAOF;AACT"}

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

@@ -21,3 +21,4 @@ export interface SelectState {
  */
 declare const NativeSelect: ({ style, defaultValue, align, placeholder, children, className, getRef, getRootRef, disabled, multiline, selectType, status, icon, before, onChange: onChangeProp, value: valueProp, ...restProps }: NativeSelectProps) => React.JSX.Element;
 export { NativeSelect };
+//# sourceMappingURL=NativeSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AASnD,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EACrE,MAAM,CAAC,iBAAiB,CAAC,EACzB,UAAU,CAAC,gBAAgB,CAAC,EAC5B,QAAQ,EACR,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,wMAkBf,iBAAiB,sBA4DnB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/NavIdContext/NavIdContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const NavViewIdContext: React.Context<string | undefined>;
+export declare const NavPanelIdContext: React.Context<string | undefined>;
+//# sourceMappingURL=NavIdContext.d.ts.map

package/dist/components/NavIdContext/NavIdContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavIdContext.d.ts","sourceRoot":"","sources":["../../../src/components/NavIdContext/NavIdContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,gBAAgB,mCAAqD,CAAC;AACnF,eAAO,MAAM,iBAAiB,mCAAqD,CAAC"}

package/dist/components/NavIdContext/NavIdContext.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+export var NavViewIdContext = /*#__PURE__*/ React.createContext(undefined);
+export var NavPanelIdContext = /*#__PURE__*/ React.createContext(undefined);
+
+//# sourceMappingURL=NavIdContext.js.map

package/dist/components/NavIdContext/NavIdContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NavIdContext/NavIdContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const NavViewIdContext = React.createContext<string | undefined>(undefined);\nexport const NavPanelIdContext = React.createContext<string | undefined>(undefined);\n"],"names":["React","NavViewIdContext","createContext","undefined","NavPanelIdContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,IAAMC,iCAAmBD,MAAME,aAAa,CAAqBC,WAAW;AACnF,OAAO,IAAMC,kCAAoBJ,MAAME,aAAa,CAAqBC,WAAW"}

package/dist/components/NavIdContext/useNavId.d.ts

@@ -0,0 +1,5 @@
+export declare const useNavId: () => {
+    view: string | undefined;
+    panel: string | undefined;
+};
+//# sourceMappingURL=useNavId.d.ts.map

package/dist/components/NavIdContext/useNavId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavId.d.ts","sourceRoot":"","sources":["../../../src/components/NavIdContext/useNavId.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGnB,CAAC"}

package/dist/components/NavIdContext/useNavId.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { NavPanelIdContext, NavViewIdContext } from "./NavIdContext";
+export var useNavId = function() {
+    return {
+        view: React.useContext(NavViewIdContext),
+        panel: React.useContext(NavPanelIdContext)
+    };
+};
+
+//# sourceMappingURL=useNavId.js.map

package/dist/components/NavIdContext/useNavId.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NavIdContext/useNavId.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavPanelIdContext, NavViewIdContext } from './NavIdContext';\n\nexport const useNavId = () => ({\n  view: React.useContext(NavViewIdContext),\n  panel: React.useContext(NavPanelIdContext),\n});\n"],"names":["React","NavPanelIdContext","NavViewIdContext","useNavId","view","useContext","panel"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ,iBAAiB;AAErE,OAAO,IAAMC,WAAW;WAAO;QAC7BC,MAAMJ,MAAMK,UAAU,CAACH;QACvBI,OAAON,MAAMK,UAAU,CAACJ;IAC1B;EAAG"}

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

@@ -4,3 +4,4 @@ export interface TransitionContextProps {
 }
 export declare const useNavTransition: () => TransitionContextProps;
 export declare const NavTransitionProvider: ({ children, entering, }: React.PropsWithChildren<TransitionContextProps>) => React.JSX.Element;
+//# sourceMappingURL=NavTransitionContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavTransitionContext.d.ts","sourceRoot":"","sources":["../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAID,eAAO,MAAM,gBAAgB,8BAA4C,CAAC;AAE1E,eAAO,MAAM,qBAAqB,4BAG/B,MAAM,iBAAiB,CAAC,sBAAsB,CAAC,sBAMjD,CAAC"}

package/dist/components/NavTransitionDirectionContext/NavTransitionDirectionContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 type DirectionContextType = boolean | undefined;
 export declare const NavTransitionDirectionProvider: ({ children, isBack: isBackProp, }: React.PropsWithChildren<{
     isBack: DirectionContextType;
@@ -6,3 +6,4 @@ export declare const NavTransitionDirectionProvider: ({ children, isBack: isBack
 export type TransitionDirection = undefined | 'forwards' | 'backwards';
 export declare const useNavDirection: () => TransitionDirection;
 export {};
+//# sourceMappingURL=NavTransitionDirectionContext.d.ts.map

package/dist/components/NavTransitionDirectionContext/NavTransitionDirectionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavTransitionDirectionContext.d.ts","sourceRoot":"","sources":["../../../src/components/NavTransitionDirectionContext/NavTransitionDirectionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,oBAAoB,GAAG,OAAO,GAAG,SAAS,CAAC;AAIhD,eAAO,MAAM,8BAA8B,sCAGxC,MAAM,iBAAiB,CAAC;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAAC,sBAgB3D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;AAEvE,eAAO,MAAM,eAAe,QAAO,mBAKlC,CAAC"}

package/dist/components/NavTransitionDirectionContext/NavTransitionDirectionContext.js

@@ -1,5 +1,5 @@
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import React from "react";
+import * as React from "react";
 var TransitionDirectionContext = /*#__PURE__*/ React.createContext(undefined);
 export var NavTransitionDirectionProvider = function(param) {
     var children = param.children, isBackProp = param.isBack;

package/dist/components/NavTransitionDirectionContext/NavTransitionDirectionContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/NavTransitionDirectionContext/NavTransitionDirectionContext.tsx"],"sourcesContent":["import React from 'react';\n\ntype DirectionContextType = boolean | undefined;\n\nconst TransitionDirectionContext = React.createContext<DirectionContextType>(undefined);\n\nexport const NavTransitionDirectionProvider = ({\n  children,\n  isBack: isBackProp,\n}: React.PropsWithChildren<{ isBack: DirectionContextType }>) => {\n  const parentIsBack = React.useContext(TransitionDirectionContext);\n  // if local isBack is undefined then transition happend on the parent side (probably Root)\n  const isBack = isBackProp !== undefined ? isBackProp : parentIsBack;\n\n  // 'direction' should always represent the direction state of the panel on mount\n  // save the on mount value of the panel to the state\n  // to make sure we don't trigger new re-render for the panel\n  // due to change in the prop passed to provider\n  const [isBackOnMount] = React.useState<DirectionContextType>(isBack);\n\n  return (\n    <TransitionDirectionContext.Provider value={isBackOnMount}>\n      {children}\n    </TransitionDirectionContext.Provider>\n  );\n};\n\nexport type TransitionDirection = undefined | 'forwards' | 'backwards';\n\nexport const useNavDirection = (): TransitionDirection => {\n  const isBack = React.useContext(TransitionDirectionContext);\n  const transitionDirection = isBack === undefined ? undefined : isBack ? 'backwards' : 'forwards';\n\n  return transitionDirection;\n};\n"],"names":["React","TransitionDirectionContext","createContext","undefined","NavTransitionDirectionProvider","children","isBack","isBackProp","parentIsBack","useContext","useState","isBackOnMount","Provider","value","useNavDirection","transitionDirection"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAI1B,IAAMC,2CAA6BD,MAAME,aAAa,CAAuBC;AAE7E,OAAO,IAAMC,iCAAiC;QAC5CC,iBAAAA,UACAC,AAAQC,mBAARD;IAEA,IAAME,eAAeR,MAAMS,UAAU,CAACR;IACtC,0FAA0F;IAC1F,IAAMK,SAASC,eAAeJ,YAAYI,aAAaC;IAEvD,gFAAgF;IAChF,oDAAoD;IACpD,4DAA4D;IAC5D,+CAA+C;IAC/C,IAAwBR,mCAAAA,MAAMU,QAAQ,CAAuBJ,aAAtDK,gBAAiBX;IAExB,qBACE,oBAACC,2BAA2BW,QAAQ;QAACC,OAAOF;OACzCN;AAGP,EAAE;AAIF,OAAO,IAAMS,kBAAkB;IAC7B,IAAMR,SAASN,MAAMS,UAAU,CAACR;IAChC,IAAMc,sBAAsBT,WAAWH,YAAYA,YAAYG,SAAS,cAAc;IAEtF,OAAOS;AACT,EAAE"}
+{"version":3,"sources":["../../../src/components/NavTransitionDirectionContext/NavTransitionDirectionContext.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype DirectionContextType = boolean | undefined;\n\nconst TransitionDirectionContext = React.createContext<DirectionContextType>(undefined);\n\nexport const NavTransitionDirectionProvider = ({\n  children,\n  isBack: isBackProp,\n}: React.PropsWithChildren<{ isBack: DirectionContextType }>) => {\n  const parentIsBack = React.useContext(TransitionDirectionContext);\n  // if local isBack is undefined then transition happend on the parent side (probably Root)\n  const isBack = isBackProp !== undefined ? isBackProp : parentIsBack;\n\n  // 'direction' should always represent the direction state of the panel on mount\n  // save the on mount value of the panel to the state\n  // to make sure we don't trigger new re-render for the panel\n  // due to change in the prop passed to provider\n  const [isBackOnMount] = React.useState<DirectionContextType>(isBack);\n\n  return (\n    <TransitionDirectionContext.Provider value={isBackOnMount}>\n      {children}\n    </TransitionDirectionContext.Provider>\n  );\n};\n\nexport type TransitionDirection = undefined | 'forwards' | 'backwards';\n\nexport const useNavDirection = (): TransitionDirection => {\n  const isBack = React.useContext(TransitionDirectionContext);\n  const transitionDirection = isBack === undefined ? undefined : isBack ? 'backwards' : 'forwards';\n\n  return transitionDirection;\n};\n"],"names":["React","TransitionDirectionContext","createContext","undefined","NavTransitionDirectionProvider","children","isBack","isBackProp","parentIsBack","useContext","useState","isBackOnMount","Provider","value","useNavDirection","transitionDirection"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAI/B,IAAMC,2CAA6BD,MAAME,aAAa,CAAuBC;AAE7E,OAAO,IAAMC,iCAAiC;QAC5CC,iBAAAA,UACAC,AAAQC,mBAARD;IAEA,IAAME,eAAeR,MAAMS,UAAU,CAACR;IACtC,0FAA0F;IAC1F,IAAMK,SAASC,eAAeJ,YAAYI,aAAaC;IAEvD,gFAAgF;IAChF,oDAAoD;IACpD,4DAA4D;IAC5D,+CAA+C;IAC/C,IAAwBR,mCAAAA,MAAMU,QAAQ,CAAuBJ,aAAtDK,gBAAiBX;IAExB,qBACE,oBAACC,2BAA2BW,QAAQ;QAACC,OAAOF;OACzCN;AAGP,EAAE;AAIF,OAAO,IAAMS,kBAAkB;IAC7B,IAAMR,SAASN,MAAMS,UAAU,CAACR;IAChC,IAAMc,sBAAsBT,WAAWH,YAAYA,YAAYG,SAAS,cAAc;IAEtF,OAAOS;AACT,EAAE"}

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

@@ -42,3 +42,4 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
  * @see https://vkcom.github.io/VKUI/#/Pagination
  */
 export declare const Pagination: ({ currentPage, siblingCount, boundaryCount, totalPages, disabled, getPageAriaLabel, prevButtonAriaLabel, nextButtonAriaLabel, onChange, ...resetProps }: PaginationProps) => React.JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAQ7D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC/F;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5D,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,4JAWpB,eAAe,sBA8FjB,CAAC"}

package/dist/components/Pagination/Pagination.js

@@ -40,9 +40,8 @@ import { getPageAriaLabelDefault } from "./utils";
         onChange
     ]);
     var handleClick = React.useCallback(function(event) {
-        var _onChange;
         var page = event.currentTarget.dataset.page || "1";
-        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(Number(page));
+        onChange === null || onChange === void 0 ? void 0 : onChange(Number(page));
     }, [
         onChange
     ]);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Button } from '../Button/Button';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { PaginationPageButton } from './PaginationPage/PaginationPageButton';\nimport { PaginationPageEllipsis } from './PaginationPage/PaginationPageEllipsis';\nimport { getPageAriaLabelDefault } from './utils';\nimport styles from './Pagination.module.css';\n\nexport interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElement>, 'onChange'> {\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  onChange,\n  ...resetProps\n}: PaginationProps) => {\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              <PaginationPageEllipsis disabled={disabled} />\n            </li>\n          );\n        default: {\n          const isCurrent = page === currentPage;\n          return (\n            <li key={page}>\n              <PaginationPageButton\n                getPageAriaLabel={getPageAriaLabel}\n                isCurrent={isCurrent}\n                onClick={handleClick}\n                disabled={disabled}\n              >\n                {page}\n              </PaginationPageButton>\n            </li>\n          );\n        }\n      }\n    },\n    [currentPage, disabled, getPageAriaLabel, handleClick],\n  );\n\n  return (\n    <RootComponent\n      Component=\"nav\"\n      role=\"navigation\"\n      aria-label=\"Навигация по страницам\"\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    </RootComponent>\n  );\n};\n"],"names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","usePagination","Button","RootComponent","PaginationPageButton","PaginationPageEllipsis","getPageAriaLabelDefault","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","onChange","resetProps","pages","isFirstPage","isLastPage","handlePrevClick","useCallback","handleClick","event","page","currentTarget","dataset","Number","handleNextClick","renderPages","li","key","isCurrent","onClick","Component","role","aria-label","ul","className","size","before","width","appearance","mode","map","after"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,yBAAyB,QAAQ,mBAAmB;AACvF,SAA6BC,aAAa,QAAQ,4BAA4B;AAE9E,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,oBAAoB,QAAQ,wCAAwC;AAC7E,SAASC,sBAAsB,QAAQ,0CAA0C;AACjF,SAASC,uBAAuB,QAAQ,UAAU;AA0ClD;;CAEC,GACD,OAAO,IAAMC,aAAa;oCACxBC,aAAAA,8CAAc,qDACdC,cAAAA,gDAAe,uDACfC,eAAAA,kDAAgB,qDAChBC,YAAAA,4CAAa,uBACbC,kBAAAA,2CACAC,kBAAAA,wDAAmBP,uFACnBQ,qBAAAA,8DAAsB,mGACtBC,qBAAAA,8DAAsB,8DACtBC,kBAAAA,UACGC;QATHT;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,QAAQjB,cAAc;QAC1BO,aAAAA;QACAG,YAAAA;QACAF,cAAAA;QACAC,eAAAA;IACF;IACA,IAAMS,cAAcX,gBAAgB;IACpC,IAAMY,aAAaZ,gBAAgBG;IAEnC,IAAMU,kBAAkBvB,MAAMwB,WAAW,CAAC;QACxC,IAAIN,YAAY,CAACG,aAAa;YAC5BH,SAASR,cAAc;QACzB;IACF,GAAG;QAACA;QAAaW;QAAaH;KAAS;IAEvC,IAAMO,cAAczB,MAAMwB,WAAW,CACnC,SAACE;YAECR;QADA,IAAMS,OAAeD,MAAME,aAAa,CAACC,OAAO,CAACF,IAAI,IAAI;SACzDT,YAAAA,sBAAAA,gCAAAA,UAAWY,OAAOH;IACpB,GACA;QAACT;KAAS;IAGZ,IAAMa,kBAAkB/B,MAAMwB,WAAW,CAAC;QACxC,IAAIN,YAAY,CAACI,YAAY;YAC3BJ,SAASR,cAAc;QACzB;IACF,GAAG;QAACA;QAAaY;QAAYJ;KAAS;IAEtC,IAAMc,cAAchC,MAAMwB,WAAW,CACnC,SAACG;QACC,OAAQA;YACN,KAAK;YACL,KAAK;gBACH,qBACE,oBAACM;oBAAGC,KAAKP;iCACP,oBAACpB;oBAAuBO,UAAUA;;YAGxC;gBAAS;oBACP,IAAMqB,YAAYR,SAASjB;oBAC3B,qBACE,oBAACuB;wBAAGC,KAAKP;qCACP,oBAACrB;wBACCS,kBAAkBA;wBAClBoB,WAAWA;wBACXC,SAASX;wBACTX,UAAUA;uBAETa;gBAIT;QACF;IACF,GACA;QAACjB;QAAaI;QAAUC;QAAkBU;KAAY;IAGxD,qBACE,oBAACpB;QACCgC,WAAU;QACVC,MAAK;QACLC,cAAW;OACPpB,2BAEJ,oBAACqB;QAAGC,SAAS;qBACX,oBAACR;QAAGQ,SAAS;qBACX,oBAACrC;QACCsC,MAAK;QACLC,sBAAQ,oBAAC1C;YAAyB2C,OAAO;;QACzCC,YAAW;QACXC,MAAK;QACLhC,UAAUO,eAAeP;QACzByB,cAAYvB;QACZoB,SAASb;SAGZH,MAAM2B,GAAG,CAACf,4BACX,oBAACC;QAAGQ,SAAS;qBACX,oBAACrC;QACCsC,MAAK;QACLM,qBAAO,oBAAC9C;YAA0B0C,OAAO;;QACzCC,YAAW;QACXC,MAAK;QACLhC,UAAUQ,cAAcR;QACxByB,cAAYtB;QACZmB,SAASL;;AAMrB,EAAE"}
+{"version":3,"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Button } from '../Button/Button';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { PaginationPageButton } from './PaginationPage/PaginationPageButton';\nimport { PaginationPageEllipsis } from './PaginationPage/PaginationPageEllipsis';\nimport { getPageAriaLabelDefault } from './utils';\nimport styles from './Pagination.module.css';\n\nexport interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElement>, 'onChange'> {\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  onChange,\n  ...resetProps\n}: PaginationProps) => {\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              <PaginationPageEllipsis disabled={disabled} />\n            </li>\n          );\n        default: {\n          const isCurrent = page === currentPage;\n          return (\n            <li key={page}>\n              <PaginationPageButton\n                getPageAriaLabel={getPageAriaLabel}\n                isCurrent={isCurrent}\n                onClick={handleClick}\n                disabled={disabled}\n              >\n                {page}\n              </PaginationPageButton>\n            </li>\n          );\n        }\n      }\n    },\n    [currentPage, disabled, getPageAriaLabel, handleClick],\n  );\n\n  return (\n    <RootComponent\n      Component=\"nav\"\n      role=\"navigation\"\n      aria-label=\"Навигация по страницам\"\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    </RootComponent>\n  );\n};\n"],"names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","usePagination","Button","RootComponent","PaginationPageButton","PaginationPageEllipsis","getPageAriaLabelDefault","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","onChange","resetProps","pages","isFirstPage","isLastPage","handlePrevClick","useCallback","handleClick","event","page","currentTarget","dataset","Number","handleNextClick","renderPages","li","key","isCurrent","onClick","Component","role","aria-label","ul","className","size","before","width","appearance","mode","map","after"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,yBAAyB,QAAQ,mBAAmB;AACvF,SAA6BC,aAAa,QAAQ,4BAA4B;AAE9E,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,oBAAoB,QAAQ,wCAAwC;AAC7E,SAASC,sBAAsB,QAAQ,0CAA0C;AACjF,SAASC,uBAAuB,QAAQ,UAAU;AA0ClD;;CAEC,GACD,OAAO,IAAMC,aAAa;oCACxBC,aAAAA,8CAAc,qDACdC,cAAAA,gDAAe,uDACfC,eAAAA,kDAAgB,qDAChBC,YAAAA,4CAAa,uBACbC,kBAAAA,2CACAC,kBAAAA,wDAAmBP,uFACnBQ,qBAAAA,8DAAsB,mGACtBC,qBAAAA,8DAAsB,8DACtBC,kBAAAA,UACGC;QATHT;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,QAAQjB,cAAc;QAC1BO,aAAAA;QACAG,YAAAA;QACAF,cAAAA;QACAC,eAAAA;IACF;IACA,IAAMS,cAAcX,gBAAgB;IACpC,IAAMY,aAAaZ,gBAAgBG;IAEnC,IAAMU,kBAAkBvB,MAAMwB,WAAW,CAAC;QACxC,IAAIN,YAAY,CAACG,aAAa;YAC5BH,SAASR,cAAc;QACzB;IACF,GAAG;QAACA;QAAaW;QAAaH;KAAS;IAEvC,IAAMO,cAAczB,MAAMwB,WAAW,CACnC,SAACE;QACC,IAAMC,OAAeD,MAAME,aAAa,CAACC,OAAO,CAACF,IAAI,IAAI;QACzDT,qBAAAA,+BAAAA,SAAWY,OAAOH;IACpB,GACA;QAACT;KAAS;IAGZ,IAAMa,kBAAkB/B,MAAMwB,WAAW,CAAC;QACxC,IAAIN,YAAY,CAACI,YAAY;YAC3BJ,SAASR,cAAc;QACzB;IACF,GAAG;QAACA;QAAaY;QAAYJ;KAAS;IAEtC,IAAMc,cAAchC,MAAMwB,WAAW,CACnC,SAACG;QACC,OAAQA;YACN,KAAK;YACL,KAAK;gBACH,qBACE,oBAACM;oBAAGC,KAAKP;iCACP,oBAACpB;oBAAuBO,UAAUA;;YAGxC;gBAAS;oBACP,IAAMqB,YAAYR,SAASjB;oBAC3B,qBACE,oBAACuB;wBAAGC,KAAKP;qCACP,oBAACrB;wBACCS,kBAAkBA;wBAClBoB,WAAWA;wBACXC,SAASX;wBACTX,UAAUA;uBAETa;gBAIT;QACF;IACF,GACA;QAACjB;QAAaI;QAAUC;QAAkBU;KAAY;IAGxD,qBACE,oBAACpB;QACCgC,WAAU;QACVC,MAAK;QACLC,cAAW;OACPpB,2BAEJ,oBAACqB;QAAGC,SAAS;qBACX,oBAACR;QAAGQ,SAAS;qBACX,oBAACrC;QACCsC,MAAK;QACLC,sBAAQ,oBAAC1C;YAAyB2C,OAAO;;QACzCC,YAAW;QACXC,MAAK;QACLhC,UAAUO,eAAeP;QACzByB,cAAYvB;QACZoB,SAASb;SAGZH,MAAM2B,GAAG,CAACf,4BACX,oBAACC;QAAGQ,SAAS;qBACX,oBAACrC;QACCsC,MAAK;QACLM,qBAAO,oBAAC9C;YAA0B0C,OAAO;;QACzCC,YAAW;QACXC,MAAK;QACLhC,UAAUQ,cAAcR;QACxByB,cAAYtB;QACZmB,SAASL;;AAMrB,EAAE"}

package/dist/components/Pagination/PaginationPage/PaginationPageButton.d.ts

@@ -10,3 +10,4 @@ export interface PaginationPageButtonProps extends React.ButtonHTMLAttributes<HT
     children: number;
 }
 export declare const PaginationPageButton: ({ isCurrent, getPageAriaLabel, children, className, disabled, ...restProps }: PaginationPageButtonProps) => React.JSX.Element;
+//# sourceMappingURL=PaginationPageButton.d.ts.map

package/dist/components/Pagination/PaginationPage/PaginationPageButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationPageButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAOjD,MAAM,WAAW,yBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,UAAU,CAAC,iBAAiB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5D,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,oBAAoB,iFAO9B,yBAAyB,sBAoB3B,CAAC"}

package/dist/components/Pagination/PaginationPage/PaginationPageEllipsis.d.ts

@@ -4,3 +4,4 @@ export interface PaginationPageEllipsisProps extends React.HTMLAttributes<HTMLSp
     disabled?: boolean;
 }
 export declare const PaginationPageEllipsis: ({ className, disabled, ...restProps }: PaginationPageEllipsisProps) => React.JSX.Element;
+//# sourceMappingURL=PaginationPageEllipsis.d.ts.map

package/dist/components/Pagination/PaginationPage/PaginationPageEllipsis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationPageEllipsis.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKjD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,UAAU,CAAC,eAAe,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,0CAIhC,2BAA2B,sBAe7B,CAAC"}

package/dist/components/Pagination/PaginationPage/usePaginationPageClasses.d.ts

@@ -3,3 +3,4 @@ export interface UsePaginationPageClassNamesProps {
     disabled?: boolean;
 }
 export declare function usePaginationPageClassNames({ isCurrent, disabled, }: UsePaginationPageClassNamesProps): string;
+//# sourceMappingURL=usePaginationPageClasses.d.ts.map