@elliemae/ds-uploader 3.2.1-rc.3 → 3.2.1-rc.6
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/DSUploader.js +32 -74
- package/dist/cjs/DSUploader.js.map +1 -1
- package/dist/esm/DSUploader.js +32 -76
- package/dist/esm/DSUploader.js.map +1 -1
- package/package.json +7 -7
package/dist/cjs/DSUploader.js
CHANGED
|
@@ -1,39 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __create = Object.create;
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
|
-
var __defProps = Object.defineProperties;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
10
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
-
var __spreadValues = (a, b) => {
|
|
14
|
-
for (var prop in b || (b = {}))
|
|
15
|
-
if (__hasOwnProp.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
if (__getOwnPropSymbols)
|
|
18
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
-
if (__propIsEnum.call(b, prop))
|
|
20
|
-
__defNormalProp(a, prop, b[prop]);
|
|
21
|
-
}
|
|
22
|
-
return a;
|
|
23
|
-
};
|
|
24
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
|
-
var __objRest = (source, exclude) => {
|
|
26
|
-
var target = {};
|
|
27
|
-
for (var prop in source)
|
|
28
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
if (source != null && __getOwnPropSymbols)
|
|
31
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
32
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
33
|
-
target[prop] = source[prop];
|
|
34
|
-
}
|
|
35
|
-
return target;
|
|
36
|
-
};
|
|
37
8
|
var __export = (target, all) => {
|
|
38
9
|
for (var name in all)
|
|
39
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -77,52 +48,35 @@ const InfoText = (0, import_ds_classnames.aggregatedClasses)("span")(blockNameIn
|
|
|
77
48
|
const UploaderActions = (0, import_ds_classnames.aggregatedClasses)("div")(blockNameInfo, "actions");
|
|
78
49
|
const AcceptedTypes = (0, import_ds_classnames.aggregatedClasses)("div")(blockNameWrapper, "accepted-types");
|
|
79
50
|
const DividerVertical = (0, import_ds_classnames.aggregatedClasses)("div")("divider", null, ({ vertical }) => ({ vertical }));
|
|
80
|
-
function ActionButton(
|
|
81
|
-
|
|
82
|
-
|
|
51
|
+
function ActionButton({ labelText, ...otherProps }) {
|
|
52
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
|
|
53
|
+
...otherProps,
|
|
83
54
|
buttonType: "text",
|
|
84
55
|
labelText
|
|
85
|
-
})
|
|
56
|
+
});
|
|
86
57
|
}
|
|
87
58
|
const noop = () => null;
|
|
88
|
-
const DSUploader = (
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
"containerProps",
|
|
108
|
-
"label",
|
|
109
|
-
"icon",
|
|
110
|
-
"defaultActionLabel",
|
|
111
|
-
"dragActiveInstructionalText",
|
|
112
|
-
"dragActiveIcon",
|
|
113
|
-
"altActionLabel",
|
|
114
|
-
"acceptedTypesText",
|
|
115
|
-
"disabledDefault",
|
|
116
|
-
"disabledAlt",
|
|
117
|
-
"onDefaultHandlerClick",
|
|
118
|
-
"onAltHandlerClick",
|
|
119
|
-
"actions",
|
|
120
|
-
"showAltAction",
|
|
121
|
-
"defaultActionTooltipText",
|
|
122
|
-
"altActionTooltipText"
|
|
123
|
-
]);
|
|
59
|
+
const DSUploader = ({
|
|
60
|
+
containerProps = {},
|
|
61
|
+
label = "Browse",
|
|
62
|
+
icon: UploadFileIcon = import_ds_icons.UploadFile,
|
|
63
|
+
defaultActionLabel = "LOCAL DRIVE",
|
|
64
|
+
dragActiveInstructionalText = "DROP FILES HERE",
|
|
65
|
+
dragActiveIcon: DragActiveIcon = import_ds_icons.UploadFile,
|
|
66
|
+
altActionLabel = "DOCUMENTS",
|
|
67
|
+
acceptedTypesText = "JPG, JPEG, PNG, PDF",
|
|
68
|
+
disabledDefault = false,
|
|
69
|
+
disabledAlt = false,
|
|
70
|
+
onDefaultHandlerClick = noop,
|
|
71
|
+
onAltHandlerClick = noop,
|
|
72
|
+
actions = { defaultAction: "LOCAL DRIVE", altAction: "DOCUMENTS" },
|
|
73
|
+
showAltAction = false,
|
|
74
|
+
defaultActionTooltipText,
|
|
75
|
+
altActionTooltipText,
|
|
76
|
+
...dropzoneProps
|
|
77
|
+
}) => {
|
|
124
78
|
const { getRootProps, getInputProps, isDragActive } = (0, import_react_dropzone.useDropzone)(dropzoneProps);
|
|
125
|
-
const
|
|
79
|
+
const { onClick: onOpenFile, ...rootProps } = getRootProps();
|
|
126
80
|
const disabledAll = disabledDefault && disabledAlt;
|
|
127
81
|
const delfaultActionButton = /* @__PURE__ */ import_react.default.createElement(ActionButton, {
|
|
128
82
|
variant: disabledDefault && import_ds_button.BUTTON_VARIANT.DISABLED,
|
|
@@ -152,13 +106,17 @@ const DSUploader = (_c) => {
|
|
|
152
106
|
title: altActionTooltipText,
|
|
153
107
|
triggerComponent: altActionButton
|
|
154
108
|
});
|
|
155
|
-
return /* @__PURE__ */ import_react.default.createElement(UploaderWrapper,
|
|
109
|
+
return /* @__PURE__ */ import_react.default.createElement(UploaderWrapper, {
|
|
110
|
+
...containerProps,
|
|
156
111
|
classProps: { disabled: disabledAll }
|
|
157
|
-
}
|
|
112
|
+
}, /* @__PURE__ */ import_react.default.createElement(Uploader, {
|
|
113
|
+
...rootProps,
|
|
158
114
|
classProps: { isDragActive }
|
|
159
|
-
}
|
|
115
|
+
}, /* @__PURE__ */ import_react.default.createElement(UploaderIconArea, null, /* @__PURE__ */ import_react.default.createElement(UploadFileIcon, {
|
|
160
116
|
size: "l"
|
|
161
|
-
})), /* @__PURE__ */ import_react.default.createElement(DividerVertical, null), /* @__PURE__ */ import_react.default.createElement(UploaderInfo, null, /* @__PURE__ */ import_react.default.createElement(InfoText, null, label), /* @__PURE__ */ import_react.default.createElement(UploaderActions, null, actions.defaultAction && defaultAction, (actions.altAction || showAltAction) && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, actions.defaultAction && /* @__PURE__ */ import_react.default.createElement(DividerVertical, null), altAction))), !disabledAll && /* @__PURE__ */ import_react.default.createElement(UploaderDragActive, null, /* @__PURE__ */ import_react.default.createElement(DragActiveIcon, null), dragActiveInstructionalText), !disabledAll && /* @__PURE__ */ import_react.default.createElement("input",
|
|
117
|
+
})), /* @__PURE__ */ import_react.default.createElement(DividerVertical, null), /* @__PURE__ */ import_react.default.createElement(UploaderInfo, null, /* @__PURE__ */ import_react.default.createElement(InfoText, null, label), /* @__PURE__ */ import_react.default.createElement(UploaderActions, null, actions.defaultAction && defaultAction, (actions.altAction || showAltAction) && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, actions.defaultAction && /* @__PURE__ */ import_react.default.createElement(DividerVertical, null), altAction))), !disabledAll && /* @__PURE__ */ import_react.default.createElement(UploaderDragActive, null, /* @__PURE__ */ import_react.default.createElement(DragActiveIcon, null), dragActiveInstructionalText), !disabledAll && /* @__PURE__ */ import_react.default.createElement("input", {
|
|
118
|
+
...getInputProps()
|
|
119
|
+
})), typeof acceptedTypesText === "string" && /* @__PURE__ */ import_react.default.createElement(AcceptedTypes, null, acceptedTypesText.toUpperCase()));
|
|
162
120
|
};
|
|
163
121
|
DSUploader.actions = {
|
|
164
122
|
defaultAction: "LOCAL DRIVE",
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSUploader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { describe, runAll } from '@elliemae/ds-utilities';\nimport { UploadFile } from '@elliemae/ds-icons';\nimport DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { useDropzone } from 'react-dropzone';\nimport DSTooltip from '@elliemae/ds-tooltip';\nimport { propTypes } from './propTypes';\nimport type { DSUploaderPropsT, ActionButtonPropsT } from './index.d';\n\nconst blockName = 'uploader';\nconst blockNameInfo = `${blockName}-info`;\nconst blockNameDragActive = `${blockName}-drag-active`;\nconst blockNameWrapper = `${blockName}-wrapper`;\n\nconst UploaderWrapper = aggregatedClasses('div')(blockNameWrapper, null, ({ disabled }) => ({ disabled }));\nconst Uploader = aggregatedClasses('div')(blockName, null, ({ isDragActive }) => ({ 'drag-active': isDragActive }));\nconst UploaderDragActive = aggregatedClasses('div')(blockNameDragActive);\nconst UploaderIconArea = aggregatedClasses('div')(`${blockName}-icon-wrapper`);\nconst UploaderInfo = aggregatedClasses('div')(blockNameInfo);\nconst InfoText = aggregatedClasses('span')(blockNameInfo, 'text');\nconst UploaderActions = aggregatedClasses('div')(blockNameInfo, 'actions');\nconst AcceptedTypes = aggregatedClasses('div')(blockNameWrapper, 'accepted-types');\n\nconst DividerVertical = aggregatedClasses('div')('divider', null, ({ vertical }) => ({ vertical }));\n\nfunction ActionButton({ labelText, ...otherProps }: ActionButtonPropsT): React.ReactElement {\n return <DSButton {...otherProps} buttonType=\"text\" labelText={labelText} />;\n}\n\nconst noop = () => null;\n\nconst DSUploader = ({\n containerProps = {},\n label = 'Browse', // todo: i18n\n icon: UploadFileIcon = UploadFile,\n defaultActionLabel = 'LOCAL DRIVE', // todo: i18n\n dragActiveInstructionalText = 'DROP FILES HERE',\n dragActiveIcon: DragActiveIcon = UploadFile,\n altActionLabel = 'DOCUMENTS', // todo: i18n\n acceptedTypesText = 'JPG, JPEG, PNG, PDF',\n disabledDefault = false,\n disabledAlt = false,\n onDefaultHandlerClick = noop,\n onAltHandlerClick = noop,\n actions = { defaultAction: 'LOCAL DRIVE', altAction: 'DOCUMENTS' },\n showAltAction = false,\n defaultActionTooltipText,\n altActionTooltipText,\n ...dropzoneProps\n}: DSUploaderPropsT): JSX.Element => {\n const { getRootProps, getInputProps, isDragActive } = useDropzone(dropzoneProps);\n const { onClick: onOpenFile, ...rootProps } = getRootProps();\n const disabledAll = disabledDefault && disabledAlt;\n\n const delfaultActionButton = (\n <ActionButton\n variant={disabledDefault && BUTTON_VARIANT.DISABLED}\n labelText={actions.defaultAction ? (actions.defaultAction as string) : defaultActionLabel}\n onClick={(...args) => {\n if (!disabledDefault) runAll(onDefaultHandlerClick, onOpenFile)(...args);\n }}\n />\n );\n\n const altActionButton = (\n <ActionButton\n variant={disabledAlt && BUTTON_VARIANT.DISABLED}\n labelText={actions.altAction ? (actions.altAction as string) : altActionLabel}\n onClick={(...args) => {\n if (!disabledAlt) onAltHandlerClick(...args);\n }}\n />\n );\n\n const defaultAction = !defaultActionTooltipText ? (\n delfaultActionButton\n ) : (\n <DSTooltip\n containerProps={{ id: 'default-action-tooltip' }}\n interactionType=\"hover\"\n title={defaultActionTooltipText}\n triggerComponent={delfaultActionButton}\n />\n );\n\n const altAction = !altActionTooltipText ? (\n altActionButton\n ) : (\n <DSTooltip\n containerProps={{ id: 'alt-action-tooltip' }}\n interactionType=\"hover\"\n title={altActionTooltipText}\n triggerComponent={altActionButton}\n />\n );\n\n return (\n <UploaderWrapper {...containerProps} classProps={{ disabled: disabledAll }}>\n <Uploader {...rootProps} classProps={{ isDragActive }}>\n <UploaderIconArea>\n <UploadFileIcon size=\"l\" />\n </UploaderIconArea>\n <DividerVertical />\n <UploaderInfo>\n <InfoText>{label}</InfoText>\n <UploaderActions>\n {actions.defaultAction && defaultAction}\n {(actions.altAction || showAltAction) && (\n <>\n {actions.defaultAction && <DividerVertical />}\n {altAction}\n </>\n )}\n </UploaderActions>\n </UploaderInfo>\n {!disabledAll && (\n <UploaderDragActive>\n <DragActiveIcon />\n {dragActiveInstructionalText}\n </UploaderDragActive>\n )}\n {!disabledAll && <input {...getInputProps()} />}\n </Uploader>\n {typeof acceptedTypesText === 'string' && <AcceptedTypes>{acceptedTypesText.toUpperCase()}</AcceptedTypes>}\n </UploaderWrapper>\n );\n};\n\nDSUploader.actions = {\n defaultAction: 'LOCAL DRIVE',\n altAction: 'DOCUMENTS',\n};\n\nDSUploader.propTypes = propTypes;\nDSUploader.displayName = 'DSUploader';\nconst UploaderWithSchema = describe(DSUploader);\nUploaderWithSchema.propTypes = propTypes;\n\nexport { UploaderWithSchema, DSUploader };\nexport default DSUploader;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/DSUploader.js
CHANGED
|
@@ -1,35 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __defProps = Object.defineProperties;
|
|
4
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
-
var __objRest = (source, exclude) => {
|
|
22
|
-
var target = {};
|
|
23
|
-
for (var prop in source)
|
|
24
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
-
target[prop] = source[prop];
|
|
26
|
-
if (source != null && __getOwnPropSymbols)
|
|
27
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
}
|
|
31
|
-
return target;
|
|
32
|
-
};
|
|
33
2
|
import * as React from "react";
|
|
34
3
|
import React2 from "react";
|
|
35
4
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
@@ -52,52 +21,35 @@ const InfoText = aggregatedClasses("span")(blockNameInfo, "text");
|
|
|
52
21
|
const UploaderActions = aggregatedClasses("div")(blockNameInfo, "actions");
|
|
53
22
|
const AcceptedTypes = aggregatedClasses("div")(blockNameWrapper, "accepted-types");
|
|
54
23
|
const DividerVertical = aggregatedClasses("div")("divider", null, ({ vertical }) => ({ vertical }));
|
|
55
|
-
function ActionButton(
|
|
56
|
-
|
|
57
|
-
|
|
24
|
+
function ActionButton({ labelText, ...otherProps }) {
|
|
25
|
+
return /* @__PURE__ */ React2.createElement(DSButton, {
|
|
26
|
+
...otherProps,
|
|
58
27
|
buttonType: "text",
|
|
59
28
|
labelText
|
|
60
|
-
})
|
|
29
|
+
});
|
|
61
30
|
}
|
|
62
31
|
const noop = () => null;
|
|
63
|
-
const DSUploader = (
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
"containerProps",
|
|
83
|
-
"label",
|
|
84
|
-
"icon",
|
|
85
|
-
"defaultActionLabel",
|
|
86
|
-
"dragActiveInstructionalText",
|
|
87
|
-
"dragActiveIcon",
|
|
88
|
-
"altActionLabel",
|
|
89
|
-
"acceptedTypesText",
|
|
90
|
-
"disabledDefault",
|
|
91
|
-
"disabledAlt",
|
|
92
|
-
"onDefaultHandlerClick",
|
|
93
|
-
"onAltHandlerClick",
|
|
94
|
-
"actions",
|
|
95
|
-
"showAltAction",
|
|
96
|
-
"defaultActionTooltipText",
|
|
97
|
-
"altActionTooltipText"
|
|
98
|
-
]);
|
|
32
|
+
const DSUploader = ({
|
|
33
|
+
containerProps = {},
|
|
34
|
+
label = "Browse",
|
|
35
|
+
icon: UploadFileIcon = UploadFile,
|
|
36
|
+
defaultActionLabel = "LOCAL DRIVE",
|
|
37
|
+
dragActiveInstructionalText = "DROP FILES HERE",
|
|
38
|
+
dragActiveIcon: DragActiveIcon = UploadFile,
|
|
39
|
+
altActionLabel = "DOCUMENTS",
|
|
40
|
+
acceptedTypesText = "JPG, JPEG, PNG, PDF",
|
|
41
|
+
disabledDefault = false,
|
|
42
|
+
disabledAlt = false,
|
|
43
|
+
onDefaultHandlerClick = noop,
|
|
44
|
+
onAltHandlerClick = noop,
|
|
45
|
+
actions = { defaultAction: "LOCAL DRIVE", altAction: "DOCUMENTS" },
|
|
46
|
+
showAltAction = false,
|
|
47
|
+
defaultActionTooltipText,
|
|
48
|
+
altActionTooltipText,
|
|
49
|
+
...dropzoneProps
|
|
50
|
+
}) => {
|
|
99
51
|
const { getRootProps, getInputProps, isDragActive } = useDropzone(dropzoneProps);
|
|
100
|
-
const
|
|
52
|
+
const { onClick: onOpenFile, ...rootProps } = getRootProps();
|
|
101
53
|
const disabledAll = disabledDefault && disabledAlt;
|
|
102
54
|
const delfaultActionButton = /* @__PURE__ */ React2.createElement(ActionButton, {
|
|
103
55
|
variant: disabledDefault && BUTTON_VARIANT.DISABLED,
|
|
@@ -127,13 +79,17 @@ const DSUploader = (_c) => {
|
|
|
127
79
|
title: altActionTooltipText,
|
|
128
80
|
triggerComponent: altActionButton
|
|
129
81
|
});
|
|
130
|
-
return /* @__PURE__ */ React2.createElement(UploaderWrapper,
|
|
82
|
+
return /* @__PURE__ */ React2.createElement(UploaderWrapper, {
|
|
83
|
+
...containerProps,
|
|
131
84
|
classProps: { disabled: disabledAll }
|
|
132
|
-
}
|
|
85
|
+
}, /* @__PURE__ */ React2.createElement(Uploader, {
|
|
86
|
+
...rootProps,
|
|
133
87
|
classProps: { isDragActive }
|
|
134
|
-
}
|
|
88
|
+
}, /* @__PURE__ */ React2.createElement(UploaderIconArea, null, /* @__PURE__ */ React2.createElement(UploadFileIcon, {
|
|
135
89
|
size: "l"
|
|
136
|
-
})), /* @__PURE__ */ React2.createElement(DividerVertical, null), /* @__PURE__ */ React2.createElement(UploaderInfo, null, /* @__PURE__ */ React2.createElement(InfoText, null, label), /* @__PURE__ */ React2.createElement(UploaderActions, null, actions.defaultAction && defaultAction, (actions.altAction || showAltAction) && /* @__PURE__ */ React2.createElement(React2.Fragment, null, actions.defaultAction && /* @__PURE__ */ React2.createElement(DividerVertical, null), altAction))), !disabledAll && /* @__PURE__ */ React2.createElement(UploaderDragActive, null, /* @__PURE__ */ React2.createElement(DragActiveIcon, null), dragActiveInstructionalText), !disabledAll && /* @__PURE__ */ React2.createElement("input",
|
|
90
|
+
})), /* @__PURE__ */ React2.createElement(DividerVertical, null), /* @__PURE__ */ React2.createElement(UploaderInfo, null, /* @__PURE__ */ React2.createElement(InfoText, null, label), /* @__PURE__ */ React2.createElement(UploaderActions, null, actions.defaultAction && defaultAction, (actions.altAction || showAltAction) && /* @__PURE__ */ React2.createElement(React2.Fragment, null, actions.defaultAction && /* @__PURE__ */ React2.createElement(DividerVertical, null), altAction))), !disabledAll && /* @__PURE__ */ React2.createElement(UploaderDragActive, null, /* @__PURE__ */ React2.createElement(DragActiveIcon, null), dragActiveInstructionalText), !disabledAll && /* @__PURE__ */ React2.createElement("input", {
|
|
91
|
+
...getInputProps()
|
|
92
|
+
})), typeof acceptedTypesText === "string" && /* @__PURE__ */ React2.createElement(AcceptedTypes, null, acceptedTypesText.toUpperCase()));
|
|
137
93
|
};
|
|
138
94
|
DSUploader.actions = {
|
|
139
95
|
defaultAction: "LOCAL DRIVE",
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSUploader.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { describe, runAll } from '@elliemae/ds-utilities';\nimport { UploadFile } from '@elliemae/ds-icons';\nimport DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { useDropzone } from 'react-dropzone';\nimport DSTooltip from '@elliemae/ds-tooltip';\nimport { propTypes } from './propTypes';\nimport type { DSUploaderPropsT, ActionButtonPropsT } from './index.d';\n\nconst blockName = 'uploader';\nconst blockNameInfo = `${blockName}-info`;\nconst blockNameDragActive = `${blockName}-drag-active`;\nconst blockNameWrapper = `${blockName}-wrapper`;\n\nconst UploaderWrapper = aggregatedClasses('div')(blockNameWrapper, null, ({ disabled }) => ({ disabled }));\nconst Uploader = aggregatedClasses('div')(blockName, null, ({ isDragActive }) => ({ 'drag-active': isDragActive }));\nconst UploaderDragActive = aggregatedClasses('div')(blockNameDragActive);\nconst UploaderIconArea = aggregatedClasses('div')(`${blockName}-icon-wrapper`);\nconst UploaderInfo = aggregatedClasses('div')(blockNameInfo);\nconst InfoText = aggregatedClasses('span')(blockNameInfo, 'text');\nconst UploaderActions = aggregatedClasses('div')(blockNameInfo, 'actions');\nconst AcceptedTypes = aggregatedClasses('div')(blockNameWrapper, 'accepted-types');\n\nconst DividerVertical = aggregatedClasses('div')('divider', null, ({ vertical }) => ({ vertical }));\n\nfunction ActionButton({ labelText, ...otherProps }: ActionButtonPropsT): React.ReactElement {\n return <DSButton {...otherProps} buttonType=\"text\" labelText={labelText} />;\n}\n\nconst noop = () => null;\n\nconst DSUploader = ({\n containerProps = {},\n label = 'Browse', // todo: i18n\n icon: UploadFileIcon = UploadFile,\n defaultActionLabel = 'LOCAL DRIVE', // todo: i18n\n dragActiveInstructionalText = 'DROP FILES HERE',\n dragActiveIcon: DragActiveIcon = UploadFile,\n altActionLabel = 'DOCUMENTS', // todo: i18n\n acceptedTypesText = 'JPG, JPEG, PNG, PDF',\n disabledDefault = false,\n disabledAlt = false,\n onDefaultHandlerClick = noop,\n onAltHandlerClick = noop,\n actions = { defaultAction: 'LOCAL DRIVE', altAction: 'DOCUMENTS' },\n showAltAction = false,\n defaultActionTooltipText,\n altActionTooltipText,\n ...dropzoneProps\n}: DSUploaderPropsT): JSX.Element => {\n const { getRootProps, getInputProps, isDragActive } = useDropzone(dropzoneProps);\n const { onClick: onOpenFile, ...rootProps } = getRootProps();\n const disabledAll = disabledDefault && disabledAlt;\n\n const delfaultActionButton = (\n <ActionButton\n variant={disabledDefault && BUTTON_VARIANT.DISABLED}\n labelText={actions.defaultAction ? (actions.defaultAction as string) : defaultActionLabel}\n onClick={(...args) => {\n if (!disabledDefault) runAll(onDefaultHandlerClick, onOpenFile)(...args);\n }}\n />\n );\n\n const altActionButton = (\n <ActionButton\n variant={disabledAlt && BUTTON_VARIANT.DISABLED}\n labelText={actions.altAction ? (actions.altAction as string) : altActionLabel}\n onClick={(...args) => {\n if (!disabledAlt) onAltHandlerClick(...args);\n }}\n />\n );\n\n const defaultAction = !defaultActionTooltipText ? (\n delfaultActionButton\n ) : (\n <DSTooltip\n containerProps={{ id: 'default-action-tooltip' }}\n interactionType=\"hover\"\n title={defaultActionTooltipText}\n triggerComponent={delfaultActionButton}\n />\n );\n\n const altAction = !altActionTooltipText ? (\n altActionButton\n ) : (\n <DSTooltip\n containerProps={{ id: 'alt-action-tooltip' }}\n interactionType=\"hover\"\n title={altActionTooltipText}\n triggerComponent={altActionButton}\n />\n );\n\n return (\n <UploaderWrapper {...containerProps} classProps={{ disabled: disabledAll }}>\n <Uploader {...rootProps} classProps={{ isDragActive }}>\n <UploaderIconArea>\n <UploadFileIcon size=\"l\" />\n </UploaderIconArea>\n <DividerVertical />\n <UploaderInfo>\n <InfoText>{label}</InfoText>\n <UploaderActions>\n {actions.defaultAction && defaultAction}\n {(actions.altAction || showAltAction) && (\n <>\n {actions.defaultAction && <DividerVertical />}\n {altAction}\n </>\n )}\n </UploaderActions>\n </UploaderInfo>\n {!disabledAll && (\n <UploaderDragActive>\n <DragActiveIcon />\n {dragActiveInstructionalText}\n </UploaderDragActive>\n )}\n {!disabledAll && <input {...getInputProps()} />}\n </Uploader>\n {typeof acceptedTypesText === 'string' && <AcceptedTypes>{acceptedTypesText.toUpperCase()}</AcceptedTypes>}\n </UploaderWrapper>\n );\n};\n\nDSUploader.actions = {\n defaultAction: 'LOCAL DRIVE',\n altAction: 'DOCUMENTS',\n};\n\nDSUploader.propTypes = propTypes;\nDSUploader.displayName = 'DSUploader';\nconst UploaderWithSchema = describe(DSUploader);\nUploaderWithSchema.propTypes = propTypes;\n\nexport { UploaderWithSchema, DSUploader };\nexport default DSUploader;\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-uploader",
|
|
3
|
-
"version": "3.2.1-rc.
|
|
3
|
+
"version": "3.2.1-rc.6",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Uploader",
|
|
6
6
|
"files": [
|
|
@@ -43,12 +43,12 @@
|
|
|
43
43
|
"indent": 4
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@elliemae/ds-button": "3.2.1-rc.
|
|
47
|
-
"@elliemae/ds-classnames": "3.2.1-rc.
|
|
48
|
-
"@elliemae/ds-icons": "3.2.1-rc.
|
|
49
|
-
"@elliemae/ds-system": "3.2.1-rc.
|
|
50
|
-
"@elliemae/ds-tooltip": "3.2.1-rc.
|
|
51
|
-
"@elliemae/ds-utilities": "3.2.1-rc.
|
|
46
|
+
"@elliemae/ds-button": "3.2.1-rc.6",
|
|
47
|
+
"@elliemae/ds-classnames": "3.2.1-rc.6",
|
|
48
|
+
"@elliemae/ds-icons": "3.2.1-rc.6",
|
|
49
|
+
"@elliemae/ds-system": "3.2.1-rc.6",
|
|
50
|
+
"@elliemae/ds-tooltip": "3.2.1-rc.6",
|
|
51
|
+
"@elliemae/ds-utilities": "3.2.1-rc.6",
|
|
52
52
|
"react-dropzone": "~10.2.2"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|