@elliemae/ds-uploader 3.0.0-alpha.0 → 3.0.0-alpha.1
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 +74 -32
- package/dist/cjs/DSUploader.js.map +1 -1
- package/dist/esm/DSUploader.js +76 -32
- package/dist/esm/DSUploader.js.map +1 -1
- package/package.json +7 -6
- package/dist/types/DSUploader.d.ts +0 -136
- package/dist/types/index.d.d.ts +0 -26
- package/dist/types/index.d.ts +0 -1
- package/dist/types/propTypes.d.ts +0 -121
- package/dist/types/tests/DSUploader.test.d.ts +0 -1
package/dist/cjs/DSUploader.js
CHANGED
|
@@ -1,10 +1,39 @@
|
|
|
1
1
|
var __create = Object.create;
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
8
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
9
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
7
24
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
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
|
+
};
|
|
8
37
|
var __export = (target, all) => {
|
|
9
38
|
for (var name in all)
|
|
10
39
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -53,35 +82,52 @@ const InfoText = (0, import_ds_classnames.aggregatedClasses)("span")(blockNameIn
|
|
|
53
82
|
const UploaderActions = (0, import_ds_classnames.aggregatedClasses)("div")(blockNameInfo, "actions");
|
|
54
83
|
const AcceptedTypes = (0, import_ds_classnames.aggregatedClasses)("div")(blockNameWrapper, "accepted-types");
|
|
55
84
|
const DividerVertical = (0, import_ds_classnames.aggregatedClasses)("div")("divider", null, ({ vertical }) => ({ vertical }));
|
|
56
|
-
function ActionButton(
|
|
57
|
-
|
|
58
|
-
|
|
85
|
+
function ActionButton(_a) {
|
|
86
|
+
var _b = _a, { labelText } = _b, otherProps = __objRest(_b, ["labelText"]);
|
|
87
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, __spreadProps(__spreadValues({}, otherProps), {
|
|
59
88
|
buttonType: "text",
|
|
60
89
|
labelText
|
|
61
|
-
});
|
|
90
|
+
}));
|
|
62
91
|
}
|
|
63
92
|
const noop = () => null;
|
|
64
|
-
const DSUploader = ({
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
93
|
+
const DSUploader = (_c) => {
|
|
94
|
+
var _d = _c, {
|
|
95
|
+
containerProps = {},
|
|
96
|
+
label = "Browse",
|
|
97
|
+
icon: UploadFileIcon = import_ds_icons.UploadFile,
|
|
98
|
+
defaultActionLabel = "LOCAL DRIVE",
|
|
99
|
+
dragActiveInstructionalText = "DROP FILES HERE",
|
|
100
|
+
dragActiveIcon: DragActiveIcon = import_ds_icons.UploadFile,
|
|
101
|
+
altActionLabel = "DOCUMENTS",
|
|
102
|
+
acceptedTypesText = "JPG, JPEG, PNG, PDF",
|
|
103
|
+
disabledDefault = false,
|
|
104
|
+
disabledAlt = false,
|
|
105
|
+
onDefaultHandlerClick = noop,
|
|
106
|
+
onAltHandlerClick = noop,
|
|
107
|
+
actions = { defaultAction: "LOCAL DRIVE", altAction: "DOCUMENTS" },
|
|
108
|
+
showAltAction = false,
|
|
109
|
+
defaultActionTooltipText,
|
|
110
|
+
altActionTooltipText
|
|
111
|
+
} = _d, dropzoneProps = __objRest(_d, [
|
|
112
|
+
"containerProps",
|
|
113
|
+
"label",
|
|
114
|
+
"icon",
|
|
115
|
+
"defaultActionLabel",
|
|
116
|
+
"dragActiveInstructionalText",
|
|
117
|
+
"dragActiveIcon",
|
|
118
|
+
"altActionLabel",
|
|
119
|
+
"acceptedTypesText",
|
|
120
|
+
"disabledDefault",
|
|
121
|
+
"disabledAlt",
|
|
122
|
+
"onDefaultHandlerClick",
|
|
123
|
+
"onAltHandlerClick",
|
|
124
|
+
"actions",
|
|
125
|
+
"showAltAction",
|
|
126
|
+
"defaultActionTooltipText",
|
|
127
|
+
"altActionTooltipText"
|
|
128
|
+
]);
|
|
83
129
|
const { getRootProps, getInputProps, isDragActive } = (0, import_react_dropzone.useDropzone)(dropzoneProps);
|
|
84
|
-
const { onClick: onOpenFile,
|
|
130
|
+
const _a = getRootProps(), { onClick: onOpenFile } = _a, rootProps = __objRest(_a, ["onClick"]);
|
|
85
131
|
const disabledAll = disabledDefault && disabledAlt;
|
|
86
132
|
const delfaultActionButton = /* @__PURE__ */ import_react.default.createElement(ActionButton, {
|
|
87
133
|
variant: disabledDefault && import_ds_button.BUTTON_VARIANT.DISABLED,
|
|
@@ -111,17 +157,13 @@ const DSUploader = ({
|
|
|
111
157
|
title: altActionTooltipText,
|
|
112
158
|
triggerComponent: altActionButton
|
|
113
159
|
});
|
|
114
|
-
return /* @__PURE__ */ import_react.default.createElement(UploaderWrapper, {
|
|
115
|
-
...containerProps,
|
|
160
|
+
return /* @__PURE__ */ import_react.default.createElement(UploaderWrapper, __spreadProps(__spreadValues({}, containerProps), {
|
|
116
161
|
classProps: { disabled: disabledAll }
|
|
117
|
-
}, /* @__PURE__ */ import_react.default.createElement(Uploader, {
|
|
118
|
-
...rootProps,
|
|
162
|
+
}), /* @__PURE__ */ import_react.default.createElement(Uploader, __spreadProps(__spreadValues({}, rootProps), {
|
|
119
163
|
classProps: { isDragActive }
|
|
120
|
-
}, /* @__PURE__ */ import_react.default.createElement(UploaderIconArea, null, /* @__PURE__ */ import_react.default.createElement(UploadFileIcon, {
|
|
164
|
+
}), /* @__PURE__ */ import_react.default.createElement(UploaderIconArea, null, /* @__PURE__ */ import_react.default.createElement(UploadFileIcon, {
|
|
121
165
|
size: "l"
|
|
122
|
-
})), /* @__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", {
|
|
123
|
-
...getInputProps()
|
|
124
|
-
})), typeof acceptedTypesText === "string" && /* @__PURE__ */ import_react.default.createElement(AcceptedTypes, null, acceptedTypesText.toUpperCase()));
|
|
166
|
+
})), /* @__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", __spreadValues({}, getInputProps()))), typeof acceptedTypesText === "string" && /* @__PURE__ */ import_react.default.createElement(AcceptedTypes, null, acceptedTypesText.toUpperCase()));
|
|
125
167
|
};
|
|
126
168
|
DSUploader.actions = {
|
|
127
169
|
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 { describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { 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;\n\nconst UploaderWithSchema = describe(DSUploader);\nUploaderWithSchema.propTypes = propTypes;\n\nexport { UploaderWithSchema };\nexport default DSUploader;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,wBAAyB;AACzB,2BAAkC;AAClC,0BAAuB;AACvB,sBAA2B;AAC3B,uBAAyC;AACzC,4BAA4B;AAC5B,wBAAsB;AACtB,uBAA0B;AAG1B,MAAM,YAAY;AAClB,MAAM,gBAAgB,GAAG;AACzB,MAAM,sBAAsB,GAAG;AAC/B,MAAM,mBAAmB,GAAG;AAE5B,MAAM,kBAAkB,4CAAkB,OAAO,kBAAkB,MAAM,CAAC,EAAE,eAAgB,GAAE;AAC9F,MAAM,WAAW,4CAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,mBAAoB,GAAE,eAAe;AACnG,MAAM,qBAAqB,4CAAkB,OAAO;AACpD,MAAM,mBAAmB,4CAAkB,OAAO,GAAG;AACrD,MAAM,eAAe,4CAAkB,OAAO;AAC9C,MAAM,WAAW,4CAAkB,QAAQ,eAAe;AAC1D,MAAM,kBAAkB,4CAAkB,OAAO,eAAe;AAChE,MAAM,gBAAgB,4CAAkB,OAAO,kBAAkB;AAEjE,MAAM,kBAAkB,4CAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,eAAgB,GAAE;AAEvF,sBAAsB,IAAsE;AAAtE,eAAE,gBAAF,IAAgB,uBAAhB,IAAgB,CAAd;AACtB,SAAO,mDAAC,0BAAD,iCAAc,aAAd;AAAA,IAA0B,YAAW;AAAA,IAAO;AAAA;AAAA;AAGrD,MAAM,OAAO,MAAM;AAEnB,MAAM,aAAa,CAAC,OAkBiB;AAlBjB,eAClB;AAAA,qBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,MAAM,iBAAiB;AAAA,IACvB,qBAAqB;AAAA,IACrB,8BAA8B;AAAA,IAC9B,gBAAgB,iBAAiB;AAAA,IACjC,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,UAAU,EAAE,eAAe,eAAe,WAAW;AAAA,IACrD,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,MAhBkB,IAiBf,0BAjBe,IAiBf;AAAA,IAhBH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,EAAE,cAAc,eAAe,iBAAiB,uCAAY;AAClE,QAA8C,qBAAtC,WAAS,eAA6B,IAAd,sBAAc,IAAd,CAAxB;AACR,QAAM,cAAc,mBAAmB;AAEvC,QAAM,uBACJ,mDAAC,cAAD;AAAA,IACE,SAAS,mBAAmB,gCAAe;AAAA,IAC3C,WAAW,QAAQ,gBAAiB,QAAQ,gBAA2B;AAAA,IACvE,SAAS,IAAI,SAAS;AACpB,UAAI,CAAC;AAAiB,wCAAO,uBAAuB,YAAY,GAAG;AAAA;AAAA;AAKzE,QAAM,kBACJ,mDAAC,cAAD;AAAA,IACE,SAAS,eAAe,gCAAe;AAAA,IACvC,WAAW,QAAQ,YAAa,QAAQ,YAAuB;AAAA,IAC/D,SAAS,IAAI,SAAS;AACpB,UAAI,CAAC;AAAa,0BAAkB,GAAG;AAAA;AAAA;AAK7C,QAAM,gBAAgB,CAAC,2BACrB,uBAEA,mDAAC,2BAAD;AAAA,IACE,gBAAgB,EAAE,IAAI;AAAA,IACtB,iBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,kBAAkB;AAAA;AAItB,QAAM,YAAY,CAAC,uBACjB,kBAEA,mDAAC,2BAAD;AAAA,IACE,gBAAgB,EAAE,IAAI;AAAA,IACtB,iBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,kBAAkB;AAAA;AAItB,SACE,mDAAC,iBAAD,iCAAqB,iBAArB;AAAA,IAAqC,YAAY,EAAE,UAAU;AAAA,MAC3D,mDAAC,UAAD,iCAAc,YAAd;AAAA,IAAyB,YAAY,EAAE;AAAA,MACrC,mDAAC,kBAAD,MACE,mDAAC,gBAAD;AAAA,IAAgB,MAAK;AAAA,OAEvB,mDAAC,iBAAD,OACA,mDAAC,cAAD,MACE,mDAAC,UAAD,MAAW,QACX,mDAAC,iBAAD,MACG,QAAQ,iBAAiB,eACxB,SAAQ,aAAa,kBACrB,wFACG,QAAQ,iBAAiB,mDAAC,iBAAD,OACzB,cAKR,CAAC,eACA,mDAAC,oBAAD,MACE,mDAAC,gBAAD,OACC,8BAGJ,CAAC,eAAe,mDAAC,SAAD,mBAAW,oBAE7B,OAAO,sBAAsB,YAAY,mDAAC,eAAD,MAAgB,kBAAkB;AAAA;AAKlF,WAAW,UAAU;AAAA,EACnB,eAAe;AAAA,EACf,WAAW;AAAA;AAGb,WAAW,YAAY;AAEvB,MAAM,qBAAqB,gCAAS;AACpC,mBAAmB,YAAY;AAG/B,IAAO,qBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/DSUploader.js
CHANGED
|
@@ -1,3 +1,34 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
var __objRest = (source, exclude) => {
|
|
21
|
+
var target = {};
|
|
22
|
+
for (var prop in source)
|
|
23
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
+
target[prop] = source[prop];
|
|
25
|
+
if (source != null && __getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
}
|
|
30
|
+
return target;
|
|
31
|
+
};
|
|
1
32
|
import * as React from "react";
|
|
2
33
|
import React2 from "react";
|
|
3
34
|
import { describe } from "react-desc";
|
|
@@ -21,35 +52,52 @@ const InfoText = aggregatedClasses("span")(blockNameInfo, "text");
|
|
|
21
52
|
const UploaderActions = aggregatedClasses("div")(blockNameInfo, "actions");
|
|
22
53
|
const AcceptedTypes = aggregatedClasses("div")(blockNameWrapper, "accepted-types");
|
|
23
54
|
const DividerVertical = aggregatedClasses("div")("divider", null, ({ vertical }) => ({ vertical }));
|
|
24
|
-
function ActionButton(
|
|
25
|
-
|
|
26
|
-
|
|
55
|
+
function ActionButton(_a) {
|
|
56
|
+
var _b = _a, { labelText } = _b, otherProps = __objRest(_b, ["labelText"]);
|
|
57
|
+
return /* @__PURE__ */ React2.createElement(DSButton, __spreadProps(__spreadValues({}, otherProps), {
|
|
27
58
|
buttonType: "text",
|
|
28
59
|
labelText
|
|
29
|
-
});
|
|
60
|
+
}));
|
|
30
61
|
}
|
|
31
62
|
const noop = () => null;
|
|
32
|
-
const DSUploader = ({
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}
|
|
63
|
+
const DSUploader = (_c) => {
|
|
64
|
+
var _d = _c, {
|
|
65
|
+
containerProps = {},
|
|
66
|
+
label = "Browse",
|
|
67
|
+
icon: UploadFileIcon = UploadFile,
|
|
68
|
+
defaultActionLabel = "LOCAL DRIVE",
|
|
69
|
+
dragActiveInstructionalText = "DROP FILES HERE",
|
|
70
|
+
dragActiveIcon: DragActiveIcon = UploadFile,
|
|
71
|
+
altActionLabel = "DOCUMENTS",
|
|
72
|
+
acceptedTypesText = "JPG, JPEG, PNG, PDF",
|
|
73
|
+
disabledDefault = false,
|
|
74
|
+
disabledAlt = false,
|
|
75
|
+
onDefaultHandlerClick = noop,
|
|
76
|
+
onAltHandlerClick = noop,
|
|
77
|
+
actions = { defaultAction: "LOCAL DRIVE", altAction: "DOCUMENTS" },
|
|
78
|
+
showAltAction = false,
|
|
79
|
+
defaultActionTooltipText,
|
|
80
|
+
altActionTooltipText
|
|
81
|
+
} = _d, dropzoneProps = __objRest(_d, [
|
|
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
|
+
]);
|
|
51
99
|
const { getRootProps, getInputProps, isDragActive } = useDropzone(dropzoneProps);
|
|
52
|
-
const { onClick: onOpenFile,
|
|
100
|
+
const _a = getRootProps(), { onClick: onOpenFile } = _a, rootProps = __objRest(_a, ["onClick"]);
|
|
53
101
|
const disabledAll = disabledDefault && disabledAlt;
|
|
54
102
|
const delfaultActionButton = /* @__PURE__ */ React2.createElement(ActionButton, {
|
|
55
103
|
variant: disabledDefault && BUTTON_VARIANT.DISABLED,
|
|
@@ -79,17 +127,13 @@ const DSUploader = ({
|
|
|
79
127
|
title: altActionTooltipText,
|
|
80
128
|
triggerComponent: altActionButton
|
|
81
129
|
});
|
|
82
|
-
return /* @__PURE__ */ React2.createElement(UploaderWrapper, {
|
|
83
|
-
...containerProps,
|
|
130
|
+
return /* @__PURE__ */ React2.createElement(UploaderWrapper, __spreadProps(__spreadValues({}, containerProps), {
|
|
84
131
|
classProps: { disabled: disabledAll }
|
|
85
|
-
}, /* @__PURE__ */ React2.createElement(Uploader, {
|
|
86
|
-
...rootProps,
|
|
132
|
+
}), /* @__PURE__ */ React2.createElement(Uploader, __spreadProps(__spreadValues({}, rootProps), {
|
|
87
133
|
classProps: { isDragActive }
|
|
88
|
-
}, /* @__PURE__ */ React2.createElement(UploaderIconArea, null, /* @__PURE__ */ React2.createElement(UploadFileIcon, {
|
|
134
|
+
}), /* @__PURE__ */ React2.createElement(UploaderIconArea, null, /* @__PURE__ */ React2.createElement(UploadFileIcon, {
|
|
89
135
|
size: "l"
|
|
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()));
|
|
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", __spreadValues({}, getInputProps()))), typeof acceptedTypesText === "string" && /* @__PURE__ */ React2.createElement(AcceptedTypes, null, acceptedTypesText.toUpperCase()));
|
|
93
137
|
};
|
|
94
138
|
DSUploader.actions = {
|
|
95
139
|
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 { describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { 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;\n\nconst UploaderWithSchema = describe(DSUploader);\nUploaderWithSchema.propTypes = propTypes;\n\nexport { UploaderWithSchema };\nexport default DSUploader;\n"],
|
|
5
|
-
"mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,YAAY;AAClB,MAAM,gBAAgB,GAAG;AACzB,MAAM,sBAAsB,GAAG;AAC/B,MAAM,mBAAmB,GAAG;AAE5B,MAAM,kBAAkB,kBAAkB,OAAO,kBAAkB,MAAM,CAAC,EAAE,eAAgB,GAAE;AAC9F,MAAM,WAAW,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,mBAAoB,GAAE,eAAe;AACnG,MAAM,qBAAqB,kBAAkB,OAAO;AACpD,MAAM,mBAAmB,kBAAkB,OAAO,GAAG;AACrD,MAAM,eAAe,kBAAkB,OAAO;AAC9C,MAAM,WAAW,kBAAkB,QAAQ,eAAe;AAC1D,MAAM,kBAAkB,kBAAkB,OAAO,eAAe;AAChE,MAAM,gBAAgB,kBAAkB,OAAO,kBAAkB;AAEjE,MAAM,kBAAkB,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,eAAgB,GAAE;AAEvF,sBAAsB,
|
|
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.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Uploader",
|
|
6
6
|
"files": [
|
|
@@ -43,11 +43,11 @@
|
|
|
43
43
|
"indent": 4
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@elliemae/ds-button": "3.0.0-alpha.
|
|
47
|
-
"@elliemae/ds-classnames": "3.0.0-alpha.
|
|
48
|
-
"@elliemae/ds-icons": "3.0.0-alpha.
|
|
49
|
-
"@elliemae/ds-tooltip": "3.0.0-alpha.
|
|
50
|
-
"@elliemae/ds-utilities": "3.0.0-alpha.
|
|
46
|
+
"@elliemae/ds-button": "3.0.0-alpha.1",
|
|
47
|
+
"@elliemae/ds-classnames": "3.0.0-alpha.1",
|
|
48
|
+
"@elliemae/ds-icons": "3.0.0-alpha.1",
|
|
49
|
+
"@elliemae/ds-tooltip": "3.0.0-alpha.1",
|
|
50
|
+
"@elliemae/ds-utilities": "3.0.0-alpha.1",
|
|
51
51
|
"react-desc": "~4.1.3",
|
|
52
52
|
"react-dropzone": "~10.2.2"
|
|
53
53
|
},
|
|
@@ -68,6 +68,7 @@
|
|
|
68
68
|
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
69
69
|
"test": "node ../../scripts/testing/test.mjs",
|
|
70
70
|
"lint": "node ../../scripts/lint.mjs",
|
|
71
|
+
"dts": "node ../../scripts/dts.mjs",
|
|
71
72
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
|
|
72
73
|
}
|
|
73
74
|
}
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
|
-
import type { DSUploaderPropsT } from './index.d';
|
|
4
|
-
declare const DSUploader: {
|
|
5
|
-
({ containerProps, label, icon: UploadFileIcon, defaultActionLabel, dragActiveInstructionalText, dragActiveIcon: DragActiveIcon, altActionLabel, acceptedTypesText, disabledDefault, disabledAlt, onDefaultHandlerClick, onAltHandlerClick, actions, showAltAction, defaultActionTooltipText, altActionTooltipText, ...dropzoneProps }: DSUploaderPropsT): JSX.Element;
|
|
6
|
-
actions: {
|
|
7
|
-
defaultAction: string;
|
|
8
|
-
altAction: string;
|
|
9
|
-
};
|
|
10
|
-
propTypes: {
|
|
11
|
-
containerProps: {
|
|
12
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
13
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
14
|
-
};
|
|
15
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
16
|
-
};
|
|
17
|
-
validator: {
|
|
18
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
19
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
20
|
-
};
|
|
21
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
22
|
-
};
|
|
23
|
-
maxFiles: {
|
|
24
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
25
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
26
|
-
};
|
|
27
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
28
|
-
};
|
|
29
|
-
minSize: {
|
|
30
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
31
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
32
|
-
};
|
|
33
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
34
|
-
};
|
|
35
|
-
maxSize: {
|
|
36
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
37
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
38
|
-
};
|
|
39
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
40
|
-
};
|
|
41
|
-
onDropRejected: {
|
|
42
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
43
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
44
|
-
};
|
|
45
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
46
|
-
};
|
|
47
|
-
disabled: {
|
|
48
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
49
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
50
|
-
};
|
|
51
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
52
|
-
};
|
|
53
|
-
multiple: {
|
|
54
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
55
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
56
|
-
};
|
|
57
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
58
|
-
};
|
|
59
|
-
accept: {
|
|
60
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
61
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
62
|
-
};
|
|
63
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
64
|
-
};
|
|
65
|
-
label: {
|
|
66
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
67
|
-
};
|
|
68
|
-
icon: {
|
|
69
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
70
|
-
};
|
|
71
|
-
actions: {
|
|
72
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
73
|
-
};
|
|
74
|
-
defaultActionLabel: {
|
|
75
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
76
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
77
|
-
};
|
|
78
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
79
|
-
};
|
|
80
|
-
showAltAction: {
|
|
81
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
82
|
-
};
|
|
83
|
-
altActionLabel: {
|
|
84
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
85
|
-
};
|
|
86
|
-
dragActiveInstructionalText: {
|
|
87
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
88
|
-
};
|
|
89
|
-
dragActiveIcon: {
|
|
90
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
91
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
92
|
-
};
|
|
93
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
94
|
-
};
|
|
95
|
-
acceptedTypesText: {
|
|
96
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
97
|
-
};
|
|
98
|
-
disabledDefault: {
|
|
99
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
100
|
-
};
|
|
101
|
-
disabledAlt: {
|
|
102
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
103
|
-
};
|
|
104
|
-
onDefaultHandlerClick: {
|
|
105
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
106
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
107
|
-
};
|
|
108
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
109
|
-
};
|
|
110
|
-
onAltHandlerClick: {
|
|
111
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
112
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
113
|
-
};
|
|
114
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
115
|
-
};
|
|
116
|
-
defaultActionTooltipText: {
|
|
117
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
118
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
119
|
-
};
|
|
120
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
121
|
-
};
|
|
122
|
-
altActionTooltipText: {
|
|
123
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
124
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
125
|
-
};
|
|
126
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
127
|
-
};
|
|
128
|
-
};
|
|
129
|
-
};
|
|
130
|
-
declare const UploaderWithSchema: {
|
|
131
|
-
(props?: unknown): JSX.Element;
|
|
132
|
-
propTypes: unknown;
|
|
133
|
-
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
134
|
-
};
|
|
135
|
-
export { UploaderWithSchema };
|
|
136
|
-
export default DSUploader;
|
package/dist/types/index.d.d.ts
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface DSUploaderPropsT {
|
|
3
|
-
containerProps?: Record<string, unknown>;
|
|
4
|
-
label?: string;
|
|
5
|
-
icon?: React.FC<{
|
|
6
|
-
size: string;
|
|
7
|
-
}>;
|
|
8
|
-
defaultActionLabel?: string;
|
|
9
|
-
dragActiveInstructionalText?: string;
|
|
10
|
-
dragActiveIcon?: React.FC;
|
|
11
|
-
altActionLabel?: string;
|
|
12
|
-
acceptedTypesText?: string;
|
|
13
|
-
disabledDefault?: boolean;
|
|
14
|
-
disabledAlt?: boolean;
|
|
15
|
-
onDefaultHandlerClick?: () => void | null;
|
|
16
|
-
onAltHandlerClick?: () => void | null;
|
|
17
|
-
actions?: Record<string, unknown>;
|
|
18
|
-
showAltAction?: boolean;
|
|
19
|
-
defaultActionTooltipText: string;
|
|
20
|
-
altActionTooltipText: string;
|
|
21
|
-
}
|
|
22
|
-
export interface ActionButtonPropsT {
|
|
23
|
-
labelText: string;
|
|
24
|
-
variant: undefined | 'variant-disabled';
|
|
25
|
-
onClick: () => void | null;
|
|
26
|
-
}
|
package/dist/types/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default, UploaderWithSchema } from './DSUploader';
|
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */
|
|
3
|
-
export declare const propTypes: {
|
|
4
|
-
containerProps: {
|
|
5
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
6
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
7
|
-
};
|
|
8
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
9
|
-
};
|
|
10
|
-
validator: {
|
|
11
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
12
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
13
|
-
};
|
|
14
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
15
|
-
};
|
|
16
|
-
maxFiles: {
|
|
17
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
18
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
19
|
-
};
|
|
20
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
21
|
-
};
|
|
22
|
-
minSize: {
|
|
23
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
24
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
25
|
-
};
|
|
26
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
27
|
-
};
|
|
28
|
-
maxSize: {
|
|
29
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
30
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
31
|
-
};
|
|
32
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
33
|
-
};
|
|
34
|
-
onDropRejected: {
|
|
35
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
36
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
37
|
-
};
|
|
38
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
39
|
-
};
|
|
40
|
-
disabled: {
|
|
41
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
42
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
43
|
-
};
|
|
44
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
45
|
-
};
|
|
46
|
-
multiple: {
|
|
47
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
48
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
49
|
-
};
|
|
50
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
51
|
-
};
|
|
52
|
-
accept: {
|
|
53
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
54
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
55
|
-
};
|
|
56
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
57
|
-
};
|
|
58
|
-
label: {
|
|
59
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
60
|
-
};
|
|
61
|
-
icon: {
|
|
62
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
63
|
-
};
|
|
64
|
-
actions: {
|
|
65
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
66
|
-
};
|
|
67
|
-
defaultActionLabel: {
|
|
68
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
69
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
70
|
-
};
|
|
71
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
72
|
-
};
|
|
73
|
-
showAltAction: {
|
|
74
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
75
|
-
};
|
|
76
|
-
altActionLabel: {
|
|
77
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
78
|
-
};
|
|
79
|
-
dragActiveInstructionalText: {
|
|
80
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
81
|
-
};
|
|
82
|
-
dragActiveIcon: {
|
|
83
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
84
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
85
|
-
};
|
|
86
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
87
|
-
};
|
|
88
|
-
acceptedTypesText: {
|
|
89
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
90
|
-
};
|
|
91
|
-
disabledDefault: {
|
|
92
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
93
|
-
};
|
|
94
|
-
disabledAlt: {
|
|
95
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
96
|
-
};
|
|
97
|
-
onDefaultHandlerClick: {
|
|
98
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
99
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
100
|
-
};
|
|
101
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
102
|
-
};
|
|
103
|
-
onAltHandlerClick: {
|
|
104
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
105
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
106
|
-
};
|
|
107
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
108
|
-
};
|
|
109
|
-
defaultActionTooltipText: {
|
|
110
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
111
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
112
|
-
};
|
|
113
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
114
|
-
};
|
|
115
|
-
altActionTooltipText: {
|
|
116
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
117
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
118
|
-
};
|
|
119
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
120
|
-
};
|
|
121
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|