ywana-core8 0.1.44 → 0.1.45
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/index.cjs +31 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +6 -0
- package/dist/index.css.map +1 -1
- package/dist/index.modern.js +31 -13
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +31 -13
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/widgets/upload/Upload.test.js +1 -1
- package/src/widgets/upload/UploadArea.css +6 -0
- package/src/widgets/upload/UploadArea.js +9 -6
- package/src/widgets/upload/UploadDialog.js +2 -2
- package/src/widgets/upload/Uploader.js +4 -4
package/dist/index.umd.js
CHANGED
@@ -4153,8 +4153,11 @@
|
|
4153
4153
|
* Upload Area
|
4154
4154
|
*/
|
4155
4155
|
var UploadArea = function UploadArea(props) {
|
4156
|
-
var
|
4157
|
-
|
4156
|
+
var icon = props.icon,
|
4157
|
+
_props$label = props.label,
|
4158
|
+
label = _props$label === void 0 ? 'Add file or drop file here...' : _props$label,
|
4159
|
+
_props$disabled = props.disabled,
|
4160
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled;
|
4158
4161
|
var areaElement = React.useRef();
|
4159
4162
|
var _useState = React.useState(false),
|
4160
4163
|
drag = _useState[0],
|
@@ -4166,19 +4169,24 @@
|
|
4166
4169
|
}
|
4167
4170
|
}, []);
|
4168
4171
|
var onDragOver = function onDragOver() {
|
4172
|
+
if (disabled) return;
|
4169
4173
|
setDrag(true);
|
4170
4174
|
};
|
4171
4175
|
var onDragLeave = function onDragLeave() {
|
4176
|
+
if (disabled) return;
|
4172
4177
|
setDrag(false);
|
4173
4178
|
};
|
4174
4179
|
var dragging = drag === true ? 'drag-over' : '';
|
4180
|
+
var disabledStyle = disabled === true ? 'disabled' : '';
|
4175
4181
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
4176
|
-
className: "upload-area6 " + dragging,
|
4182
|
+
className: "upload-area6 " + dragging + " " + disabledStyle,
|
4177
4183
|
onDragOver: onDragOver,
|
4178
4184
|
onDragLeave: onDragLeave,
|
4179
4185
|
ref: areaElement
|
4180
4186
|
}, /*#__PURE__*/React__default["default"].createElement(UploadIcon, {
|
4181
|
-
|
4187
|
+
icon: icon,
|
4188
|
+
resumable: resumable,
|
4189
|
+
disabled: disabled
|
4182
4190
|
}), /*#__PURE__*/React__default["default"].createElement("label", null, label));
|
4183
4191
|
};
|
4184
4192
|
|
@@ -4188,7 +4196,9 @@
|
|
4188
4196
|
var UploadIcon = function UploadIcon(_ref) {
|
4189
4197
|
var _ref$icon = _ref.icon,
|
4190
4198
|
icon = _ref$icon === void 0 ? "folder_open" : _ref$icon,
|
4191
|
-
resumable = _ref.resumable
|
4199
|
+
resumable = _ref.resumable,
|
4200
|
+
_ref$disabled = _ref.disabled,
|
4201
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled;
|
4192
4202
|
var iconElement = React.useRef();
|
4193
4203
|
React.useEffect(function () {
|
4194
4204
|
if (resumable && iconElement.current) {
|
@@ -4200,7 +4210,8 @@
|
|
4200
4210
|
ref: iconElement
|
4201
4211
|
}, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
4202
4212
|
icon: icon,
|
4203
|
-
clickable: true
|
4213
|
+
clickable: true,
|
4214
|
+
disabled: disabled
|
4204
4215
|
}));
|
4205
4216
|
};
|
4206
4217
|
|
@@ -4274,7 +4285,9 @@
|
|
4274
4285
|
onProgress = _ref.onProgress,
|
4275
4286
|
onSuccess = _ref.onSuccess,
|
4276
4287
|
onError = _ref.onError,
|
4277
|
-
onComplete = _ref.onComplete
|
4288
|
+
onComplete = _ref.onComplete,
|
4289
|
+
_ref$disabled = _ref.disabled,
|
4290
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled;
|
4278
4291
|
var resumable = React.useMemo(function () {
|
4279
4292
|
var config = {
|
4280
4293
|
target: target,
|
@@ -4331,18 +4344,21 @@
|
|
4331
4344
|
return /*#__PURE__*/React__default["default"].createElement(UploadArea, {
|
4332
4345
|
resumable: resumable,
|
4333
4346
|
icon: icon,
|
4334
|
-
label: label
|
4347
|
+
label: label,
|
4348
|
+
disabled: disabled
|
4335
4349
|
});
|
4336
4350
|
case "icon":
|
4337
4351
|
return /*#__PURE__*/React__default["default"].createElement(UploadIcon, {
|
4338
4352
|
resumable: resumable,
|
4339
|
-
icon: icon
|
4353
|
+
icon: icon,
|
4354
|
+
disabled: disabled
|
4340
4355
|
});
|
4341
4356
|
default:
|
4342
4357
|
return /*#__PURE__*/React__default["default"].createElement(UploadArea, {
|
4343
4358
|
resumable: resumable,
|
4344
4359
|
icon: icon,
|
4345
|
-
label: label
|
4360
|
+
label: label,
|
4361
|
+
disabled: disabled
|
4346
4362
|
});
|
4347
4363
|
}
|
4348
4364
|
}
|
@@ -4365,7 +4381,8 @@
|
|
4365
4381
|
onClose = _ref.onClose,
|
4366
4382
|
children = _ref.children,
|
4367
4383
|
className = _ref.className,
|
4368
|
-
disabled = _ref.disabled,
|
4384
|
+
_ref$disabled = _ref.disabled,
|
4385
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
4369
4386
|
onCanClose = _ref.onCanClose,
|
4370
4387
|
_ref$overlayCanClose = _ref.overlayCanClose,
|
4371
4388
|
overlayCanClose = _ref$overlayCanClose === void 0 ? true : _ref$overlayCanClose;
|
@@ -4402,12 +4419,13 @@
|
|
4402
4419
|
actions: actions,
|
4403
4420
|
className: className,
|
4404
4421
|
overlayCanClose: overlayCanClose
|
4405
|
-
},
|
4422
|
+
}, /*#__PURE__*/React__default["default"].createElement(Uploader, {
|
4406
4423
|
label: label,
|
4407
4424
|
accept: accept,
|
4408
4425
|
target: target,
|
4409
4426
|
onSuccess: success,
|
4410
|
-
onComplete: complete
|
4427
|
+
onComplete: complete,
|
4428
|
+
disabled: disabled
|
4411
4429
|
}), children);
|
4412
4430
|
};
|
4413
4431
|
|