@mantine/core 5.10.2 → 6.0.0-alpha.1

package/esm/Modal/Modal.js

@@ -1,16 +1,12 @@
-import React, { useRef, useEffect } from 'react';
-import { useId, useFocusTrap, useMergedRef, useScrollLock, useFocusReturn, useWindowEvent } from '@mantine/hooks';
-import { getDefaultZIndex, useComponentDefaultProps } from '@mantine/styles';
-import useStyles from './Modal.styles.js';
-import { OptionalPortal } from '../Portal/OptionalPortal.js';
-import { GroupedTransition } from '../Transition/GroupedTransition.js';
-import { Box } from '../Box/Box.js';
-import { Overlay } from '../Overlay/Overlay.js';
-import { Paper } from '../Paper/Paper.js';
-import { Text } from '../Text/Text.js';
-import { CloseButton } from '../CloseButton/CloseButton.js';
+import React from 'react';
+import { useComponentDefaultProps } from '@mantine/styles';
+import { ModalRoot } from './ModalRoot/ModalRoot.js';
+import { ModalContent } from './ModalContent/ModalContent.js';
+import { ModalBase, ModalBaseDefaultProps } from '../ModalBase/ModalBase.js';
 
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -26,6 +22,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -38,195 +35,38 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const defaultProps = {
-  size: "md",
-  transitionDuration: 250,
-  overflow: "outside",
-  padding: "lg",
-  shadow: "lg",
-  closeOnClickOutside: true,
-  closeOnEscape: true,
-  trapFocus: true,
-  withCloseButton: true,
-  withinPortal: true,
-  lockScroll: true,
-  withFocusReturn: true,
-  overlayBlur: 0,
-  zIndex: getDefaultZIndex("modal"),
-  exitTransitionDuration: 0
-};
+const defaultProps = __spreadProps(__spreadValues({}, ModalBaseDefaultProps), {
+  transitionProps: { duration: 200, transition: "pop" },
+  withOverlay: true,
+  withCloseButton: true
+});
 function Modal(props) {
   const _a = useComponentDefaultProps("Modal", defaultProps, props), {
-    className,
-    opened,
     title,
-    onClose,
-    children,
+    withOverlay,
+    overlayProps,
     withCloseButton,
-    overlayOpacity,
-    size,
-    transitionDuration,
-    exitTransitionDuration,
-    closeButtonLabel,
-    overlayColor,
-    overflow,
-    transition,
-    padding,
-    shadow,
-    radius,
-    id,
-    classNames,
-    styles,
-    closeOnClickOutside,
-    trapFocus,
-    closeOnEscape,
-    centered,
-    target,
-    withinPortal,
-    zIndex,
-    overlayBlur,
-    transitionTimingFunction,
-    fullScreen,
-    unstyled,
-    lockScroll: shouldLockScroll,
-    withFocusReturn
+    closeButtonProps,
+    children
   } = _a, others = __objRest(_a, [
-    "className",
-    "opened",
     "title",
-    "onClose",
-    "children",
+    "withOverlay",
+    "overlayProps",
     "withCloseButton",
-    "overlayOpacity",
-    "size",
-    "transitionDuration",
-    "exitTransitionDuration",
-    "closeButtonLabel",
-    "overlayColor",
-    "overflow",
-    "transition",
-    "padding",
-    "shadow",
-    "radius",
-    "id",
-    "classNames",
-    "styles",
-    "closeOnClickOutside",
-    "trapFocus",
-    "closeOnEscape",
-    "centered",
-    "target",
-    "withinPortal",
-    "zIndex",
-    "overlayBlur",
-    "transitionTimingFunction",
-    "fullScreen",
-    "unstyled",
-    "lockScroll",
-    "withFocusReturn"
+    "closeButtonProps",
+    "children"
   ]);
-  const baseId = useId(id);
-  const titleId = `${baseId}-title`;
-  const bodyId = `${baseId}-body`;
-  const { classes, cx, theme } = useStyles({ size, overflow, centered, zIndex, fullScreen }, { unstyled, classNames, styles, name: "Modal" });
-  const focusTrapRef = useFocusTrap(trapFocus && opened);
-  const overlayRef = useRef(null);
-  const mergedRef = useMergedRef(focusTrapRef, overlayRef);
-  const _overlayOpacity = typeof overlayOpacity === "number" ? overlayOpacity : theme.colorScheme === "dark" ? 0.85 : 0.75;
-  useScrollLock(shouldLockScroll && opened);
-  const closeOnEscapePress = (event) => {
-    if (!trapFocus && event.key === "Escape" && closeOnEscape) {
-      onClose();
-    }
-  };
-  useEffect(() => {
-    if (!trapFocus) {
-      window.addEventListener("keydown", closeOnEscapePress);
-      return () => window.removeEventListener("keydown", closeOnEscapePress);
-    }
-    return void 0;
-  }, [trapFocus]);
-  useFocusReturn({ opened, shouldReturnFocus: trapFocus && withFocusReturn });
-  const clickTarget = useRef(null);
-  useWindowEvent("mousedown", (e) => {
-    clickTarget.current = e.target;
-  });
-  const handleOutsideClick = () => {
-    if (clickTarget.current === overlayRef.current) {
-      closeOnClickOutside && onClose();
-    }
-  };
-  return /* @__PURE__ */ React.createElement(OptionalPortal, {
-    withinPortal,
-    target
-  }, /* @__PURE__ */ React.createElement(GroupedTransition, {
-    mounted: opened,
-    duration: transitionDuration,
-    exitDuration: exitTransitionDuration,
-    timingFunction: transitionTimingFunction,
-    transitions: {
-      modal: {
-        duration: transitionDuration,
-        transition: transition || (fullScreen ? "fade" : "pop")
-      },
-      overlay: {
-        duration: transitionDuration / 2,
-        transition: "fade",
-        timingFunction: "ease"
-      }
-    }
-  }, (transitionStyles) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    id: baseId,
-    className: cx(classes.root, className)
-  }, others), /* @__PURE__ */ React.createElement("div", {
-    style: transitionStyles.overlay
-  }, /* @__PURE__ */ React.createElement(Overlay, {
-    className: classes.overlay,
-    sx: { position: "fixed" },
-    zIndex: 0,
-    blur: overlayBlur,
-    color: overlayColor || (theme.colorScheme === "dark" ? theme.colors.dark[9] : theme.black),
-    opacity: _overlayOpacity,
-    unstyled
-  })), /* @__PURE__ */ React.createElement("div", {
-    role: "presentation",
-    className: classes.inner,
-    onClick: handleOutsideClick,
-    onKeyDown: (event) => {
-      var _a2;
-      const shouldTrigger = ((_a2 = event.target) == null ? void 0 : _a2.getAttribute("data-mantine-stop-propagation")) !== "true";
-      shouldTrigger && event.key === "Escape" && closeOnEscape && onClose();
-    },
-    ref: mergedRef
-  }, /* @__PURE__ */ React.createElement(Paper, {
-    className: classes.modal,
-    shadow,
-    p: padding,
-    radius,
-    role: "dialog",
-    "aria-labelledby": titleId,
-    "aria-describedby": bodyId,
-    "aria-modal": true,
-    tabIndex: -1,
-    style: transitionStyles.modal,
-    unstyled,
-    onClick: (event) => event.stopPropagation()
-  }, (title || withCloseButton) && /* @__PURE__ */ React.createElement("div", {
-    className: classes.header
-  }, /* @__PURE__ */ React.createElement(Text, {
-    id: titleId,
-    className: classes.title
-  }, title), withCloseButton && /* @__PURE__ */ React.createElement(CloseButton, {
-    iconSize: 16,
-    onClick: onClose,
-    "aria-label": closeButtonLabel,
-    className: classes.close
-  })), /* @__PURE__ */ React.createElement("div", {
-    id: bodyId,
-    className: classes.body
-  }, children)))))));
+  const hasHeader = !!title || withCloseButton;
+  return /* @__PURE__ */ React.createElement(ModalRoot, __spreadValues({}, others), withOverlay && /* @__PURE__ */ React.createElement(ModalBase.Overlay, __spreadValues({}, overlayProps)), /* @__PURE__ */ React.createElement(ModalContent, null, hasHeader && /* @__PURE__ */ React.createElement(ModalBase.Header, null, title && /* @__PURE__ */ React.createElement(ModalBase.Title, null, title), withCloseButton && /* @__PURE__ */ React.createElement(ModalBase.CloseButton, __spreadValues({}, closeButtonProps))), /* @__PURE__ */ React.createElement(ModalBase.Body, null, children)));
 }
-Modal.displayName = "@mantine/core/Modal";
+Modal.Root = ModalRoot;
+Modal.CloseButton = ModalBase.CloseButton;
+Modal.Overlay = ModalBase.Overlay;
+Modal.Content = ModalContent;
+Modal.Header = ModalBase.Header;
+Modal.Title = ModalBase.Title;
+Modal.Body = ModalBase.Body;
+Modal.NativeScrollArea = ModalBase.NativeScrollArea;
 
 export { Modal };
 //# sourceMappingURL=Modal.js.map

package/esm/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport {\n  useScrollLock,\n  useFocusTrap,\n  useFocusReturn,\n  useId,\n  useWindowEvent,\n  useMergedRef,\n} from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  Selectors,\n  MantineStyleSystemSize,\n  getDefaultZIndex,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { CloseButton } from '../CloseButton';\nimport { Text } from '../Text';\nimport { Paper } from '../Paper';\nimport { Overlay } from '../Overlay';\nimport { OptionalPortal } from '../Portal';\nimport { Box } from '../Box';\nimport { GroupedTransition, MantineTransition } from '../Transition';\nimport useStyles, { ModalStylesParams } from './Modal.styles';\n\nexport type ModalStylesNames = Selectors<typeof useStyles>;\n\nexport interface ModalProps\n  extends Omit<DefaultProps<ModalStylesNames, ModalStylesParams>, MantineStyleSystemSize>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Mounts modal if true */\n  opened: boolean;\n\n  /** Called when close button clicked and when escape key is pressed */\n  onClose(): void;\n\n  /** Modal title, displayed in header before close button */\n  title?: React.ReactNode;\n\n  /** Modal z-index property */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Control vertical overflow behavior */\n  overflow?: 'outside' | 'inside';\n\n  /** Hides close button if set to false, modal still can be closed with escape key and by clicking outside */\n  withCloseButton?: boolean;\n\n  /** Overlay opacity */\n  overlayOpacity?: number;\n\n  /** Overlay color */\n  overlayColor?: string;\n\n  /** Overlay blur in px */\n  overlayBlur?: number;\n\n  /** Determines whether the modal should take the entire screen */\n  fullScreen?: boolean;\n\n  /** Modal radius */\n  radius?: MantineNumberSize;\n\n  /** Modal body width */\n  size?: string | number;\n\n  /** Modal body transition */\n  transition?: MantineTransition;\n\n  /** Duration in ms of modal transitions, set to 0 to disable all animations */\n  transitionDuration?: number;\n\n  /** Exit transition duration in ms, 0 by default */\n  exitTransitionDuration?: number;\n\n  /** Modal body transitionTimingFunction, defaults to theme.transitionTimingFunction */\n  transitionTimingFunction?: string;\n\n  /** Close button aria-label */\n  closeButtonLabel?: string;\n\n  /** id base, used to generate ids to connect modal title and body with aria- attributes, defaults to random id */\n  id?: string;\n\n  /** Modal shadow from theme or css value */\n  shadow?: MantineShadow;\n\n  /** Modal padding from theme or number value for padding in px */\n  padding?: MantineNumberSize;\n\n  /** Should modal be closed when outside click was registered? */\n  closeOnClickOutside?: boolean;\n\n  /** Should modal be closed when escape is pressed? */\n  closeOnEscape?: boolean;\n\n  /** Disables focus trap */\n  trapFocus?: boolean;\n\n  /** Controls if modal should be centered */\n  centered?: boolean;\n\n  /** Determines whether scroll should be locked when modal is opened, defaults to true */\n  lockScroll?: boolean;\n\n  /** Target element or selector where modal portal should be rendered */\n  target?: HTMLElement | string;\n\n  /** Determines whether modal should be rendered within Portal, defaults to true */\n  withinPortal?: boolean;\n\n  /** Determines whether focus should be returned to the last active element when drawer is closed */\n  withFocusReturn?: boolean;\n}\n\nconst defaultProps: Partial<ModalProps> = {\n  size: 'md',\n  transitionDuration: 250,\n  overflow: 'outside',\n  padding: 'lg',\n  shadow: 'lg',\n  closeOnClickOutside: true,\n  closeOnEscape: true,\n  trapFocus: true,\n  withCloseButton: true,\n  withinPortal: true,\n  lockScroll: true,\n  withFocusReturn: true,\n  overlayBlur: 0,\n  zIndex: getDefaultZIndex('modal'),\n  exitTransitionDuration: 0,\n};\n\nexport function Modal(props: ModalProps) {\n  const {\n    className,\n    opened,\n    title,\n    onClose,\n    children,\n    withCloseButton,\n    overlayOpacity,\n    size,\n    transitionDuration,\n    exitTransitionDuration,\n    closeButtonLabel,\n    overlayColor,\n    overflow,\n    transition,\n    padding,\n    shadow,\n    radius,\n    id,\n    classNames,\n    styles,\n    closeOnClickOutside,\n    trapFocus,\n    closeOnEscape,\n    centered,\n    target,\n    withinPortal,\n    zIndex,\n    overlayBlur,\n    transitionTimingFunction,\n    fullScreen,\n    unstyled,\n    lockScroll: shouldLockScroll,\n    withFocusReturn,\n    ...others\n  } = useComponentDefaultProps('Modal', defaultProps, props);\n  const baseId = useId(id);\n  const titleId = `${baseId}-title`;\n  const bodyId = `${baseId}-body`;\n  const { classes, cx, theme } = useStyles(\n    { size, overflow, centered, zIndex, fullScreen },\n    { unstyled, classNames, styles, name: 'Modal' }\n  );\n  const focusTrapRef = useFocusTrap(trapFocus && opened);\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergedRef(focusTrapRef, overlayRef);\n\n  const _overlayOpacity =\n    typeof overlayOpacity === 'number'\n      ? overlayOpacity\n      : theme.colorScheme === 'dark'\n      ? 0.85\n      : 0.75;\n\n  useScrollLock(shouldLockScroll && opened);\n\n  const closeOnEscapePress = (event: KeyboardEvent) => {\n    if (!trapFocus && event.key === 'Escape' && closeOnEscape) {\n      onClose();\n    }\n  };\n\n  useEffect(() => {\n    if (!trapFocus) {\n      window.addEventListener('keydown', closeOnEscapePress);\n      return () => window.removeEventListener('keydown', closeOnEscapePress);\n    }\n\n    return undefined;\n  }, [trapFocus]);\n\n  useFocusReturn({ opened, shouldReturnFocus: trapFocus && withFocusReturn });\n\n  const clickTarget = useRef<EventTarget>(null);\n\n  useWindowEvent('mousedown', (e) => {\n    clickTarget.current = e.target;\n  });\n\n  const handleOutsideClick = () => {\n    if (clickTarget.current === overlayRef.current) {\n      closeOnClickOutside && onClose();\n    }\n  };\n\n  return (\n    <OptionalPortal withinPortal={withinPortal} target={target}>\n      <GroupedTransition\n        mounted={opened}\n        duration={transitionDuration}\n        exitDuration={exitTransitionDuration}\n        timingFunction={transitionTimingFunction}\n        transitions={{\n          modal: {\n            duration: transitionDuration,\n            transition: transition || (fullScreen ? 'fade' : 'pop'),\n          },\n          overlay: {\n            duration: transitionDuration / 2,\n            transition: 'fade',\n            timingFunction: 'ease',\n          },\n        }}\n      >\n        {(transitionStyles) => (\n          <>\n            <Box id={baseId} className={cx(classes.root, className)} {...others}>\n              <div style={transitionStyles.overlay}>\n                <Overlay\n                  className={classes.overlay}\n                  sx={{ position: 'fixed' }}\n                  zIndex={0}\n                  blur={overlayBlur}\n                  color={\n                    overlayColor ||\n                    (theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.black)\n                  }\n                  opacity={_overlayOpacity}\n                  unstyled={unstyled}\n                />\n              </div>\n              <div\n                role=\"presentation\"\n                className={classes.inner}\n                onClick={handleOutsideClick}\n                onKeyDown={(event) => {\n                  const shouldTrigger =\n                    (event.target as any)?.getAttribute('data-mantine-stop-propagation') !== 'true';\n                  shouldTrigger && event.key === 'Escape' && closeOnEscape && onClose();\n                }}\n                ref={mergedRef}\n              >\n                <Paper<'div'>\n                  className={classes.modal}\n                  shadow={shadow}\n                  p={padding}\n                  radius={radius}\n                  role=\"dialog\"\n                  aria-labelledby={titleId}\n                  aria-describedby={bodyId}\n                  aria-modal\n                  tabIndex={-1}\n                  style={transitionStyles.modal}\n                  unstyled={unstyled}\n                  onClick={(event) => event.stopPropagation()}\n                >\n                  {(title || withCloseButton) && (\n                    <div className={classes.header}>\n                      <Text id={titleId} className={classes.title}>\n                        {title}\n                      </Text>\n\n                      {withCloseButton && (\n                        <CloseButton\n                          iconSize={16}\n                          onClick={onClose}\n                          aria-label={closeButtonLabel}\n                          className={classes.close}\n                        />\n                      )}\n                    </div>\n                  )}\n\n                  <div id={bodyId} className={classes.body}>\n                    {children}\n                  </div>\n                </Paper>\n              </div>\n            </Box>\n          </>\n        )}\n      </GroupedTransition>\n    </OptionalPortal>\n  );\n}\n\nModal.displayName = '@mantine/core/Modal';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport {\n  ModalBase,\n  ModalBaseDefaultProps,\n  ModalBaseOverlayProps,\n  ModalBaseCloseButtonProps,\n} from '../ModalBase';\nimport { ModalRoot, ModalRootProps } from './ModalRoot/ModalRoot';\nimport { ModalContent } from './ModalContent/ModalContent';\n\nexport interface ModalProps extends ModalRootProps {\n  /** Modal title */\n  title?: React.ReactNode;\n\n  /** Determines whether overlay should be rendered, true by default */\n  withOverlay?: boolean;\n\n  /** Props added to Overlay component, use configure opacity, background color, styles and other properties */\n  overlayProps?: ModalBaseOverlayProps;\n\n  /** Modal content */\n  children?: React.ReactNode;\n\n  /** Determines whether close button should be rendered, true by default */\n  withCloseButton?: boolean;\n\n  /** Props added to close button */\n  closeButtonProps?: ModalBaseCloseButtonProps;\n}\n\nconst defaultProps: Partial<ModalProps> = {\n  ...ModalBaseDefaultProps,\n  transitionProps: { duration: 200, transition: 'pop' },\n  withOverlay: true,\n  withCloseButton: true,\n};\n\nexport function Modal(props: ModalProps) {\n  const {\n    title,\n    withOverlay,\n    overlayProps,\n    withCloseButton,\n    closeButtonProps,\n    children,\n    ...others\n  } = useComponentDefaultProps('Modal', defaultProps, props);\n\n  const hasHeader = !!title || withCloseButton;\n\n  return (\n    <ModalRoot {...others}>\n      {withOverlay && <ModalBase.Overlay {...overlayProps} />}\n      <ModalContent>\n        {hasHeader && (\n          <ModalBase.Header>\n            {title && <ModalBase.Title>{title}</ModalBase.Title>}\n            {withCloseButton && <ModalBase.CloseButton {...closeButtonProps} />}\n          </ModalBase.Header>\n        )}\n\n        <ModalBase.Body>{children}</ModalBase.Body>\n      </ModalContent>\n    </ModalRoot>\n  );\n}\n\nModal.Root = ModalRoot;\nModal.CloseButton = ModalBase.CloseButton;\nModal.Overlay = ModalBase.Overlay;\nModal.Content = ModalContent;\nModal.Header = ModalBase.Header;\nModal.Title = ModalBase.Title;\nModal.Body = ModalBase.Body;\nModal.NativeScrollArea = ModalBase.NativeScrollArea;\n"],"names":[],"mappings":"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"}

package/esm/Modal/ModalContent/ModalContent.js

@@ -0,0 +1,51 @@
+import React, { forwardRef } from 'react';
+import { useComponentDefaultProps, rem } from '@mantine/styles';
+import { useModalContext } from '../Modal.context.js';
+import { ScrollArea } from '../../ScrollArea/ScrollArea.js';
+import { ModalBase } from '../../ModalBase/ModalBase.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  shadow: "xl"
+};
+const ModalContent = forwardRef((props, ref) => {
+  const _a = useComponentDefaultProps("ModalContent", defaultProps, props), { children, scrollAreaComponent } = _a, others = __objRest(_a, ["children", "scrollAreaComponent"]);
+  const ctx = useModalContext();
+  const Scroll = scrollAreaComponent || ctx.scrollAreaComponent || ScrollArea.Autosize;
+  return /* @__PURE__ */ React.createElement(ModalBase.Content, __spreadValues({
+    ref,
+    radius: ctx.radius
+  }, others), /* @__PURE__ */ React.createElement(Scroll, {
+    mah: `calc(100vh - (${rem(ctx.yOffset)} * 2))`
+  }, children));
+});
+
+export { ModalContent };
+//# sourceMappingURL=ModalContent.js.map

package/esm/Modal/ModalContent/ModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.js","sources":["../../../src/Modal/ModalContent/ModalContent.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, rem } from '@mantine/styles';\nimport { ScrollArea } from '../../ScrollArea';\nimport { ModalBase, ModalBaseContentProps } from '../../ModalBase';\nimport { useModalContext, ScrollAreaComponent } from '../Modal.context';\n\nexport interface ModalContentProps extends ModalBaseContentProps {\n  /** Component used as scroll area, ScrollArea.Autosize by default */\n  scrollAreaComponent?: ScrollAreaComponent;\n}\n\nconst defaultProps: Partial<ModalContentProps> = {\n  shadow: 'xl',\n};\n\nexport const ModalContent = forwardRef<HTMLElement, ModalContentProps>((props, ref) => {\n  const { children, scrollAreaComponent, ...others } = useComponentDefaultProps(\n    'ModalContent',\n    defaultProps,\n    props\n  );\n\n  const ctx = useModalContext();\n  const Scroll = scrollAreaComponent || ctx.scrollAreaComponent || ScrollArea.Autosize;\n\n  return (\n    <ModalBase.Content ref={ref} radius={ctx.radius} {...others}>\n      <Scroll mah={`calc(100vh - (${rem(ctx.yOffset)} * 2))`}>{children}</Scroll>\n    </ModalBase.Content>\n  );\n});\n"],"names":[],"mappings":"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"}

package/esm/Modal/ModalRoot/ModalRoot.js

@@ -0,0 +1,79 @@
+import React from 'react';
+import { useComponentDefaultProps } from '@mantine/styles';
+import { ModalProvider } from '../Modal.context.js';
+import useStyles from './ModalRoot.styles.js';
+import { ModalBase, ModalBaseDefaultProps } from '../../ModalBase/ModalBase.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = __spreadProps(__spreadValues({}, ModalBaseDefaultProps), {
+  yOffset: "5vh",
+  xOffset: "5vw"
+});
+function ModalRoot(props) {
+  const _a = useComponentDefaultProps("ModalRoot", defaultProps, props), {
+    classNames,
+    variant,
+    size,
+    yOffset,
+    xOffset,
+    scrollAreaComponent,
+    radius,
+    centered,
+    fullScreen
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "variant",
+    "size",
+    "yOffset",
+    "xOffset",
+    "scrollAreaComponent",
+    "radius",
+    "centered",
+    "fullScreen"
+  ]);
+  const { classes, cx } = useStyles({ yOffset, xOffset, centered, fullScreen }, { name: "Modal", variant, size });
+  return /* @__PURE__ */ React.createElement(ModalProvider, {
+    value: { yOffset, scrollAreaComponent, radius }
+  }, /* @__PURE__ */ React.createElement(ModalBase, __spreadValues({
+    __staticSelector: "Modal",
+    size,
+    variant,
+    classNames: __spreadProps(__spreadValues({}, classNames), {
+      content: cx(classes.content, classNames == null ? void 0 : classNames.content),
+      inner: cx(classes.inner, classNames == null ? void 0 : classNames.inner)
+    })
+  }, others)));
+}
+
+export { ModalRoot };
+//# sourceMappingURL=ModalRoot.js.map

package/esm/Modal/ModalRoot/ModalRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalRoot.js","sources":["../../../src/Modal/ModalRoot/ModalRoot.tsx"],"sourcesContent":["import React from 'react';\nimport { MantineNumberSize, useComponentDefaultProps } from '@mantine/styles';\nimport { ModalBase, ModalBaseDefaultProps, ModalBaseSettings } from '../../ModalBase';\nimport { ModalProvider, ScrollAreaComponent } from '../Modal.context';\nimport useStyles from './ModalRoot.styles';\n\nexport interface ModalRootProps extends ModalBaseSettings {\n  /** Top/bottom modal offset, 5vh by default */\n  yOffset?: React.CSSProperties['marginTop'];\n\n  /** Left/right modal offset, 5vw by default */\n  xOffset?: React.CSSProperties['marginLeft'];\n\n  /** Scroll area component, ScrollArea.Autosize by default */\n  scrollAreaComponent?: ScrollAreaComponent;\n\n  /** Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default */\n  radius?: MantineNumberSize;\n\n  /** Determines whether the modal should be centered vertically, false by default */\n  centered?: boolean;\n\n  /** Determines whether the modal should take the entire screen */\n  fullScreen?: boolean;\n}\n\nconst defaultProps: Partial<ModalRootProps> = {\n  ...ModalBaseDefaultProps,\n  yOffset: '5vh',\n  xOffset: '5vw',\n};\n\nexport function ModalRoot(props: ModalRootProps) {\n  const {\n    classNames,\n    variant,\n    size,\n    yOffset,\n    xOffset,\n    scrollAreaComponent,\n    radius,\n    centered,\n    fullScreen,\n    ...others\n  } = useComponentDefaultProps('ModalRoot', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { yOffset, xOffset, centered, fullScreen },\n    { name: 'Modal', variant, size }\n  );\n\n  return (\n    <ModalProvider value={{ yOffset, scrollAreaComponent, radius }}>\n      <ModalBase\n        __staticSelector=\"Modal\"\n        size={size}\n        variant={variant}\n        classNames={{\n          ...classNames,\n          content: cx(classes.content, classNames?.content),\n          inner: cx(classes.inner, classNames?.inner),\n        }}\n        {...others}\n      />\n    </ModalProvider>\n  );\n}\n"],"names":[],"mappings":"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"}

package/esm/Modal/ModalRoot/ModalRoot.styles.js

@@ -0,0 +1,31 @@
+import { createStyles, getSize, rem } from '@mantine/styles';
+
+const sizes = {
+  xs: rem(320),
+  sm: rem(380),
+  md: rem(440),
+  lg: rem(620),
+  xl: rem(780)
+};
+var useStyles = createStyles((theme, { yOffset, xOffset, centered, fullScreen }, { size }) => ({
+  content: {
+    flex: fullScreen ? "0 0 100%" : `0 0 ${getSize({ size, sizes })}`,
+    maxWidth: "100%",
+    maxHeight: fullScreen ? void 0 : `calc(100vh - (${rem(yOffset)} * 2))`,
+    height: fullScreen ? "100vh" : void 0,
+    borderRadius: fullScreen ? 0 : void 0,
+    overflowY: "auto"
+  },
+  inner: {
+    paddingTop: fullScreen ? 0 : yOffset,
+    paddingBottom: fullScreen ? 0 : yOffset,
+    paddingLeft: fullScreen ? 0 : xOffset,
+    paddingRight: fullScreen ? 0 : xOffset,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: centered ? "center" : "flex-start"
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=ModalRoot.styles.js.map

package/esm/Modal/ModalRoot/ModalRoot.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalRoot.styles.js","sources":["../../../src/Modal/ModalRoot/ModalRoot.styles.ts"],"sourcesContent":["import { createStyles, rem, getSize } from '@mantine/styles';\n\nconst sizes = {\n  xs: rem(320),\n  sm: rem(380),\n  md: rem(440),\n  lg: rem(620),\n  xl: rem(780),\n};\n\ninterface ModalRootStylesParams {\n  yOffset: number | string;\n  xOffset: number | string;\n  centered: boolean;\n  fullScreen: boolean;\n}\n\nexport default createStyles(\n  (theme, { yOffset, xOffset, centered, fullScreen }: ModalRootStylesParams, { size }) => ({\n    content: {\n      flex: fullScreen ? '0 0 100%' : `0 0 ${getSize({ size, sizes })}`,\n      maxWidth: '100%',\n      maxHeight: fullScreen ? undefined : `calc(100vh - (${rem(yOffset)} * 2))`,\n      height: fullScreen ? '100vh' : undefined,\n      borderRadius: fullScreen ? 0 : undefined,\n      overflowY: 'auto',\n    },\n\n    inner: {\n      paddingTop: fullScreen ? 0 : yOffset,\n      paddingBottom: fullScreen ? 0 : yOffset,\n      paddingLeft: fullScreen ? 0 : xOffset,\n      paddingRight: fullScreen ? 0 : xOffset,\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: centered ? 'center' : 'flex-start',\n    },\n  })\n);\n"],"names":[],"mappings":";;AACA,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC;AACd,EAAE,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC;AACd,EAAE,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC;AACd,EAAE,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC;AACd,EAAE,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC;AACd,CAAC,CAAC;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM;AAC9F,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,UAAU,GAAG,UAAU,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AACrE,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,SAAS,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;AAC1E,IAAI,MAAM,EAAE,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;AACzC,IAAI,YAAY,EAAE,UAAU,GAAG,CAAC,GAAG,KAAK,CAAC;AACzC,IAAI,SAAS,EAAE,MAAM;AACrB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,UAAU,EAAE,UAAU,GAAG,CAAC,GAAG,OAAO;AACxC,IAAI,aAAa,EAAE,UAAU,GAAG,CAAC,GAAG,OAAO;AAC3C,IAAI,WAAW,EAAE,UAAU,GAAG,CAAC,GAAG,OAAO;AACzC,IAAI,YAAY,EAAE,UAAU,GAAG,CAAC,GAAG,OAAO;AAC1C,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,cAAc,EAAE,QAAQ;AAC5B,IAAI,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,YAAY;AAClD,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/ModalBase/ModalBase.context.js

@@ -0,0 +1,6 @@
+import { createSafeContext } from '@mantine/utils';
+
+const [ModalBaseProvider, useModalBaseContext] = createSafeContext("ModalBase component was not found in tree");
+
+export { ModalBaseProvider, useModalBaseContext };
+//# sourceMappingURL=ModalBase.context.js.map

package/esm/ModalBase/ModalBase.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBase.context.js","sources":["../../src/ModalBase/ModalBase.context.ts"],"sourcesContent":["import { ClassNames, MantineNumberSize, MantineShadow, Styles } from '@mantine/styles';\nimport { createSafeContext } from '@mantine/utils';\nimport { TransitionOverride } from '../Transition';\nimport type { ModalBaseStylesNames } from './ModalBase';\n\ninterface ModalBaseContext {\n  __staticSelector: string;\n  opened: boolean;\n  onClose(): void;\n  closeOnClickOutside: boolean;\n  transitionProps: TransitionOverride;\n  zIndex: number;\n  padding: MantineNumberSize;\n  id: string;\n  getTitleId(): string;\n  getBodyId(): string;\n  titleMounted: boolean;\n  bodyMounted: boolean;\n  setTitleMounted(mounted: boolean): void;\n  setBodyMounted(mounted: boolean): void;\n  trapFocus: boolean;\n  closeOnEscape: boolean;\n  shadow: MantineShadow;\n  stylesApi: {\n    name: string;\n    size: MantineNumberSize;\n    variant: string;\n    classNames: ClassNames<ModalBaseStylesNames>;\n    styles: Styles<ModalBaseStylesNames>;\n  };\n}\n\nexport const [ModalBaseProvider, useModalBaseContext] = createSafeContext<ModalBaseContext>(\n  'ModalBase component was not found in tree'\n);\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,GAAG,iBAAiB,CAAC,2CAA2C;;;;"}

package/esm/ModalBase/ModalBase.js

@@ -0,0 +1,126 @@
+import React, { useState } from 'react';
+import { RemoveScroll } from 'react-remove-scroll';
+import { useId, useWindowEvent, useFocusReturn } from '@mantine/hooks';
+import { getDefaultZIndex, useComponentDefaultProps } from '@mantine/styles';
+import { ModalBaseProvider } from './ModalBase.context.js';
+import { ModalBaseCloseButton } from './ModalBaseCloseButton/ModalBaseCloseButton.js';
+import { ModalBaseOverlay } from './ModalBaseOverlay/ModalBaseOverlay.js';
+import { ModalBaseContent } from './ModalBaseContent/ModalBaseContent.js';
+import { ModalBaseHeader } from './ModalBaseHeader/ModalBaseHeader.js';
+import { ModalBaseTitle } from './ModalBaseTitle/ModalBaseTitle.js';
+import { ModalBaseBody } from './ModalBaseBody/ModalBaseBody.js';
+import { NativeScrollArea } from './NativeScrollArea/NativeScrollArea.js';
+import { useLockScroll } from './use-lock-scroll.js';
+import { OptionalPortal } from '../Portal/OptionalPortal.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const ModalBaseDefaultProps = {
+  closeOnClickOutside: true,
+  withinPortal: true,
+  lockScroll: true,
+  trapFocus: true,
+  returnFocus: true,
+  closeOnEscape: true,
+  keepMounted: false,
+  zIndex: getDefaultZIndex("modal"),
+  padding: "md",
+  size: "md",
+  shadow: "xl"
+};
+function ModalBase(props) {
+  const {
+    opened,
+    onClose,
+    children,
+    closeOnClickOutside,
+    __staticSelector,
+    transitionProps,
+    withinPortal,
+    keepMounted,
+    target,
+    zIndex,
+    lockScroll,
+    trapFocus,
+    closeOnEscape,
+    returnFocus,
+    padding,
+    shadow,
+    id,
+    size,
+    variant,
+    classNames,
+    styles
+  } = useComponentDefaultProps(props.__staticSelector, ModalBaseDefaultProps, props);
+  const _id = useId(id);
+  const [titleMounted, setTitleMounted] = useState(false);
+  const [bodyMounted, setBodyMounted] = useState(false);
+  const transitionDuration = typeof (transitionProps == null ? void 0 : transitionProps.duration) === "number" ? transitionProps == null ? void 0 : transitionProps.duration : 200;
+  const shouldLockScroll = useLockScroll({ opened, transitionDuration });
+  useWindowEvent("keydown", (event) => {
+    if (!trapFocus && event.key === "Escape" && closeOnEscape) {
+      onClose();
+    }
+  });
+  useFocusReturn({ opened, shouldReturnFocus: trapFocus && returnFocus });
+  return /* @__PURE__ */ React.createElement(OptionalPortal, {
+    withinPortal,
+    target
+  }, /* @__PURE__ */ React.createElement(ModalBaseProvider, {
+    value: {
+      __staticSelector,
+      opened,
+      onClose,
+      closeOnClickOutside,
+      transitionProps: __spreadProps(__spreadValues({}, transitionProps), { duration: transitionDuration, keepMounted }),
+      zIndex,
+      padding,
+      id: _id,
+      getTitleId: () => `${_id}-title`,
+      getBodyId: () => `${_id}-body`,
+      titleMounted,
+      bodyMounted,
+      setTitleMounted,
+      setBodyMounted,
+      trapFocus,
+      closeOnEscape,
+      shadow,
+      stylesApi: {
+        name: __staticSelector,
+        size,
+        variant,
+        classNames,
+        styles
+      }
+    }
+  }, /* @__PURE__ */ React.createElement(RemoveScroll, {
+    enabled: shouldLockScroll && lockScroll
+  }, children)));
+}
+ModalBase.CloseButton = ModalBaseCloseButton;
+ModalBase.Overlay = ModalBaseOverlay;
+ModalBase.Content = ModalBaseContent;
+ModalBase.Header = ModalBaseHeader;
+ModalBase.Title = ModalBaseTitle;
+ModalBase.Body = ModalBaseBody;
+ModalBase.NativeScrollArea = NativeScrollArea;
+
+export { ModalBase, ModalBaseDefaultProps };
+//# sourceMappingURL=ModalBase.js.map