@mantine/dropzone 5.8.3 → 5.9.0
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.
- package/cjs/DropzoneStatus.js +3 -2
- package/cjs/DropzoneStatus.js.map +1 -1
- package/esm/DropzoneStatus.js +3 -2
- package/esm/DropzoneStatus.js.map +1 -1
- package/lib/Dropzone.d.ts +3 -3
- package/lib/DropzoneStatus.d.ts +3 -3
- package/lib/DropzoneStatus.d.ts.map +1 -1
- package/lib/index.d.ts +3 -3
- package/package.json +4 -4
package/cjs/DropzoneStatus.js
CHANGED
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var hooks = require('@mantine/hooks');
|
|
7
7
|
var utils = require('@mantine/utils');
|
|
8
|
+
var core = require('@mantine/core');
|
|
8
9
|
var Dropzone_context = require('./Dropzone.context.js');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
@@ -27,8 +28,8 @@ var __objRest = (source, exclude) => {
|
|
|
27
28
|
return target;
|
|
28
29
|
};
|
|
29
30
|
function createDropzoneStatus(status) {
|
|
30
|
-
const Component = (
|
|
31
|
-
|
|
31
|
+
const Component = (props) => {
|
|
32
|
+
const _a = core.useComponentDefaultProps(`Dropzone${hooks.upperFirst(status)}`, {}, props), { children } = _a, others = __objRest(_a, ["children"]);
|
|
32
33
|
const ctx = Dropzone_context.useDropzoneContext();
|
|
33
34
|
const _children = utils.isElement(children) ? children : /* @__PURE__ */ React__default.createElement("span", null, children);
|
|
34
35
|
if (ctx[status]) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropzoneStatus.js","sources":["../src/DropzoneStatus.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { upperFirst } from '@mantine/hooks';\nimport { isElement } from '@mantine/utils';\nimport { DropzoneContextValue, useDropzoneContext } from './Dropzone.context';\n\nexport interface DropzoneStatusProps {\n children: React.ReactNode;\n}\n\nfunction createDropzoneStatus(status: keyof DropzoneContextValue) {\n const Component = (
|
|
1
|
+
{"version":3,"file":"DropzoneStatus.js","sources":["../src/DropzoneStatus.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { upperFirst } from '@mantine/hooks';\nimport { isElement } from '@mantine/utils';\nimport { useComponentDefaultProps } from '@mantine/core';\nimport { DropzoneContextValue, useDropzoneContext } from './Dropzone.context';\n\nexport interface DropzoneStatusProps {\n // eslint-disable-next-line react/no-unused-prop-types\n children: React.ReactNode;\n}\n\nfunction createDropzoneStatus(status: keyof DropzoneContextValue) {\n const Component = (props: DropzoneStatusProps): JSX.Element => {\n const { children, ...others } = useComponentDefaultProps(\n `Dropzone${upperFirst(status)}`,\n {},\n props\n );\n\n const ctx = useDropzoneContext();\n const _children = isElement(children) ? children : <span>{children}</span>;\n\n if (ctx[status]) {\n return cloneElement(_children, 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":["useComponentDefaultProps","upperFirst","useDropzoneContext","isElement","React","cloneElement"],"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;AAMF,SAAS,oBAAoB,CAAC,MAAM,EAAE;AACtC,EAAE,MAAM,SAAS,GAAG,CAAC,KAAK,KAAK;AAC/B,IAAI,MAAM,EAAE,GAAGA,6BAAwB,CAAC,CAAC,QAAQ,EAAEC,gBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAC7I,IAAI,MAAM,GAAG,GAAGC,mCAAkB,EAAE,CAAC;AACrC,IAAI,MAAM,SAAS,GAAGC,eAAS,CAAC,QAAQ,CAAC,GAAG,QAAQ,mBAAmBC,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;AACnH,IAAI,IAAI,GAAG,CAAC,MAAM,CAAC,EAAE;AACrB,MAAM,OAAOC,kBAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAC7C,KAAK;AACL,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG,CAAC;AACJ,EAAE,SAAS,CAAC,WAAW,GAAG,CAAC,kBAAkB,EAAEJ,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/esm/DropzoneStatus.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { cloneElement } from 'react';
|
|
2
2
|
import { upperFirst } from '@mantine/hooks';
|
|
3
3
|
import { isElement } from '@mantine/utils';
|
|
4
|
+
import { useComponentDefaultProps } from '@mantine/core';
|
|
4
5
|
import { useDropzoneContext } from './Dropzone.context.js';
|
|
5
6
|
|
|
6
7
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
@@ -19,8 +20,8 @@ var __objRest = (source, exclude) => {
|
|
|
19
20
|
return target;
|
|
20
21
|
};
|
|
21
22
|
function createDropzoneStatus(status) {
|
|
22
|
-
const Component = (
|
|
23
|
-
|
|
23
|
+
const Component = (props) => {
|
|
24
|
+
const _a = useComponentDefaultProps(`Dropzone${upperFirst(status)}`, {}, props), { children } = _a, others = __objRest(_a, ["children"]);
|
|
24
25
|
const ctx = useDropzoneContext();
|
|
25
26
|
const _children = isElement(children) ? children : /* @__PURE__ */ React.createElement("span", null, children);
|
|
26
27
|
if (ctx[status]) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropzoneStatus.js","sources":["../src/DropzoneStatus.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { upperFirst } from '@mantine/hooks';\nimport { isElement } from '@mantine/utils';\nimport { DropzoneContextValue, useDropzoneContext } from './Dropzone.context';\n\nexport interface DropzoneStatusProps {\n children: React.ReactNode;\n}\n\nfunction createDropzoneStatus(status: keyof DropzoneContextValue) {\n const Component = (
|
|
1
|
+
{"version":3,"file":"DropzoneStatus.js","sources":["../src/DropzoneStatus.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { upperFirst } from '@mantine/hooks';\nimport { isElement } from '@mantine/utils';\nimport { useComponentDefaultProps } from '@mantine/core';\nimport { DropzoneContextValue, useDropzoneContext } from './Dropzone.context';\n\nexport interface DropzoneStatusProps {\n // eslint-disable-next-line react/no-unused-prop-types\n children: React.ReactNode;\n}\n\nfunction createDropzoneStatus(status: keyof DropzoneContextValue) {\n const Component = (props: DropzoneStatusProps): JSX.Element => {\n const { children, ...others } = useComponentDefaultProps(\n `Dropzone${upperFirst(status)}`,\n {},\n props\n );\n\n const ctx = useDropzoneContext();\n const _children = isElement(children) ? children : <span>{children}</span>;\n\n if (ctx[status]) {\n return cloneElement(_children, 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":[],"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;AAMF,SAAS,oBAAoB,CAAC,MAAM,EAAE;AACtC,EAAE,MAAM,SAAS,GAAG,CAAC,KAAK,KAAK;AAC/B,IAAI,MAAM,EAAE,GAAG,wBAAwB,CAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAC7I,IAAI,MAAM,GAAG,GAAG,kBAAkB,EAAE,CAAC;AACrC,IAAI,MAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,QAAQ,mBAAmB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;AACnH,IAAI,IAAI,GAAG,CAAC,MAAM,CAAC,EAAE;AACrB,MAAM,OAAO,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAC7C,KAAK;AACL,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG,CAAC;AACJ,EAAE,SAAS,CAAC,WAAW,GAAG,CAAC,kBAAkB,EAAE,UAAU,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/lib/Dropzone.d.ts
CHANGED
|
@@ -65,15 +65,15 @@ export declare function _Dropzone(props: DropzoneProps): JSX.Element;
|
|
|
65
65
|
export declare namespace _Dropzone {
|
|
66
66
|
var displayName: string;
|
|
67
67
|
var Accept: {
|
|
68
|
-
(
|
|
68
|
+
(props: import("./DropzoneStatus").DropzoneStatusProps): JSX.Element;
|
|
69
69
|
displayName: string;
|
|
70
70
|
};
|
|
71
71
|
var Reject: {
|
|
72
|
-
(
|
|
72
|
+
(props: import("./DropzoneStatus").DropzoneStatusProps): JSX.Element;
|
|
73
73
|
displayName: string;
|
|
74
74
|
};
|
|
75
75
|
var Idle: {
|
|
76
|
-
(
|
|
76
|
+
(props: import("./DropzoneStatus").DropzoneStatusProps): JSX.Element;
|
|
77
77
|
displayName: string;
|
|
78
78
|
};
|
|
79
79
|
}
|
package/lib/DropzoneStatus.d.ts
CHANGED
|
@@ -3,15 +3,15 @@ export interface DropzoneStatusProps {
|
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
}
|
|
5
5
|
export declare const DropzoneAccept: {
|
|
6
|
-
(
|
|
6
|
+
(props: DropzoneStatusProps): JSX.Element;
|
|
7
7
|
displayName: string;
|
|
8
8
|
};
|
|
9
9
|
export declare const DropzoneReject: {
|
|
10
|
-
(
|
|
10
|
+
(props: DropzoneStatusProps): JSX.Element;
|
|
11
11
|
displayName: string;
|
|
12
12
|
};
|
|
13
13
|
export declare const DropzoneIdle: {
|
|
14
|
-
(
|
|
14
|
+
(props: DropzoneStatusProps): JSX.Element;
|
|
15
15
|
displayName: string;
|
|
16
16
|
};
|
|
17
17
|
export declare type DropzoneAcceptProps = DropzoneStatusProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropzoneStatus.d.ts","sourceRoot":"","sources":["../src/DropzoneStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DropzoneStatus.d.ts","sourceRoot":"","sources":["../src/DropzoneStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAM5C,MAAM,WAAW,mBAAmB;IAElC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAyBD,eAAO,MAAM,cAAc;YAtBC,mBAAmB,GAAG,WAAW;;CAsBD,CAAC;AAC7D,eAAO,MAAM,cAAc;YAvBC,mBAAmB,GAAG,WAAW;;CAuBD,CAAC;AAC7D,eAAO,MAAM,YAAY;YAxBG,mBAAmB,GAAG,WAAW;;CAwBL,CAAC;AAEzD,oBAAY,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,oBAAY,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,oBAAY,iBAAiB,GAAG,mBAAmB,CAAC"}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { DropzoneFullScreen } from './DropzoneFullScreen';
|
|
2
2
|
export declare const Dropzone: import("@mantine/utils").ForwardRefWithStaticComponents<import("./Dropzone").DropzoneProps, {
|
|
3
3
|
Accept: {
|
|
4
|
-
(
|
|
4
|
+
(props: import("./DropzoneStatus").DropzoneStatusProps): JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
7
7
|
Reject: {
|
|
8
|
-
(
|
|
8
|
+
(props: import("./DropzoneStatus").DropzoneStatusProps): JSX.Element;
|
|
9
9
|
displayName: string;
|
|
10
10
|
};
|
|
11
11
|
Idle: {
|
|
12
|
-
(
|
|
12
|
+
(props: import("./DropzoneStatus").DropzoneStatusProps): JSX.Element;
|
|
13
13
|
displayName: string;
|
|
14
14
|
};
|
|
15
15
|
FullScreen: typeof DropzoneFullScreen;
|
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.
|
|
4
|
+
"version": "5.9.0",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "esm/index.js",
|
|
7
7
|
"types": "lib/index.d.ts",
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
"upload"
|
|
29
29
|
],
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"@mantine/core": "5.
|
|
32
|
-
"@mantine/hooks": "5.
|
|
31
|
+
"@mantine/core": "5.9.0",
|
|
32
|
+
"@mantine/hooks": "5.9.0",
|
|
33
33
|
"react": ">=16.8.0",
|
|
34
34
|
"react-dom": ">=16.8.0"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"react-dropzone": "14.2.3",
|
|
38
|
-
"@mantine/utils": "5.
|
|
38
|
+
"@mantine/utils": "5.9.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {}
|
|
41
41
|
}
|