@mantine/dropzone 5.0.0-alpha.11 → 5.0.0-alpha.14

package/cjs/Dropzone.context.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@mantine/utils');
+
+const [DropzoneProvider, useDropzoneContext] = utils.createSafeContext("Dropzone component was not found in tree");
+
+exports.DropzoneProvider = DropzoneProvider;
+exports.useDropzoneContext = useDropzoneContext;
+//# sourceMappingURL=Dropzone.context.js.map

package/cjs/Dropzone.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.context.js","sources":["../src/Dropzone.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\n\nexport interface DropzoneContextValue {\n  idle: boolean;\n  accept: boolean;\n  reject: boolean;\n}\n\nexport const [DropzoneProvider, useDropzoneContext] = createSafeContext<DropzoneContextValue>(\n  'Dropzone component was not found in tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,GAAGA,uBAAiB,CAAC,0CAA0C;;;;;"}

package/cjs/{Dropzone/Dropzone.js → Dropzone.js}

@@ -6,6 +6,8 @@ var React = require('react');
 var reactDropzone = require('react-dropzone');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
+var Dropzone_context = require('./Dropzone.context.js');
+var DropzoneStatus = require('./DropzoneStatus.js');
 var Dropzone_styles = require('./Dropzone.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
@@ -47,9 +49,14 @@ const defaultProps = {
   padding: "md",
   loading: false,
   multiple: true,
-  maxSize: Infinity
+  maxSize: Infinity,
+  autoFocus: false,
+  activateOnClick: true,
+  activateOnDrag: true,
+  dragEventsBubbling: true,
+  activateOnKeyboard: true
 };
-const Dropzone = React.forwardRef((props, ref) => {
+const _Dropzone = React.forwardRef((props, ref) => {
   const _a = core.useComponentDefaultProps("Dropzone", defaultProps, props), {
     className,
     padding,
@@ -67,7 +74,18 @@ const Dropzone = React.forwardRef((props, ref) => {
     openRef,
     name,
     unstyled,
-    maxFiles
+    maxFiles,
+    autoFocus,
+    activateOnClick,
+    activateOnDrag,
+    dragEventsBubbling,
+    activateOnKeyboard,
+    onDragEnter,
+    onDragLeave,
+    onDragOver,
+    onFileDialogCancel,
+    onFileDialogOpen,
+    preventDropOnDocument
   } = _a, others = __objRest(_a, [
     "className",
     "padding",
@@ -85,7 +103,18 @@ const Dropzone = React.forwardRef((props, ref) => {
     "openRef",
     "name",
     "unstyled",
-    "maxFiles"
+    "maxFiles",
+    "autoFocus",
+    "activateOnClick",
+    "activateOnDrag",
+    "dragEventsBubbling",
+    "activateOnKeyboard",
+    "onDragEnter",
+    "onDragLeave",
+    "onDragOver",
+    "onFileDialogCancel",
+    "onFileDialogOpen",
+    "preventDropOnDocument"
   ]);
   const { classes, cx } = Dropzone_styles['default']({ radius, padding }, { classNames, styles, unstyled, name: "Dropzone" });
   const { getRootProps, getInputProps, isDragAccept, isDragReject, open } = reactDropzone.useDropzone({
@@ -95,24 +124,46 @@ const Dropzone = React.forwardRef((props, ref) => {
     accept: Array.isArray(accept) ? accept.reduce((r, key) => __spreadProps(__spreadValues({}, r), { [key]: [] }), {}) : accept,
     multiple,
     maxSize,
-    maxFiles
+    maxFiles,
+    autoFocus,
+    noClick: !activateOnClick,
+    noDrag: !activateOnDrag,
+    noDragEventsBubbling: !dragEventsBubbling,
+    noKeyboard: !activateOnKeyboard,
+    onDragEnter,
+    onDragLeave,
+    onDragOver,
+    onFileDialogCancel,
+    onFileDialogOpen,
+    preventDropOnDocument
   });
   hooks.assignRef(openRef, open);
-  return /* @__PURE__ */ React__default.createElement(core.Box, __spreadProps(__spreadValues(__spreadValues({}, others), getRootProps({ ref })), {
-    className: cx(classes.root, {
-      [classes.active]: isDragAccept,
-      [classes.reject]: isDragReject,
-      [classes.loading]: loading
-    }, className)
+  const isIdle = !isDragAccept && !isDragReject;
+  return /* @__PURE__ */ React__default.createElement(Dropzone_context.DropzoneProvider, {
+    value: { accept: isDragAccept, reject: isDragReject, idle: isIdle }
+  }, /* @__PURE__ */ React__default.createElement(core.Box, __spreadProps(__spreadValues(__spreadValues({}, others), getRootProps({ ref })), {
+    "data-accept": isDragAccept || void 0,
+    "data-reject": isDragReject || void 0,
+    "data-idle": isIdle || void 0,
+    "data-loading": loading || void 0,
+    className: cx(classes.root, className)
   }), /* @__PURE__ */ React__default.createElement(core.LoadingOverlay, {
     visible: loading,
     radius,
     unstyled
   }), /* @__PURE__ */ React__default.createElement("input", __spreadProps(__spreadValues({}, getInputProps()), {
     name
-  })), children({ accepted: isDragAccept, rejected: isDragReject }));
+  })), /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.inner
+  }, children)));
 });
-Dropzone.displayName = "@mantine/dropzone/Dropzone";
+_Dropzone.displayName = "@mantine/dropzone/Dropzone";
+_Dropzone.Accept = DropzoneStatus.DropzoneAccept;
+_Dropzone.Reject = DropzoneStatus.DropzoneReject;
+_Dropzone.Idle = DropzoneStatus.DropzoneIdle;
+const Dropzone = _Dropzone;
 
 exports.Dropzone = Dropzone;
+exports._Dropzone = _Dropzone;
+exports.defaultProps = defaultProps;
 //# sourceMappingURL=Dropzone.js.map

package/cjs/Dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.js","sources":["../src/Dropzone.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useDropzone, FileRejection, Accept } from 'react-dropzone';\nimport {\n  DefaultProps,\n  Selectors,\n  MantineNumberSize,\n  LoadingOverlay,\n  Box,\n  useComponentDefaultProps,\n} from '@mantine/core';\nimport { assignRef } from '@mantine/hooks';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { DropzoneProvider } from './Dropzone.context';\nimport { DropzoneAccept, DropzoneIdle, DropzoneReject } from './DropzoneStatus';\nimport type { DropzoneFullScreenType } from './DropzoneFullScreen';\nimport useStyles from './Dropzone.styles';\n\nexport type DropzoneStylesNames = Selectors<typeof useStyles>;\n\nexport interface DropzoneProps\n  extends DefaultProps<DropzoneStylesNames>,\n    Omit<React.ComponentPropsWithRef<'div'>, 'onDrop'> {\n  /** Padding from theme.spacing, or number to set padding in px */\n  padding?: MantineNumberSize;\n\n  /** Border radius from theme.radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Dropzone statues */\n  children: React.ReactNode;\n\n  /** Disable files capturing */\n  disabled?: boolean;\n\n  /** Called when files are dropped into dropzone */\n  onDrop(files: File[]): void;\n\n  /** Called when selected files don't meet file restrictions */\n  onReject?(fileRejections: FileRejection[]): void;\n\n  /** Display loading overlay over dropzone */\n  loading?: boolean;\n\n  /** File types to accept  */\n  accept?: Accept | string[];\n\n  /** Get open function as ref */\n  openRef?: React.ForwardedRef<() => void | undefined>;\n\n  /** Allow selection of multiple files */\n  multiple?: boolean;\n\n  /** Set maximum file size in bytes */\n  maxSize?: number;\n\n  /** Name of the form control. Submitted with the form as part of a name/value pair. */\n  name?: string;\n\n  /** Number of files that user can pick */\n  maxFiles?: number;\n\n  /** Set to true to autofocus the root element */\n  autoFocus?: boolean;\n\n  /** If false, disables click to open the native file selection dialog */\n  activateOnClick?: boolean;\n\n  /** If false, disables drag 'n' drop */\n  activateOnDrag?: boolean;\n\n  /** If false, disables Space/Enter to open the native file selection dialog. Note that it also stops tracking the focus state. */\n  activateOnKeyboard?: boolean;\n\n  /** If false, stops drag event propagation to parents */\n  dragEventsBubbling?: boolean;\n\n  /** Called when the `dragenter` event occurs */\n  onDragEnter?(event: React.DragEvent<HTMLElement>): void;\n\n  /** Called when the `dragleave` event occurs */\n  onDragLeave?(event: React.DragEvent<HTMLElement>): void;\n\n  /** Called when the `dragover` event occurs */\n  onDragOver?(event: React.DragEvent<HTMLElement>): void;\n\n  /** Called when user closes the file selection dialog with no selection */\n  onFileDialogCancel?(): void;\n\n  /** Called when user opens the file selection dialog */\n  onFileDialogOpen?(): void;\n\n  /** If false, allow dropped items to take over the current browser window */\n  preventDropOnDocument?: boolean;\n}\n\nexport const defaultProps: Partial<DropzoneProps> = {\n  padding: 'md',\n  loading: false,\n  multiple: true,\n  maxSize: Infinity,\n  autoFocus: false,\n  activateOnClick: true,\n  activateOnDrag: true,\n  dragEventsBubbling: true,\n  activateOnKeyboard: true,\n};\n\nexport const _Dropzone: any = forwardRef<HTMLDivElement, DropzoneProps>(\n  (props: DropzoneProps, ref) => {\n    const {\n      className,\n      padding,\n      radius,\n      disabled,\n      classNames,\n      styles,\n      loading,\n      multiple,\n      maxSize,\n      accept,\n      children,\n      onDrop,\n      onReject,\n      openRef,\n      name,\n      unstyled,\n      maxFiles,\n      autoFocus,\n      activateOnClick,\n      activateOnDrag,\n      dragEventsBubbling,\n      activateOnKeyboard,\n      onDragEnter,\n      onDragLeave,\n      onDragOver,\n      onFileDialogCancel,\n      onFileDialogOpen,\n      preventDropOnDocument,\n      ...others\n    } = useComponentDefaultProps('Dropzone', defaultProps, props);\n\n    const { classes, cx } = useStyles(\n      { radius, padding },\n      { classNames, styles, unstyled, name: 'Dropzone' }\n    );\n\n    const { getRootProps, getInputProps, isDragAccept, isDragReject, open } = useDropzone({\n      onDropAccepted: onDrop,\n      onDropRejected: onReject,\n      disabled: disabled || loading,\n      accept: Array.isArray(accept) ? accept.reduce((r, key) => ({ ...r, [key]: [] }), {}) : accept,\n      multiple,\n      maxSize,\n      maxFiles,\n      autoFocus,\n      noClick: !activateOnClick,\n      noDrag: !activateOnDrag,\n      noDragEventsBubbling: !dragEventsBubbling,\n      noKeyboard: !activateOnKeyboard,\n      onDragEnter,\n      onDragLeave,\n      onDragOver,\n      onFileDialogCancel,\n      onFileDialogOpen,\n      preventDropOnDocument,\n    });\n\n    assignRef(openRef, open);\n\n    const isIdle = !isDragAccept && !isDragReject;\n\n    return (\n      <DropzoneProvider value={{ accept: isDragAccept, reject: isDragReject, idle: isIdle }}>\n        <Box\n          {...others}\n          {...getRootProps({ ref })}\n          data-accept={isDragAccept || undefined}\n          data-reject={isDragReject || undefined}\n          data-idle={isIdle || undefined}\n          data-loading={loading || undefined}\n          className={cx(classes.root, className)}\n        >\n          <LoadingOverlay visible={loading} radius={radius} unstyled={unstyled} />\n          <input {...getInputProps()} name={name} />\n          <div className={classes.inner}>{children}</div>\n        </Box>\n      </DropzoneProvider>\n    );\n  }\n);\n\n_Dropzone.displayName = '@mantine/dropzone/Dropzone';\n_Dropzone.Accept = DropzoneAccept;\n_Dropzone.Reject = DropzoneReject;\n_Dropzone.Idle = DropzoneIdle;\n\nexport const Dropzone: ForwardRefWithStaticComponents<\n  DropzoneProps,\n  {\n    Accept: typeof DropzoneAccept;\n    Reject: typeof DropzoneReject;\n    Idle: typeof DropzoneIdle;\n    FullScreen: DropzoneFullScreenType;\n  }\n> = _Dropzone;\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","useDropzone","assignRef","React","DropzoneProvider","Box","LoadingOverlay","DropzoneAccept","DropzoneReject","DropzoneIdle"],"mappings":"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"}

package/cjs/{Dropzone/Dropzone.styles.js → Dropzone.styles.js}

@@ -39,27 +39,31 @@ var useStyles = core.createStyles((theme, { padding, radius }) => {
       position: "relative",
       "&:hover": {
         backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
+      },
+      "&[data-loading]": {
+        cursor: "default",
+        "&:hover": {
+          backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white
+        }
+      },
+      "&[data-accept]": {
+        backgroundColor: theme.colorScheme === "dark" ? accepted.background : theme.colors[theme.primaryColor][0],
+        borderColor: theme.colorScheme === "dark" ? accepted.border : theme.colors[theme.primaryColor][4],
+        "&:hover": {
+          backgroundColor: theme.colorScheme === "dark" ? accepted.background : theme.colors[theme.primaryColor][0]
+        }
+      },
+      "&[data-reject]": {
+        backgroundColor: theme.colorScheme === "dark" ? rejected.background : theme.colors.red[0],
+        borderColor: theme.colorScheme === "dark" ? rejected.border : theme.colors.red[4],
+        "&:hover": {
+          backgroundColor: theme.colorScheme === "dark" ? rejected.background : theme.colors.red[0]
+        }
       }
     }),
-    loading: {
-      cursor: "default",
-      "&:hover": {
-        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white
-      }
-    },
-    active: {
-      backgroundColor: theme.colorScheme === "dark" ? accepted.background : theme.colors[theme.primaryColor][0],
-      borderColor: theme.colorScheme === "dark" ? accepted.border : theme.colors[theme.primaryColor][4],
-      "&:hover": {
-        backgroundColor: theme.colorScheme === "dark" ? accepted.background : theme.colors[theme.primaryColor][0]
-      }
-    },
-    reject: {
-      backgroundColor: theme.colorScheme === "dark" ? rejected.background : theme.colors.red[0],
-      borderColor: theme.colorScheme === "dark" ? rejected.border : theme.colors.red[4],
-      "&:hover": {
-        backgroundColor: theme.colorScheme === "dark" ? rejected.background : theme.colors.red[0]
-      }
+    inner: {
+      pointerEvents: "none",
+      userSelect: "none"
     }
   };
 });

package/cjs/Dropzone.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.styles.js","sources":["../src/Dropzone.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/core';\n\nexport interface DropzoneStylesParams {\n  padding: MantineNumberSize;\n  radius: MantineNumberSize;\n}\n\nexport default createStyles((theme, { padding, radius }: DropzoneStylesParams) => {\n  const rejected = theme.fn.variant({ color: 'red', variant: 'light' });\n  const accepted = theme.fn.variant({ color: theme.primaryColor, variant: 'light' });\n\n  return {\n    root: {\n      ...theme.fn.fontStyles(),\n      ...theme.fn.focusStyles(),\n      boxSizing: 'border-box',\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n      border: `2px dashed ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n      }`,\n      padding: theme.fn.size({ size: padding, sizes: theme.spacing }),\n      borderRadius: theme.fn.radius(radius),\n      cursor: 'pointer',\n      userSelect: 'none',\n      transition: 'background-color 150ms ease',\n      position: 'relative',\n\n      '&:hover': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n      },\n\n      '&[data-loading]': {\n        cursor: 'default',\n\n        '&:hover': {\n          backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n        },\n      },\n\n      '&[data-accept]': {\n        backgroundColor:\n          theme.colorScheme === 'dark' ? accepted.background : theme.colors[theme.primaryColor][0],\n        borderColor:\n          theme.colorScheme === 'dark' ? accepted.border : theme.colors[theme.primaryColor][4],\n\n        '&:hover': {\n          backgroundColor:\n            theme.colorScheme === 'dark'\n              ? accepted.background\n              : theme.colors[theme.primaryColor][0],\n        },\n      },\n\n      '&[data-reject]': {\n        backgroundColor: theme.colorScheme === 'dark' ? rejected.background : theme.colors.red[0],\n        borderColor: theme.colorScheme === 'dark' ? rejected.border : theme.colors.red[4],\n\n        '&:hover': {\n          backgroundColor: theme.colorScheme === 'dark' ? rejected.background : theme.colors.red[0],\n        },\n      },\n    },\n\n    inner: {\n      pointerEvents: 'none',\n      userSelect: 'none',\n    },\n  };\n});\n"],"names":["createStyles"],"mappings":"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"}

package/cjs/DropzoneFullScreen.js

@@ -0,0 +1,135 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@mantine/core');
+var hooks = require('@mantine/hooks');
+var Dropzone = require('./Dropzone.js');
+var DropzoneFullScreen_styles = require('./DropzoneFullScreen.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 fullScreenDefaultProps = {
+  padding: "md",
+  loading: false,
+  multiple: true,
+  maxSize: Infinity,
+  autoFocus: false,
+  activateOnClick: true,
+  activateOnDrag: true,
+  dragEventsBubbling: true,
+  activateOnKeyboard: true,
+  active: true,
+  zIndex: core.getDefaultZIndex("max"),
+  withinPortal: true
+};
+const DropzoneFullScreen = React.forwardRef((props, ref) => {
+  const _a = core.useComponentDefaultProps("DropzoneFullScreen", fullScreenDefaultProps, props), {
+    classNames,
+    styles,
+    sx,
+    className,
+    style,
+    unstyled,
+    active,
+    onDrop,
+    onReject,
+    onDragLeave,
+    zIndex,
+    withinPortal
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "styles",
+    "sx",
+    "className",
+    "style",
+    "unstyled",
+    "active",
+    "onDrop",
+    "onReject",
+    "onDragLeave",
+    "zIndex",
+    "withinPortal"
+  ]);
+  const [visible, { open, close }] = hooks.useDisclosure(false);
+  const { classes, cx } = DropzoneFullScreen_styles['default'](null, {
+    name: "DropzoneFullScreen",
+    classNames,
+    styles,
+    unstyled
+  });
+  React.useEffect(() => {
+    if (active) {
+      document.addEventListener("dragover", open, false);
+      return () => document.removeEventListener("dragover", open, false);
+    }
+    return void 0;
+  }, [active]);
+  return /* @__PURE__ */ React__default.createElement(core.OptionalPortal, {
+    withinPortal
+  }, /* @__PURE__ */ React__default.createElement(core.Box, {
+    className: cx(classes.wrapper, className),
+    sx,
+    style: __spreadProps(__spreadValues({}, style), {
+      opacity: visible ? 1 : 0,
+      pointerEvents: visible ? "all" : "none",
+      zIndex
+    })
+  }, /* @__PURE__ */ React__default.createElement(Dropzone._Dropzone, __spreadProps(__spreadValues({}, others), {
+    classNames,
+    styles,
+    unstyled,
+    ref,
+    className: classes.dropzone,
+    onDrop: (files) => {
+      onDrop == null ? void 0 : onDrop(files);
+      close();
+    },
+    onReject: (files) => {
+      onReject == null ? void 0 : onReject(files);
+      close();
+    },
+    onDragLeave: (event) => {
+      onDragLeave == null ? void 0 : onDragLeave(event);
+      close();
+    }
+  }))));
+});
+DropzoneFullScreen.displayName = "@mantine/dropzone/DropzoneFullScreen";
+
+exports.DropzoneFullScreen = DropzoneFullScreen;
+//# sourceMappingURL=DropzoneFullScreen.js.map

package/cjs/DropzoneFullScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneFullScreen.js","sources":["../src/DropzoneFullScreen.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from 'react';\nimport {\n  Box,\n  useComponentDefaultProps,\n  OptionalPortal,\n  DefaultProps,\n  Selectors,\n  getDefaultZIndex,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { DropzoneStylesNames, DropzoneProps, _Dropzone } from './Dropzone';\nimport useFullScreenStyles from './DropzoneFullScreen.styles';\n\nexport type DropzoneFullScreenStylesName =\n  | DropzoneStylesNames\n  | Exclude<Selectors<typeof useFullScreenStyles>, 'dropzone'>;\n\nexport interface DropzoneFullScreenProps\n  extends Omit<DropzoneProps, 'styles' | 'classNames'>,\n    DefaultProps<DropzoneFullScreenStylesName> {\n  /** Determines whether user can drop files to browser window, true by default */\n  active?: boolean;\n\n  /** z-index value, 9999 by default */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Determines whether component should be rendered within Portal, true by default */\n  withinPortal?: boolean;\n}\n\nconst fullScreenDefaultProps: Partial<DropzoneFullScreenProps> = {\n  padding: 'md',\n  loading: false,\n  multiple: true,\n  maxSize: Infinity,\n  autoFocus: false,\n  activateOnClick: true,\n  activateOnDrag: true,\n  dragEventsBubbling: true,\n  activateOnKeyboard: true,\n  active: true,\n  zIndex: getDefaultZIndex('max'),\n  withinPortal: true,\n};\n\nexport const DropzoneFullScreen = forwardRef<HTMLDivElement, DropzoneFullScreenProps>(\n  (props, ref) => {\n    const {\n      classNames,\n      styles,\n      sx,\n      className,\n      style,\n      unstyled,\n      active,\n      onDrop,\n      onReject,\n      onDragLeave,\n      zIndex,\n      withinPortal,\n      ...others\n    } = useComponentDefaultProps('DropzoneFullScreen', fullScreenDefaultProps, props);\n\n    const [visible, { open, close }] = useDisclosure(false);\n    const { classes, cx } = useFullScreenStyles(null, {\n      name: 'DropzoneFullScreen',\n      classNames,\n      styles,\n      unstyled,\n    });\n\n    useEffect(() => {\n      if (active) {\n        document.addEventListener('dragover', open, false);\n        return () => document.removeEventListener('dragover', open, false);\n      }\n\n      return undefined;\n    }, [active]);\n\n    return (\n      <OptionalPortal withinPortal={withinPortal}>\n        <Box\n          className={cx(classes.wrapper, className)}\n          sx={sx}\n          style={{\n            ...style,\n            opacity: visible ? 1 : 0,\n            pointerEvents: visible ? 'all' : 'none',\n            zIndex,\n          }}\n        >\n          <_Dropzone\n            {...others}\n            classNames={classNames}\n            styles={styles}\n            unstyled={unstyled}\n            ref={ref}\n            className={classes.dropzone}\n            onDrop={(files: any) => {\n              onDrop?.(files);\n              close();\n            }}\n            onReject={(files: any) => {\n              onReject?.(files);\n              close();\n            }}\n            onDragLeave={(event: any) => {\n              onDragLeave?.(event);\n              close();\n            }}\n          />\n        </Box>\n      </OptionalPortal>\n    );\n  }\n);\n\nDropzoneFullScreen.displayName = '@mantine/dropzone/DropzoneFullScreen';\n\nexport type DropzoneFullScreenType = typeof DropzoneFullScreen;\n"],"names":["getDefaultZIndex","forwardRef","useComponentDefaultProps","useDisclosure","useFullScreenStyles","useEffect","React","OptionalPortal","Box","_Dropzone"],"mappings":"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"}

package/cjs/DropzoneFullScreen.styles.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@mantine/core');
+
+var useFullScreenStyles = core.createStyles((theme) => ({
+  wrapper: {
+    position: "fixed",
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
+    display: "flex",
+    padding: theme.spacing.xs,
+    transition: "opacity 100ms ease"
+  },
+  dropzone: {
+    flex: 1
+  }
+}));
+
+exports.default = useFullScreenStyles;
+//# sourceMappingURL=DropzoneFullScreen.styles.js.map

package/cjs/DropzoneFullScreen.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneFullScreen.styles.js","sources":["../src/DropzoneFullScreen.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  wrapper: {\n    position: 'fixed',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    display: 'flex',\n    padding: theme.spacing.xs,\n    transition: 'opacity 100ms ease',\n  },\n\n  dropzone: {\n    flex: 1,\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,0BAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,OAAO,EAAE;AACX,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,GAAG,EAAE,CAAC;AACV,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAC7B,IAAI,UAAU,EAAE,oBAAoB;AACpC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,CAAC;AACX,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/DropzoneStatus.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks = require('@mantine/hooks');
+var React = require('react');
+var Dropzone_context = require('./Dropzone.context.js');
+
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+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;
+};
+function createDropzoneStatus(status) {
+  const Component = (_a) => {
+    var _b = _a, { children } = _b, others = __objRest(_b, ["children"]);
+    const ctx = Dropzone_context.useDropzoneContext();
+    if (ctx[status]) {
+      return React.cloneElement(React.Children.only(children), others);
+    }
+    return null;
+  };
+  Component.displayName = `@mantine/dropzone/${hooks.upperFirst(status)}`;
+  return Component;
+}
+const DropzoneAccept = createDropzoneStatus("accept");
+const DropzoneReject = createDropzoneStatus("reject");
+const DropzoneIdle = createDropzoneStatus("idle");
+
+exports.DropzoneAccept = DropzoneAccept;
+exports.DropzoneIdle = DropzoneIdle;
+exports.DropzoneReject = DropzoneReject;
+//# sourceMappingURL=DropzoneStatus.js.map

package/cjs/DropzoneStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneStatus.js","sources":["../src/DropzoneStatus.tsx"],"sourcesContent":["import { upperFirst } from '@mantine/hooks';\nimport React, { cloneElement, Children } from 'react';\nimport { DropzoneContextValue, useDropzoneContext } from './Dropzone.context';\n\nexport interface DropzoneStatusProps {\n  children: React.ReactNode;\n}\n\nfunction createDropzoneStatus(status: keyof DropzoneContextValue) {\n  const Component = ({ children, ...others }: DropzoneStatusProps): JSX.Element => {\n    const ctx = useDropzoneContext();\n    if (ctx[status]) {\n      return cloneElement(Children.only(children) as React.ReactElement, others);\n    }\n\n    return null;\n  };\n\n  Component.displayName = `@mantine/dropzone/${upperFirst(status)}`;\n\n  return Component;\n}\n\nexport const DropzoneAccept = createDropzoneStatus('accept');\nexport const DropzoneReject = createDropzoneStatus('reject');\nexport const DropzoneIdle = createDropzoneStatus('idle');\n\nexport type DropzoneAcceptProps = DropzoneStatusProps;\nexport type DropzoneRejectProps = DropzoneStatusProps;\nexport type DropzoneIdleProps = DropzoneStatusProps;\n"],"names":["useDropzoneContext","cloneElement","Children","upperFirst"],"mappings":";;;;;;;;AAAA,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAIF,SAAS,oBAAoB,CAAC,MAAM,EAAE;AACtC,EAAE,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK;AAC5B,IAAI,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AACzE,IAAI,MAAM,GAAG,GAAGA,mCAAkB,EAAE,CAAC;AACrC,IAAI,IAAI,GAAG,CAAC,MAAM,CAAC,EAAE;AACrB,MAAM,OAAOC,kBAAY,CAACC,cAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;AAC3D,KAAK;AACL,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG,CAAC;AACJ,EAAE,SAAS,CAAC,WAAW,GAAG,CAAC,kBAAkB,EAAEC,gBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACpE,EAAE,OAAO,SAAS,CAAC;AACnB,CAAC;AACW,MAAC,cAAc,GAAG,oBAAoB,CAAC,QAAQ,EAAE;AACjD,MAAC,cAAc,GAAG,oBAAoB,CAAC,QAAQ,EAAE;AACjD,MAAC,YAAY,GAAG,oBAAoB,CAAC,MAAM;;;;;;"}

package/cjs/index.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var DropzoneFullScreen = require('./DropzoneFullScreen.js');
+var Dropzone$1 = require('./Dropzone.js');
 var mimeTypes = require('./mime-types.js');
-var Dropzone = require('./Dropzone/Dropzone.js');
-var FullScreenDropzone = require('./FullScreenDropzone/FullScreenDropzone.js');
-
 
+Dropzone$1.Dropzone.FullScreen = DropzoneFullScreen.DropzoneFullScreen;
+const Dropzone = Dropzone$1.Dropzone;
 
 exports.EXE_MIME_TYPE = mimeTypes.EXE_MIME_TYPE;
 exports.IMAGE_MIME_TYPE = mimeTypes.IMAGE_MIME_TYPE;
@@ -15,6 +16,5 @@ exports.MS_EXCEL_MIME_TYPE = mimeTypes.MS_EXCEL_MIME_TYPE;
 exports.MS_POWERPOINT_MIME_TYPE = mimeTypes.MS_POWERPOINT_MIME_TYPE;
 exports.MS_WORD_MIME_TYPE = mimeTypes.MS_WORD_MIME_TYPE;
 exports.PDF_MIME_TYPE = mimeTypes.PDF_MIME_TYPE;
-exports.Dropzone = Dropzone.Dropzone;
-exports.FullScreenDropzone = FullScreenDropzone.FullScreenDropzone;
+exports.Dropzone = Dropzone;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { DropzoneFullScreen } from './DropzoneFullScreen';\nimport { Dropzone as _Dropzone } from './Dropzone';\n\n_Dropzone.FullScreen = DropzoneFullScreen;\nexport const Dropzone = _Dropzone;\n\nexport type { DropzoneStylesNames, DropzoneProps } from './Dropzone';\nexport type { DropzoneFullScreenProps, DropzoneFullScreenStylesName } from './DropzoneFullScreen';\nexport type { DropzoneStylesParams } from './Dropzone.styles';\nexport type { DropzoneAcceptProps, DropzoneRejectProps, DropzoneIdleProps } from './DropzoneStatus';\nexport * from './mime-types';\n"],"names":["_Dropzone","DropzoneFullScreen"],"mappings":";;;;;;;;AAEAA,mBAAS,CAAC,UAAU,GAAGC,qCAAkB,CAAC;AAC9B,MAAC,QAAQ,GAAGD;;;;;;;;;;;"}

package/esm/Dropzone.context.js

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

package/esm/Dropzone.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.context.js","sources":["../src/Dropzone.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\n\nexport interface DropzoneContextValue {\n  idle: boolean;\n  accept: boolean;\n  reject: boolean;\n}\n\nexport const [DropzoneProvider, useDropzoneContext] = createSafeContext<DropzoneContextValue>(\n  'Dropzone component was not found in tree'\n);\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,GAAG,iBAAiB,CAAC,0CAA0C;;;;"}

package/esm/{Dropzone/Dropzone.js → Dropzone.js}

@@ -2,6 +2,8 @@ import React, { forwardRef } from 'react';
 import { useDropzone } from 'react-dropzone';
 import { useComponentDefaultProps, Box, LoadingOverlay } from '@mantine/core';
 import { assignRef } from '@mantine/hooks';
+import { DropzoneProvider } from './Dropzone.context.js';
+import { DropzoneAccept, DropzoneReject, DropzoneIdle } from './DropzoneStatus.js';
 import useStyles from './Dropzone.styles.js';
 
 var __defProp = Object.defineProperty;
@@ -39,9 +41,14 @@ const defaultProps = {
   padding: "md",
   loading: false,
   multiple: true,
-  maxSize: Infinity
+  maxSize: Infinity,
+  autoFocus: false,
+  activateOnClick: true,
+  activateOnDrag: true,
+  dragEventsBubbling: true,
+  activateOnKeyboard: true
 };
-const Dropzone = forwardRef((props, ref) => {
+const _Dropzone = forwardRef((props, ref) => {
   const _a = useComponentDefaultProps("Dropzone", defaultProps, props), {
     className,
     padding,
@@ -59,7 +66,18 @@ const Dropzone = forwardRef((props, ref) => {
     openRef,
     name,
     unstyled,
-    maxFiles
+    maxFiles,
+    autoFocus,
+    activateOnClick,
+    activateOnDrag,
+    dragEventsBubbling,
+    activateOnKeyboard,
+    onDragEnter,
+    onDragLeave,
+    onDragOver,
+    onFileDialogCancel,
+    onFileDialogOpen,
+    preventDropOnDocument
   } = _a, others = __objRest(_a, [
     "className",
     "padding",
@@ -77,7 +95,18 @@ const Dropzone = forwardRef((props, ref) => {
     "openRef",
     "name",
     "unstyled",
-    "maxFiles"
+    "maxFiles",
+    "autoFocus",
+    "activateOnClick",
+    "activateOnDrag",
+    "dragEventsBubbling",
+    "activateOnKeyboard",
+    "onDragEnter",
+    "onDragLeave",
+    "onDragOver",
+    "onFileDialogCancel",
+    "onFileDialogOpen",
+    "preventDropOnDocument"
   ]);
   const { classes, cx } = useStyles({ radius, padding }, { classNames, styles, unstyled, name: "Dropzone" });
   const { getRootProps, getInputProps, isDragAccept, isDragReject, open } = useDropzone({
@@ -87,24 +116,44 @@ const Dropzone = forwardRef((props, ref) => {
     accept: Array.isArray(accept) ? accept.reduce((r, key) => __spreadProps(__spreadValues({}, r), { [key]: [] }), {}) : accept,
     multiple,
     maxSize,
-    maxFiles
+    maxFiles,
+    autoFocus,
+    noClick: !activateOnClick,
+    noDrag: !activateOnDrag,
+    noDragEventsBubbling: !dragEventsBubbling,
+    noKeyboard: !activateOnKeyboard,
+    onDragEnter,
+    onDragLeave,
+    onDragOver,
+    onFileDialogCancel,
+    onFileDialogOpen,
+    preventDropOnDocument
   });
   assignRef(openRef, open);
-  return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues(__spreadValues({}, others), getRootProps({ ref })), {
-    className: cx(classes.root, {
-      [classes.active]: isDragAccept,
-      [classes.reject]: isDragReject,
-      [classes.loading]: loading
-    }, className)
+  const isIdle = !isDragAccept && !isDragReject;
+  return /* @__PURE__ */ React.createElement(DropzoneProvider, {
+    value: { accept: isDragAccept, reject: isDragReject, idle: isIdle }
+  }, /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues(__spreadValues({}, others), getRootProps({ ref })), {
+    "data-accept": isDragAccept || void 0,
+    "data-reject": isDragReject || void 0,
+    "data-idle": isIdle || void 0,
+    "data-loading": loading || void 0,
+    className: cx(classes.root, className)
   }), /* @__PURE__ */ React.createElement(LoadingOverlay, {
     visible: loading,
     radius,
     unstyled
   }), /* @__PURE__ */ React.createElement("input", __spreadProps(__spreadValues({}, getInputProps()), {
     name
-  })), children({ accepted: isDragAccept, rejected: isDragReject }));
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: classes.inner
+  }, children)));
 });
-Dropzone.displayName = "@mantine/dropzone/Dropzone";
+_Dropzone.displayName = "@mantine/dropzone/Dropzone";
+_Dropzone.Accept = DropzoneAccept;
+_Dropzone.Reject = DropzoneReject;
+_Dropzone.Idle = DropzoneIdle;
+const Dropzone = _Dropzone;
 
-export { Dropzone };
+export { Dropzone, _Dropzone, defaultProps };
 //# sourceMappingURL=Dropzone.js.map