@veracity/vui 2.23.0 → 2.24.0-beta.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/dist/cjs/dragAndDrop/dragAndDrop.d.ts.map +1 -1
- package/dist/cjs/dragAndDrop/dragAndDrop.js +6 -3
- package/dist/cjs/dragAndDrop/dragAndDrop.js.map +1 -1
- package/dist/cjs/dragAndDrop/dragAndDrop.types.d.ts +2 -0
- package/dist/cjs/dragAndDrop/dragAndDrop.types.d.ts.map +1 -1
- package/dist/esm/dragAndDrop/dragAndDrop.d.ts.map +1 -1
- package/dist/esm/dragAndDrop/dragAndDrop.js +7 -4
- package/dist/esm/dragAndDrop/dragAndDrop.js.map +1 -1
- package/dist/esm/dragAndDrop/dragAndDrop.types.d.ts +2 -0
- package/dist/esm/dragAndDrop/dragAndDrop.types.d.ts.map +1 -1
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/dragAndDrop/dragAndDrop.tsx +9 -4
- package/src/dragAndDrop/dragAndDrop.types.ts +2 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dragAndDrop.d.ts","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAetD,yDAAyD;AACzD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"dragAndDrop.d.ts","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAetD,yDAAyD;AACzD,eAAO,MAAM,WAAW,2DAwEtB,CAAA;AAGF,eAAe,WAAW,CAAA"}
|
|
@@ -32,10 +32,13 @@ const DragAndDropBase = core_1.styled.labelBox `
|
|
|
32
32
|
`;
|
|
33
33
|
/** Prepares uploading files by selecting or dragging. */
|
|
34
34
|
exports.DragAndDrop = (0, core_1.vui)((props, ref) => {
|
|
35
|
-
const _a = (0, core_1.omitThemingProps)(props), { accept, icon = defaultIcon,
|
|
35
|
+
const _a = (0, core_1.omitThemingProps)(props), { accept, className, icon = defaultIcon, isFolderUpload, onFilesAdded, multiple = true, text = defaultText, children, disabled } = _a, rest = __rest(_a, ["accept", "className", "icon", "isFolderUpload", "onFilesAdded", "multiple", "text", "children", "disabled"]);
|
|
36
36
|
const fileInput = (0, react_1.useRef)(null);
|
|
37
37
|
const styles = (0, core_1.useStyleConfig)('DragAndDrop', props);
|
|
38
|
-
const processFiles = (files) =>
|
|
38
|
+
const processFiles = (files) => {
|
|
39
|
+
console.log('files', files);
|
|
40
|
+
return Array.from(files).map(file => file);
|
|
41
|
+
};
|
|
39
42
|
const handleFileInput = (e) => {
|
|
40
43
|
var _a;
|
|
41
44
|
e.preventDefault();
|
|
@@ -58,7 +61,7 @@ exports.DragAndDrop = (0, core_1.vui)((props, ref) => {
|
|
|
58
61
|
if (files === null || files === void 0 ? void 0 : files.length)
|
|
59
62
|
onFilesAdded === null || onFilesAdded === void 0 ? void 0 : onFilesAdded(files);
|
|
60
63
|
};
|
|
61
|
-
return ((0, jsx_runtime_1.jsxs)(DragAndDropBase, Object.assign({ className: (0, utils_1.cs)('vui-drag-and-drop', className), cursor: disabled ? 'not-allowed' : 'pointer', onDragEnter: e => e.preventDefault(), onDragOver: e => e.preventDefault(), onDrop: e => handleDrop(e), opacity: disabled ? 0.5 : 1, p: 5, pointerEvents: disabled ? 'none' : 'auto', ref: ref }, styles, rest, { children: [children || ((0, jsx_runtime_1.jsxs)(t_1.default, { display: "flex", children: [(0, jsx_runtime_1.jsx)(icon_1.default, { mr: 1, name: icon }), text] })), (0, jsx_runtime_1.jsx)(
|
|
64
|
+
return ((0, jsx_runtime_1.jsxs)(DragAndDropBase, Object.assign({ className: (0, utils_1.cs)('vui-drag-and-drop', className), cursor: disabled ? 'not-allowed' : 'pointer', onDragEnter: e => e.preventDefault(), onDragOver: e => e.preventDefault(), onDrop: e => handleDrop(e), opacity: disabled ? 0.5 : 1, p: 5, pointerEvents: disabled ? 'none' : 'auto', ref: ref }, styles, rest, { children: [children || ((0, jsx_runtime_1.jsxs)(t_1.default, { display: "flex", children: [(0, jsx_runtime_1.jsx)(icon_1.default, { mr: 1, name: icon }), text] })), (0, jsx_runtime_1.jsx)("input", Object.assign({ accept: accept, className: "vui-drag-and-drop-hidden-input", multiple: multiple, onChange: handleFileInput, ref: fileInput, style: { display: 'none' }, type: inputType }, (isFolderUpload && { webkitdirectory: 'true', directory: 'true' })))] })));
|
|
62
65
|
});
|
|
63
66
|
exports.DragAndDrop.displayName = 'DragAndDrop';
|
|
64
67
|
exports.default = exports.DragAndDrop;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dragAndDrop.js","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAA6D;AAE7D,kCAA0E;AAC1E,mDAAwC;AACxC,6CAAoB;AACpB,oCAA6B;AAG7B,MAAM,WAAW,GAAa,gBAAgB,CAAA;AAE9C,MAAM,WAAW,GAAG,kCAAkC,CAAA;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAA;AAExB,MAAM,eAAe,GAAG,aAAM,CAAC,QAAQ,CAAA;;;;;CAKtC,CAAA;AAED,yDAAyD;AAC5C,QAAA,WAAW,GAAG,IAAA,UAAG,EAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvE,MAAM,
|
|
1
|
+
{"version":3,"file":"dragAndDrop.js","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,8 @@ export type DragAndDropProps = Omit<BoxProps, 'variant'> & ThemingProps<'DragAnd
|
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
/** The message icon. @default `falCloudUpload` */
|
|
10
10
|
icon?: IconProp;
|
|
11
|
+
/** Allow folder upload @default `false` */
|
|
12
|
+
isFolderUpload?: boolean;
|
|
11
13
|
/** Allows to select multiple files when the drop zone is clicked.. @default `true` */
|
|
12
14
|
multiple?: boolean;
|
|
13
15
|
/** The message text. @default `Click or drag files to this area` */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dragAndDrop.types.d.ts","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GACtD,YAAY,CAAC,aAAa,CAAC,GAAG;IAC5B,mPAAmP;IACnP,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;CACvC,CAAA"}
|
|
1
|
+
{"version":3,"file":"dragAndDrop.types.d.ts","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GACtD,YAAY,CAAC,aAAa,CAAC,GAAG;IAC5B,mPAAmP;IACnP,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;CACvC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dragAndDrop.d.ts","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAetD,yDAAyD;AACzD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"dragAndDrop.d.ts","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAetD,yDAAyD;AACzD,eAAO,MAAM,WAAW,2DAwEtB,CAAA;AAGF,eAAe,WAAW,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useRef } from 'react';
|
|
3
|
-
import { omitThemingProps, styled, useStyleConfig,
|
|
3
|
+
import { omitThemingProps, styled, useStyleConfig, vui } from '../core';
|
|
4
4
|
import Icon from '../icon';
|
|
5
5
|
import T from '../t';
|
|
6
6
|
import { cs } from '../utils';
|
|
@@ -15,10 +15,13 @@ const DragAndDropBase = styled.labelBox `
|
|
|
15
15
|
`;
|
|
16
16
|
/** Prepares uploading files by selecting or dragging. */
|
|
17
17
|
export const DragAndDrop = vui((props, ref) => {
|
|
18
|
-
const { accept, icon = defaultIcon,
|
|
18
|
+
const { accept, className, icon = defaultIcon, isFolderUpload, onFilesAdded, multiple = true, text = defaultText, children, disabled, ...rest } = omitThemingProps(props);
|
|
19
19
|
const fileInput = useRef(null);
|
|
20
20
|
const styles = useStyleConfig('DragAndDrop', props);
|
|
21
|
-
const processFiles = (files) =>
|
|
21
|
+
const processFiles = (files) => {
|
|
22
|
+
console.log('files', files);
|
|
23
|
+
return Array.from(files).map(file => file);
|
|
24
|
+
};
|
|
22
25
|
const handleFileInput = (e) => {
|
|
23
26
|
e.preventDefault();
|
|
24
27
|
if (disabled)
|
|
@@ -39,7 +42,7 @@ export const DragAndDrop = vui((props, ref) => {
|
|
|
39
42
|
if (files?.length)
|
|
40
43
|
onFilesAdded?.(files);
|
|
41
44
|
};
|
|
42
|
-
return (_jsxs(DragAndDropBase, { className: cs('vui-drag-and-drop', className), cursor: disabled ? 'not-allowed' : 'pointer', onDragEnter: e => e.preventDefault(), onDragOver: e => e.preventDefault(), onDrop: e => handleDrop(e), opacity: disabled ? 0.5 : 1, p: 5, pointerEvents: disabled ? 'none' : 'auto', ref: ref, ...styles, ...rest, children: [children || (_jsxs(T, { display: "flex", children: [_jsx(Icon, { mr: 1, name: icon }), text] })), _jsx(
|
|
45
|
+
return (_jsxs(DragAndDropBase, { className: cs('vui-drag-and-drop', className), cursor: disabled ? 'not-allowed' : 'pointer', onDragEnter: e => e.preventDefault(), onDragOver: e => e.preventDefault(), onDrop: e => handleDrop(e), opacity: disabled ? 0.5 : 1, p: 5, pointerEvents: disabled ? 'none' : 'auto', ref: ref, ...styles, ...rest, children: [children || (_jsxs(T, { display: "flex", children: [_jsx(Icon, { mr: 1, name: icon }), text] })), _jsx("input", { accept: accept, className: "vui-drag-and-drop-hidden-input", multiple: multiple, onChange: handleFileInput, ref: fileInput, style: { display: 'none' }, type: inputType, ...(isFolderUpload && { webkitdirectory: 'true', directory: 'true' }) })] }));
|
|
43
46
|
});
|
|
44
47
|
DragAndDrop.displayName = 'DragAndDrop';
|
|
45
48
|
export default DragAndDrop;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dragAndDrop.js","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.tsx"],"names":[],"mappings":";AAAA,OAAc,EAA0B,MAAM,EAAE,MAAM,OAAO,CAAA;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"dragAndDrop.js","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,8 @@ export type DragAndDropProps = Omit<BoxProps, 'variant'> & ThemingProps<'DragAnd
|
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
/** The message icon. @default `falCloudUpload` */
|
|
10
10
|
icon?: IconProp;
|
|
11
|
+
/** Allow folder upload @default `false` */
|
|
12
|
+
isFolderUpload?: boolean;
|
|
11
13
|
/** Allows to select multiple files when the drop zone is clicked.. @default `true` */
|
|
12
14
|
multiple?: boolean;
|
|
13
15
|
/** The message text. @default `Click or drag files to this area` */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dragAndDrop.types.d.ts","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GACtD,YAAY,CAAC,aAAa,CAAC,GAAG;IAC5B,mPAAmP;IACnP,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;CACvC,CAAA"}
|
|
1
|
+
{"version":3,"file":"dragAndDrop.types.d.ts","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GACtD,YAAY,CAAC,aAAa,CAAC,GAAG;IAC5B,mPAAmP;IACnP,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;CACvC,CAAA"}
|