@mantine/dropzone 5.0.0-alpha.4 → 5.0.0-alpha.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/cjs/Dropzone/Dropzone.js +10 -7
  2. package/cjs/Dropzone/Dropzone.js.map +1 -1
  3. package/cjs/Dropzone/Dropzone.styles.js +3 -3
  4. package/cjs/Dropzone/Dropzone.styles.js.map +1 -1
  5. package/cjs/FullScreenDropzone/FullScreenDropzone.js +8 -8
  6. package/cjs/FullScreenDropzone/FullScreenDropzone.js.map +1 -1
  7. package/cjs/FullScreenDropzone/FullscreenDropzone.styles.js +5 -4
  8. package/cjs/FullScreenDropzone/FullscreenDropzone.styles.js.map +1 -1
  9. package/cjs/index.js +1 -0
  10. package/cjs/index.js.map +1 -1
  11. package/cjs/mime-types.js +4 -1
  12. package/cjs/mime-types.js.map +1 -1
  13. package/esm/Dropzone/Dropzone.js +11 -8
  14. package/esm/Dropzone/Dropzone.js.map +1 -1
  15. package/esm/Dropzone/Dropzone.styles.js +3 -3
  16. package/esm/Dropzone/Dropzone.styles.js.map +1 -1
  17. package/esm/FullScreenDropzone/FullScreenDropzone.js +9 -9
  18. package/esm/FullScreenDropzone/FullScreenDropzone.js.map +1 -1
  19. package/esm/FullScreenDropzone/FullscreenDropzone.styles.js +5 -4
  20. package/esm/FullScreenDropzone/FullscreenDropzone.styles.js.map +1 -1
  21. package/esm/index.js +1 -1
  22. package/esm/mime-types.js +4 -2
  23. package/esm/mime-types.js.map +1 -1
  24. package/lib/Dropzone/Dropzone.d.ts.map +1 -1
  25. package/lib/FullScreenDropzone/FullScreenDropzone.d.ts +1 -1
  26. package/lib/FullScreenDropzone/FullScreenDropzone.d.ts.map +1 -1
  27. package/lib/FullScreenDropzone/FullscreenDropzone.styles.d.ts +2 -0
  28. package/lib/FullScreenDropzone/FullscreenDropzone.styles.d.ts.map +1 -1
  29. package/lib/mime-types.d.ts +2 -0
  30. package/lib/mime-types.d.ts.map +1 -1
  31. package/package.json +3 -3
@@ -50,7 +50,7 @@ const defaultProps = {
50
50
  maxSize: Infinity
51
51
  };
52
52
  const Dropzone = React.forwardRef((props, ref) => {
53
- const _a = core.useMantineDefaultProps("Dropzone", defaultProps, props), {
53
+ const _a = core.useComponentDefaultProps("Dropzone", defaultProps, props), {
54
54
  className,
55
55
  padding,
56
56
  radius,
@@ -65,7 +65,8 @@ const Dropzone = React.forwardRef((props, ref) => {
65
65
  onDrop,
66
66
  onReject,
67
67
  openRef,
68
- name
68
+ name,
69
+ unstyled
69
70
  } = _a, others = __objRest(_a, [
70
71
  "className",
71
72
  "padding",
@@ -81,12 +82,13 @@ const Dropzone = React.forwardRef((props, ref) => {
81
82
  "onDrop",
82
83
  "onReject",
83
84
  "openRef",
84
- "name"
85
+ "name",
86
+ "unstyled"
85
87
  ]);
86
- const { classes, cx } = Dropzone_styles['default']({ radius, padding }, { classNames, styles, name: "Dropzone" });
88
+ const { classes, cx } = Dropzone_styles['default']({ radius, padding }, { classNames, styles, unstyled, name: "Dropzone" });
87
89
  const { getRootProps, getInputProps, isDragAccept, isDragReject, open } = reactDropzone.useDropzone({
88
- onDropAccepted: (files) => onDrop(files),
89
- onDropRejected: (fileRejections) => onReject(fileRejections),
90
+ onDropAccepted: onDrop,
91
+ onDropRejected: onReject,
90
92
  disabled: disabled || loading,
91
93
  accept: Array.isArray(accept) ? accept.reduce((r, key) => __spreadProps(__spreadValues({}, r), { [key]: [] }), {}) : accept,
92
94
  multiple,
@@ -101,7 +103,8 @@ const Dropzone = React.forwardRef((props, ref) => {
101
103
  }, className)
102
104
  }), /* @__PURE__ */ React__default.createElement(core.LoadingOverlay, {
103
105
  visible: loading,
104
- radius
106
+ radius,
107
+ unstyled
105
108
  }), /* @__PURE__ */ React__default.createElement("input", __spreadProps(__spreadValues({}, getInputProps()), {
106
109
  name
107
110
  })), children({ accepted: isDragAccept, rejected: isDragReject }));
@@ -1 +1 @@
1
- {"version":3,"file":"Dropzone.js","sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useDropzone, FileRejection } from 'react-dropzone';\nimport {\n DefaultProps,\n Selectors,\n MantineNumberSize,\n LoadingOverlay,\n Box,\n useMantineDefaultProps,\n} from '@mantine/core';\nimport { assignRef } from '@mantine/hooks';\nimport useStyles from './Dropzone.styles';\n\nexport type DropzoneStylesNames = Selectors<typeof useStyles>;\n\nexport interface DropzoneStatus {\n accepted: boolean;\n rejected: boolean;\n}\n\nexport interface DropzoneProps extends DefaultProps<DropzoneStylesNames> {\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 /** Render children based on dragging state */\n children(status: DropzoneStatus): 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?: { [key: string]: string[] } | 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\nconst defaultProps: Partial<DropzoneProps> = {\n padding: 'md',\n loading: false,\n multiple: true,\n maxSize: Infinity,\n};\n\nexport const Dropzone = forwardRef<HTMLDivElement, DropzoneProps>((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 ...others\n } = useMantineDefaultProps('Dropzone', defaultProps, props);\n\n const { classes, cx } = useStyles({ radius, padding }, { classNames, styles, name: 'Dropzone' });\n\n const { getRootProps, getInputProps, isDragAccept, isDragReject, open } = useDropzone({\n onDropAccepted: (files) => onDrop(files),\n onDropRejected: (fileRejections) => onReject(fileRejections),\n disabled: disabled || loading,\n accept: Array.isArray(accept) ? accept.reduce((r, key) => ({ ...r, [key]: [] }), {}) : accept,\n multiple,\n maxSize,\n });\n\n assignRef(openRef, open);\n\n return (\n <Box\n {...others}\n {...getRootProps({ ref })}\n className={cx(\n classes.root,\n {\n [classes.active]: isDragAccept,\n [classes.reject]: isDragReject,\n [classes.loading]: loading,\n },\n className\n )}\n >\n <LoadingOverlay visible={loading} radius={radius} />\n <input {...getInputProps()} name={name} />\n {children({ accepted: isDragAccept, rejected: isDragReject })}\n </Box>\n );\n});\n\nDropzone.displayName = '@mantine/dropzone/Dropzone';\n"],"names":["forwardRef","useMantineDefaultProps","useStyles","useDropzone","assignRef","React","Box","LoadingOverlay"],"mappings":"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"}
1
+ {"version":3,"file":"Dropzone.js","sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useDropzone, FileRejection } 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 useStyles from './Dropzone.styles';\n\nexport type DropzoneStylesNames = Selectors<typeof useStyles>;\n\nexport interface DropzoneStatus {\n accepted: boolean;\n rejected: boolean;\n}\n\nexport interface DropzoneProps extends DefaultProps<DropzoneStylesNames> {\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 /** Render children based on dragging state */\n children(status: DropzoneStatus): 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?: { [key: string]: string[] } | 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\nconst defaultProps: Partial<DropzoneProps> = {\n padding: 'md',\n loading: false,\n multiple: true,\n maxSize: Infinity,\n};\n\nexport const Dropzone = forwardRef<HTMLDivElement, DropzoneProps>((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 ...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 });\n\n assignRef(openRef, open);\n\n return (\n <Box\n {...others}\n {...getRootProps({ ref })}\n className={cx(\n classes.root,\n {\n [classes.active]: isDragAccept,\n [classes.reject]: isDragReject,\n [classes.loading]: loading,\n },\n className\n )}\n >\n <LoadingOverlay visible={loading} radius={radius} unstyled={unstyled} />\n <input {...getInputProps()} name={name} />\n {children({ accepted: isDragAccept, rejected: isDragReject })}\n </Box>\n );\n});\n\nDropzone.displayName = '@mantine/dropzone/Dropzone';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","useDropzone","assignRef","React","Box","LoadingOverlay"],"mappings":"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"}
@@ -29,8 +29,8 @@ var useStyles = core.createStyles((theme, { padding, radius }) => {
29
29
  return {
30
30
  root: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), theme.fn.focusStyles()), {
31
31
  boxSizing: "border-box",
32
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
33
- border: `2px dashed ${theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4]}`,
32
+ backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
33
+ border: `2px dashed ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
34
34
  padding: theme.fn.size({ size: padding, sizes: theme.spacing }),
35
35
  borderRadius: theme.fn.radius(radius),
36
36
  cursor: "pointer",
@@ -38,7 +38,7 @@ var useStyles = core.createStyles((theme, { padding, radius }) => {
38
38
  transition: "background-color 150ms ease",
39
39
  position: "relative",
40
40
  "&:hover": {
41
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0]
41
+ backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
42
42
  }
43
43
  }),
44
44
  loading: {
@@ -1 +1 @@
1
- {"version":3,"file":"Dropzone.styles.js","sources":["../../src/Dropzone/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[7] : theme.white,\n border: `2px dashed ${\n theme.colorScheme === 'dark' ? theme.colors.dark[3] : 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[6] : theme.colors.gray[0],\n },\n },\n\n loading: {\n cursor: 'default',\n\n '&:hover': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n },\n },\n\n active: {\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' ? accepted.background : theme.colors[theme.primaryColor][0],\n },\n },\n\n 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"],"names":["createStyles"],"mappings":"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"}
1
+ {"version":3,"file":"Dropzone.styles.js","sources":["../../src/Dropzone/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\n loading: {\n cursor: 'default',\n\n '&:hover': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n },\n },\n\n active: {\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' ? accepted.background : theme.colors[theme.primaryColor][0],\n },\n },\n\n 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"],"names":["createStyles"],"mappings":"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"}
@@ -64,10 +64,10 @@ const defaultProps = {
64
64
  offset: "xl",
65
65
  padding: "md",
66
66
  accept: ["*"],
67
- zIndex: 1e3
67
+ zIndex: core.getDefaultZIndex("max")
68
68
  };
69
69
  function FullScreenDropzone(props) {
70
- const _a = core.useMantineDefaultProps("FullScreenDropzone", defaultProps, props), {
70
+ const _a = core.useComponentDefaultProps("FullScreenDropzone", defaultProps, props), {
71
71
  className,
72
72
  style,
73
73
  offset,
@@ -79,7 +79,8 @@ function FullScreenDropzone(props) {
79
79
  accept,
80
80
  zIndex,
81
81
  onDrop,
82
- children
82
+ children,
83
+ unstyled
83
84
  } = _a, others = __objRest(_a, [
84
85
  "className",
85
86
  "style",
@@ -92,9 +93,10 @@ function FullScreenDropzone(props) {
92
93
  "accept",
93
94
  "zIndex",
94
95
  "onDrop",
95
- "children"
96
+ "children",
97
+ "unstyled"
96
98
  ]);
97
- const { classes, cx } = FullscreenDropzone_styles['default']({ offset, padding, radius }, { classNames, styles, name: "FullScreenDropzone" });
99
+ const { classes, cx } = FullscreenDropzone_styles['default']({ offset, padding, radius, zIndex }, { classNames, styles, unstyled, name: "FullScreenDropzone" });
98
100
  const [visible, setVisible] = React.useState(false);
99
101
  const [error, setError] = React.useState(false);
100
102
  const handleDragOver = (event) => {
@@ -127,9 +129,7 @@ function FullScreenDropzone(props) {
127
129
  }
128
130
  return void 0;
129
131
  }, [disabled]);
130
- return /* @__PURE__ */ React__default.createElement(core.Portal, {
131
- zIndex
132
- }, /* @__PURE__ */ React__default.createElement(core.Transition, {
132
+ return /* @__PURE__ */ React__default.createElement(core.Portal, null, /* @__PURE__ */ React__default.createElement(core.Transition, {
133
133
  transition: "fade",
134
134
  duration: 200,
135
135
  timingFunction: "ease",
@@ -1 +1 @@
1
- {"version":3,"file":"FullScreenDropzone.js","sources":["../../src/FullScreenDropzone/FullScreenDropzone.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n Portal,\n Transition,\n MantineNumberSize,\n Selectors,\n DefaultProps,\n Box,\n useMantineDefaultProps,\n} from '@mantine/core';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport { DropzoneStatus } from '../Dropzone';\nimport useStyles from './FullscreenDropzone.styles';\n\nexport type FullScreenDropzoneStylesNames = Selectors<typeof useStyles>;\n\nexport interface FullScreenDropzoneProps\n extends DefaultProps<FullScreenDropzoneStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'onDrop' | 'children'> {\n /** Space between dropzone and viewport edges */\n offset?: MantineNumberSize;\n\n /** Overlay z-index */\n zIndex?: number;\n\n /** Disable dropzone */\n disabled?: boolean;\n\n /** Accepted mime types */\n accept: string[];\n\n /** Dropzone padding from theme or number to set padding in px */\n padding?: MantineNumberSize;\n\n /** Dropzone radius from theme or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Called when files are dropped to document */\n onDrop(files: File[]): void;\n\n /** Render children based on dragging state */\n children(status: DropzoneStatus): React.ReactNode;\n}\n\nfunction isVisible(event: DragEvent) {\n for (let i = 0; i < event.dataTransfer.items.length; i += 1) {\n if (event.dataTransfer.items[i].kind !== 'file') {\n return false;\n }\n }\n\n return true;\n}\n\nfunction isValidDrop(event: DragEvent, mime: string[]) {\n const items = event?.dataTransfer?.items;\n\n if (mime.includes('*')) {\n return true;\n }\n\n for (let i = 0; i < items?.length; i += 1) {\n if (!mime.includes(items[i].type)) {\n return false;\n }\n }\n\n return true;\n}\n\nconst defaultProps: Partial<FullScreenDropzoneProps> = {\n offset: 'xl',\n padding: 'md',\n accept: ['*'],\n zIndex: 1000,\n};\n\nexport function FullScreenDropzone(props: FullScreenDropzoneProps) {\n const {\n className,\n style,\n offset,\n padding,\n radius,\n classNames,\n styles,\n disabled,\n accept,\n zIndex,\n onDrop,\n children,\n ...others\n } = useMantineDefaultProps('FullScreenDropzone', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { offset, padding, radius },\n { classNames, styles, name: 'FullScreenDropzone' }\n );\n const [visible, setVisible] = useState(false);\n const [error, setError] = useState(false);\n\n const handleDragOver = (event: DragEvent) => {\n event.preventDefault();\n setError(!isValidDrop(event, accept));\n setVisible(isVisible(event));\n };\n\n const handleDragLeave = (event: DragEvent) => {\n event.preventDefault();\n setVisible(false);\n };\n\n const handleDrop = (event: DragEvent) => {\n event.stopPropagation();\n event.preventDefault();\n setVisible(false);\n if (isValidDrop(event, accept)) {\n onDrop(Array.from(event.dataTransfer.files));\n }\n };\n\n useIsomorphicEffect(() => {\n if (!disabled) {\n document.addEventListener('dragover', handleDragOver, false);\n document.addEventListener('dragleave', handleDragLeave, false);\n document.addEventListener('drop', handleDrop, false);\n\n return () => {\n document.removeEventListener('dragover', handleDragOver, false);\n document.removeEventListener('dragleave', handleDragLeave, false);\n document.removeEventListener('drop', handleDrop, false);\n };\n }\n\n return undefined;\n }, [disabled]);\n\n return (\n <Portal zIndex={zIndex}>\n <Transition\n transition=\"fade\"\n duration={200}\n timingFunction=\"ease\"\n mounted={visible && !disabled}\n >\n {(transitionStyles) => (\n <Box\n style={{ ...style, ...transitionStyles }}\n className={cx(classes.root, className)}\n {...others}\n >\n <div\n className={cx(\n classes.dropzone,\n {\n [classes.active]: visible && !error,\n [classes.reject]: error,\n },\n className\n )}\n >\n {children({ accepted: visible && !error, rejected: error })}\n </div>\n </Box>\n )}\n </Transition>\n </Portal>\n );\n}\n\nFullScreenDropzone.displayName = '@mantine/dropzone/FullScreenDropzone';\n"],"names":["useMantineDefaultProps","useStyles","useState","useIsomorphicEffect","React","Portal","Transition","Box"],"mappings":"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"}
1
+ {"version":3,"file":"FullScreenDropzone.js","sources":["../../src/FullScreenDropzone/FullScreenDropzone.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n Portal,\n Transition,\n MantineNumberSize,\n Selectors,\n DefaultProps,\n Box,\n useComponentDefaultProps,\n getDefaultZIndex,\n} from '@mantine/core';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport { DropzoneStatus } from '../Dropzone';\nimport useStyles from './FullscreenDropzone.styles';\n\nexport type FullScreenDropzoneStylesNames = Selectors<typeof useStyles>;\n\nexport interface FullScreenDropzoneProps\n extends DefaultProps<FullScreenDropzoneStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'onDrop' | 'children'> {\n /** Space between dropzone and viewport edges */\n offset?: MantineNumberSize;\n\n /** Overlay z-index */\n zIndex?: React.CSSProperties['zIndex'];\n\n /** Disable dropzone */\n disabled?: boolean;\n\n /** Accepted mime types */\n accept: string[];\n\n /** Dropzone padding from theme or number to set padding in px */\n padding?: MantineNumberSize;\n\n /** Dropzone radius from theme or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Called when files are dropped to document */\n onDrop(files: File[]): void;\n\n /** Render children based on dragging state */\n children(status: DropzoneStatus): React.ReactNode;\n}\n\nfunction isVisible(event: DragEvent) {\n for (let i = 0; i < event.dataTransfer.items.length; i += 1) {\n if (event.dataTransfer.items[i].kind !== 'file') {\n return false;\n }\n }\n\n return true;\n}\n\nfunction isValidDrop(event: DragEvent, mime: string[]) {\n const items = event?.dataTransfer?.items;\n\n if (mime.includes('*')) {\n return true;\n }\n\n for (let i = 0; i < items?.length; i += 1) {\n if (!mime.includes(items[i].type)) {\n return false;\n }\n }\n\n return true;\n}\n\nconst defaultProps: Partial<FullScreenDropzoneProps> = {\n offset: 'xl',\n padding: 'md',\n accept: ['*'],\n zIndex: getDefaultZIndex('max'),\n};\n\nexport function FullScreenDropzone(props: FullScreenDropzoneProps) {\n const {\n className,\n style,\n offset,\n padding,\n radius,\n classNames,\n styles,\n disabled,\n accept,\n zIndex,\n onDrop,\n children,\n unstyled,\n ...others\n } = useComponentDefaultProps('FullScreenDropzone', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { offset, padding, radius, zIndex },\n { classNames, styles, unstyled, name: 'FullScreenDropzone' }\n );\n const [visible, setVisible] = useState(false);\n const [error, setError] = useState(false);\n\n const handleDragOver = (event: DragEvent) => {\n event.preventDefault();\n setError(!isValidDrop(event, accept));\n setVisible(isVisible(event));\n };\n\n const handleDragLeave = (event: DragEvent) => {\n event.preventDefault();\n setVisible(false);\n };\n\n const handleDrop = (event: DragEvent) => {\n event.stopPropagation();\n event.preventDefault();\n setVisible(false);\n if (isValidDrop(event, accept)) {\n onDrop(Array.from(event.dataTransfer.files));\n }\n };\n\n useIsomorphicEffect(() => {\n if (!disabled) {\n document.addEventListener('dragover', handleDragOver, false);\n document.addEventListener('dragleave', handleDragLeave, false);\n document.addEventListener('drop', handleDrop, false);\n\n return () => {\n document.removeEventListener('dragover', handleDragOver, false);\n document.removeEventListener('dragleave', handleDragLeave, false);\n document.removeEventListener('drop', handleDrop, false);\n };\n }\n\n return undefined;\n }, [disabled]);\n\n return (\n <Portal>\n <Transition\n transition=\"fade\"\n duration={200}\n timingFunction=\"ease\"\n mounted={visible && !disabled}\n >\n {(transitionStyles) => (\n <Box\n style={{ ...style, ...transitionStyles }}\n className={cx(classes.root, className)}\n {...others}\n >\n <div\n className={cx(\n classes.dropzone,\n {\n [classes.active]: visible && !error,\n [classes.reject]: error,\n },\n className\n )}\n >\n {children({ accepted: visible && !error, rejected: error })}\n </div>\n </Box>\n )}\n </Transition>\n </Portal>\n );\n}\n\nFullScreenDropzone.displayName = '@mantine/dropzone/FullScreenDropzone';\n"],"names":["getDefaultZIndex","useComponentDefaultProps","useStyles","useState","useIsomorphicEffect","React","Portal","Transition","Box"],"mappings":"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"}
@@ -23,24 +23,25 @@ var __spreadValues = (a, b) => {
23
23
  return a;
24
24
  };
25
25
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
26
- var useStyles = core.createStyles((theme, { offset, padding, radius }) => {
26
+ var useStyles = core.createStyles((theme, { offset, padding, radius, zIndex }) => {
27
27
  const spacing = theme.fn.size({ size: offset, sizes: theme.spacing });
28
28
  const rejected = theme.fn.variant({ color: "red", variant: "light" });
29
29
  const accepted = theme.fn.variant({ color: theme.primaryColor, variant: "light" });
30
30
  return {
31
31
  root: {
32
32
  position: "fixed",
33
+ zIndex,
33
34
  top: 0,
34
35
  left: 0,
35
36
  right: 0,
36
37
  bottom: 0,
37
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
38
+ backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
38
39
  padding: spacing
39
40
  },
40
41
  dropzone: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
41
42
  boxSizing: "border-box",
42
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
43
- border: `2px dashed ${theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4]}`,
43
+ backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
44
+ border: `2px dashed ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
44
45
  padding: theme.fn.size({ size: padding, sizes: theme.spacing }),
45
46
  borderRadius: theme.fn.radius(radius),
46
47
  cursor: "pointer",
@@ -1 +1 @@
1
- {"version":3,"file":"FullscreenDropzone.styles.js","sources":["../../src/FullScreenDropzone/FullscreenDropzone.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/core';\n\nexport interface FullScreenDropzoneStylesParams {\n offset: MantineNumberSize;\n padding: MantineNumberSize;\n radius: MantineNumberSize;\n}\n\nexport default createStyles(\n (theme, { offset, padding, radius }: FullScreenDropzoneStylesParams) => {\n const spacing = theme.fn.size({ size: offset, sizes: theme.spacing });\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 position: 'fixed',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n padding: spacing,\n },\n\n dropzone: {\n ...theme.fn.fontStyles(),\n boxSizing: 'border-box',\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n border: `2px dashed ${\n theme.colorScheme === 'dark' ? theme.colors.dark[3] : 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 height: `calc(100vh - ${spacing * 2}px)`,\n },\n\n active: {\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 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);\n"],"names":["createStyles"],"mappings":"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"}
1
+ {"version":3,"file":"FullscreenDropzone.styles.js","sources":["../../src/FullScreenDropzone/FullscreenDropzone.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/core';\n\nexport interface FullScreenDropzoneStylesParams {\n offset: MantineNumberSize;\n padding: MantineNumberSize;\n radius: MantineNumberSize;\n zIndex: React.CSSProperties['zIndex'];\n}\n\nexport default createStyles(\n (theme, { offset, padding, radius, zIndex }: FullScreenDropzoneStylesParams) => {\n const spacing = theme.fn.size({ size: offset, sizes: theme.spacing });\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 position: 'fixed',\n zIndex,\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n padding: spacing,\n },\n\n dropzone: {\n ...theme.fn.fontStyles(),\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 height: `calc(100vh - ${spacing * 2}px)`,\n },\n\n active: {\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 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);\n"],"names":["createStyles"],"mappings":"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"}
package/cjs/index.js CHANGED
@@ -8,6 +8,7 @@ var FullScreenDropzone = require('./FullScreenDropzone/FullScreenDropzone.js');
8
8
 
9
9
 
10
10
 
11
+ exports.EXE_MIME_TYPE = mimeTypes.EXE_MIME_TYPE;
11
12
  exports.IMAGE_MIME_TYPE = mimeTypes.IMAGE_MIME_TYPE;
12
13
  exports.MIME_TYPES = mimeTypes.MIME_TYPES;
13
14
  exports.MS_EXCEL_MIME_TYPE = mimeTypes.MS_EXCEL_MIME_TYPE;
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
package/cjs/mime-types.js CHANGED
@@ -17,7 +17,8 @@ const MIME_TYPES = {
17
17
  xls: "application/vnd.ms-excel",
18
18
  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
19
19
  ppt: "application/vnd.ms-powerpoint",
20
- pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
20
+ pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
21
+ exe: "application/vnd.microsoft.portable-executable"
21
22
  };
22
23
  const IMAGE_MIME_TYPE = [
23
24
  MIME_TYPES.png,
@@ -30,7 +31,9 @@ const PDF_MIME_TYPE = [MIME_TYPES.pdf];
30
31
  const MS_WORD_MIME_TYPE = [MIME_TYPES.doc, MIME_TYPES.docx];
31
32
  const MS_EXCEL_MIME_TYPE = [MIME_TYPES.xls, MIME_TYPES.xlsx];
32
33
  const MS_POWERPOINT_MIME_TYPE = [MIME_TYPES.ppt, MIME_TYPES.pptx];
34
+ const EXE_MIME_TYPE = [MIME_TYPES.exe];
33
35
 
36
+ exports.EXE_MIME_TYPE = EXE_MIME_TYPE;
34
37
  exports.IMAGE_MIME_TYPE = IMAGE_MIME_TYPE;
35
38
  exports.MIME_TYPES = MIME_TYPES;
36
39
  exports.MS_EXCEL_MIME_TYPE = MS_EXCEL_MIME_TYPE;
@@ -1 +1 @@
1
- {"version":3,"file":"mime-types.js","sources":["../src/mime-types.ts"],"sourcesContent":["export const MIME_TYPES = {\n // Images\n png: 'image/png',\n gif: 'image/gif',\n jpeg: 'image/jpeg',\n svg: 'image/svg+xml',\n webp: 'image/webp',\n\n // Documents\n mp4: 'video/mp4',\n zip: 'application/zip',\n csv: 'text/csv',\n pdf: 'application/pdf',\n doc: 'application/msword',\n docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n xls: 'application/vnd.ms-excel',\n xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n ppt: 'application/vnd.ms-powerpoint',\n pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n} as const;\n\nexport const IMAGE_MIME_TYPE = [\n MIME_TYPES.png,\n MIME_TYPES.gif,\n MIME_TYPES.jpeg,\n MIME_TYPES.svg,\n MIME_TYPES.webp,\n];\n\nexport const PDF_MIME_TYPE = [MIME_TYPES.pdf];\nexport const MS_WORD_MIME_TYPE = [MIME_TYPES.doc, MIME_TYPES.docx];\nexport const MS_EXCEL_MIME_TYPE = [MIME_TYPES.xls, MIME_TYPES.xlsx];\nexport const MS_POWERPOINT_MIME_TYPE = [MIME_TYPES.ppt, MIME_TYPES.pptx];\n"],"names":[],"mappings":";;;;AAAY,MAAC,UAAU,GAAG;AAC1B,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,GAAG,EAAE,eAAe;AACtB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,GAAG,EAAE,iBAAiB;AACxB,EAAE,GAAG,EAAE,UAAU;AACjB,EAAE,GAAG,EAAE,iBAAiB;AACxB,EAAE,GAAG,EAAE,oBAAoB;AAC3B,EAAE,IAAI,EAAE,yEAAyE;AACjF,EAAE,GAAG,EAAE,0BAA0B;AACjC,EAAE,IAAI,EAAE,mEAAmE;AAC3E,EAAE,GAAG,EAAE,+BAA+B;AACtC,EAAE,IAAI,EAAE,2EAA2E;AACnF,EAAE;AACU,MAAC,eAAe,GAAG;AAC/B,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE;AACU,MAAC,aAAa,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE;AAClC,MAAC,iBAAiB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AACvD,MAAC,kBAAkB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AACxD,MAAC,uBAAuB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI;;;;;;;;;"}
1
+ {"version":3,"file":"mime-types.js","sources":["../src/mime-types.ts"],"sourcesContent":["export const MIME_TYPES = {\n // Images\n png: 'image/png',\n gif: 'image/gif',\n jpeg: 'image/jpeg',\n svg: 'image/svg+xml',\n webp: 'image/webp',\n\n // Documents\n mp4: 'video/mp4',\n zip: 'application/zip',\n csv: 'text/csv',\n pdf: 'application/pdf',\n doc: 'application/msword',\n docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n xls: 'application/vnd.ms-excel',\n xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n ppt: 'application/vnd.ms-powerpoint',\n pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n exe: 'application/vnd.microsoft.portable-executable',\n} as const;\n\nexport const IMAGE_MIME_TYPE = [\n MIME_TYPES.png,\n MIME_TYPES.gif,\n MIME_TYPES.jpeg,\n MIME_TYPES.svg,\n MIME_TYPES.webp,\n];\n\nexport const PDF_MIME_TYPE = [MIME_TYPES.pdf];\nexport const MS_WORD_MIME_TYPE = [MIME_TYPES.doc, MIME_TYPES.docx];\nexport const MS_EXCEL_MIME_TYPE = [MIME_TYPES.xls, MIME_TYPES.xlsx];\nexport const MS_POWERPOINT_MIME_TYPE = [MIME_TYPES.ppt, MIME_TYPES.pptx];\nexport const EXE_MIME_TYPE = [MIME_TYPES.exe];\n"],"names":[],"mappings":";;;;AAAY,MAAC,UAAU,GAAG;AAC1B,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,GAAG,EAAE,eAAe;AACtB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,GAAG,EAAE,iBAAiB;AACxB,EAAE,GAAG,EAAE,UAAU;AACjB,EAAE,GAAG,EAAE,iBAAiB;AACxB,EAAE,GAAG,EAAE,oBAAoB;AAC3B,EAAE,IAAI,EAAE,yEAAyE;AACjF,EAAE,GAAG,EAAE,0BAA0B;AACjC,EAAE,IAAI,EAAE,mEAAmE;AAC3E,EAAE,GAAG,EAAE,+BAA+B;AACtC,EAAE,IAAI,EAAE,2EAA2E;AACnF,EAAE,GAAG,EAAE,+CAA+C;AACtD,EAAE;AACU,MAAC,eAAe,GAAG;AAC/B,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE;AACU,MAAC,aAAa,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE;AAClC,MAAC,iBAAiB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AACvD,MAAC,kBAAkB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AACxD,MAAC,uBAAuB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AAC7D,MAAC,aAAa,GAAG,CAAC,UAAU,CAAC,GAAG;;;;;;;;;;"}
@@ -1,6 +1,6 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import { useDropzone } from 'react-dropzone';
3
- import { useMantineDefaultProps, Box, LoadingOverlay } from '@mantine/core';
3
+ import { useComponentDefaultProps, Box, LoadingOverlay } from '@mantine/core';
4
4
  import { assignRef } from '@mantine/hooks';
5
5
  import useStyles from './Dropzone.styles.js';
6
6
 
@@ -42,7 +42,7 @@ const defaultProps = {
42
42
  maxSize: Infinity
43
43
  };
44
44
  const Dropzone = forwardRef((props, ref) => {
45
- const _a = useMantineDefaultProps("Dropzone", defaultProps, props), {
45
+ const _a = useComponentDefaultProps("Dropzone", defaultProps, props), {
46
46
  className,
47
47
  padding,
48
48
  radius,
@@ -57,7 +57,8 @@ const Dropzone = forwardRef((props, ref) => {
57
57
  onDrop,
58
58
  onReject,
59
59
  openRef,
60
- name
60
+ name,
61
+ unstyled
61
62
  } = _a, others = __objRest(_a, [
62
63
  "className",
63
64
  "padding",
@@ -73,12 +74,13 @@ const Dropzone = forwardRef((props, ref) => {
73
74
  "onDrop",
74
75
  "onReject",
75
76
  "openRef",
76
- "name"
77
+ "name",
78
+ "unstyled"
77
79
  ]);
78
- const { classes, cx } = useStyles({ radius, padding }, { classNames, styles, name: "Dropzone" });
80
+ const { classes, cx } = useStyles({ radius, padding }, { classNames, styles, unstyled, name: "Dropzone" });
79
81
  const { getRootProps, getInputProps, isDragAccept, isDragReject, open } = useDropzone({
80
- onDropAccepted: (files) => onDrop(files),
81
- onDropRejected: (fileRejections) => onReject(fileRejections),
82
+ onDropAccepted: onDrop,
83
+ onDropRejected: onReject,
82
84
  disabled: disabled || loading,
83
85
  accept: Array.isArray(accept) ? accept.reduce((r, key) => __spreadProps(__spreadValues({}, r), { [key]: [] }), {}) : accept,
84
86
  multiple,
@@ -93,7 +95,8 @@ const Dropzone = forwardRef((props, ref) => {
93
95
  }, className)
94
96
  }), /* @__PURE__ */ React.createElement(LoadingOverlay, {
95
97
  visible: loading,
96
- radius
98
+ radius,
99
+ unstyled
97
100
  }), /* @__PURE__ */ React.createElement("input", __spreadProps(__spreadValues({}, getInputProps()), {
98
101
  name
99
102
  })), children({ accepted: isDragAccept, rejected: isDragReject }));
@@ -1 +1 @@
1
- {"version":3,"file":"Dropzone.js","sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useDropzone, FileRejection } from 'react-dropzone';\nimport {\n DefaultProps,\n Selectors,\n MantineNumberSize,\n LoadingOverlay,\n Box,\n useMantineDefaultProps,\n} from '@mantine/core';\nimport { assignRef } from '@mantine/hooks';\nimport useStyles from './Dropzone.styles';\n\nexport type DropzoneStylesNames = Selectors<typeof useStyles>;\n\nexport interface DropzoneStatus {\n accepted: boolean;\n rejected: boolean;\n}\n\nexport interface DropzoneProps extends DefaultProps<DropzoneStylesNames> {\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 /** Render children based on dragging state */\n children(status: DropzoneStatus): 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?: { [key: string]: string[] } | 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\nconst defaultProps: Partial<DropzoneProps> = {\n padding: 'md',\n loading: false,\n multiple: true,\n maxSize: Infinity,\n};\n\nexport const Dropzone = forwardRef<HTMLDivElement, DropzoneProps>((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 ...others\n } = useMantineDefaultProps('Dropzone', defaultProps, props);\n\n const { classes, cx } = useStyles({ radius, padding }, { classNames, styles, name: 'Dropzone' });\n\n const { getRootProps, getInputProps, isDragAccept, isDragReject, open } = useDropzone({\n onDropAccepted: (files) => onDrop(files),\n onDropRejected: (fileRejections) => onReject(fileRejections),\n disabled: disabled || loading,\n accept: Array.isArray(accept) ? accept.reduce((r, key) => ({ ...r, [key]: [] }), {}) : accept,\n multiple,\n maxSize,\n });\n\n assignRef(openRef, open);\n\n return (\n <Box\n {...others}\n {...getRootProps({ ref })}\n className={cx(\n classes.root,\n {\n [classes.active]: isDragAccept,\n [classes.reject]: isDragReject,\n [classes.loading]: loading,\n },\n className\n )}\n >\n <LoadingOverlay visible={loading} radius={radius} />\n <input {...getInputProps()} name={name} />\n {children({ accepted: isDragAccept, rejected: isDragReject })}\n </Box>\n );\n});\n\nDropzone.displayName = '@mantine/dropzone/Dropzone';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dropzone.js","sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useDropzone, FileRejection } 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 useStyles from './Dropzone.styles';\n\nexport type DropzoneStylesNames = Selectors<typeof useStyles>;\n\nexport interface DropzoneStatus {\n accepted: boolean;\n rejected: boolean;\n}\n\nexport interface DropzoneProps extends DefaultProps<DropzoneStylesNames> {\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 /** Render children based on dragging state */\n children(status: DropzoneStatus): 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?: { [key: string]: string[] } | 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\nconst defaultProps: Partial<DropzoneProps> = {\n padding: 'md',\n loading: false,\n multiple: true,\n maxSize: Infinity,\n};\n\nexport const Dropzone = forwardRef<HTMLDivElement, DropzoneProps>((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 ...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 });\n\n assignRef(openRef, open);\n\n return (\n <Box\n {...others}\n {...getRootProps({ ref })}\n className={cx(\n classes.root,\n {\n [classes.active]: isDragAccept,\n [classes.reject]: isDragReject,\n [classes.loading]: loading,\n },\n className\n )}\n >\n <LoadingOverlay visible={loading} radius={radius} unstyled={unstyled} />\n <input {...getInputProps()} name={name} />\n {children({ accepted: isDragAccept, rejected: isDragReject })}\n </Box>\n );\n});\n\nDropzone.displayName = '@mantine/dropzone/Dropzone';\n"],"names":[],"mappings":"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"}
@@ -25,8 +25,8 @@ var useStyles = createStyles((theme, { padding, radius }) => {
25
25
  return {
26
26
  root: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), theme.fn.focusStyles()), {
27
27
  boxSizing: "border-box",
28
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
29
- border: `2px dashed ${theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4]}`,
28
+ backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
29
+ border: `2px dashed ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
30
30
  padding: theme.fn.size({ size: padding, sizes: theme.spacing }),
31
31
  borderRadius: theme.fn.radius(radius),
32
32
  cursor: "pointer",
@@ -34,7 +34,7 @@ var useStyles = createStyles((theme, { padding, radius }) => {
34
34
  transition: "background-color 150ms ease",
35
35
  position: "relative",
36
36
  "&:hover": {
37
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0]
37
+ backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
38
38
  }
39
39
  }),
40
40
  loading: {
@@ -1 +1 @@
1
- {"version":3,"file":"Dropzone.styles.js","sources":["../../src/Dropzone/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[7] : theme.white,\n border: `2px dashed ${\n theme.colorScheme === 'dark' ? theme.colors.dark[3] : 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[6] : theme.colors.gray[0],\n },\n },\n\n loading: {\n cursor: 'default',\n\n '&:hover': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n },\n },\n\n active: {\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' ? accepted.background : theme.colors[theme.primaryColor][0],\n },\n },\n\n 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"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dropzone.styles.js","sources":["../../src/Dropzone/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\n loading: {\n cursor: 'default',\n\n '&:hover': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n },\n },\n\n active: {\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' ? accepted.background : theme.colors[theme.primaryColor][0],\n },\n },\n\n 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"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import React, { useState } from 'react';
2
- import { useMantineDefaultProps, Portal, Transition, Box } from '@mantine/core';
2
+ import { getDefaultZIndex, useComponentDefaultProps, Portal, Transition, Box } from '@mantine/core';
3
3
  import { useIsomorphicEffect } from '@mantine/hooks';
4
4
  import useStyles from './FullscreenDropzone.styles.js';
5
5
 
@@ -56,10 +56,10 @@ const defaultProps = {
56
56
  offset: "xl",
57
57
  padding: "md",
58
58
  accept: ["*"],
59
- zIndex: 1e3
59
+ zIndex: getDefaultZIndex("max")
60
60
  };
61
61
  function FullScreenDropzone(props) {
62
- const _a = useMantineDefaultProps("FullScreenDropzone", defaultProps, props), {
62
+ const _a = useComponentDefaultProps("FullScreenDropzone", defaultProps, props), {
63
63
  className,
64
64
  style,
65
65
  offset,
@@ -71,7 +71,8 @@ function FullScreenDropzone(props) {
71
71
  accept,
72
72
  zIndex,
73
73
  onDrop,
74
- children
74
+ children,
75
+ unstyled
75
76
  } = _a, others = __objRest(_a, [
76
77
  "className",
77
78
  "style",
@@ -84,9 +85,10 @@ function FullScreenDropzone(props) {
84
85
  "accept",
85
86
  "zIndex",
86
87
  "onDrop",
87
- "children"
88
+ "children",
89
+ "unstyled"
88
90
  ]);
89
- const { classes, cx } = useStyles({ offset, padding, radius }, { classNames, styles, name: "FullScreenDropzone" });
91
+ const { classes, cx } = useStyles({ offset, padding, radius, zIndex }, { classNames, styles, unstyled, name: "FullScreenDropzone" });
90
92
  const [visible, setVisible] = useState(false);
91
93
  const [error, setError] = useState(false);
92
94
  const handleDragOver = (event) => {
@@ -119,9 +121,7 @@ function FullScreenDropzone(props) {
119
121
  }
120
122
  return void 0;
121
123
  }, [disabled]);
122
- return /* @__PURE__ */ React.createElement(Portal, {
123
- zIndex
124
- }, /* @__PURE__ */ React.createElement(Transition, {
124
+ return /* @__PURE__ */ React.createElement(Portal, null, /* @__PURE__ */ React.createElement(Transition, {
125
125
  transition: "fade",
126
126
  duration: 200,
127
127
  timingFunction: "ease",
@@ -1 +1 @@
1
- {"version":3,"file":"FullScreenDropzone.js","sources":["../../src/FullScreenDropzone/FullScreenDropzone.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n Portal,\n Transition,\n MantineNumberSize,\n Selectors,\n DefaultProps,\n Box,\n useMantineDefaultProps,\n} from '@mantine/core';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport { DropzoneStatus } from '../Dropzone';\nimport useStyles from './FullscreenDropzone.styles';\n\nexport type FullScreenDropzoneStylesNames = Selectors<typeof useStyles>;\n\nexport interface FullScreenDropzoneProps\n extends DefaultProps<FullScreenDropzoneStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'onDrop' | 'children'> {\n /** Space between dropzone and viewport edges */\n offset?: MantineNumberSize;\n\n /** Overlay z-index */\n zIndex?: number;\n\n /** Disable dropzone */\n disabled?: boolean;\n\n /** Accepted mime types */\n accept: string[];\n\n /** Dropzone padding from theme or number to set padding in px */\n padding?: MantineNumberSize;\n\n /** Dropzone radius from theme or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Called when files are dropped to document */\n onDrop(files: File[]): void;\n\n /** Render children based on dragging state */\n children(status: DropzoneStatus): React.ReactNode;\n}\n\nfunction isVisible(event: DragEvent) {\n for (let i = 0; i < event.dataTransfer.items.length; i += 1) {\n if (event.dataTransfer.items[i].kind !== 'file') {\n return false;\n }\n }\n\n return true;\n}\n\nfunction isValidDrop(event: DragEvent, mime: string[]) {\n const items = event?.dataTransfer?.items;\n\n if (mime.includes('*')) {\n return true;\n }\n\n for (let i = 0; i < items?.length; i += 1) {\n if (!mime.includes(items[i].type)) {\n return false;\n }\n }\n\n return true;\n}\n\nconst defaultProps: Partial<FullScreenDropzoneProps> = {\n offset: 'xl',\n padding: 'md',\n accept: ['*'],\n zIndex: 1000,\n};\n\nexport function FullScreenDropzone(props: FullScreenDropzoneProps) {\n const {\n className,\n style,\n offset,\n padding,\n radius,\n classNames,\n styles,\n disabled,\n accept,\n zIndex,\n onDrop,\n children,\n ...others\n } = useMantineDefaultProps('FullScreenDropzone', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { offset, padding, radius },\n { classNames, styles, name: 'FullScreenDropzone' }\n );\n const [visible, setVisible] = useState(false);\n const [error, setError] = useState(false);\n\n const handleDragOver = (event: DragEvent) => {\n event.preventDefault();\n setError(!isValidDrop(event, accept));\n setVisible(isVisible(event));\n };\n\n const handleDragLeave = (event: DragEvent) => {\n event.preventDefault();\n setVisible(false);\n };\n\n const handleDrop = (event: DragEvent) => {\n event.stopPropagation();\n event.preventDefault();\n setVisible(false);\n if (isValidDrop(event, accept)) {\n onDrop(Array.from(event.dataTransfer.files));\n }\n };\n\n useIsomorphicEffect(() => {\n if (!disabled) {\n document.addEventListener('dragover', handleDragOver, false);\n document.addEventListener('dragleave', handleDragLeave, false);\n document.addEventListener('drop', handleDrop, false);\n\n return () => {\n document.removeEventListener('dragover', handleDragOver, false);\n document.removeEventListener('dragleave', handleDragLeave, false);\n document.removeEventListener('drop', handleDrop, false);\n };\n }\n\n return undefined;\n }, [disabled]);\n\n return (\n <Portal zIndex={zIndex}>\n <Transition\n transition=\"fade\"\n duration={200}\n timingFunction=\"ease\"\n mounted={visible && !disabled}\n >\n {(transitionStyles) => (\n <Box\n style={{ ...style, ...transitionStyles }}\n className={cx(classes.root, className)}\n {...others}\n >\n <div\n className={cx(\n classes.dropzone,\n {\n [classes.active]: visible && !error,\n [classes.reject]: error,\n },\n className\n )}\n >\n {children({ accepted: visible && !error, rejected: error })}\n </div>\n </Box>\n )}\n </Transition>\n </Portal>\n );\n}\n\nFullScreenDropzone.displayName = '@mantine/dropzone/FullScreenDropzone';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FullScreenDropzone.js","sources":["../../src/FullScreenDropzone/FullScreenDropzone.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n Portal,\n Transition,\n MantineNumberSize,\n Selectors,\n DefaultProps,\n Box,\n useComponentDefaultProps,\n getDefaultZIndex,\n} from '@mantine/core';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport { DropzoneStatus } from '../Dropzone';\nimport useStyles from './FullscreenDropzone.styles';\n\nexport type FullScreenDropzoneStylesNames = Selectors<typeof useStyles>;\n\nexport interface FullScreenDropzoneProps\n extends DefaultProps<FullScreenDropzoneStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'onDrop' | 'children'> {\n /** Space between dropzone and viewport edges */\n offset?: MantineNumberSize;\n\n /** Overlay z-index */\n zIndex?: React.CSSProperties['zIndex'];\n\n /** Disable dropzone */\n disabled?: boolean;\n\n /** Accepted mime types */\n accept: string[];\n\n /** Dropzone padding from theme or number to set padding in px */\n padding?: MantineNumberSize;\n\n /** Dropzone radius from theme or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Called when files are dropped to document */\n onDrop(files: File[]): void;\n\n /** Render children based on dragging state */\n children(status: DropzoneStatus): React.ReactNode;\n}\n\nfunction isVisible(event: DragEvent) {\n for (let i = 0; i < event.dataTransfer.items.length; i += 1) {\n if (event.dataTransfer.items[i].kind !== 'file') {\n return false;\n }\n }\n\n return true;\n}\n\nfunction isValidDrop(event: DragEvent, mime: string[]) {\n const items = event?.dataTransfer?.items;\n\n if (mime.includes('*')) {\n return true;\n }\n\n for (let i = 0; i < items?.length; i += 1) {\n if (!mime.includes(items[i].type)) {\n return false;\n }\n }\n\n return true;\n}\n\nconst defaultProps: Partial<FullScreenDropzoneProps> = {\n offset: 'xl',\n padding: 'md',\n accept: ['*'],\n zIndex: getDefaultZIndex('max'),\n};\n\nexport function FullScreenDropzone(props: FullScreenDropzoneProps) {\n const {\n className,\n style,\n offset,\n padding,\n radius,\n classNames,\n styles,\n disabled,\n accept,\n zIndex,\n onDrop,\n children,\n unstyled,\n ...others\n } = useComponentDefaultProps('FullScreenDropzone', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { offset, padding, radius, zIndex },\n { classNames, styles, unstyled, name: 'FullScreenDropzone' }\n );\n const [visible, setVisible] = useState(false);\n const [error, setError] = useState(false);\n\n const handleDragOver = (event: DragEvent) => {\n event.preventDefault();\n setError(!isValidDrop(event, accept));\n setVisible(isVisible(event));\n };\n\n const handleDragLeave = (event: DragEvent) => {\n event.preventDefault();\n setVisible(false);\n };\n\n const handleDrop = (event: DragEvent) => {\n event.stopPropagation();\n event.preventDefault();\n setVisible(false);\n if (isValidDrop(event, accept)) {\n onDrop(Array.from(event.dataTransfer.files));\n }\n };\n\n useIsomorphicEffect(() => {\n if (!disabled) {\n document.addEventListener('dragover', handleDragOver, false);\n document.addEventListener('dragleave', handleDragLeave, false);\n document.addEventListener('drop', handleDrop, false);\n\n return () => {\n document.removeEventListener('dragover', handleDragOver, false);\n document.removeEventListener('dragleave', handleDragLeave, false);\n document.removeEventListener('drop', handleDrop, false);\n };\n }\n\n return undefined;\n }, [disabled]);\n\n return (\n <Portal>\n <Transition\n transition=\"fade\"\n duration={200}\n timingFunction=\"ease\"\n mounted={visible && !disabled}\n >\n {(transitionStyles) => (\n <Box\n style={{ ...style, ...transitionStyles }}\n className={cx(classes.root, className)}\n {...others}\n >\n <div\n className={cx(\n classes.dropzone,\n {\n [classes.active]: visible && !error,\n [classes.reject]: error,\n },\n className\n )}\n >\n {children({ accepted: visible && !error, rejected: error })}\n </div>\n </Box>\n )}\n </Transition>\n </Portal>\n );\n}\n\nFullScreenDropzone.displayName = '@mantine/dropzone/FullScreenDropzone';\n"],"names":[],"mappings":"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"}
@@ -19,24 +19,25 @@ var __spreadValues = (a, b) => {
19
19
  return a;
20
20
  };
21
21
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
22
- var useStyles = createStyles((theme, { offset, padding, radius }) => {
22
+ var useStyles = createStyles((theme, { offset, padding, radius, zIndex }) => {
23
23
  const spacing = theme.fn.size({ size: offset, sizes: theme.spacing });
24
24
  const rejected = theme.fn.variant({ color: "red", variant: "light" });
25
25
  const accepted = theme.fn.variant({ color: theme.primaryColor, variant: "light" });
26
26
  return {
27
27
  root: {
28
28
  position: "fixed",
29
+ zIndex,
29
30
  top: 0,
30
31
  left: 0,
31
32
  right: 0,
32
33
  bottom: 0,
33
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
34
+ backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
34
35
  padding: spacing
35
36
  },
36
37
  dropzone: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
37
38
  boxSizing: "border-box",
38
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
39
- border: `2px dashed ${theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4]}`,
39
+ backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
40
+ border: `2px dashed ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
40
41
  padding: theme.fn.size({ size: padding, sizes: theme.spacing }),
41
42
  borderRadius: theme.fn.radius(radius),
42
43
  cursor: "pointer",
@@ -1 +1 @@
1
- {"version":3,"file":"FullscreenDropzone.styles.js","sources":["../../src/FullScreenDropzone/FullscreenDropzone.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/core';\n\nexport interface FullScreenDropzoneStylesParams {\n offset: MantineNumberSize;\n padding: MantineNumberSize;\n radius: MantineNumberSize;\n}\n\nexport default createStyles(\n (theme, { offset, padding, radius }: FullScreenDropzoneStylesParams) => {\n const spacing = theme.fn.size({ size: offset, sizes: theme.spacing });\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 position: 'fixed',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n padding: spacing,\n },\n\n dropzone: {\n ...theme.fn.fontStyles(),\n boxSizing: 'border-box',\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n border: `2px dashed ${\n theme.colorScheme === 'dark' ? theme.colors.dark[3] : 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 height: `calc(100vh - ${spacing * 2}px)`,\n },\n\n active: {\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 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);\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FullscreenDropzone.styles.js","sources":["../../src/FullScreenDropzone/FullscreenDropzone.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/core';\n\nexport interface FullScreenDropzoneStylesParams {\n offset: MantineNumberSize;\n padding: MantineNumberSize;\n radius: MantineNumberSize;\n zIndex: React.CSSProperties['zIndex'];\n}\n\nexport default createStyles(\n (theme, { offset, padding, radius, zIndex }: FullScreenDropzoneStylesParams) => {\n const spacing = theme.fn.size({ size: offset, sizes: theme.spacing });\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 position: 'fixed',\n zIndex,\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n padding: spacing,\n },\n\n dropzone: {\n ...theme.fn.fontStyles(),\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 height: `calc(100vh - ${spacing * 2}px)`,\n },\n\n active: {\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 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);\n"],"names":[],"mappings":"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"}
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { IMAGE_MIME_TYPE, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, PDF_MIME_TYPE } from './mime-types.js';
1
+ export { EXE_MIME_TYPE, IMAGE_MIME_TYPE, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, PDF_MIME_TYPE } from './mime-types.js';
2
2
  export { Dropzone } from './Dropzone/Dropzone.js';
3
3
  export { FullScreenDropzone } from './FullScreenDropzone/FullScreenDropzone.js';
4
4
  //# sourceMappingURL=index.js.map
package/esm/mime-types.js CHANGED
@@ -13,7 +13,8 @@ const MIME_TYPES = {
13
13
  xls: "application/vnd.ms-excel",
14
14
  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
15
15
  ppt: "application/vnd.ms-powerpoint",
16
- pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
16
+ pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
17
+ exe: "application/vnd.microsoft.portable-executable"
17
18
  };
18
19
  const IMAGE_MIME_TYPE = [
19
20
  MIME_TYPES.png,
@@ -26,6 +27,7 @@ const PDF_MIME_TYPE = [MIME_TYPES.pdf];
26
27
  const MS_WORD_MIME_TYPE = [MIME_TYPES.doc, MIME_TYPES.docx];
27
28
  const MS_EXCEL_MIME_TYPE = [MIME_TYPES.xls, MIME_TYPES.xlsx];
28
29
  const MS_POWERPOINT_MIME_TYPE = [MIME_TYPES.ppt, MIME_TYPES.pptx];
30
+ const EXE_MIME_TYPE = [MIME_TYPES.exe];
29
31
 
30
- export { IMAGE_MIME_TYPE, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, PDF_MIME_TYPE };
32
+ export { EXE_MIME_TYPE, IMAGE_MIME_TYPE, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, PDF_MIME_TYPE };
31
33
  //# sourceMappingURL=mime-types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"mime-types.js","sources":["../src/mime-types.ts"],"sourcesContent":["export const MIME_TYPES = {\n // Images\n png: 'image/png',\n gif: 'image/gif',\n jpeg: 'image/jpeg',\n svg: 'image/svg+xml',\n webp: 'image/webp',\n\n // Documents\n mp4: 'video/mp4',\n zip: 'application/zip',\n csv: 'text/csv',\n pdf: 'application/pdf',\n doc: 'application/msword',\n docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n xls: 'application/vnd.ms-excel',\n xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n ppt: 'application/vnd.ms-powerpoint',\n pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n} as const;\n\nexport const IMAGE_MIME_TYPE = [\n MIME_TYPES.png,\n MIME_TYPES.gif,\n MIME_TYPES.jpeg,\n MIME_TYPES.svg,\n MIME_TYPES.webp,\n];\n\nexport const PDF_MIME_TYPE = [MIME_TYPES.pdf];\nexport const MS_WORD_MIME_TYPE = [MIME_TYPES.doc, MIME_TYPES.docx];\nexport const MS_EXCEL_MIME_TYPE = [MIME_TYPES.xls, MIME_TYPES.xlsx];\nexport const MS_POWERPOINT_MIME_TYPE = [MIME_TYPES.ppt, MIME_TYPES.pptx];\n"],"names":[],"mappings":"AAAY,MAAC,UAAU,GAAG;AAC1B,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,GAAG,EAAE,eAAe;AACtB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,GAAG,EAAE,iBAAiB;AACxB,EAAE,GAAG,EAAE,UAAU;AACjB,EAAE,GAAG,EAAE,iBAAiB;AACxB,EAAE,GAAG,EAAE,oBAAoB;AAC3B,EAAE,IAAI,EAAE,yEAAyE;AACjF,EAAE,GAAG,EAAE,0BAA0B;AACjC,EAAE,IAAI,EAAE,mEAAmE;AAC3E,EAAE,GAAG,EAAE,+BAA+B;AACtC,EAAE,IAAI,EAAE,2EAA2E;AACnF,EAAE;AACU,MAAC,eAAe,GAAG;AAC/B,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE;AACU,MAAC,aAAa,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE;AAClC,MAAC,iBAAiB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AACvD,MAAC,kBAAkB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AACxD,MAAC,uBAAuB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI;;;;"}
1
+ {"version":3,"file":"mime-types.js","sources":["../src/mime-types.ts"],"sourcesContent":["export const MIME_TYPES = {\n // Images\n png: 'image/png',\n gif: 'image/gif',\n jpeg: 'image/jpeg',\n svg: 'image/svg+xml',\n webp: 'image/webp',\n\n // Documents\n mp4: 'video/mp4',\n zip: 'application/zip',\n csv: 'text/csv',\n pdf: 'application/pdf',\n doc: 'application/msword',\n docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n xls: 'application/vnd.ms-excel',\n xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n ppt: 'application/vnd.ms-powerpoint',\n pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n exe: 'application/vnd.microsoft.portable-executable',\n} as const;\n\nexport const IMAGE_MIME_TYPE = [\n MIME_TYPES.png,\n MIME_TYPES.gif,\n MIME_TYPES.jpeg,\n MIME_TYPES.svg,\n MIME_TYPES.webp,\n];\n\nexport const PDF_MIME_TYPE = [MIME_TYPES.pdf];\nexport const MS_WORD_MIME_TYPE = [MIME_TYPES.doc, MIME_TYPES.docx];\nexport const MS_EXCEL_MIME_TYPE = [MIME_TYPES.xls, MIME_TYPES.xlsx];\nexport const MS_POWERPOINT_MIME_TYPE = [MIME_TYPES.ppt, MIME_TYPES.pptx];\nexport const EXE_MIME_TYPE = [MIME_TYPES.exe];\n"],"names":[],"mappings":"AAAY,MAAC,UAAU,GAAG;AAC1B,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,GAAG,EAAE,eAAe;AACtB,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,GAAG,EAAE,iBAAiB;AACxB,EAAE,GAAG,EAAE,UAAU;AACjB,EAAE,GAAG,EAAE,iBAAiB;AACxB,EAAE,GAAG,EAAE,oBAAoB;AAC3B,EAAE,IAAI,EAAE,yEAAyE;AACjF,EAAE,GAAG,EAAE,0BAA0B;AACjC,EAAE,IAAI,EAAE,mEAAmE;AAC3E,EAAE,GAAG,EAAE,+BAA+B;AACtC,EAAE,IAAI,EAAE,2EAA2E;AACnF,EAAE,GAAG,EAAE,+CAA+C;AACtD,EAAE;AACU,MAAC,eAAe,GAAG;AAC/B,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE,UAAU,CAAC,GAAG;AAChB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE;AACU,MAAC,aAAa,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE;AAClC,MAAC,iBAAiB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AACvD,MAAC,kBAAkB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AACxD,MAAC,uBAAuB,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE;AAC7D,MAAC,aAAa,GAAG,CAAC,UAAU,CAAC,GAAG;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAe,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EACL,YAAY,EACZ,SAAS,EACT,iBAAiB,EAIlB,MAAM,eAAe,CAAC;AAEvB,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAE1C,oBAAY,mBAAmB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,mBAAmB,CAAC;IACtE,iEAAiE;IACjE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,2EAA2E;IAC3E,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,8CAA8C;IAC9C,QAAQ,CAAC,MAAM,EAAE,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC;IAElD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kDAAkD;IAClD,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAE5B,8DAA8D;IAC9D,QAAQ,CAAC,CAAC,cAAc,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAEjD,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4BAA4B;IAC5B,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,GAAG,MAAM,EAAE,CAAC;IAEhD,+BAA+B;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC;IAErD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sFAAsF;IACtF,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AASD,eAAO,MAAM,QAAQ,sFAoDnB,CAAC"}
1
+ {"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAe,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EACL,YAAY,EACZ,SAAS,EACT,iBAAiB,EAIlB,MAAM,eAAe,CAAC;AAEvB,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAE1C,oBAAY,mBAAmB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,mBAAmB,CAAC;IACtE,iEAAiE;IACjE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,2EAA2E;IAC3E,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,8CAA8C;IAC9C,QAAQ,CAAC,MAAM,EAAE,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC;IAElD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kDAAkD;IAClD,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAE5B,8DAA8D;IAC9D,QAAQ,CAAC,CAAC,cAAc,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAEjD,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4BAA4B;IAC5B,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,GAAG,MAAM,EAAE,CAAC;IAEhD,+BAA+B;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC;IAErD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sFAAsF;IACtF,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AASD,eAAO,MAAM,QAAQ,sFAwDnB,CAAC"}
@@ -7,7 +7,7 @@ export interface FullScreenDropzoneProps extends DefaultProps<FullScreenDropzone
7
7
  /** Space between dropzone and viewport edges */
8
8
  offset?: MantineNumberSize;
9
9
  /** Overlay z-index */
10
- zIndex?: number;
10
+ zIndex?: React.CSSProperties['zIndex'];
11
11
  /** Disable dropzone */
12
12
  disabled?: boolean;
13
13
  /** Accepted mime types */
@@ -1 +1 @@
1
- {"version":3,"file":"FullScreenDropzone.d.ts","sourceRoot":"","sources":["../../src/FullScreenDropzone/FullScreenDropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAGL,iBAAiB,EACjB,SAAS,EACT,YAAY,EAGb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,oBAAY,6BAA6B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAExE,MAAM,WAAW,uBACf,SAAQ,YAAY,CAAC,6BAA6B,CAAC,EACjD,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACpE,gDAAgD;IAChD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;IAEjB,iEAAiE;IACjE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,sEAAsE;IACtE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,gDAAgD;IAChD,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAE5B,8CAA8C;IAC9C,QAAQ,CAAC,MAAM,EAAE,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC;CACnD;AAmCD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eA2FhE;yBA3Fe,kBAAkB"}
1
+ {"version":3,"file":"FullScreenDropzone.d.ts","sourceRoot":"","sources":["../../src/FullScreenDropzone/FullScreenDropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAGL,iBAAiB,EACjB,SAAS,EACT,YAAY,EAIb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,oBAAY,6BAA6B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAExE,MAAM,WAAW,uBACf,SAAQ,YAAY,CAAC,6BAA6B,CAAC,EACjD,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACpE,gDAAgD;IAChD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,sBAAsB;IACtB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEvC,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;IAEjB,iEAAiE;IACjE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,sEAAsE;IACtE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,gDAAgD;IAChD,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAE5B,8CAA8C;IAC9C,QAAQ,CAAC,MAAM,EAAE,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC;CACnD;AAmCD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eA4FhE;yBA5Fe,kBAAkB"}
@@ -1,8 +1,10 @@
1
+ /// <reference types="react" />
1
2
  import { MantineNumberSize } from '@mantine/core';
2
3
  export interface FullScreenDropzoneStylesParams {
3
4
  offset: MantineNumberSize;
4
5
  padding: MantineNumberSize;
5
6
  radius: MantineNumberSize;
7
+ zIndex: React.CSSProperties['zIndex'];
6
8
  }
7
9
  declare const _default: (params: FullScreenDropzoneStylesParams, options?: import("@mantine/core").UseStylesOptions<"root" | "active" | "reject" | "dropzone">) => {
8
10
  classes: Record<"root" | "active" | "reject" | "dropzone", string>;
@@ -1 +1 @@
1
- {"version":3,"file":"FullscreenDropzone.styles.d.ts","sourceRoot":"","sources":["../../src/FullScreenDropzone/FullscreenDropzone.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEhE,MAAM,WAAW,8BAA8B;IAC7C,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE,iBAAiB,CAAC;CAC3B;;;;;;AAED,wBAyDE"}
1
+ {"version":3,"file":"FullscreenDropzone.styles.d.ts","sourceRoot":"","sources":["../../src/FullScreenDropzone/FullscreenDropzone.styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEhE,MAAM,WAAW,8BAA8B;IAC7C,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC;;;;;;AAED,wBA0DE"}
@@ -14,10 +14,12 @@ export declare const MIME_TYPES: {
14
14
  readonly xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
15
15
  readonly ppt: "application/vnd.ms-powerpoint";
16
16
  readonly pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation";
17
+ readonly exe: "application/vnd.microsoft.portable-executable";
17
18
  };
18
19
  export declare const IMAGE_MIME_TYPE: ("image/png" | "image/gif" | "image/jpeg" | "image/svg+xml" | "image/webp")[];
19
20
  export declare const PDF_MIME_TYPE: "application/pdf"[];
20
21
  export declare const MS_WORD_MIME_TYPE: ("application/msword" | "application/vnd.openxmlformats-officedocument.wordprocessingml.document")[];
21
22
  export declare const MS_EXCEL_MIME_TYPE: ("application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet")[];
22
23
  export declare const MS_POWERPOINT_MIME_TYPE: ("application/vnd.ms-powerpoint" | "application/vnd.openxmlformats-officedocument.presentationml.presentation")[];
24
+ export declare const EXE_MIME_TYPE: "application/vnd.microsoft.portable-executable"[];
23
25
  //# sourceMappingURL=mime-types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"mime-types.d.ts","sourceRoot":"","sources":["../src/mime-types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAmBb,CAAC;AAEX,eAAO,MAAM,eAAe,+EAM3B,CAAC;AAEF,eAAO,MAAM,aAAa,qBAAmB,CAAC;AAC9C,eAAO,MAAM,iBAAiB,sGAAoC,CAAC;AACnE,eAAO,MAAM,kBAAkB,sGAAoC,CAAC;AACpE,eAAO,MAAM,uBAAuB,mHAAoC,CAAC"}
1
+ {"version":3,"file":"mime-types.d.ts","sourceRoot":"","sources":["../src/mime-types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;CAoBb,CAAC;AAEX,eAAO,MAAM,eAAe,+EAM3B,CAAC;AAEF,eAAO,MAAM,aAAa,qBAAmB,CAAC;AAC9C,eAAO,MAAM,iBAAiB,sGAAoC,CAAC;AACnE,eAAO,MAAM,kBAAkB,sGAAoC,CAAC;AACpE,eAAO,MAAM,uBAAuB,mHAAoC,CAAC;AACzE,eAAO,MAAM,aAAa,mDAAmB,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mantine/dropzone",
3
3
  "description": "Dropzone component built with Mantine theme and components",
4
- "version": "5.0.0-alpha.4",
4
+ "version": "5.0.0-alpha.7",
5
5
  "main": "cjs/index.js",
6
6
  "module": "esm/index.js",
7
7
  "types": "lib/index.d.ts",
@@ -28,8 +28,8 @@
28
28
  "upload"
29
29
  ],
30
30
  "peerDependencies": {
31
- "@mantine/core": "5.0.0-alpha.4",
32
- "@mantine/hooks": "5.0.0-alpha.4",
31
+ "@mantine/core": "5.0.0-alpha.7",
32
+ "@mantine/hooks": "5.0.0-alpha.7",
33
33
  "react": ">=16.8.0",
34
34
  "react-dom": ">=16.8.0"
35
35
  },