@elliemae/ds-uploader 1.57.1-rc.0 → 2.0.0-alpha.11
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/DSUploader.js +121 -115
- package/cjs/index.d.js +0 -1
- package/cjs/index.js +1 -13
- package/cjs/propTypes.js +7 -4
- package/esm/DSUploader.js +117 -112
- package/esm/index.d.js +0 -1
- package/esm/index.js +0 -12
- package/esm/propTypes.js +2 -3
- package/package.json +36 -13
- package/types/DSUploader.d.ts +38 -0
- package/types/index.d.d.ts +26 -0
- package/types/index.d.ts +1 -0
- package/types/propTypes.d.ts +27 -0
- package/types/tests/DSUploader.test.d.ts +1 -0
- package/DSUploader/package.json +0 -10
- package/cjs/DSUploader.js.map +0 -1
- package/cjs/index.d.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/propTypes.js.map +0 -1
- package/esm/DSUploader.js.map +0 -1
- package/esm/index.d.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/propTypes.js.map +0 -1
- package/propTypes/package.json +0 -10
package/cjs/DSUploader.js
CHANGED
|
@@ -2,133 +2,137 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _jsx2 = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
7
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
|
-
|
|
8
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
9
|
+
require('react');
|
|
8
10
|
var reactDesc = require('react-desc');
|
|
9
11
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var DSButton = require('@elliemae/ds-
|
|
12
|
+
var utils = require('@elliemae/ds-utilities/utils');
|
|
13
|
+
var UploadFile = require('@elliemae/ds-icons/UploadFile');
|
|
14
|
+
var DSButton = require('@elliemae/ds-basic/Button');
|
|
13
15
|
var reactDropzone = require('react-dropzone');
|
|
14
|
-
var DSTooltip = require('@elliemae/ds-
|
|
16
|
+
var DSTooltip = require('@elliemae/ds-basic/Tooltip');
|
|
15
17
|
var propTypes = require('./propTypes.js');
|
|
18
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
16
19
|
|
|
17
20
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
21
|
|
|
19
|
-
var
|
|
22
|
+
var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
|
|
23
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
24
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
21
|
-
var
|
|
25
|
+
var UploadFile__default = /*#__PURE__*/_interopDefaultLegacy(UploadFile);
|
|
22
26
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
23
27
|
var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
|
|
24
28
|
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
29
|
+
var _DividerVertical, _DividerVertical2;
|
|
30
|
+
|
|
31
|
+
const _excluded = ["labelText"],
|
|
32
|
+
_excluded2 = ["containerProps", "label", "icon", "defaultActionLabel", "dragActiveInstructionalText", "dragActiveIcon", "altActionLabel", "acceptedTypesText", "disabledDefault", "disabledAlt", "onDefaultHandlerClick", "onAltHandlerClick", "actions", "showAltAction", "defaultActionTooltipText", "altActionTooltipText"],
|
|
33
|
+
_excluded3 = ["onClick"];
|
|
34
|
+
|
|
35
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
36
|
+
|
|
37
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
38
|
+
const blockName = 'uploader';
|
|
39
|
+
const blockNameInfo = "".concat(blockName, "-info");
|
|
40
|
+
const blockNameDragActive = "".concat(blockName, "-drag-active");
|
|
41
|
+
const blockNameWrapper = "".concat(blockName, "-wrapper");
|
|
42
|
+
const UploaderWrapper = dsClassnames.aggregatedClasses('div')(blockNameWrapper, null, ({
|
|
43
|
+
disabled
|
|
44
|
+
}) => ({
|
|
45
|
+
disabled
|
|
46
|
+
}));
|
|
47
|
+
const Uploader = dsClassnames.aggregatedClasses('div')(blockName, null, ({
|
|
48
|
+
isDragActive
|
|
49
|
+
}) => ({
|
|
50
|
+
'drag-active': isDragActive
|
|
51
|
+
}));
|
|
52
|
+
const UploaderDragActive = dsClassnames.aggregatedClasses('div')(blockNameDragActive);
|
|
53
|
+
const UploaderIconArea = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-icon-wrapper"));
|
|
54
|
+
const UploaderInfo = dsClassnames.aggregatedClasses('div')(blockNameInfo);
|
|
55
|
+
const InfoText = dsClassnames.aggregatedClasses('span')(blockNameInfo, 'text');
|
|
56
|
+
const UploaderActions = dsClassnames.aggregatedClasses('div')(blockNameInfo, 'actions');
|
|
57
|
+
const AcceptedTypes = dsClassnames.aggregatedClasses('div')(blockNameWrapper, 'accepted-types');
|
|
58
|
+
const DividerVertical = dsClassnames.aggregatedClasses('div')('divider', null, ({
|
|
59
|
+
vertical
|
|
60
|
+
}) => ({
|
|
61
|
+
vertical
|
|
62
|
+
}));
|
|
63
|
+
|
|
64
|
+
function ActionButton(_ref) {
|
|
65
|
+
let {
|
|
66
|
+
labelText
|
|
67
|
+
} = _ref,
|
|
68
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
69
|
+
|
|
70
|
+
return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
62
71
|
buttonType: "text",
|
|
63
72
|
labelText: labelText
|
|
64
73
|
}));
|
|
65
74
|
}
|
|
66
75
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
76
|
+
const noop = () => null;
|
|
77
|
+
|
|
78
|
+
const DSUploader = _ref2 => {
|
|
79
|
+
let {
|
|
80
|
+
containerProps = {},
|
|
81
|
+
label = 'Browse',
|
|
82
|
+
// todo: i18n
|
|
83
|
+
icon: UploadFileIcon = UploadFile__default["default"],
|
|
84
|
+
defaultActionLabel = 'LOCAL DRIVE',
|
|
85
|
+
// todo: i18n
|
|
86
|
+
dragActiveInstructionalText = 'DROP FILES HERE',
|
|
87
|
+
dragActiveIcon: DragActiveIcon = UploadFile__default["default"],
|
|
88
|
+
altActionLabel = 'DOCUMENTS',
|
|
89
|
+
// todo: i18n
|
|
90
|
+
acceptedTypesText = 'JPG, JPEG, PNG, PDF',
|
|
91
|
+
disabledDefault = false,
|
|
92
|
+
disabledAlt = false,
|
|
93
|
+
onDefaultHandlerClick = noop,
|
|
94
|
+
onAltHandlerClick = noop,
|
|
95
|
+
actions = {
|
|
96
|
+
defaultAction: 'LOCAL DRIVE',
|
|
97
|
+
altAction: 'DOCUMENTS'
|
|
98
|
+
},
|
|
99
|
+
showAltAction = false,
|
|
100
|
+
defaultActionTooltipText,
|
|
101
|
+
altActionTooltipText
|
|
102
|
+
} = _ref2,
|
|
103
|
+
dropzoneProps = _objectWithoutProperties__default["default"](_ref2, _excluded2);
|
|
104
|
+
|
|
105
|
+
const {
|
|
106
|
+
getRootProps,
|
|
107
|
+
getInputProps,
|
|
108
|
+
isDragActive
|
|
109
|
+
} = reactDropzone.useDropzone(dropzoneProps);
|
|
70
110
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
_ref5$dragActiveInstr = _ref5.dragActiveInstructionalText,
|
|
81
|
-
dragActiveInstructionalText = _ref5$dragActiveInstr === void 0 ? 'DROP FILES HERE' : _ref5$dragActiveInstr,
|
|
82
|
-
_ref5$dragActiveIcon = _ref5.dragActiveIcon,
|
|
83
|
-
DragActiveIcon = _ref5$dragActiveIcon === void 0 ? dsIcons.UploadFile : _ref5$dragActiveIcon,
|
|
84
|
-
_ref5$altActionLabel = _ref5.altActionLabel,
|
|
85
|
-
altActionLabel = _ref5$altActionLabel === void 0 ? 'DOCUMENTS' : _ref5$altActionLabel,
|
|
86
|
-
_ref5$acceptedTypesTe = _ref5.acceptedTypesText,
|
|
87
|
-
acceptedTypesText = _ref5$acceptedTypesTe === void 0 ? 'JPG, JPEG, PNG, PDF' : _ref5$acceptedTypesTe,
|
|
88
|
-
_ref5$disabledDefault = _ref5.disabledDefault,
|
|
89
|
-
disabledDefault = _ref5$disabledDefault === void 0 ? false : _ref5$disabledDefault,
|
|
90
|
-
_ref5$disabledAlt = _ref5.disabledAlt,
|
|
91
|
-
disabledAlt = _ref5$disabledAlt === void 0 ? false : _ref5$disabledAlt,
|
|
92
|
-
_ref5$onDefaultHandle = _ref5.onDefaultHandlerClick,
|
|
93
|
-
onDefaultHandlerClick = _ref5$onDefaultHandle === void 0 ? noop : _ref5$onDefaultHandle,
|
|
94
|
-
_ref5$onAltHandlerCli = _ref5.onAltHandlerClick,
|
|
95
|
-
onAltHandlerClick = _ref5$onAltHandlerCli === void 0 ? noop : _ref5$onAltHandlerCli,
|
|
96
|
-
_ref5$actions = _ref5.actions,
|
|
97
|
-
actions = _ref5$actions === void 0 ? {
|
|
98
|
-
defaultAction: 'LOCAL DRIVE',
|
|
99
|
-
altAction: 'DOCUMENTS'
|
|
100
|
-
} : _ref5$actions,
|
|
101
|
-
_ref5$showAltAction = _ref5.showAltAction,
|
|
102
|
-
showAltAction = _ref5$showAltAction === void 0 ? false : _ref5$showAltAction,
|
|
103
|
-
defaultActionTooltipText = _ref5.defaultActionTooltipText,
|
|
104
|
-
altActionTooltipText = _ref5.altActionTooltipText,
|
|
105
|
-
dropzoneProps = _objectWithoutProperties__default['default'](_ref5, _excluded2);
|
|
106
|
-
|
|
107
|
-
var _useDropzone = reactDropzone.useDropzone(dropzoneProps),
|
|
108
|
-
getRootProps = _useDropzone.getRootProps,
|
|
109
|
-
getInputProps = _useDropzone.getInputProps,
|
|
110
|
-
isDragActive = _useDropzone.isDragActive;
|
|
111
|
-
|
|
112
|
-
var _getRootProps = getRootProps(),
|
|
113
|
-
onOpenFile = _getRootProps.onClick,
|
|
114
|
-
rootProps = _objectWithoutProperties__default['default'](_getRootProps, _excluded3);
|
|
115
|
-
|
|
116
|
-
var disabledAll = disabledDefault && disabledAlt;
|
|
117
|
-
var delfaultActionButton = /*#__PURE__*/React__default['default'].createElement(ActionButton, {
|
|
111
|
+
const _getRootProps = getRootProps(),
|
|
112
|
+
{
|
|
113
|
+
onClick: onOpenFile
|
|
114
|
+
} = _getRootProps,
|
|
115
|
+
rootProps = _objectWithoutProperties__default["default"](_getRootProps, _excluded3);
|
|
116
|
+
|
|
117
|
+
const disabledAll = disabledDefault && disabledAlt;
|
|
118
|
+
|
|
119
|
+
const delfaultActionButton = /*#__PURE__*/_jsx2__default["default"](ActionButton, {
|
|
118
120
|
variant: disabledDefault && DSButton.BUTTON_VARIANT.DISABLED,
|
|
119
121
|
labelText: actions.defaultAction ? actions.defaultAction : defaultActionLabel,
|
|
120
|
-
onClick:
|
|
121
|
-
if (!disabledDefault)
|
|
122
|
+
onClick: (...args) => {
|
|
123
|
+
if (!disabledDefault) utils.runAll(onDefaultHandlerClick, onOpenFile)(...args);
|
|
122
124
|
}
|
|
123
125
|
});
|
|
124
|
-
|
|
126
|
+
|
|
127
|
+
const altActionButton = /*#__PURE__*/_jsx2__default["default"](ActionButton, {
|
|
125
128
|
variant: disabledAlt && DSButton.BUTTON_VARIANT.DISABLED,
|
|
126
129
|
labelText: actions.altAction ? actions.altAction : altActionLabel,
|
|
127
|
-
onClick:
|
|
128
|
-
if (!disabledAlt) onAltHandlerClick
|
|
130
|
+
onClick: (...args) => {
|
|
131
|
+
if (!disabledAlt) onAltHandlerClick(...args);
|
|
129
132
|
}
|
|
130
133
|
});
|
|
131
|
-
|
|
134
|
+
|
|
135
|
+
const defaultAction = !defaultActionTooltipText ? delfaultActionButton : /*#__PURE__*/_jsx2__default["default"](DSTooltip__default["default"], {
|
|
132
136
|
containerProps: {
|
|
133
137
|
id: 'default-action-tooltip'
|
|
134
138
|
},
|
|
@@ -136,7 +140,7 @@ var DSUploader = function DSUploader(_ref5) {
|
|
|
136
140
|
title: defaultActionTooltipText,
|
|
137
141
|
triggerComponent: delfaultActionButton
|
|
138
142
|
});
|
|
139
|
-
|
|
143
|
+
const altAction = !altActionTooltipText ? altActionButton : /*#__PURE__*/_jsx2__default["default"](DSTooltip__default["default"], {
|
|
140
144
|
containerProps: {
|
|
141
145
|
id: 'alt-action-tooltip'
|
|
142
146
|
},
|
|
@@ -144,27 +148,29 @@ var DSUploader = function DSUploader(_ref5) {
|
|
|
144
148
|
title: altActionTooltipText,
|
|
145
149
|
triggerComponent: altActionButton
|
|
146
150
|
});
|
|
147
|
-
return /*#__PURE__*/
|
|
151
|
+
return /*#__PURE__*/jsxRuntime.jsxs(UploaderWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
148
152
|
classProps: {
|
|
149
153
|
disabled: disabledAll
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
154
|
+
},
|
|
155
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs(Uploader, _objectSpread(_objectSpread({}, rootProps), {}, {
|
|
156
|
+
classProps: {
|
|
157
|
+
isDragActive
|
|
158
|
+
},
|
|
159
|
+
children: [/*#__PURE__*/_jsx2__default["default"](UploaderIconArea, {}, void 0, /*#__PURE__*/_jsx2__default["default"](UploadFileIcon, {
|
|
160
|
+
size: "l"
|
|
161
|
+
})), _DividerVertical || (_DividerVertical = /*#__PURE__*/_jsx2__default["default"](DividerVertical, {})), /*#__PURE__*/_jsx2__default["default"](UploaderInfo, {}, void 0, /*#__PURE__*/_jsx2__default["default"](InfoText, {}, void 0, label), /*#__PURE__*/_jsx2__default["default"](UploaderActions, {}, void 0, actions.defaultAction && defaultAction, (actions.altAction || showAltAction) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
162
|
+
children: [actions.defaultAction && (_DividerVertical2 || (_DividerVertical2 = /*#__PURE__*/_jsx2__default["default"](DividerVertical, {}))), altAction]
|
|
163
|
+
}))), !disabledAll && /*#__PURE__*/_jsx2__default["default"](UploaderDragActive, {}, void 0, /*#__PURE__*/_jsx2__default["default"](DragActiveIcon, {}), dragActiveInstructionalText), !disabledAll && /*#__PURE__*/jsxRuntime.jsx("input", _objectSpread({}, getInputProps()))]
|
|
164
|
+
})), typeof acceptedTypesText === 'string' && /*#__PURE__*/_jsx2__default["default"](AcceptedTypes, {}, void 0, acceptedTypesText.toUpperCase())]
|
|
165
|
+
}));
|
|
158
166
|
};
|
|
159
167
|
|
|
160
168
|
DSUploader.actions = {
|
|
161
169
|
defaultAction: 'LOCAL DRIVE',
|
|
162
170
|
altAction: 'DOCUMENTS'
|
|
163
171
|
};
|
|
164
|
-
|
|
165
|
-
var UploaderWithSchema = reactDesc.describe(DSUploader);
|
|
172
|
+
const UploaderWithSchema = reactDesc.describe(DSUploader);
|
|
166
173
|
UploaderWithSchema.propTypes = propTypes.propTypes;
|
|
167
174
|
|
|
168
175
|
exports.UploaderWithSchema = UploaderWithSchema;
|
|
169
|
-
exports[
|
|
170
|
-
//# sourceMappingURL=DSUploader.js.map
|
|
176
|
+
exports["default"] = DSUploader;
|
package/cjs/index.d.js
CHANGED
package/cjs/index.js
CHANGED
|
@@ -3,20 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var DSUploader = require('./DSUploader.js');
|
|
6
|
-
require('@babel/runtime/helpers/extends');
|
|
7
|
-
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
8
|
-
require('react');
|
|
9
|
-
require('react-desc');
|
|
10
|
-
require('@elliemae/ds-classnames');
|
|
11
|
-
require('@elliemae/ds-utilities');
|
|
12
|
-
require('@elliemae/ds-icons');
|
|
13
|
-
require('@elliemae/ds-button');
|
|
14
|
-
require('react-dropzone');
|
|
15
|
-
require('@elliemae/ds-tooltip');
|
|
16
|
-
require('./propTypes.js');
|
|
17
6
|
|
|
18
7
|
|
|
19
8
|
|
|
20
9
|
exports.UploaderWithSchema = DSUploader.UploaderWithSchema;
|
|
21
|
-
exports
|
|
22
|
-
//# sourceMappingURL=index.js.map
|
|
10
|
+
exports["default"] = DSUploader["default"];
|
package/cjs/propTypes.js
CHANGED
|
@@ -3,11 +3,15 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var reactDesc = require('react-desc');
|
|
6
|
-
var
|
|
6
|
+
var UploadFile = require('@elliemae/ds-icons/UploadFile');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
+
|
|
10
|
+
var UploadFile__default = /*#__PURE__*/_interopDefaultLegacy(UploadFile);
|
|
7
11
|
|
|
8
12
|
/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */
|
|
9
13
|
|
|
10
|
-
|
|
14
|
+
const propTypes = {
|
|
11
15
|
containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container.'),
|
|
12
16
|
validator: reactDesc.PropTypes.func.description("Custom validator. It must return null if it's valid or an object `{ code: string, message: string }` if it's not."),
|
|
13
17
|
maxFiles: reactDesc.PropTypes.number.description('Number of files accepted.'),
|
|
@@ -18,7 +22,7 @@ var propTypes = {
|
|
|
18
22
|
multiple: reactDesc.PropTypes.bool.description('Set to false to restrict multiple files selection/upload.'),
|
|
19
23
|
accept: reactDesc.PropTypes.string.description('String containing the accepted MIME type for the DSUploader'),
|
|
20
24
|
label: reactDesc.PropTypes.string.description('Uploader label.').defaultValue('Browse'),
|
|
21
|
-
icon: reactDesc.PropTypes.element.description('Uploader left icon.').defaultValue(
|
|
25
|
+
icon: reactDesc.PropTypes.element.description('Uploader left icon.').defaultValue(UploadFile__default["default"]),
|
|
22
26
|
actions: reactDesc.PropTypes.shape({
|
|
23
27
|
defaultAction: reactDesc.PropTypes.string,
|
|
24
28
|
altAction: reactDesc.PropTypes.string
|
|
@@ -40,4 +44,3 @@ var propTypes = {
|
|
|
40
44
|
};
|
|
41
45
|
|
|
42
46
|
exports.propTypes = propTypes;
|
|
43
|
-
//# sourceMappingURL=propTypes.js.map
|
package/esm/DSUploader.js
CHANGED
|
@@ -1,122 +1,125 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _jsx2 from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
+
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
|
-
import
|
|
4
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
|
+
import 'react';
|
|
4
6
|
import { describe } from 'react-desc';
|
|
5
7
|
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
6
|
-
import { runAll } from '@elliemae/ds-utilities';
|
|
7
|
-
import
|
|
8
|
-
import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-
|
|
8
|
+
import { runAll } from '@elliemae/ds-utilities/utils';
|
|
9
|
+
import UploadFile from '@elliemae/ds-icons/UploadFile';
|
|
10
|
+
import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-basic/Button';
|
|
9
11
|
import { useDropzone } from 'react-dropzone';
|
|
10
|
-
import DSTooltip from '@elliemae/ds-
|
|
12
|
+
import DSTooltip from '@elliemae/ds-basic/Tooltip';
|
|
11
13
|
import { propTypes } from './propTypes.js';
|
|
14
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
12
15
|
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
16
|
+
var _DividerVertical, _DividerVertical2;
|
|
17
|
+
|
|
18
|
+
const _excluded = ["labelText"],
|
|
19
|
+
_excluded2 = ["containerProps", "label", "icon", "defaultActionLabel", "dragActiveInstructionalText", "dragActiveIcon", "altActionLabel", "acceptedTypesText", "disabledDefault", "disabledAlt", "onDefaultHandlerClick", "onAltHandlerClick", "actions", "showAltAction", "defaultActionTooltipText", "altActionTooltipText"],
|
|
20
|
+
_excluded3 = ["onClick"];
|
|
21
|
+
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
23
|
+
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
|
+
const blockName = 'uploader';
|
|
26
|
+
const blockNameInfo = "".concat(blockName, "-info");
|
|
27
|
+
const blockNameDragActive = "".concat(blockName, "-drag-active");
|
|
28
|
+
const blockNameWrapper = "".concat(blockName, "-wrapper");
|
|
29
|
+
const UploaderWrapper = aggregatedClasses('div')(blockNameWrapper, null, ({
|
|
30
|
+
disabled
|
|
31
|
+
}) => ({
|
|
32
|
+
disabled
|
|
33
|
+
}));
|
|
34
|
+
const Uploader = aggregatedClasses('div')(blockName, null, ({
|
|
35
|
+
isDragActive
|
|
36
|
+
}) => ({
|
|
37
|
+
'drag-active': isDragActive
|
|
38
|
+
}));
|
|
39
|
+
const UploaderDragActive = aggregatedClasses('div')(blockNameDragActive);
|
|
40
|
+
const UploaderIconArea = aggregatedClasses('div')("".concat(blockName, "-icon-wrapper"));
|
|
41
|
+
const UploaderInfo = aggregatedClasses('div')(blockNameInfo);
|
|
42
|
+
const InfoText = aggregatedClasses('span')(blockNameInfo, 'text');
|
|
43
|
+
const UploaderActions = aggregatedClasses('div')(blockNameInfo, 'actions');
|
|
44
|
+
const AcceptedTypes = aggregatedClasses('div')(blockNameWrapper, 'accepted-types');
|
|
45
|
+
const DividerVertical = aggregatedClasses('div')('divider', null, ({
|
|
46
|
+
vertical
|
|
47
|
+
}) => ({
|
|
48
|
+
vertical
|
|
49
|
+
}));
|
|
50
|
+
|
|
51
|
+
function ActionButton(_ref) {
|
|
52
|
+
let {
|
|
53
|
+
labelText
|
|
54
|
+
} = _ref,
|
|
55
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
56
|
+
|
|
57
|
+
return /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
50
58
|
buttonType: "text",
|
|
51
59
|
labelText: labelText
|
|
52
60
|
}));
|
|
53
61
|
}
|
|
54
62
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
63
|
+
const noop = () => null;
|
|
64
|
+
|
|
65
|
+
const DSUploader = _ref2 => {
|
|
66
|
+
let {
|
|
67
|
+
containerProps = {},
|
|
68
|
+
label = 'Browse',
|
|
69
|
+
// todo: i18n
|
|
70
|
+
icon: UploadFileIcon = UploadFile,
|
|
71
|
+
defaultActionLabel = 'LOCAL DRIVE',
|
|
72
|
+
// todo: i18n
|
|
73
|
+
dragActiveInstructionalText = 'DROP FILES HERE',
|
|
74
|
+
dragActiveIcon: DragActiveIcon = UploadFile,
|
|
75
|
+
altActionLabel = 'DOCUMENTS',
|
|
76
|
+
// todo: i18n
|
|
77
|
+
acceptedTypesText = 'JPG, JPEG, PNG, PDF',
|
|
78
|
+
disabledDefault = false,
|
|
79
|
+
disabledAlt = false,
|
|
80
|
+
onDefaultHandlerClick = noop,
|
|
81
|
+
onAltHandlerClick = noop,
|
|
82
|
+
actions = {
|
|
83
|
+
defaultAction: 'LOCAL DRIVE',
|
|
84
|
+
altAction: 'DOCUMENTS'
|
|
85
|
+
},
|
|
86
|
+
showAltAction = false,
|
|
87
|
+
defaultActionTooltipText,
|
|
88
|
+
altActionTooltipText
|
|
89
|
+
} = _ref2,
|
|
90
|
+
dropzoneProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
91
|
+
|
|
92
|
+
const {
|
|
93
|
+
getRootProps,
|
|
94
|
+
getInputProps,
|
|
95
|
+
isDragActive
|
|
96
|
+
} = useDropzone(dropzoneProps);
|
|
58
97
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
_ref5$dragActiveInstr = _ref5.dragActiveInstructionalText,
|
|
69
|
-
dragActiveInstructionalText = _ref5$dragActiveInstr === void 0 ? 'DROP FILES HERE' : _ref5$dragActiveInstr,
|
|
70
|
-
_ref5$dragActiveIcon = _ref5.dragActiveIcon,
|
|
71
|
-
DragActiveIcon = _ref5$dragActiveIcon === void 0 ? UploadFile : _ref5$dragActiveIcon,
|
|
72
|
-
_ref5$altActionLabel = _ref5.altActionLabel,
|
|
73
|
-
altActionLabel = _ref5$altActionLabel === void 0 ? 'DOCUMENTS' : _ref5$altActionLabel,
|
|
74
|
-
_ref5$acceptedTypesTe = _ref5.acceptedTypesText,
|
|
75
|
-
acceptedTypesText = _ref5$acceptedTypesTe === void 0 ? 'JPG, JPEG, PNG, PDF' : _ref5$acceptedTypesTe,
|
|
76
|
-
_ref5$disabledDefault = _ref5.disabledDefault,
|
|
77
|
-
disabledDefault = _ref5$disabledDefault === void 0 ? false : _ref5$disabledDefault,
|
|
78
|
-
_ref5$disabledAlt = _ref5.disabledAlt,
|
|
79
|
-
disabledAlt = _ref5$disabledAlt === void 0 ? false : _ref5$disabledAlt,
|
|
80
|
-
_ref5$onDefaultHandle = _ref5.onDefaultHandlerClick,
|
|
81
|
-
onDefaultHandlerClick = _ref5$onDefaultHandle === void 0 ? noop : _ref5$onDefaultHandle,
|
|
82
|
-
_ref5$onAltHandlerCli = _ref5.onAltHandlerClick,
|
|
83
|
-
onAltHandlerClick = _ref5$onAltHandlerCli === void 0 ? noop : _ref5$onAltHandlerCli,
|
|
84
|
-
_ref5$actions = _ref5.actions,
|
|
85
|
-
actions = _ref5$actions === void 0 ? {
|
|
86
|
-
defaultAction: 'LOCAL DRIVE',
|
|
87
|
-
altAction: 'DOCUMENTS'
|
|
88
|
-
} : _ref5$actions,
|
|
89
|
-
_ref5$showAltAction = _ref5.showAltAction,
|
|
90
|
-
showAltAction = _ref5$showAltAction === void 0 ? false : _ref5$showAltAction,
|
|
91
|
-
defaultActionTooltipText = _ref5.defaultActionTooltipText,
|
|
92
|
-
altActionTooltipText = _ref5.altActionTooltipText,
|
|
93
|
-
dropzoneProps = _objectWithoutProperties(_ref5, _excluded2);
|
|
94
|
-
|
|
95
|
-
var _useDropzone = useDropzone(dropzoneProps),
|
|
96
|
-
getRootProps = _useDropzone.getRootProps,
|
|
97
|
-
getInputProps = _useDropzone.getInputProps,
|
|
98
|
-
isDragActive = _useDropzone.isDragActive;
|
|
99
|
-
|
|
100
|
-
var _getRootProps = getRootProps(),
|
|
101
|
-
onOpenFile = _getRootProps.onClick,
|
|
102
|
-
rootProps = _objectWithoutProperties(_getRootProps, _excluded3);
|
|
103
|
-
|
|
104
|
-
var disabledAll = disabledDefault && disabledAlt;
|
|
105
|
-
var delfaultActionButton = /*#__PURE__*/React.createElement(ActionButton, {
|
|
98
|
+
const _getRootProps = getRootProps(),
|
|
99
|
+
{
|
|
100
|
+
onClick: onOpenFile
|
|
101
|
+
} = _getRootProps,
|
|
102
|
+
rootProps = _objectWithoutProperties(_getRootProps, _excluded3);
|
|
103
|
+
|
|
104
|
+
const disabledAll = disabledDefault && disabledAlt;
|
|
105
|
+
|
|
106
|
+
const delfaultActionButton = /*#__PURE__*/_jsx2(ActionButton, {
|
|
106
107
|
variant: disabledDefault && BUTTON_VARIANT.DISABLED,
|
|
107
108
|
labelText: actions.defaultAction ? actions.defaultAction : defaultActionLabel,
|
|
108
|
-
onClick:
|
|
109
|
-
if (!disabledDefault) runAll(onDefaultHandlerClick, onOpenFile)
|
|
109
|
+
onClick: (...args) => {
|
|
110
|
+
if (!disabledDefault) runAll(onDefaultHandlerClick, onOpenFile)(...args);
|
|
110
111
|
}
|
|
111
112
|
});
|
|
112
|
-
|
|
113
|
+
|
|
114
|
+
const altActionButton = /*#__PURE__*/_jsx2(ActionButton, {
|
|
113
115
|
variant: disabledAlt && BUTTON_VARIANT.DISABLED,
|
|
114
116
|
labelText: actions.altAction ? actions.altAction : altActionLabel,
|
|
115
|
-
onClick:
|
|
116
|
-
if (!disabledAlt) onAltHandlerClick
|
|
117
|
+
onClick: (...args) => {
|
|
118
|
+
if (!disabledAlt) onAltHandlerClick(...args);
|
|
117
119
|
}
|
|
118
120
|
});
|
|
119
|
-
|
|
121
|
+
|
|
122
|
+
const defaultAction = !defaultActionTooltipText ? delfaultActionButton : /*#__PURE__*/_jsx2(DSTooltip, {
|
|
120
123
|
containerProps: {
|
|
121
124
|
id: 'default-action-tooltip'
|
|
122
125
|
},
|
|
@@ -124,7 +127,7 @@ var DSUploader = function DSUploader(_ref5) {
|
|
|
124
127
|
title: defaultActionTooltipText,
|
|
125
128
|
triggerComponent: delfaultActionButton
|
|
126
129
|
});
|
|
127
|
-
|
|
130
|
+
const altAction = !altActionTooltipText ? altActionButton : /*#__PURE__*/_jsx2(DSTooltip, {
|
|
128
131
|
containerProps: {
|
|
129
132
|
id: 'alt-action-tooltip'
|
|
130
133
|
},
|
|
@@ -132,26 +135,28 @@ var DSUploader = function DSUploader(_ref5) {
|
|
|
132
135
|
title: altActionTooltipText,
|
|
133
136
|
triggerComponent: altActionButton
|
|
134
137
|
});
|
|
135
|
-
return /*#__PURE__*/
|
|
138
|
+
return /*#__PURE__*/jsxs(UploaderWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
136
139
|
classProps: {
|
|
137
140
|
disabled: disabledAll
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
141
|
+
},
|
|
142
|
+
children: [/*#__PURE__*/jsxs(Uploader, _objectSpread(_objectSpread({}, rootProps), {}, {
|
|
143
|
+
classProps: {
|
|
144
|
+
isDragActive
|
|
145
|
+
},
|
|
146
|
+
children: [/*#__PURE__*/_jsx2(UploaderIconArea, {}, void 0, /*#__PURE__*/_jsx2(UploadFileIcon, {
|
|
147
|
+
size: "l"
|
|
148
|
+
})), _DividerVertical || (_DividerVertical = /*#__PURE__*/_jsx2(DividerVertical, {})), /*#__PURE__*/_jsx2(UploaderInfo, {}, void 0, /*#__PURE__*/_jsx2(InfoText, {}, void 0, label), /*#__PURE__*/_jsx2(UploaderActions, {}, void 0, actions.defaultAction && defaultAction, (actions.altAction || showAltAction) && /*#__PURE__*/jsxs(Fragment, {
|
|
149
|
+
children: [actions.defaultAction && (_DividerVertical2 || (_DividerVertical2 = /*#__PURE__*/_jsx2(DividerVertical, {}))), altAction]
|
|
150
|
+
}))), !disabledAll && /*#__PURE__*/_jsx2(UploaderDragActive, {}, void 0, /*#__PURE__*/_jsx2(DragActiveIcon, {}), dragActiveInstructionalText), !disabledAll && /*#__PURE__*/jsx("input", _objectSpread({}, getInputProps()))]
|
|
151
|
+
})), typeof acceptedTypesText === 'string' && /*#__PURE__*/_jsx2(AcceptedTypes, {}, void 0, acceptedTypesText.toUpperCase())]
|
|
152
|
+
}));
|
|
146
153
|
};
|
|
147
154
|
|
|
148
155
|
DSUploader.actions = {
|
|
149
156
|
defaultAction: 'LOCAL DRIVE',
|
|
150
157
|
altAction: 'DOCUMENTS'
|
|
151
158
|
};
|
|
152
|
-
|
|
153
|
-
var UploaderWithSchema = describe(DSUploader);
|
|
159
|
+
const UploaderWithSchema = describe(DSUploader);
|
|
154
160
|
UploaderWithSchema.propTypes = propTypes;
|
|
155
161
|
|
|
156
162
|
export { UploaderWithSchema, DSUploader as default };
|
|
157
|
-
//# sourceMappingURL=DSUploader.js.map
|
package/esm/index.d.js
CHANGED
package/esm/index.js
CHANGED
|
@@ -1,13 +1 @@
|
|
|
1
1
|
export { UploaderWithSchema, default } from './DSUploader.js';
|
|
2
|
-
import '@babel/runtime/helpers/esm/extends';
|
|
3
|
-
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
4
|
-
import 'react';
|
|
5
|
-
import 'react-desc';
|
|
6
|
-
import '@elliemae/ds-classnames';
|
|
7
|
-
import '@elliemae/ds-utilities';
|
|
8
|
-
import '@elliemae/ds-icons';
|
|
9
|
-
import '@elliemae/ds-button';
|
|
10
|
-
import 'react-dropzone';
|
|
11
|
-
import '@elliemae/ds-tooltip';
|
|
12
|
-
import './propTypes.js';
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
package/esm/propTypes.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { PropTypes } from 'react-desc';
|
|
2
|
-
import
|
|
2
|
+
import UploadFile from '@elliemae/ds-icons/UploadFile';
|
|
3
3
|
|
|
4
4
|
/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
const propTypes = {
|
|
7
7
|
containerProps: PropTypes.object.description('Set of Properties attached to the main container.'),
|
|
8
8
|
validator: PropTypes.func.description("Custom validator. It must return null if it's valid or an object `{ code: string, message: string }` if it's not."),
|
|
9
9
|
maxFiles: PropTypes.number.description('Number of files accepted.'),
|
|
@@ -36,4 +36,3 @@ var propTypes = {
|
|
|
36
36
|
};
|
|
37
37
|
|
|
38
38
|
export { propTypes };
|
|
39
|
-
//# sourceMappingURL=propTypes.js.map
|
package/package.json
CHANGED
|
@@ -1,14 +1,38 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-uploader",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0-alpha.11",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"description": "
|
|
6
|
-
"
|
|
7
|
-
"
|
|
5
|
+
"description": "ICE MT - Dimsum - Uploader",
|
|
6
|
+
"module": "./esm/index.js",
|
|
7
|
+
"main": "./cjs/index.js",
|
|
8
|
+
"types": "./types/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"import": "./esm/index.js",
|
|
12
|
+
"require": "./cjs/index.js"
|
|
13
|
+
},
|
|
14
|
+
"./propTypes": {
|
|
15
|
+
"import": "./esm/propTypes.js",
|
|
16
|
+
"require": "./cjs/propTypes.js"
|
|
17
|
+
},
|
|
18
|
+
"./DSUploader": {
|
|
19
|
+
"import": "./esm/DSUploader.js",
|
|
20
|
+
"require": "./cjs/DSUploader.js"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
8
23
|
"sideEffects": [
|
|
9
24
|
"*.css",
|
|
10
25
|
"*.scss"
|
|
11
26
|
],
|
|
27
|
+
"repository": {
|
|
28
|
+
"type": "git",
|
|
29
|
+
"url": "https://git.elliemae.io/platform-ui/dimsum.git"
|
|
30
|
+
},
|
|
31
|
+
"engines": {
|
|
32
|
+
"npm": ">=7",
|
|
33
|
+
"node": ">=14"
|
|
34
|
+
},
|
|
35
|
+
"author": "ICE MT",
|
|
12
36
|
"scripts": {
|
|
13
37
|
"dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
|
|
14
38
|
"prebuild": "exit 0",
|
|
@@ -16,20 +40,19 @@
|
|
|
16
40
|
"build": "node ../../scripts/build/build.js"
|
|
17
41
|
},
|
|
18
42
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-basic": "
|
|
20
|
-
"@elliemae/ds-classnames": "
|
|
21
|
-
"@elliemae/ds-
|
|
22
|
-
"@elliemae/ds-utilities": "1.57.1-rc.0",
|
|
23
|
-
"react-desc": "^4.1.2",
|
|
43
|
+
"@elliemae/ds-basic": "2.0.0-alpha.11",
|
|
44
|
+
"@elliemae/ds-classnames": "2.0.0-alpha.11",
|
|
45
|
+
"@elliemae/ds-utilities": "2.0.0-alpha.11",
|
|
24
46
|
"react-dropzone": "~10.2.2"
|
|
25
47
|
},
|
|
26
48
|
"publishConfig": {
|
|
27
49
|
"access": "public",
|
|
28
|
-
"directory": "dist"
|
|
50
|
+
"directory": "dist",
|
|
51
|
+
"generateSubmodules": true
|
|
29
52
|
},
|
|
30
53
|
"peerDependencies": {
|
|
31
|
-
"lodash": "^4.17.
|
|
32
|
-
"react": "~17.0.
|
|
33
|
-
"react-dom": "^17.0.
|
|
54
|
+
"lodash": "^4.17.21",
|
|
55
|
+
"react": "~17.0.2",
|
|
56
|
+
"react-dom": "^17.0.2"
|
|
34
57
|
}
|
|
35
58
|
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { DSUploaderPropsT } from './index.d';
|
|
3
|
+
declare const DSUploader: {
|
|
4
|
+
({ containerProps, label, icon: UploadFileIcon, defaultActionLabel, dragActiveInstructionalText, dragActiveIcon: DragActiveIcon, altActionLabel, acceptedTypesText, disabledDefault, disabledAlt, onDefaultHandlerClick, onAltHandlerClick, actions, showAltAction, defaultActionTooltipText, altActionTooltipText, ...dropzoneProps }: DSUploaderPropsT): JSX.Element;
|
|
5
|
+
actions: {
|
|
6
|
+
defaultAction: string;
|
|
7
|
+
altAction: string;
|
|
8
|
+
};
|
|
9
|
+
propTypes: {
|
|
10
|
+
containerProps: any;
|
|
11
|
+
validator: any;
|
|
12
|
+
maxFiles: any;
|
|
13
|
+
minSize: any;
|
|
14
|
+
maxSize: any;
|
|
15
|
+
onDropRejected: any;
|
|
16
|
+
disabled: any;
|
|
17
|
+
multiple: any;
|
|
18
|
+
accept: any;
|
|
19
|
+
label: any;
|
|
20
|
+
icon: any;
|
|
21
|
+
actions: any;
|
|
22
|
+
defaultActionLabel: any;
|
|
23
|
+
showAltAction: any;
|
|
24
|
+
altActionLabel: any;
|
|
25
|
+
dragActiveInstructionalText: any;
|
|
26
|
+
dragActiveIcon: any;
|
|
27
|
+
acceptedTypesText: any;
|
|
28
|
+
disabledDefault: any;
|
|
29
|
+
disabledAlt: any;
|
|
30
|
+
onDefaultHandlerClick: any;
|
|
31
|
+
onAltHandlerClick: any;
|
|
32
|
+
defaultActionTooltipText: any;
|
|
33
|
+
altActionTooltipText: any;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
declare const UploaderWithSchema: any;
|
|
37
|
+
export { UploaderWithSchema };
|
|
38
|
+
export default DSUploader;
|
|
@@ -0,0 +1,26 @@
|
|
|
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/types/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default, UploaderWithSchema } from './DSUploader';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */
|
|
2
|
+
export declare const propTypes: {
|
|
3
|
+
containerProps: any;
|
|
4
|
+
validator: any;
|
|
5
|
+
maxFiles: any;
|
|
6
|
+
minSize: any;
|
|
7
|
+
maxSize: any;
|
|
8
|
+
onDropRejected: any;
|
|
9
|
+
disabled: any;
|
|
10
|
+
multiple: any;
|
|
11
|
+
accept: any;
|
|
12
|
+
label: any;
|
|
13
|
+
icon: any;
|
|
14
|
+
actions: any;
|
|
15
|
+
defaultActionLabel: any;
|
|
16
|
+
showAltAction: any;
|
|
17
|
+
altActionLabel: any;
|
|
18
|
+
dragActiveInstructionalText: any;
|
|
19
|
+
dragActiveIcon: any;
|
|
20
|
+
acceptedTypesText: any;
|
|
21
|
+
disabledDefault: any;
|
|
22
|
+
disabledAlt: any;
|
|
23
|
+
onDefaultHandlerClick: any;
|
|
24
|
+
onAltHandlerClick: any;
|
|
25
|
+
defaultActionTooltipText: any;
|
|
26
|
+
altActionTooltipText: any;
|
|
27
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/DSUploader/package.json
DELETED
package/cjs/DSUploader.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DSUploader.js","sources":["../../src/DSUploader.tsx"],"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"],"names":["blockName","blockNameInfo","blockNameDragActive","blockNameWrapper","UploaderWrapper","aggregatedClasses","disabled","Uploader","isDragActive","UploaderDragActive","UploaderIconArea","UploaderInfo","InfoText","UploaderActions","AcceptedTypes","DividerVertical","vertical","ActionButton","labelText","otherProps","React","DSButton","noop","DSUploader","containerProps","label","icon","UploadFileIcon","UploadFile","defaultActionLabel","dragActiveInstructionalText","dragActiveIcon","DragActiveIcon","altActionLabel","acceptedTypesText","disabledDefault","disabledAlt","onDefaultHandlerClick","onAltHandlerClick","actions","defaultAction","altAction","showAltAction","defaultActionTooltipText","altActionTooltipText","dropzoneProps","useDropzone","getRootProps","getInputProps","onOpenFile","onClick","rootProps","disabledAll","delfaultActionButton","BUTTON_VARIANT","DISABLED","runAll","altActionButton","DSTooltip","id","toUpperCase","propTypes","UploaderWithSchema","describe"],"mappings":"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"}
|
package/cjs/index.d.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/cjs/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/propTypes.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { UploadFile } from '@elliemae/ds-icons';\n/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */\n\nexport const propTypes = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container.'),\n validator: PropTypes.func.description(\n \"Custom validator. It must return null if it's valid or an object `{ code: string, message: string }` if it's not.\",\n ),\n maxFiles: PropTypes.number.description('Number of files accepted.'),\n minSize: PropTypes.number.description('Minimun file size accepted in bytes.'),\n maxSize: PropTypes.number.description('Maximum file size accepted in bytes.'),\n onDropRejected: PropTypes.func.description(\n 'Cb called when files are rejected using maxFiles, minSize or maxSize properties.',\n ),\n disabled: PropTypes.bool.description('Disables the DSUploader.'),\n multiple: PropTypes.bool.description('Set to false to restrict multiple files selection/upload.'),\n accept: PropTypes.string.description('String containing the accepted MIME type for the DSUploader'),\n\n label: PropTypes.string.description('Uploader label.').defaultValue('Browse'),\n icon: PropTypes.element.description('Uploader left icon.').defaultValue(UploadFile),\n actions: PropTypes.shape({\n defaultAction: PropTypes.string,\n altAction: PropTypes.string,\n })\n .description('Uploader actions.')\n .defaultValue({ defaultAction: 'LOCAL DRIVE' }),\n defaultActionLabel: PropTypes.string.description('First action button label.'),\n showAltAction: PropTypes.bool.description('whether to show alternate action button or not.').defaultValue(true),\n altActionLabel: PropTypes.string.description('Second action button label.').defaultValue('LOCAL DRIVE'),\n dragActiveInstructionalText: PropTypes.string\n .description('informative text when user drags a file over the uploader zone.')\n .defaultValue('DROP FILES HERE'),\n dragActiveIcon: PropTypes.string.description('Icon when user drags a file over the uploader zone.'),\n acceptedTypesText: PropTypes.string\n .description('Information text to show what types are supported.')\n .defaultValue('JPG, JPEG, PNG, PDF'),\n disabledDefault: PropTypes.bool.description('Whether the default uploader is disabled or not.').defaultValue(false),\n disabledAlt: PropTypes.bool.description('Whether the alternative uploader is disabled or not.').defaultValue(false),\n onDefaultHandlerClick: PropTypes.func.description('First action button click handler.'),\n onAltHandlerClick: PropTypes.func.description('Second action button click handler.'),\n defaultActionTooltipText: PropTypes.string.description('shows tooltip in default action button.'),\n altActionTooltipText: PropTypes.string.description('Shows tooltip in alternate action button.'),\n};\n"],"names":["propTypes","containerProps","PropTypes","object","description","validator","func","maxFiles","number","minSize","maxSize","onDropRejected","disabled","bool","multiple","accept","string","label","defaultValue","icon","element","UploadFile","actions","shape","defaultAction","altAction","defaultActionLabel","showAltAction","altActionLabel","dragActiveInstructionalText","dragActiveIcon","acceptedTypesText","disabledDefault","disabledAlt","onDefaultHandlerClick","onAltHandlerClick","defaultActionTooltipText","altActionTooltipText"],"mappings":"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"}
|
package/esm/DSUploader.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DSUploader.js","sources":["../../src/DSUploader.tsx"],"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"],"names":["blockName","blockNameInfo","blockNameDragActive","blockNameWrapper","UploaderWrapper","aggregatedClasses","disabled","Uploader","isDragActive","UploaderDragActive","UploaderIconArea","UploaderInfo","InfoText","UploaderActions","AcceptedTypes","DividerVertical","vertical","ActionButton","labelText","otherProps","noop","DSUploader","containerProps","label","icon","UploadFileIcon","UploadFile","defaultActionLabel","dragActiveInstructionalText","dragActiveIcon","DragActiveIcon","altActionLabel","acceptedTypesText","disabledDefault","disabledAlt","onDefaultHandlerClick","onAltHandlerClick","actions","defaultAction","altAction","showAltAction","defaultActionTooltipText","altActionTooltipText","dropzoneProps","useDropzone","getRootProps","getInputProps","onOpenFile","onClick","rootProps","disabledAll","delfaultActionButton","BUTTON_VARIANT","DISABLED","runAll","altActionButton","id","toUpperCase","propTypes","UploaderWithSchema","describe"],"mappings":"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"}
|
package/esm/index.d.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
package/esm/propTypes.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { UploadFile } from '@elliemae/ds-icons';\n/** Inherits the props of react-dropzone https://react-dropzone.netlify.com/ */\n\nexport const propTypes = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container.'),\n validator: PropTypes.func.description(\n \"Custom validator. It must return null if it's valid or an object `{ code: string, message: string }` if it's not.\",\n ),\n maxFiles: PropTypes.number.description('Number of files accepted.'),\n minSize: PropTypes.number.description('Minimun file size accepted in bytes.'),\n maxSize: PropTypes.number.description('Maximum file size accepted in bytes.'),\n onDropRejected: PropTypes.func.description(\n 'Cb called when files are rejected using maxFiles, minSize or maxSize properties.',\n ),\n disabled: PropTypes.bool.description('Disables the DSUploader.'),\n multiple: PropTypes.bool.description('Set to false to restrict multiple files selection/upload.'),\n accept: PropTypes.string.description('String containing the accepted MIME type for the DSUploader'),\n\n label: PropTypes.string.description('Uploader label.').defaultValue('Browse'),\n icon: PropTypes.element.description('Uploader left icon.').defaultValue(UploadFile),\n actions: PropTypes.shape({\n defaultAction: PropTypes.string,\n altAction: PropTypes.string,\n })\n .description('Uploader actions.')\n .defaultValue({ defaultAction: 'LOCAL DRIVE' }),\n defaultActionLabel: PropTypes.string.description('First action button label.'),\n showAltAction: PropTypes.bool.description('whether to show alternate action button or not.').defaultValue(true),\n altActionLabel: PropTypes.string.description('Second action button label.').defaultValue('LOCAL DRIVE'),\n dragActiveInstructionalText: PropTypes.string\n .description('informative text when user drags a file over the uploader zone.')\n .defaultValue('DROP FILES HERE'),\n dragActiveIcon: PropTypes.string.description('Icon when user drags a file over the uploader zone.'),\n acceptedTypesText: PropTypes.string\n .description('Information text to show what types are supported.')\n .defaultValue('JPG, JPEG, PNG, PDF'),\n disabledDefault: PropTypes.bool.description('Whether the default uploader is disabled or not.').defaultValue(false),\n disabledAlt: PropTypes.bool.description('Whether the alternative uploader is disabled or not.').defaultValue(false),\n onDefaultHandlerClick: PropTypes.func.description('First action button click handler.'),\n onAltHandlerClick: PropTypes.func.description('Second action button click handler.'),\n defaultActionTooltipText: PropTypes.string.description('shows tooltip in default action button.'),\n altActionTooltipText: PropTypes.string.description('Shows tooltip in alternate action button.'),\n};\n"],"names":["propTypes","containerProps","PropTypes","object","description","validator","func","maxFiles","number","minSize","maxSize","onDropRejected","disabled","bool","multiple","accept","string","label","defaultValue","icon","element","UploadFile","actions","shape","defaultAction","altAction","defaultActionLabel","showAltAction","altActionLabel","dragActiveInstructionalText","dragActiveIcon","acceptedTypesText","disabledDefault","disabledAlt","onDefaultHandlerClick","onAltHandlerClick","defaultActionTooltipText","altActionTooltipText"],"mappings":"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"}
|