@vkontakte/vkui 8.0.1 → 8.1.0

package/dist/components/ModalPage/ModalPageBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalPageBase.d.ts","sourceRoot":"","sources":["../../../src/components/ModalPage/ModalPageBase.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKrE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAGlE,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EAC9D,MAAM,CAAC,cAAc,CAAC,EACtB,IAAI,CACF,sBAAsB,EACpB,8BAA8B,GAC9B,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,gBAAgB,GAChB,oBAAoB,GACpB,0BAA0B,GAC1B,yBAAyB,GACzB,iBAAiB,GACjB,SAAS,CACZ;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,wNAe3B,kBAAkB,4CAgDpB,CAAC"}
+{"version":3,"file":"ModalPageBase.d.ts","sourceRoot":"","sources":["../../../src/components/ModalPage/ModalPageBase.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKrE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAGlE,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EAC9D,MAAM,CAAC,cAAc,CAAC,EACtB,IAAI,CACF,sBAAsB,EACpB,8BAA8B,GAC9B,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,gBAAgB,GAChB,oBAAoB,GACpB,0BAA0B,GAC1B,yBAAyB,GACzB,iBAAiB,GACjB,SAAS,CACZ;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,aAAa,GAAI,wNAe3B,kBAAkB,4CAgDpB,CAAC"}

package/dist/components/ModalPage/ModalPageBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalPage/ModalPageBase.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE } from '../../lib/sheet';\nimport type { HasRef, HTMLAttributesWithRootRef } from '../../types';\nimport { ModalOutsideButton } from '../ModalOutsideButton/ModalOutsideButton';\nimport { ModalOutsideButtons } from '../ModalOutsideButtons/ModalOutsideButtons';\nimport { ModalPageContent } from '../ModalPageContent/ModalPageContent';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport type { ModalPageInternalProps } from './ModalPageInternal';\nimport styles from './ModalPage.module.css';\n\nexport interface ModalPageBaseProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'>,\n    HasRef<HTMLDivElement>,\n    Pick<\n      ModalPageInternalProps,\n      | 'disableContentPanningGesture'\n      | 'header'\n      | 'children'\n      | 'footer'\n      | 'outsideButtons'\n      | 'modalContentTestId'\n      | 'modalDismissButtonTestId'\n      | 'modalDismissButtonLabel'\n      | 'hideCloseButton'\n      | 'onClose'\n    > {\n  isDesktop?: boolean;\n  closable?: boolean;\n}\n\nexport const ModalPageBase = ({\n  isDesktop,\n  getRef,\n  disableContentPanningGesture,\n  header,\n  children,\n  footer,\n  outsideButtons,\n  modalContentTestId,\n  modalDismissButtonTestId,\n  modalDismissButtonLabel,\n  hideCloseButton,\n  closable,\n  onClose = noop,\n  ...restProps\n}: ModalPageBaseProps) => {\n  const disableContentPanningGestureProp = disableContentPanningGesture\n    ? BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE\n    : undefined;\n\n  const closeButton =\n    hideCloseButton || !isDesktop ? null : (\n      <ModalOutsideButton\n        data-testid={modalDismissButtonTestId}\n        onClick={\n          closable\n            ? function handleDismissButtonClick(event) {\n                onClose('click-close-button', event);\n              }\n            : noop\n        }\n        aria-label={modalDismissButtonLabel}\n      >\n        <Icon20Cancel />\n      </ModalOutsideButton>\n    );\n\n  return (\n    <RootComponent role=\"document\" baseClassName={styles.document} {...restProps}>\n      <div\n        className={classNames(\n          styles.children,\n          isDesktop ? styles.childrenDesktop : styles.childrenMobile,\n        )}\n      >\n        {hasReactNode(header) && header}\n        <ModalPageContent\n          getRootRef={getRef}\n          data-testid={modalContentTestId}\n          {...disableContentPanningGestureProp}\n        >\n          {children}\n        </ModalPageContent>\n        {hasReactNode(footer) && footer}\n      </div>\n      {isDesktop && (closeButton || outsideButtons) && (\n        <ModalOutsideButtons>\n          {closeButton}\n          {outsideButtons}\n        </ModalOutsideButtons>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["Icon20Cancel","classNames","hasReactNode","noop","BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE","ModalOutsideButton","ModalOutsideButtons","ModalPageContent","RootComponent","ModalPageBase","isDesktop","getRef","disableContentPanningGesture","header","children","footer","outsideButtons","modalContentTestId","modalDismissButtonTestId","modalDismissButtonLabel","hideCloseButton","closable","onClose","restProps","disableContentPanningGestureProp","undefined","closeButton","data-testid","onClick","handleDismissButtonClick","event","aria-label","role","baseClassName","div","className","getRootRef"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,SAASA,YAAY,QAAQ,mBAAmB;AAChD,SAASC,UAAU,EAAEC,YAAY,EAAEC,IAAI,QAAQ,kBAAkB;AACjE,SAASC,mCAAmC,QAAQ,2BAAkB;AAEtE,SAASC,kBAAkB,QAAQ,8CAA2C;AAC9E,SAASC,mBAAmB,QAAQ,gDAA6C;AACjF,SAASC,gBAAgB,QAAQ,0CAAuC;AACxE,SAASC,aAAa,QAAQ,oCAAiC;AAwB/D,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,SAAS,EACTC,MAAM,EACNC,4BAA4B,EAC5BC,MAAM,EACNC,QAAQ,EACRC,MAAM,EACNC,cAAc,EACdC,kBAAkB,EAClBC,wBAAwB,EACxBC,uBAAuB,EACvBC,eAAe,EACfC,QAAQ,EACRC,UAAUnB,IAAI,EACd,GAAGoB,WACgB;IACnB,MAAMC,mCAAmCZ,+BACrCR,sCACAqB;IAEJ,MAAMC,cACJN,mBAAmB,CAACV,YAAY,qBAC9B,KAACL;QACCsB,eAAaT;QACbU,SACEP,WACI,SAASQ,yBAAyBC,KAAK;YACrCR,QAAQ,sBAAsBQ;QAChC,IACA3B;QAEN4B,cAAYZ;kBAEZ,cAAA,KAACnB;;IAIP,qBACE,MAACQ;QAAcwB,MAAK;QAAWC,aAAa;QAAoB,GAAGV,SAAS;;0BAC1E,MAACW;gBACCC,WAAWlC,sCAETS;;oBAGDR,aAAaW,WAAWA;kCACzB,KAACN;wBACC6B,YAAYzB;wBACZgB,eAAaV;wBACZ,GAAGO,gCAAgC;kCAEnCV;;oBAEFZ,aAAaa,WAAWA;;;YAE1BL,aAAcgB,CAAAA,eAAeV,cAAa,mBACzC,MAACV;;oBACEoB;oBACAV;;;;;AAKX,EAAE"}
+{"version":3,"sources":["../../../src/components/ModalPage/ModalPageBase.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE } from '../../lib/sheet';\nimport type { HasRef, HTMLAttributesWithRootRef } from '../../types';\nimport { ModalOutsideButton } from '../ModalOutsideButton/ModalOutsideButton';\nimport { ModalOutsideButtons } from '../ModalOutsideButtons/ModalOutsideButtons';\nimport { ModalPageContent } from '../ModalPageContent/ModalPageContent';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport type { ModalPageInternalProps } from './ModalPageInternal';\nimport styles from './ModalPage.module.css';\n\nexport interface ModalPageBaseProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'>,\n    HasRef<HTMLDivElement>,\n    Pick<\n      ModalPageInternalProps,\n      | 'disableContentPanningGesture'\n      | 'header'\n      | 'children'\n      | 'footer'\n      | 'outsideButtons'\n      | 'modalContentTestId'\n      | 'modalDismissButtonTestId'\n      | 'modalDismissButtonLabel'\n      | 'hideCloseButton'\n      | 'onClose'\n    > {\n  isDesktop?: boolean | undefined;\n  closable?: boolean | undefined;\n}\n\nexport const ModalPageBase = ({\n  isDesktop,\n  getRef,\n  disableContentPanningGesture,\n  header,\n  children,\n  footer,\n  outsideButtons,\n  modalContentTestId,\n  modalDismissButtonTestId,\n  modalDismissButtonLabel,\n  hideCloseButton,\n  closable,\n  onClose = noop,\n  ...restProps\n}: ModalPageBaseProps) => {\n  const disableContentPanningGestureProp = disableContentPanningGesture\n    ? BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE\n    : undefined;\n\n  const closeButton =\n    hideCloseButton || !isDesktop ? null : (\n      <ModalOutsideButton\n        data-testid={modalDismissButtonTestId}\n        onClick={\n          closable\n            ? function handleDismissButtonClick(event) {\n                onClose('click-close-button', event);\n              }\n            : noop\n        }\n        aria-label={modalDismissButtonLabel}\n      >\n        <Icon20Cancel />\n      </ModalOutsideButton>\n    );\n\n  return (\n    <RootComponent role=\"document\" baseClassName={styles.document} {...restProps}>\n      <div\n        className={classNames(\n          styles.children,\n          isDesktop ? styles.childrenDesktop : styles.childrenMobile,\n        )}\n      >\n        {hasReactNode(header) && header}\n        <ModalPageContent\n          getRootRef={getRef}\n          data-testid={modalContentTestId}\n          {...disableContentPanningGestureProp}\n        >\n          {children}\n        </ModalPageContent>\n        {hasReactNode(footer) && footer}\n      </div>\n      {isDesktop && (closeButton || outsideButtons) && (\n        <ModalOutsideButtons>\n          {closeButton}\n          {outsideButtons}\n        </ModalOutsideButtons>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["Icon20Cancel","classNames","hasReactNode","noop","BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE","ModalOutsideButton","ModalOutsideButtons","ModalPageContent","RootComponent","ModalPageBase","isDesktop","getRef","disableContentPanningGesture","header","children","footer","outsideButtons","modalContentTestId","modalDismissButtonTestId","modalDismissButtonLabel","hideCloseButton","closable","onClose","restProps","disableContentPanningGestureProp","undefined","closeButton","data-testid","onClick","handleDismissButtonClick","event","aria-label","role","baseClassName","div","className","getRootRef"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,SAASA,YAAY,QAAQ,mBAAmB;AAChD,SAASC,UAAU,EAAEC,YAAY,EAAEC,IAAI,QAAQ,kBAAkB;AACjE,SAASC,mCAAmC,QAAQ,2BAAkB;AAEtE,SAASC,kBAAkB,QAAQ,8CAA2C;AAC9E,SAASC,mBAAmB,QAAQ,gDAA6C;AACjF,SAASC,gBAAgB,QAAQ,0CAAuC;AACxE,SAASC,aAAa,QAAQ,oCAAiC;AAwB/D,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,SAAS,EACTC,MAAM,EACNC,4BAA4B,EAC5BC,MAAM,EACNC,QAAQ,EACRC,MAAM,EACNC,cAAc,EACdC,kBAAkB,EAClBC,wBAAwB,EACxBC,uBAAuB,EACvBC,eAAe,EACfC,QAAQ,EACRC,UAAUnB,IAAI,EACd,GAAGoB,WACgB;IACnB,MAAMC,mCAAmCZ,+BACrCR,sCACAqB;IAEJ,MAAMC,cACJN,mBAAmB,CAACV,YAAY,qBAC9B,KAACL;QACCsB,eAAaT;QACbU,SACEP,WACI,SAASQ,yBAAyBC,KAAK;YACrCR,QAAQ,sBAAsBQ;QAChC,IACA3B;QAEN4B,cAAYZ;kBAEZ,cAAA,KAACnB;;IAIP,qBACE,MAACQ;QAAcwB,MAAK;QAAWC,aAAa;QAAoB,GAAGV,SAAS;;0BAC1E,MAACW;gBACCC,WAAWlC,sCAETS;;oBAGDR,aAAaW,WAAWA;kCACzB,KAACN;wBACC6B,YAAYzB;wBACZgB,eAAaV;wBACZ,GAAGO,gCAAgC;kCAEnCV;;oBAEFZ,aAAaa,WAAWA;;;YAE1BL,aAAcgB,CAAAA,eAAeV,cAAa,mBACzC,MAACV;;oBACEoB;oBACAV;;;;;AAKX,EAAE"}

package/dist/components/ModalPage/ModalPageInternal.d.ts

@@ -4,8 +4,8 @@ import { type ModalOverlayProps } from '../ModalOverlay/ModalOverlay';
 import type { ModalPageProps } from './types';
 export interface ModalPageInternalProps extends Omit<ModalPageProps, 'nav' | 'keepMounted' | 'settlingHeight' | 'dynamicContentHeight'> {
     snapPoint: SnapPoint;
-    ModalOverlay?: ComponentType<ModalOverlayProps>;
-    onSnapPointChange?: SnapPointChange;
+    ModalOverlay?: ComponentType<ModalOverlayProps> | undefined;
+    onSnapPointChange?: SnapPointChange | undefined;
 }
 /**
  * В компоненте заложена вся логика модального окна.

package/dist/components/ModalPage/ModalPageInternal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalPageInternal.d.ts","sourceRoot":"","sources":["../../../src/components/ModalPage/ModalPageInternal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,OAAO,CAAC;AAY5E,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,eAAe,EAAkB,MAAM,iBAAiB,CAAC;AAMvF,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAc9C,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,aAAa,GAAG,gBAAgB,GAAG,sBAAsB,CAAC;IAC/F,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,eAAe,CAAC;CACrC;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,+eAiC/B,sBAAsB,4CA2IxB,CAAC"}
+{"version":3,"file":"ModalPageInternal.d.ts","sourceRoot":"","sources":["../../../src/components/ModalPage/ModalPageInternal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,OAAO,CAAC;AAY5E,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,eAAe,EAAkB,MAAM,iBAAiB,CAAC;AAMvF,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAc9C,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,aAAa,GAAG,gBAAgB,GAAG,sBAAsB,CAAC;IAC/F,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC5D,iBAAiB,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;CACjD;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,+eAiC/B,sBAAsB,4CA2IxB,CAAC"}

package/dist/components/ModalPage/ModalPageInternal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalPage/ModalPageInternal.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport { type ComponentType, type KeyboardEvent, useCallback } from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n  isSizeXRegularFallback,\n  useAdaptivityWithJSMediaQueries,\n} from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useVirtualKeyboardState } from '../../hooks/useVirtualKeyboardState';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { useCSSTransition, type UseCSSTransitionState } from '../../lib/animation';\nimport { type SnapPoint, type SnapPointChange, useBottomSheet } from '../../lib/sheet';\nimport type { CSSCustomProperties } from '../../types';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalOutlet } from '../ModalOutlet/ModalOutlet';\nimport {\n  ModalOverlay as ModalOverlayDefault,\n  type ModalOverlayProps,\n} from '../ModalOverlay/ModalOverlay';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { ModalPageBase } from './ModalPageBase';\nimport type { ModalPageProps } from './types';\nimport styles from './ModalPage.module.css';\n\nconst transitionStateClassNames: Partial<Record<UseCSSTransitionState, string>> = {\n  appear: styles.documentStateEnter,\n  appearing: styles.documentStateEntering,\n\n  enter: styles.documentStateEnter,\n  entering: styles.documentStateEntering,\n\n  exiting: styles.documentStateExiting,\n  exited: styles.documentStateExited,\n};\n\nexport interface ModalPageInternalProps\n  extends Omit<ModalPageProps, 'nav' | 'keepMounted' | 'settlingHeight' | 'dynamicContentHeight'> {\n  snapPoint: SnapPoint;\n  ModalOverlay?: ComponentType<ModalOverlayProps>;\n  onSnapPointChange?: SnapPointChange;\n}\n\n/**\n * В компоненте заложена вся логика модального окна.\n *\n * @private\n */\nexport const ModalPageInternal = ({\n  getRootRef,\n  open,\n  header,\n  footer,\n  size: desktopMaxWidth,\n  height,\n  children,\n  className,\n  style,\n  snapPoint,\n  onSnapPointChange,\n  getModalContentRef,\n  ModalOverlay = ModalOverlayDefault,\n  modalOverlayTestId,\n  modalContentTestId,\n  modalDismissButtonTestId,\n  modalDismissButtonLabel = 'Закрыть',\n  outsideButtons,\n  noFocusToDialog,\n  hideCloseButton,\n  preventClose,\n  disableContentPanningGesture,\n  restoreFocus,\n  onOpen,\n  onOpened,\n  onClose = noop,\n  onClosed,\n  disableFocusTrap,\n  disableModalOverlay,\n  disableOpenAnimation = false,\n  disableCloseAnimation = false,\n  ...restProps\n}: ModalPageInternalProps) => {\n  const { hasCustomPanelHeaderAfter } = useConfigProvider();\n  const rootRef = useExternRef(getRootRef);\n  const [transitionState, { ref, onTransitionEnd }] = useCSSTransition<HTMLDivElement>(open, {\n    enableAppear: !disableOpenAnimation,\n    enableEnter: !disableOpenAnimation,\n    enableExit: !disableCloseAnimation,\n    onEnter() {\n      onOpen?.();\n    },\n    onEntered() {\n      onOpened?.();\n    },\n    onExited() {\n      onClosed?.();\n    },\n  });\n  const opened = transitionState === 'appeared' || transitionState === 'entered';\n  const hidden = transitionState === 'exited';\n  const closable = !preventClose && opened;\n\n  const { sizeX: legacySizeXContext } = useAdaptivity();\n  const { isDesktop, sizeX: legacySizeX, viewWidth } = useAdaptivityWithJSMediaQueries();\n  const bottomSheetEnabled = !isDesktop && !preventClose && transitionState !== 'exited';\n  const { opened: keyboardOpened } = useVirtualKeyboardState(bottomSheetEnabled);\n\n  const [{ initialStyle, setSheetEl, setSheetScrollEl, setBackdropEl }, bottomSheetEventHandlers] =\n    useBottomSheet(bottomSheetEnabled, {\n      blocked: keyboardOpened,\n      snapPoint,\n      sheetCSSProperty: '--vkui_internal_ModalPageDocument--snapPoint',\n      backdropCSSProperty: '--vkui_internal--modal-overlay--opacity',\n      onSnapPointChange,\n      onDismiss() {\n        onClose('swipe-down');\n      },\n    });\n  const documentStyle = keyboardOpened\n    ? {\n        '--vkui_internal_ModalPageDocument--safeAreaInsetBottom': '0px',\n        ...initialStyle,\n      }\n    : initialStyle;\n  const handleSheetRef = useExternRef<HTMLDivElement>(setSheetEl, ref);\n  const handleSheetScrollRef = useExternRef<HTMLDivElement>(setSheetScrollEl, getModalContentRef);\n\n  const [desktopMaxWidthClassName, desktopMaxWidthStyle] = isDesktop\n    ? resolveDesktopMaxWidth(desktopMaxWidth)\n    : [undefined, undefined];\n\n  const modalOverlay = !disableModalOverlay && (\n    <ModalOverlay\n      getRootRef={setBackdropEl}\n      data-testid={modalOverlayTestId}\n      visible={open}\n      disableOpenAnimation={disableOpenAnimation}\n      disableCloseAnimation={disableCloseAnimation}\n      onClick={\n        closable\n          ? function handleBackdropClick(event) {\n              onClose('click-overlay', event);\n            }\n          : undefined\n      }\n    />\n  );\n  const handleEscKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (closable && pressedKey(event) === Keys.ESCAPE) {\n        onClose('escape-key');\n      }\n    },\n    [closable, onClose],\n  );\n\n  useScrollLock(!hidden);\n\n  return (\n    <ModalOutlet\n      hidden={hidden}\n      isDesktop={isDesktop}\n      onKeyDown={handleEscKeyDown}\n      disableModalOverlay={disableModalOverlay}\n    >\n      {modalOverlay}\n      <FocusTrap\n        rootRef={rootRef}\n        restoreFocus={restoreFocus}\n        disabled={!opened || hidden || disableFocusTrap}\n        autoFocus={!noFocusToDialog}\n      >\n        <RootComponent\n          {...restProps}\n          tabIndex={-1}\n          getRootRef={rootRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          className={classNames(\n            className,\n            styles.host,\n            isDesktop ? styles.hostDesktop : styles.hostMobile,\n            !isDesktop &&\n              (hasCustomPanelHeaderAfter\n                ? styles.hostMobileSafeAreaInsetTopWithCustomOffset\n                : styles.hostMobileSafeAreaInsetTop),\n            desktopMaxWidthClassName,\n            isSizeXRegularFallback(viewWidth, legacySizeX, legacySizeXContext) &&\n              'vkuiInternalModalPage--viewWidth-smallTabletPlus',\n          )}\n          style={mergeStyle(mergeStyle(desktopMaxWidthStyle, getHeightCSSVariable(height)), style)}\n        >\n          <ModalPageBase\n            {...bottomSheetEventHandlers}\n            getRootRef={handleSheetRef}\n            getRef={handleSheetScrollRef}\n            style={documentStyle}\n            className={classNames(\n              isDesktop ? styles.documentDesktop : styles.documentMobile,\n              transitionStateClassNames[transitionState],\n            )}\n            onTransitionEnd={onTransitionEnd}\n            isDesktop={isDesktop}\n            disableContentPanningGesture={disableContentPanningGesture}\n            header={header}\n            footer={footer}\n            outsideButtons={outsideButtons}\n            modalContentTestId={modalContentTestId}\n            modalDismissButtonTestId={modalDismissButtonTestId}\n            modalDismissButtonLabel={modalDismissButtonLabel}\n            hideCloseButton={hideCloseButton}\n            closable={closable}\n            onClose={onClose}\n          >\n            {children}\n          </ModalPageBase>\n        </RootComponent>\n      </FocusTrap>\n    </ModalOutlet>\n  );\n};\n\nconst desktopMaxWidthClassNames: Record<string, string | undefined> = {\n  s: styles.hostDesktopMaxWidthS,\n  m: styles.hostDesktopMaxWidthM,\n  l: styles.hostDesktopMaxWidthL,\n};\n\nfunction resolveDesktopMaxWidth(\n  desktopMaxWidth: ModalPageInternalProps['size'] = 's',\n): [string | undefined, CSSCustomProperties | undefined] {\n  if (typeof desktopMaxWidth === 'number') {\n    return [undefined, { '--vkui_internal_ModalPage--desktopMaxWidth': `${desktopMaxWidth}px` }];\n  }\n\n  const className = desktopMaxWidthClassNames[desktopMaxWidth];\n  const style = className\n    ? undefined\n    : { '--vkui_internal_ModalPage--desktopMaxWidth': desktopMaxWidth };\n\n  return [className, style];\n}\n\nfunction getHeightCSSVariable(height?: number | string): CSSCustomProperties | undefined {\n  return height !== undefined\n    ? {\n        '--vkui_internal_ModalPage--userHeight':\n          typeof height === 'number' ? `${height}px` : height,\n      }\n    : undefined;\n}\n"],"names":["useCallback","classNames","noop","mergeStyle","useAdaptivity","isSizeXRegularFallback","useAdaptivityWithJSMediaQueries","useExternRef","useVirtualKeyboardState","Keys","pressedKey","useCSSTransition","useBottomSheet","useScrollLock","useConfigProvider","FocusTrap","ModalOutlet","ModalOverlay","ModalOverlayDefault","RootComponent","ModalPageBase","transitionStateClassNames","appear","appearing","enter","entering","exiting","exited","ModalPageInternal","getRootRef","open","header","footer","size","desktopMaxWidth","height","children","className","style","snapPoint","onSnapPointChange","getModalContentRef","modalOverlayTestId","modalContentTestId","modalDismissButtonTestId","modalDismissButtonLabel","outsideButtons","noFocusToDialog","hideCloseButton","preventClose","disableContentPanningGesture","restoreFocus","onOpen","onOpened","onClose","onClosed","disableFocusTrap","disableModalOverlay","disableOpenAnimation","disableCloseAnimation","restProps","hasCustomPanelHeaderAfter","rootRef","transitionState","ref","onTransitionEnd","enableAppear","enableEnter","enableExit","onEnter","onEntered","onExited","opened","hidden","closable","sizeX","legacySizeXContext","isDesktop","legacySizeX","viewWidth","bottomSheetEnabled","keyboardOpened","initialStyle","setSheetEl","setSheetScrollEl","setBackdropEl","bottomSheetEventHandlers","blocked","sheetCSSProperty","backdropCSSProperty","onDismiss","documentStyle","handleSheetRef","handleSheetScrollRef","desktopMaxWidthClassName","desktopMaxWidthStyle","resolveDesktopMaxWidth","undefined","modalOverlay","data-testid","visible","onClick","handleBackdropClick","event","handleEscKeyDown","ESCAPE","onKeyDown","disabled","autoFocus","tabIndex","role","aria-modal","getHeightCSSVariable","getRef","desktopMaxWidthClassNames","s","m","l"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ModalPage/ModalPageInternal.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport { type ComponentType, type KeyboardEvent, useCallback } from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n  isSizeXRegularFallback,\n  useAdaptivityWithJSMediaQueries,\n} from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useVirtualKeyboardState } from '../../hooks/useVirtualKeyboardState';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { useCSSTransition, type UseCSSTransitionState } from '../../lib/animation';\nimport { type SnapPoint, type SnapPointChange, useBottomSheet } from '../../lib/sheet';\nimport type { CSSCustomProperties } from '../../types';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalOutlet } from '../ModalOutlet/ModalOutlet';\nimport {\n  ModalOverlay as ModalOverlayDefault,\n  type ModalOverlayProps,\n} from '../ModalOverlay/ModalOverlay';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { ModalPageBase } from './ModalPageBase';\nimport type { ModalPageProps } from './types';\nimport styles from './ModalPage.module.css';\n\nconst transitionStateClassNames: Partial<Record<UseCSSTransitionState, string>> = {\n  appear: styles.documentStateEnter,\n  appearing: styles.documentStateEntering,\n\n  enter: styles.documentStateEnter,\n  entering: styles.documentStateEntering,\n\n  exiting: styles.documentStateExiting,\n  exited: styles.documentStateExited,\n};\n\nexport interface ModalPageInternalProps\n  extends Omit<ModalPageProps, 'nav' | 'keepMounted' | 'settlingHeight' | 'dynamicContentHeight'> {\n  snapPoint: SnapPoint;\n  ModalOverlay?: ComponentType<ModalOverlayProps> | undefined;\n  onSnapPointChange?: SnapPointChange | undefined;\n}\n\n/**\n * В компоненте заложена вся логика модального окна.\n *\n * @private\n */\nexport const ModalPageInternal = ({\n  getRootRef,\n  open,\n  header,\n  footer,\n  size: desktopMaxWidth,\n  height,\n  children,\n  className,\n  style,\n  snapPoint,\n  onSnapPointChange,\n  getModalContentRef,\n  ModalOverlay = ModalOverlayDefault,\n  modalOverlayTestId,\n  modalContentTestId,\n  modalDismissButtonTestId,\n  modalDismissButtonLabel = 'Закрыть',\n  outsideButtons,\n  noFocusToDialog,\n  hideCloseButton,\n  preventClose,\n  disableContentPanningGesture,\n  restoreFocus,\n  onOpen,\n  onOpened,\n  onClose = noop,\n  onClosed,\n  disableFocusTrap,\n  disableModalOverlay,\n  disableOpenAnimation = false,\n  disableCloseAnimation = false,\n  ...restProps\n}: ModalPageInternalProps) => {\n  const { hasCustomPanelHeaderAfter } = useConfigProvider();\n  const rootRef = useExternRef(getRootRef);\n  const [transitionState, { ref, onTransitionEnd }] = useCSSTransition<HTMLDivElement>(open, {\n    enableAppear: !disableOpenAnimation,\n    enableEnter: !disableOpenAnimation,\n    enableExit: !disableCloseAnimation,\n    onEnter() {\n      onOpen?.();\n    },\n    onEntered() {\n      onOpened?.();\n    },\n    onExited() {\n      onClosed?.();\n    },\n  });\n  const opened = transitionState === 'appeared' || transitionState === 'entered';\n  const hidden = transitionState === 'exited';\n  const closable = !preventClose && opened;\n\n  const { sizeX: legacySizeXContext } = useAdaptivity();\n  const { isDesktop, sizeX: legacySizeX, viewWidth } = useAdaptivityWithJSMediaQueries();\n  const bottomSheetEnabled = !isDesktop && !preventClose && transitionState !== 'exited';\n  const { opened: keyboardOpened } = useVirtualKeyboardState(bottomSheetEnabled);\n\n  const [{ initialStyle, setSheetEl, setSheetScrollEl, setBackdropEl }, bottomSheetEventHandlers] =\n    useBottomSheet(bottomSheetEnabled, {\n      blocked: keyboardOpened,\n      snapPoint,\n      sheetCSSProperty: '--vkui_internal_ModalPageDocument--snapPoint',\n      backdropCSSProperty: '--vkui_internal--modal-overlay--opacity',\n      onSnapPointChange,\n      onDismiss() {\n        onClose('swipe-down');\n      },\n    });\n  const documentStyle = keyboardOpened\n    ? {\n        '--vkui_internal_ModalPageDocument--safeAreaInsetBottom': '0px',\n        ...initialStyle,\n      }\n    : initialStyle;\n  const handleSheetRef = useExternRef<HTMLDivElement>(setSheetEl, ref);\n  const handleSheetScrollRef = useExternRef<HTMLDivElement>(setSheetScrollEl, getModalContentRef);\n\n  const [desktopMaxWidthClassName, desktopMaxWidthStyle] = isDesktop\n    ? resolveDesktopMaxWidth(desktopMaxWidth)\n    : [undefined, undefined];\n\n  const modalOverlay = !disableModalOverlay && (\n    <ModalOverlay\n      getRootRef={setBackdropEl}\n      data-testid={modalOverlayTestId}\n      visible={open}\n      disableOpenAnimation={disableOpenAnimation}\n      disableCloseAnimation={disableCloseAnimation}\n      onClick={\n        closable\n          ? function handleBackdropClick(event) {\n              onClose('click-overlay', event);\n            }\n          : undefined\n      }\n    />\n  );\n  const handleEscKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (closable && pressedKey(event) === Keys.ESCAPE) {\n        onClose('escape-key');\n      }\n    },\n    [closable, onClose],\n  );\n\n  useScrollLock(!hidden);\n\n  return (\n    <ModalOutlet\n      hidden={hidden}\n      isDesktop={isDesktop}\n      onKeyDown={handleEscKeyDown}\n      disableModalOverlay={disableModalOverlay}\n    >\n      {modalOverlay}\n      <FocusTrap\n        rootRef={rootRef}\n        restoreFocus={restoreFocus}\n        disabled={!opened || hidden || disableFocusTrap}\n        autoFocus={!noFocusToDialog}\n      >\n        <RootComponent\n          {...restProps}\n          tabIndex={-1}\n          getRootRef={rootRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          className={classNames(\n            className,\n            styles.host,\n            isDesktop ? styles.hostDesktop : styles.hostMobile,\n            !isDesktop &&\n              (hasCustomPanelHeaderAfter\n                ? styles.hostMobileSafeAreaInsetTopWithCustomOffset\n                : styles.hostMobileSafeAreaInsetTop),\n            desktopMaxWidthClassName,\n            isSizeXRegularFallback(viewWidth, legacySizeX, legacySizeXContext) &&\n              'vkuiInternalModalPage--viewWidth-smallTabletPlus',\n          )}\n          style={mergeStyle(mergeStyle(desktopMaxWidthStyle, getHeightCSSVariable(height)), style)}\n        >\n          <ModalPageBase\n            {...bottomSheetEventHandlers}\n            getRootRef={handleSheetRef}\n            getRef={handleSheetScrollRef}\n            style={documentStyle}\n            className={classNames(\n              isDesktop ? styles.documentDesktop : styles.documentMobile,\n              transitionStateClassNames[transitionState],\n            )}\n            onTransitionEnd={onTransitionEnd}\n            isDesktop={isDesktop}\n            disableContentPanningGesture={disableContentPanningGesture}\n            header={header}\n            footer={footer}\n            outsideButtons={outsideButtons}\n            modalContentTestId={modalContentTestId}\n            modalDismissButtonTestId={modalDismissButtonTestId}\n            modalDismissButtonLabel={modalDismissButtonLabel}\n            hideCloseButton={hideCloseButton}\n            closable={closable}\n            onClose={onClose}\n          >\n            {children}\n          </ModalPageBase>\n        </RootComponent>\n      </FocusTrap>\n    </ModalOutlet>\n  );\n};\n\nconst desktopMaxWidthClassNames: Record<string, string | undefined> = {\n  s: styles.hostDesktopMaxWidthS,\n  m: styles.hostDesktopMaxWidthM,\n  l: styles.hostDesktopMaxWidthL,\n};\n\nfunction resolveDesktopMaxWidth(\n  desktopMaxWidth: ModalPageInternalProps['size'] = 's',\n): [string | undefined, CSSCustomProperties | undefined] {\n  if (typeof desktopMaxWidth === 'number') {\n    return [undefined, { '--vkui_internal_ModalPage--desktopMaxWidth': `${desktopMaxWidth}px` }];\n  }\n\n  const className = desktopMaxWidthClassNames[desktopMaxWidth];\n  const style = className\n    ? undefined\n    : { '--vkui_internal_ModalPage--desktopMaxWidth': desktopMaxWidth };\n\n  return [className, style];\n}\n\nfunction getHeightCSSVariable(height?: number | string): CSSCustomProperties | undefined {\n  return height !== undefined\n    ? {\n        '--vkui_internal_ModalPage--userHeight':\n          typeof height === 'number' ? `${height}px` : height,\n      }\n    : undefined;\n}\n"],"names":["useCallback","classNames","noop","mergeStyle","useAdaptivity","isSizeXRegularFallback","useAdaptivityWithJSMediaQueries","useExternRef","useVirtualKeyboardState","Keys","pressedKey","useCSSTransition","useBottomSheet","useScrollLock","useConfigProvider","FocusTrap","ModalOutlet","ModalOverlay","ModalOverlayDefault","RootComponent","ModalPageBase","transitionStateClassNames","appear","appearing","enter","entering","exiting","exited","ModalPageInternal","getRootRef","open","header","footer","size","desktopMaxWidth","height","children","className","style","snapPoint","onSnapPointChange","getModalContentRef","modalOverlayTestId","modalContentTestId","modalDismissButtonTestId","modalDismissButtonLabel","outsideButtons","noFocusToDialog","hideCloseButton","preventClose","disableContentPanningGesture","restoreFocus","onOpen","onOpened","onClose","onClosed","disableFocusTrap","disableModalOverlay","disableOpenAnimation","disableCloseAnimation","restProps","hasCustomPanelHeaderAfter","rootRef","transitionState","ref","onTransitionEnd","enableAppear","enableEnter","enableExit","onEnter","onEntered","onExited","opened","hidden","closable","sizeX","legacySizeXContext","isDesktop","legacySizeX","viewWidth","bottomSheetEnabled","keyboardOpened","initialStyle","setSheetEl","setSheetScrollEl","setBackdropEl","bottomSheetEventHandlers","blocked","sheetCSSProperty","backdropCSSProperty","onDismiss","documentStyle","handleSheetRef","handleSheetScrollRef","desktopMaxWidthClassName","desktopMaxWidthStyle","resolveDesktopMaxWidth","undefined","modalOverlay","data-testid","visible","onClick","handleBackdropClick","event","handleEscKeyDown","ESCAPE","onKeyDown","disabled","autoFocus","tabIndex","role","aria-modal","getHeightCSSVariable","getRef","desktopMaxWidthClassNames","s","m","l"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ type OmittedStyleAttribute = {
     /**
      * Дополнительные стили.
      */
-    style?: Omit<CSSProperties, 'height' | 'maxWidth' | 'maxHeight'>;
+    style?: Omit<CSSProperties, 'height' | 'maxWidth' | 'maxHeight'> | undefined;
 };
 export interface ModalPageProps extends NavIdProps, Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'id' | 'style'>, OmittedStyleAttribute {
     /**
@@ -14,21 +14,21 @@ export interface ModalPageProps extends NavIdProps, Omit<HTMLAttributesWithRootR
      *
      * @default false
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /**
      * Сохранять ли компонент в DOM при `open={false}`.
      *
      * @default false
      */
-    keepMounted?: boolean;
+    keepMounted?: boolean | undefined;
     /**
      * Шапка модальной страницы, `<ModalPageHeader />`.
      */
-    header?: ReactNode;
+    header?: ReactNode | undefined;
     /**
      * Подвал модальной страницы, `<ModalPageFooter />`.
      */
-    footer?: ReactNode;
+    footer?: ReactNode | undefined;
     /**
      * Задаёт контенту максимальную ширину на десктопе.
      */
@@ -38,7 +38,7 @@ export interface ModalPageProps extends NavIdProps, Omit<HTMLAttributesWithRootR
      * Можно передать числовое значение в пикселях, а можно строкой, в том числе и в процентах "50%".
      * В мобильной версии 'settlingHeight' будет считаться относительно заданного height.
      */
-    height?: string | number;
+    height?: string | number | undefined;
     /**
      * Процент, на который изначально будет открыта модальная страница.
      *
@@ -47,97 +47,97 @@ export interface ModalPageProps extends NavIdProps, Omit<HTMLAttributesWithRootR
      *
      * Игнорируется при включении `dynamicContentHeight`.
      */
-    settlingHeight?: number;
+    settlingHeight?: number | undefined;
     /**
      * Если высота контента в модальной странице может поменяться, нужно установить это свойство.
      */
-    dynamicContentHeight?: boolean;
+    dynamicContentHeight?: boolean | undefined;
     /**
      * Отключает фокус на интерактивный элемент после открытия модалки.
      *
      * > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.
      */
-    noFocusToDialog?: boolean;
+    noFocusToDialog?: boolean | undefined;
     /**
      * Скрывает кнопку закрытия (актуально для iOS, так как можно отрисовать кнопку закрытия внутри модалки).
      */
-    hideCloseButton?: boolean;
+    hideCloseButton?: boolean | undefined;
     /**
      * `data-testid` для содержимого модального окна.
      */
-    modalContentTestId?: string;
+    modalContentTestId?: string | undefined;
     /**
      * Возвращает DOM-элемент содержимого модального окна.
      */
-    getModalContentRef?: Ref<HTMLDivElement>;
+    getModalContentRef?: Ref<HTMLDivElement> | undefined;
     /**
      * `data-testid` для оверлея.
      */
-    modalOverlayTestId?: string;
+    modalOverlayTestId?: string | undefined;
     /**
      * `data-testid` для кнопки закрытия.
      */
-    modalDismissButtonTestId?: string;
+    modalDismissButtonTestId?: string | undefined;
     /**
      * Текст для скринридера.
      */
-    modalDismissButtonLabel?: string;
+    modalDismissButtonLabel?: string | undefined;
     /**
      * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, нажатие на подложку).
      *
      * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте.
      */
-    preventClose?: boolean;
+    preventClose?: boolean | undefined;
     /**
      * Отключает раскрытие и закрытие панели в мобильном виде.
      */
-    disableContentPanningGesture?: boolean;
+    disableContentPanningGesture?: boolean | undefined;
     /**
      * Будет вызвано при начале открытия модалки.
      */
-    onOpen?: VoidFunction;
+    onOpen?: VoidFunction | undefined;
     /**
      * Будет вызвано при окончательном открытии модалки.
      */
-    onOpened?: VoidFunction;
+    onOpened?: VoidFunction | undefined;
     /**
      * Будет вызвано при начале закрытия модалки.
      */
-    onClose?: (reason: ModalPageCloseReason, event?: UIEvent<HTMLElement>) => void;
+    onClose?: ((reason: ModalPageCloseReason, event?: UIEvent<HTMLElement>) => void) | undefined;
     /**
      * Будет вызвано при окончательном закрытии модалки.
      */
-    onClosed?: VoidFunction;
+    onClosed?: VoidFunction | undefined;
     /**
      * Управляющие элементы под кнопкой закрытия.
      *
      * Доступно только в `compact`-режиме. Рекомендуется размещать иконки размера 20, обернутые в ModalOutsideButton.
      *
      */
-    outsideButtons?: React.ReactNode;
+    outsideButtons?: React.ReactNode | undefined;
     /**
      * Управление поведением возврата фокуса при закрытии всплывающего окна.
      * @default true
      */
-    restoreFocus?: boolean | (() => boolean | HTMLElement);
+    restoreFocus?: boolean | (() => boolean | HTMLElement) | undefined;
     /**
      * Позволяет отключить захват фокуса.
      *
      * Нужно использовать, когда поверх одной модалки открывается другая, чтобы два `FocusTrap` не конфликтовали.
      */
-    disableFocusTrap?: boolean;
+    disableFocusTrap?: boolean | undefined;
     /**
      * Отключает отображение и взаимодействие с фоном модалки.
      */
-    disableModalOverlay?: boolean;
+    disableModalOverlay?: boolean | undefined;
     /**
      * Отключает анимацию открытия модалки.
      */
-    disableOpenAnimation?: boolean;
+    disableOpenAnimation?: boolean | undefined;
     /**
      * Отключает анимацию закрытия модалки.
      */
-    disableCloseAnimation?: boolean;
+    disableCloseAnimation?: boolean | undefined;
 }
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ModalPage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAC5B,eAAe,GACf,oBAAoB,GACpB,YAAY,GACZ,YAAY,CAAC;AAEjB,KAAK,qBAAqB,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC;CAClE,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,UAAU,EAChB,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC,EAC/D,qBAAqB;IACvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CACjB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,GAAG,aAAa,GAAG,aAAa,GAAG,aAAa,EACxE,MAAM,GAAG,MAAM,CAChB,CAAC;IACF;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,kBAAkB,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACzC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/E;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC;IACvD;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ModalPage/types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalPage/types.ts"],"sourcesContent":["import type { CSSProperties, ReactNode, Ref, UIEvent } from 'react';\nimport type { NavIdProps } from '../../lib/getNavId';\nimport type { HTMLAttributesWithRootRef, LiteralUnion } from '../../types';\n\nexport type ModalPageCloseReason =\n  | 'click-overlay'\n  | 'click-close-button'\n  | 'escape-key'\n  | 'swipe-down';\n\ntype OmittedStyleAttribute = {\n  /**\n   * Дополнительные стили.\n   */\n  style?: Omit<CSSProperties, 'height' | 'maxWidth' | 'maxHeight'>;\n};\n\nexport interface ModalPageProps\n  extends NavIdProps,\n    Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'id' | 'style'>,\n    OmittedStyleAttribute {\n  /**\n   * Состояние видимости.\n   *\n   * @default false\n   */\n  open?: boolean;\n  /**\n   * Сохранять ли компонент в DOM при `open={false}`.\n   *\n   * @default false\n   */\n  keepMounted?: boolean;\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`.\n   */\n  header?: ReactNode;\n  /**\n   * Подвал модальной страницы, `<ModalPageFooter />`.\n   */\n  footer?: ReactNode;\n  /**\n   * Задаёт контенту максимальную ширину на десктопе.\n   */\n  size?: LiteralUnion<\n    's' | 'm' | 'l' | 'auto' | 'fit-content' | 'max-content' | 'min-content',\n    string | number\n  >;\n  /**\n   * Задаёт модальному окну фиксированную высоту.\n   * Можно передать числовое значение в пикселях, а можно строкой, в том числе и в процентах \"50%\".\n   * В мобильной версии 'settlingHeight' будет считаться относительно заданного height.\n   */\n  height?: string | number;\n  /**\n   * Процент, на который изначально будет открыта модальная страница.\n   *\n   * > ⚠️ Следует использовать следующие значения: `25`, `50`, `75`, `100`.\n   * > При передаче `< 25` значение приведётся к `25`, при передаче `> 75` значение приведётся к `75`.\n   *\n   * Игнорируется при включении `dynamicContentHeight`.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство.\n   */\n  dynamicContentHeight?: boolean;\n  /**\n   * Отключает фокус на интерактивный элемент после открытия модалки.\n   *\n   * > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.\n   */\n  noFocusToDialog?: boolean;\n  /**\n   * Скрывает кнопку закрытия (актуально для iOS, так как можно отрисовать кнопку закрытия внутри модалки).\n   */\n  hideCloseButton?: boolean;\n  /**\n   * `data-testid` для содержимого модального окна.\n   */\n  modalContentTestId?: string;\n  /**\n   * Возвращает DOM-элемент содержимого модального окна.\n   */\n  getModalContentRef?: Ref<HTMLDivElement>;\n  /**\n   * `data-testid` для оверлея.\n   */\n  modalOverlayTestId?: string;\n  /**\n   * `data-testid` для кнопки закрытия.\n   */\n  modalDismissButtonTestId?: string;\n  /**\n   * Текст для скринридера.\n   */\n  modalDismissButtonLabel?: string;\n  /**\n   * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, нажатие на подложку).\n   *\n   * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте.\n   */\n  preventClose?: boolean;\n  /**\n   * Отключает раскрытие и закрытие панели в мобильном виде.\n   */\n  disableContentPanningGesture?: boolean;\n  /**\n   * Будет вызвано при начале открытия модалки.\n   */\n  onOpen?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном открытии модалки.\n   */\n  onOpened?: VoidFunction;\n  /**\n   * Будет вызвано при начале закрытия модалки.\n   */\n  onClose?: (reason: ModalPageCloseReason, event?: UIEvent<HTMLElement>) => void;\n  /**\n   * Будет вызвано при окончательном закрытии модалки.\n   */\n  onClosed?: VoidFunction;\n  /**\n   * Управляющие элементы под кнопкой закрытия.\n   *\n   * Доступно только в `compact`-режиме. Рекомендуется размещать иконки размера 20, обернутые в ModalOutsideButton.\n   *\n   */\n  outsideButtons?: React.ReactNode;\n  /**\n   * Управление поведением возврата фокуса при закрытии всплывающего окна.\n   * @default true\n   */\n  restoreFocus?: boolean | (() => boolean | HTMLElement);\n  /**\n   * Позволяет отключить захват фокуса.\n   *\n   * Нужно использовать, когда поверх одной модалки открывается другая, чтобы два `FocusTrap` не конфликтовали.\n   */\n  disableFocusTrap?: boolean;\n  /**\n   * Отключает отображение и взаимодействие с фоном модалки.\n   */\n  disableModalOverlay?: boolean;\n  /**\n   * Отключает анимацию открытия модалки.\n   */\n  disableOpenAnimation?: boolean;\n  /**\n   * Отключает анимацию закрытия модалки.\n   */\n  disableCloseAnimation?: boolean;\n}\n"],"names":[],"mappings":"AAiBA,WAwIC"}
+{"version":3,"sources":["../../../src/components/ModalPage/types.ts"],"sourcesContent":["import type { CSSProperties, ReactNode, Ref, UIEvent } from 'react';\nimport type { NavIdProps } from '../../lib/getNavId';\nimport type { HTMLAttributesWithRootRef, LiteralUnion } from '../../types';\n\nexport type ModalPageCloseReason =\n  | 'click-overlay'\n  | 'click-close-button'\n  | 'escape-key'\n  | 'swipe-down';\n\ntype OmittedStyleAttribute = {\n  /**\n   * Дополнительные стили.\n   */\n  style?: Omit<CSSProperties, 'height' | 'maxWidth' | 'maxHeight'> | undefined;\n};\n\nexport interface ModalPageProps\n  extends NavIdProps,\n    Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'id' | 'style'>,\n    OmittedStyleAttribute {\n  /**\n   * Состояние видимости.\n   *\n   * @default false\n   */\n  open?: boolean | undefined;\n  /**\n   * Сохранять ли компонент в DOM при `open={false}`.\n   *\n   * @default false\n   */\n  keepMounted?: boolean | undefined;\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`.\n   */\n  header?: ReactNode | undefined;\n  /**\n   * Подвал модальной страницы, `<ModalPageFooter />`.\n   */\n  footer?: ReactNode | undefined;\n  /**\n   * Задаёт контенту максимальную ширину на десктопе.\n   */\n  size?: LiteralUnion<\n    's' | 'm' | 'l' | 'auto' | 'fit-content' | 'max-content' | 'min-content',\n    string | number\n  >;\n  /**\n   * Задаёт модальному окну фиксированную высоту.\n   * Можно передать числовое значение в пикселях, а можно строкой, в том числе и в процентах \"50%\".\n   * В мобильной версии 'settlingHeight' будет считаться относительно заданного height.\n   */\n  height?: string | number | undefined;\n  /**\n   * Процент, на который изначально будет открыта модальная страница.\n   *\n   * > ⚠️ Следует использовать следующие значения: `25`, `50`, `75`, `100`.\n   * > При передаче `< 25` значение приведётся к `25`, при передаче `> 75` значение приведётся к `75`.\n   *\n   * Игнорируется при включении `dynamicContentHeight`.\n   */\n  settlingHeight?: number | undefined;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство.\n   */\n  dynamicContentHeight?: boolean | undefined;\n  /**\n   * Отключает фокус на интерактивный элемент после открытия модалки.\n   *\n   * > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.\n   */\n  noFocusToDialog?: boolean | undefined;\n  /**\n   * Скрывает кнопку закрытия (актуально для iOS, так как можно отрисовать кнопку закрытия внутри модалки).\n   */\n  hideCloseButton?: boolean | undefined;\n  /**\n   * `data-testid` для содержимого модального окна.\n   */\n  modalContentTestId?: string | undefined;\n  /**\n   * Возвращает DOM-элемент содержимого модального окна.\n   */\n  getModalContentRef?: Ref<HTMLDivElement> | undefined;\n  /**\n   * `data-testid` для оверлея.\n   */\n  modalOverlayTestId?: string | undefined;\n  /**\n   * `data-testid` для кнопки закрытия.\n   */\n  modalDismissButtonTestId?: string | undefined;\n  /**\n   * Текст для скринридера.\n   */\n  modalDismissButtonLabel?: string | undefined;\n  /**\n   * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, нажатие на подложку).\n   *\n   * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте.\n   */\n  preventClose?: boolean | undefined;\n  /**\n   * Отключает раскрытие и закрытие панели в мобильном виде.\n   */\n  disableContentPanningGesture?: boolean | undefined;\n  /**\n   * Будет вызвано при начале открытия модалки.\n   */\n  onOpen?: VoidFunction | undefined;\n  /**\n   * Будет вызвано при окончательном открытии модалки.\n   */\n  onOpened?: VoidFunction | undefined;\n  /**\n   * Будет вызвано при начале закрытия модалки.\n   */\n  onClose?: ((reason: ModalPageCloseReason, event?: UIEvent<HTMLElement>) => void) | undefined;\n  /**\n   * Будет вызвано при окончательном закрытии модалки.\n   */\n  onClosed?: VoidFunction | undefined;\n  /**\n   * Управляющие элементы под кнопкой закрытия.\n   *\n   * Доступно только в `compact`-режиме. Рекомендуется размещать иконки размера 20, обернутые в ModalOutsideButton.\n   *\n   */\n  outsideButtons?: React.ReactNode | undefined;\n  /**\n   * Управление поведением возврата фокуса при закрытии всплывающего окна.\n   * @default true\n   */\n  restoreFocus?: boolean | (() => boolean | HTMLElement) | undefined;\n  /**\n   * Позволяет отключить захват фокуса.\n   *\n   * Нужно использовать, когда поверх одной модалки открывается другая, чтобы два `FocusTrap` не конфликтовали.\n   */\n  disableFocusTrap?: boolean | undefined;\n  /**\n   * Отключает отображение и взаимодействие с фоном модалки.\n   */\n  disableModalOverlay?: boolean | undefined;\n  /**\n   * Отключает анимацию открытия модалки.\n   */\n  disableOpenAnimation?: boolean | undefined;\n  /**\n   * Отключает анимацию закрытия модалки.\n   */\n  disableCloseAnimation?: boolean | undefined;\n}\n"],"names":[],"mappings":"AAiBA,WAwIC"}

package/dist/components/ModalPageFooter/ModalPageFooter.d.ts

@@ -3,11 +3,11 @@ export interface ModalPageFooterProps extends HTMLAttributesWithRootRef<HTMLDivE
     /**
      * Отключение отображения разделителя.
      */
-    noSeparator?: boolean;
+    noSeparator?: boolean | undefined;
     /**
      * Отключение отступов сверху и снизу.
      */
-    noPadding?: boolean;
+    noPadding?: boolean | undefined;
 }
 export declare const ModalPageFooter: ({ noSeparator, noPadding, children, ...restProps }: ModalPageFooterProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ModalPageFooter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalPageFooter.d.ts","sourceRoot":"","sources":["../../../src/components/ModalPageFooter/ModalPageFooter.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK7D,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACrF;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,GAAI,oDAK7B,oBAAoB,4CAqBtB,CAAC"}
+{"version":3,"file":"ModalPageFooter.d.ts","sourceRoot":"","sources":["../../../src/components/ModalPageFooter/ModalPageFooter.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK7D,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACrF;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,GAAI,oDAK7B,oBAAoB,4CAqBtB,CAAC"}

package/dist/components/ModalPageFooter/ModalPageFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalPageFooter/ModalPageFooter.tsx"],"sourcesContent":["'use client';\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n  isSizeXCompactFallback,\n  useAdaptivityWithJSMediaQueries,\n} from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Separator } from '../Separator/Separator';\nimport styles from './ModalPageFooter.module.css';\n\nexport interface ModalPageFooterProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Отключение отображения разделителя.\n   */\n  noSeparator?: boolean;\n  /**\n   * Отключение отступов сверху и снизу.\n   */\n  noPadding?: boolean;\n}\n\nexport const ModalPageFooter = ({\n  noSeparator = false,\n  noPadding = false,\n  children,\n  ...restProps\n}: ModalPageFooterProps) => {\n  const { sizeX: legacySizeXContext } = useAdaptivity();\n  const { isDesktop, sizeX: legacySizeX, viewWidth } = useAdaptivityWithJSMediaQueries();\n  return (\n    <RootComponent\n      baseClassName={classNames(\n        styles.host,\n        !noPadding && styles.padded,\n        isDesktop ? styles.hostDesktop : styles.hostMobile,\n      )}\n      {...restProps}\n    >\n      {!noSeparator && (\n        <Separator\n          className={styles.Separator}\n          padding={isSizeXCompactFallback(viewWidth, legacySizeX, legacySizeXContext)}\n        />\n      )}\n      {children}\n    </RootComponent>\n  );\n};\n"],"names":["classNames","useAdaptivity","isSizeXCompactFallback","useAdaptivityWithJSMediaQueries","RootComponent","Separator","ModalPageFooter","noSeparator","noPadding","children","restProps","sizeX","legacySizeXContext","isDesktop","legacySizeX","viewWidth","baseClassName","className","padding"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SACEC,sBAAsB,EACtBC,+BAA+B,QAC1B,iDAA8C;AAErD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,SAAS,QAAQ,4BAAyB;AAcnD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,cAAc,KAAK,EACnBC,YAAY,KAAK,EACjBC,QAAQ,EACR,GAAGC,WACkB;IACrB,MAAM,EAAEC,OAAOC,kBAAkB,EAAE,GAAGX;IACtC,MAAM,EAAEY,SAAS,EAAEF,OAAOG,WAAW,EAAEC,SAAS,EAAE,GAAGZ;IACrD,qBACE,MAACC;QACCY,eAAehB,wCAEb,CAACQ,4CACDK;QAED,GAAGH,SAAS;;YAEZ,CAACH,6BACA,KAACF;gBACCY,SAAS;gBACTC,SAAShB,uBAAuBa,WAAWD,aAAaF;;YAG3DH;;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/ModalPageFooter/ModalPageFooter.tsx"],"sourcesContent":["'use client';\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n  isSizeXCompactFallback,\n  useAdaptivityWithJSMediaQueries,\n} from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Separator } from '../Separator/Separator';\nimport styles from './ModalPageFooter.module.css';\n\nexport interface ModalPageFooterProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Отключение отображения разделителя.\n   */\n  noSeparator?: boolean | undefined;\n  /**\n   * Отключение отступов сверху и снизу.\n   */\n  noPadding?: boolean | undefined;\n}\n\nexport const ModalPageFooter = ({\n  noSeparator = false,\n  noPadding = false,\n  children,\n  ...restProps\n}: ModalPageFooterProps) => {\n  const { sizeX: legacySizeXContext } = useAdaptivity();\n  const { isDesktop, sizeX: legacySizeX, viewWidth } = useAdaptivityWithJSMediaQueries();\n  return (\n    <RootComponent\n      baseClassName={classNames(\n        styles.host,\n        !noPadding && styles.padded,\n        isDesktop ? styles.hostDesktop : styles.hostMobile,\n      )}\n      {...restProps}\n    >\n      {!noSeparator && (\n        <Separator\n          className={styles.Separator}\n          padding={isSizeXCompactFallback(viewWidth, legacySizeX, legacySizeXContext)}\n        />\n      )}\n      {children}\n    </RootComponent>\n  );\n};\n"],"names":["classNames","useAdaptivity","isSizeXCompactFallback","useAdaptivityWithJSMediaQueries","RootComponent","Separator","ModalPageFooter","noSeparator","noPadding","children","restProps","sizeX","legacySizeXContext","isDesktop","legacySizeX","viewWidth","baseClassName","className","padding"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SACEC,sBAAsB,EACtBC,+BAA+B,QAC1B,iDAA8C;AAErD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,SAAS,QAAQ,4BAAyB;AAcnD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,cAAc,KAAK,EACnBC,YAAY,KAAK,EACjBC,QAAQ,EACR,GAAGC,WACkB;IACrB,MAAM,EAAEC,OAAOC,kBAAkB,EAAE,GAAGX;IACtC,MAAM,EAAEY,SAAS,EAAEF,OAAOG,WAAW,EAAEC,SAAS,EAAE,GAAGZ;IACrD,qBACE,MAACC;QACCY,eAAehB,wCAEb,CAACQ,4CACDK;QAED,GAAGH,SAAS;;YAEZ,CAACH,6BACA,KAACF;gBACCY,SAAS;gBACTC,SAAShB,uBAAuBa,WAAWD,aAAaF;;YAG3DH;;;AAGP,EAAE"}

package/dist/components/ModalPageHeader/ModalPageHeader.d.ts

@@ -5,7 +5,7 @@ export interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElemen
     /**
      * Отключение разделителя.
      */
-    noSeparator?: boolean;
+    noSeparator?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/modal-page-header

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

@@ -1 +1 @@
-{"version":3,"file":"ModalPageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAIhF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC,EACxD,MAAM,CAAC,cAAc,CAAC,EACtB,UAAU,CAAC,cAAc,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,iFAO7B,oBAAoB,KAAG,KAAK,CAAC,SAoC/B,CAAC"}
+{"version":3,"file":"ModalPageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAIhF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC,EACxD,MAAM,CAAC,cAAc,CAAC,EACtB,UAAU,CAAC,cAAc,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,iFAO7B,oBAAoB,KAAG,KAAK,CAAC,SAoC/B,CAAC"}

package/dist/components/ModalPageHeader/ModalPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useModalContext } from '../../context/ModalContext';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n  isSizeXCompactFallback,\n  useAdaptivityWithJSMediaQueries,\n} from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasRef, HasRootRef } from '../../types';\nimport { PanelHeader, type PanelHeaderProps } from '../PanelHeader/PanelHeader';\nimport { Separator } from '../Separator/Separator';\nimport styles from './ModalPageHeader.module.css';\n\nexport interface ModalPageHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<PanelHeaderProps, 'fixed' | 'shadow' | 'delimiter'>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Отключение разделителя.\n   */\n  noSeparator?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/modal-page-header\n */\nexport const ModalPageHeader = ({\n  children,\n  noSeparator = false,\n  getRootRef,\n  className,\n  typographyProps,\n  ...restProps\n}: ModalPageHeaderProps): React.ReactNode => {\n  const platform = usePlatform();\n  const { sizeX: legacySizeXContext } = useAdaptivity();\n  const { isDesktop, sizeX: legacySizeX, viewWidth } = useAdaptivityWithJSMediaQueries();\n  const modalContext = useModalContext();\n\n  return (\n    <>\n      <div\n        className={classNames(\n          styles.host,\n          platform !== 'vkcom' && styles.hostWithGaps,\n          isDesktop && styles.hostDesktop,\n        )}\n        ref={getRootRef}\n      >\n        <PanelHeader\n          className={classNames('vkuiInternalModalPageHeader__in', className)}\n          typographyProps={{\n            Component: 'h2',\n            id: modalContext.labelId,\n            ...typographyProps,\n          }}\n          {...restProps}\n          fixed={false}\n          delimiter=\"none\"\n          transparent\n        >\n          {children}\n        </PanelHeader>\n      </div>\n      {!noSeparator && (\n        <Separator padding={isSizeXCompactFallback(viewWidth, legacySizeX, legacySizeXContext)} />\n      )}\n    </>\n  );\n};\n"],"names":["classNames","useModalContext","useAdaptivity","isSizeXCompactFallback","useAdaptivityWithJSMediaQueries","usePlatform","PanelHeader","Separator","ModalPageHeader","children","noSeparator","getRootRef","className","typographyProps","restProps","platform","sizeX","legacySizeXContext","isDesktop","legacySizeX","viewWidth","modalContext","div","ref","Component","id","labelId","fixed","delimiter","transparent","padding"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SACEC,sBAAsB,EACtBC,+BAA+B,QAC1B,iDAA8C;AACrD,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,WAAW,QAA+B,gCAA6B;AAChF,SAASC,SAAS,QAAQ,4BAAyB;AAcnD;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,QAAQ,EACRC,cAAc,KAAK,EACnBC,UAAU,EACVC,SAAS,EACTC,eAAe,EACf,GAAGC,WACkB;IACrB,MAAMC,WAAWV;IACjB,MAAM,EAAEW,OAAOC,kBAAkB,EAAE,GAAGf;IACtC,MAAM,EAAEgB,SAAS,EAAEF,OAAOG,WAAW,EAAEC,SAAS,EAAE,GAAGhB;IACrD,MAAMiB,eAAepB;IAErB,qBACE;;0BACE,KAACqB;gBACCV,WAAWZ,wCAETe,aAAa,gDACbG;gBAEFK,KAAKZ;0BAEL,cAAA,KAACL;oBACCM,WAAWZ,WAAW,mCAAmCY;oBACzDC,iBAAiB;wBACfW,WAAW;wBACXC,IAAIJ,aAAaK,OAAO;wBACxB,GAAGb,eAAe;oBACpB;oBACC,GAAGC,SAAS;oBACba,OAAO;oBACPC,WAAU;oBACVC,WAAW;8BAEVpB;;;YAGJ,CAACC,6BACA,KAACH;gBAAUuB,SAAS3B,uBAAuBiB,WAAWD,aAAaF;;;;AAI3E,EAAE"}
+{"version":3,"sources":["../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useModalContext } from '../../context/ModalContext';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n  isSizeXCompactFallback,\n  useAdaptivityWithJSMediaQueries,\n} from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasRef, HasRootRef } from '../../types';\nimport { PanelHeader, type PanelHeaderProps } from '../PanelHeader/PanelHeader';\nimport { Separator } from '../Separator/Separator';\nimport styles from './ModalPageHeader.module.css';\n\nexport interface ModalPageHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<PanelHeaderProps, 'fixed' | 'shadow' | 'delimiter'>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Отключение разделителя.\n   */\n  noSeparator?: boolean | undefined;\n}\n\n/**\n * @see https://vkui.io/components/modal-page-header\n */\nexport const ModalPageHeader = ({\n  children,\n  noSeparator = false,\n  getRootRef,\n  className,\n  typographyProps,\n  ...restProps\n}: ModalPageHeaderProps): React.ReactNode => {\n  const platform = usePlatform();\n  const { sizeX: legacySizeXContext } = useAdaptivity();\n  const { isDesktop, sizeX: legacySizeX, viewWidth } = useAdaptivityWithJSMediaQueries();\n  const modalContext = useModalContext();\n\n  return (\n    <>\n      <div\n        className={classNames(\n          styles.host,\n          platform !== 'vkcom' && styles.hostWithGaps,\n          isDesktop && styles.hostDesktop,\n        )}\n        ref={getRootRef}\n      >\n        <PanelHeader\n          className={classNames('vkuiInternalModalPageHeader__in', className)}\n          typographyProps={{\n            Component: 'h2',\n            id: modalContext.labelId,\n            ...typographyProps,\n          }}\n          {...restProps}\n          fixed={false}\n          delimiter=\"none\"\n          transparent\n        >\n          {children}\n        </PanelHeader>\n      </div>\n      {!noSeparator && (\n        <Separator padding={isSizeXCompactFallback(viewWidth, legacySizeX, legacySizeXContext)} />\n      )}\n    </>\n  );\n};\n"],"names":["classNames","useModalContext","useAdaptivity","isSizeXCompactFallback","useAdaptivityWithJSMediaQueries","usePlatform","PanelHeader","Separator","ModalPageHeader","children","noSeparator","getRootRef","className","typographyProps","restProps","platform","sizeX","legacySizeXContext","isDesktop","legacySizeX","viewWidth","modalContext","div","ref","Component","id","labelId","fixed","delimiter","transparent","padding"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SACEC,sBAAsB,EACtBC,+BAA+B,QAC1B,iDAA8C;AACrD,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,WAAW,QAA+B,gCAA6B;AAChF,SAASC,SAAS,QAAQ,4BAAyB;AAcnD;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,QAAQ,EACRC,cAAc,KAAK,EACnBC,UAAU,EACVC,SAAS,EACTC,eAAe,EACf,GAAGC,WACkB;IACrB,MAAMC,WAAWV;IACjB,MAAM,EAAEW,OAAOC,kBAAkB,EAAE,GAAGf;IACtC,MAAM,EAAEgB,SAAS,EAAEF,OAAOG,WAAW,EAAEC,SAAS,EAAE,GAAGhB;IACrD,MAAMiB,eAAepB;IAErB,qBACE;;0BACE,KAACqB;gBACCV,WAAWZ,wCAETe,aAAa,gDACbG;gBAEFK,KAAKZ;0BAEL,cAAA,KAACL;oBACCM,WAAWZ,WAAW,mCAAmCY;oBACzDC,iBAAiB;wBACfW,WAAW;wBACXC,IAAIJ,aAAaK,OAAO;wBACxB,GAAGb,eAAe;oBACpB;oBACC,GAAGC,SAAS;oBACba,OAAO;oBACPC,WAAU;oBACVC,WAAW;8BAEVpB;;;YAGJ,CAACC,6BACA,KAACH;gBAAUuB,SAAS3B,uBAAuBiB,WAAWD,aAAaF;;;;AAI3E,EAAE"}

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

@@ -5,51 +5,51 @@ type ModalRootBaseProps = {
     /**
      * Открывает модальное окно с переданным id.
      */
-    activeModal?: ModalRootActiveModal;
+    activeModal?: ModalRootActiveModal | undefined;
     /**
      * `data-testid` для маски.
      */
-    modalOverlayTestId?: string;
+    modalOverlayTestId?: string | undefined;
     /**
      * Отключает фокус на контейнер диалогового окна при открытии.
      *
      * > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.
      */
-    noFocusToDialog?: boolean;
-    usePortal?: AppRootPortalProps['usePortal'];
+    noFocusToDialog?: boolean | undefined;
+    usePortal?: AppRootPortalProps['usePortal'] | undefined;
     /**
      * Будет вызвано при начале открытия активной модалки с её id.
      */
-    onOpen?: ModalRootCallbackFunction;
+    onOpen?: ModalRootCallbackFunction | undefined;
     /**
      * Будет вызвано при окончательном открытии активной модалки с её id.
      */
-    onOpened?: ModalRootCallbackFunction;
+    onOpened?: ModalRootCallbackFunction | undefined;
     /**
      * Будет вызвано при начале закрытия активной модалки с её id.
      */
-    onClose?: ModalRootCallbackFunction;
+    onClose?: ModalRootCallbackFunction | undefined;
     /**
      * Будет вызвано при окончательном закрытии активной модалки с её id.
      */
-    onClosed?: ModalRootCallbackFunction;
+    onClosed?: ModalRootCallbackFunction | undefined;
     /**
      * Отключает отображение и взаимодействие с фоном модалки.
      */
-    disableModalOverlay?: boolean;
+    disableModalOverlay?: boolean | undefined;
     /**
      * Отключает анимацию появления .
      */
-    disableOpenAnimation?: boolean;
+    disableOpenAnimation?: boolean | undefined;
     /**
      * Отключает анимацию закрытия модалки.
      */
-    disableCloseAnimation?: boolean;
+    disableCloseAnimation?: boolean | undefined;
 };
 export interface ModalRootProps extends ModalRootBaseProps {
     children: React.ReactElement | Iterable<React.ReactElement>;
-    onOverlayClosed?: () => void;
-    onOverlayShowed?: () => void;
+    onOverlayClosed?: (() => void) | undefined;
+    onOverlayShowed?: (() => void) | undefined;
 }
 type ModalRootContextBaseInterface = {
     /**
@@ -60,8 +60,8 @@ type ModalRootContextBaseInterface = {
 export interface ModalRootContextInterface extends ModalRootContextBaseInterface, ModalRootBaseProps {
 }
 export interface UseModalRootContext extends ModalRootContextBaseInterface {
-    activeModal?: string | null;
-    onClose?: VoidFunction;
+    activeModal?: string | null | undefined;
+    onClose?: VoidFunction | undefined;
 }
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,yBAAyB,GAAG,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;AAElE,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC;IAEnC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC5C;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC;IAEpC;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,KAAK,6BAA6B,GAAG;IACnC;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,yBACf,SAAQ,6BAA6B,EACnC,kBAAkB;CAAG;AAEzB,MAAM,WAAW,mBAAoB,SAAQ,6BAA6B;IACxE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,yBAAyB,GAAG,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;AAElE,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;IAE/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAExC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEtC,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACxD;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAE/C;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAEjD;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAEhD;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAEjD;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE1C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5D,eAAe,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3C,eAAe,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CAC5C;AAED,KAAK,6BAA6B,GAAG;IACnC;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,yBACf,SAAQ,6BAA6B,EACnC,kBAAkB;CAAG;AAEzB,MAAM,WAAW,mBAAoB,SAAQ,6BAA6B;IACxE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;CACpC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalRoot/types.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport type { AppRootPortalProps } from '../AppRoot/AppRootPortal';\n\nexport type ModalRootActiveModal = string | null;\n\nexport type ModalRootCallbackFunction = (modalId: string) => void;\n\ntype ModalRootBaseProps = {\n  /**\n   * Открывает модальное окно с переданным id.\n   */\n  activeModal?: ModalRootActiveModal;\n\n  /**\n   * `data-testid` для маски.\n   */\n  modalOverlayTestId?: string;\n\n  /**\n   * Отключает фокус на контейнер диалогового окна при открытии.\n   *\n   * > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.\n   */\n  noFocusToDialog?: boolean;\n\n  usePortal?: AppRootPortalProps['usePortal'];\n  /**\n   * Будет вызвано при начале открытия активной модалки с её id.\n   */\n  onOpen?: ModalRootCallbackFunction;\n\n  /**\n   * Будет вызвано при окончательном открытии активной модалки с её id.\n   */\n  onOpened?: ModalRootCallbackFunction;\n\n  /**\n   * Будет вызвано при начале закрытия активной модалки с её id.\n   */\n  onClose?: ModalRootCallbackFunction;\n\n  /**\n   * Будет вызвано при окончательном закрытии активной модалки с её id.\n   */\n  onClosed?: ModalRootCallbackFunction;\n\n  /**\n   * Отключает отображение и взаимодействие с фоном модалки.\n   */\n  disableModalOverlay?: boolean;\n\n  /**\n   * Отключает анимацию появления .\n   */\n  disableOpenAnimation?: boolean;\n  /**\n   * Отключает анимацию закрытия модалки.\n   */\n  disableCloseAnimation?: boolean;\n};\n\nexport interface ModalRootProps extends ModalRootBaseProps {\n  children: React.ReactElement | Iterable<React.ReactElement>;\n  onOverlayClosed?: () => void;\n  onOverlayShowed?: () => void;\n}\n\ntype ModalRootContextBaseInterface = {\n  /**\n   * Обозначает, в контексте ли модального окна мы сейчас.\n   */\n  isInsideModal: boolean;\n};\n\nexport interface ModalRootContextInterface\n  extends ModalRootContextBaseInterface,\n    ModalRootBaseProps {}\n\nexport interface UseModalRootContext extends ModalRootContextBaseInterface {\n  activeModal?: string | null;\n  onClose?: VoidFunction;\n}\n"],"names":[],"mappings":"AAAA,sCAAsC,GA+EtC,WAGC"}
+{"version":3,"sources":["../../../src/components/ModalRoot/types.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport type { AppRootPortalProps } from '../AppRoot/AppRootPortal';\n\nexport type ModalRootActiveModal = string | null;\n\nexport type ModalRootCallbackFunction = (modalId: string) => void;\n\ntype ModalRootBaseProps = {\n  /**\n   * Открывает модальное окно с переданным id.\n   */\n  activeModal?: ModalRootActiveModal | undefined;\n\n  /**\n   * `data-testid` для маски.\n   */\n  modalOverlayTestId?: string | undefined;\n\n  /**\n   * Отключает фокус на контейнер диалогового окна при открытии.\n   *\n   * > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.\n   */\n  noFocusToDialog?: boolean | undefined;\n\n  usePortal?: AppRootPortalProps['usePortal'] | undefined;\n  /**\n   * Будет вызвано при начале открытия активной модалки с её id.\n   */\n  onOpen?: ModalRootCallbackFunction | undefined;\n\n  /**\n   * Будет вызвано при окончательном открытии активной модалки с её id.\n   */\n  onOpened?: ModalRootCallbackFunction | undefined;\n\n  /**\n   * Будет вызвано при начале закрытия активной модалки с её id.\n   */\n  onClose?: ModalRootCallbackFunction | undefined;\n\n  /**\n   * Будет вызвано при окончательном закрытии активной модалки с её id.\n   */\n  onClosed?: ModalRootCallbackFunction | undefined;\n\n  /**\n   * Отключает отображение и взаимодействие с фоном модалки.\n   */\n  disableModalOverlay?: boolean | undefined;\n\n  /**\n   * Отключает анимацию появления .\n   */\n  disableOpenAnimation?: boolean | undefined;\n  /**\n   * Отключает анимацию закрытия модалки.\n   */\n  disableCloseAnimation?: boolean | undefined;\n};\n\nexport interface ModalRootProps extends ModalRootBaseProps {\n  children: React.ReactElement | Iterable<React.ReactElement>;\n  onOverlayClosed?: (() => void) | undefined;\n  onOverlayShowed?: (() => void) | undefined;\n}\n\ntype ModalRootContextBaseInterface = {\n  /**\n   * Обозначает, в контексте ли модального окна мы сейчас.\n   */\n  isInsideModal: boolean;\n};\n\nexport interface ModalRootContextInterface\n  extends ModalRootContextBaseInterface,\n    ModalRootBaseProps {}\n\nexport interface UseModalRootContext extends ModalRootContextBaseInterface {\n  activeModal?: string | null | undefined;\n  onClose?: VoidFunction | undefined;\n}\n"],"names":[],"mappings":"AAAA,sCAAsC,GA+EtC,WAGC"}

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

@@ -1,32 +1,32 @@
 import type { AnyFunction } from '../../types';
 import { type ModalOverlayProps } from '../ModalOverlay/ModalOverlay';
 export interface UseModalRootManager {
-    id?: string;
+    id?: string | undefined;
     open: boolean;
     keepMounted: boolean;
-    modalOverlayTestId?: string;
-    noFocusToDialog?: boolean;
-    disableModalOverlay?: boolean;
-    disableCloseAnimation?: boolean;
-    disableOpenAnimation?: boolean;
-    onOpen?: AnyFunction;
-    onOpened?: AnyFunction;
-    onClose?: AnyFunction;
-    onClosed?: AnyFunction;
+    modalOverlayTestId?: string | undefined;
+    noFocusToDialog?: boolean | undefined;
+    disableModalOverlay?: boolean | undefined;
+    disableCloseAnimation?: boolean | undefined;
+    disableOpenAnimation?: boolean | undefined;
+    onOpen?: AnyFunction | undefined;
+    onOpened?: AnyFunction | undefined;
+    onClose?: AnyFunction | undefined;
+    onClosed?: AnyFunction | undefined;
 }
 export interface UseModalRootManagerResolvedProps {
     id: string;
     open: boolean;
-    noFocusToDialog?: boolean;
-    disableModalOverlay?: boolean;
-    disableCloseAnimation?: boolean;
-    disableOpenAnimation?: boolean;
-    modalOverlayTestId?: string;
+    noFocusToDialog?: boolean | undefined;
+    disableModalOverlay?: boolean | undefined;
+    disableCloseAnimation?: boolean | undefined;
+    disableOpenAnimation?: boolean | undefined;
+    modalOverlayTestId?: string | undefined;
     ModalOverlay: React.ComponentType<ModalOverlayProps>;
-    onOpen?: AnyFunction;
-    onOpened?: AnyFunction;
-    onClose?: AnyFunction;
-    onClosed?: AnyFunction;
+    onOpen?: AnyFunction | undefined;
+    onOpened?: AnyFunction | undefined;
+    onClose?: AnyFunction | undefined;
+    onClosed?: AnyFunction | undefined;
 }
 export type UseModalRootManagerResult = {
     mounted: false;

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

@@ -1 +1 @@
-{"version":3,"file":"useModalRootManager.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/useModalRootManager.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAMpF,MAAM,WAAW,mBAAmB;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAED,MAAM,WAAW,gCAAgC;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAED,MAAM,MAAM,yBAAyB,GACjC;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,uBAAuB,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,gCAAgC,CAAC,IAAI,CAAC,CAAA;CAAE,GAChG,CAAC;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,uBAAuB,EAAE,OAAO,CAAA;CAAE,GAAG,gCAAgC,CAAC,CAAC;AAE7F,eAAO,MAAM,mBAAmB,GAAI,gLAajC,mBAAmB,KAAG,yBAgDxB,CAAC"}
+{"version":3,"file":"useModalRootManager.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/useModalRootManager.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAMpF,MAAM,WAAW,mBAAmB;IAClC,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACnC,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,gCAAgC;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACnC,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,MAAM,yBAAyB,GACjC;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,uBAAuB,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,gCAAgC,CAAC,IAAI,CAAC,CAAA;CAAE,GAChG,CAAC;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,uBAAuB,EAAE,OAAO,CAAA;CAAE,GAAG,gCAAgC,CAAC,CAAC;AAE7F,eAAO,MAAM,mBAAmB,GAAI,gLAajC,mBAAmB,KAAG,yBAgDxB,CAAC"}