ywana-core8 0.0.386 → 0.0.387
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 +11 -20
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +3 -14
- package/dist/index.css.map +1 -1
- package/dist/index.modern.js +11 -20
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +11 -20
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/site/dialog.css +3 -14
- package/src/site/dialog.js +17 -24
- package/src/site/site.test.js +10 -0
- package/src/widgets/upload/UploadArea.js +6 -5
package/dist/index.umd.js
CHANGED
|
@@ -2746,9 +2746,7 @@
|
|
|
2746
2746
|
*/
|
|
2747
2747
|
|
|
2748
2748
|
var UploadArea = function UploadArea(props) {
|
|
2749
|
-
var
|
|
2750
|
-
icon = props.icon,
|
|
2751
|
-
_props$label = props.label,
|
|
2749
|
+
var _props$label = props.label,
|
|
2752
2750
|
label = _props$label === void 0 ? 'Add file or drop file here...' : _props$label;
|
|
2753
2751
|
var areaElement = React.useRef();
|
|
2754
2752
|
|
|
@@ -2756,11 +2754,12 @@
|
|
|
2756
2754
|
drag = _useState[0],
|
|
2757
2755
|
setDrag = _useState[1];
|
|
2758
2756
|
|
|
2757
|
+
var resumable = props.resumable;
|
|
2759
2758
|
React.useEffect(function () {
|
|
2760
|
-
if (resumable && areaElement
|
|
2759
|
+
if (resumable && areaElement) {
|
|
2761
2760
|
resumable.assignDrop(areaElement.current);
|
|
2762
2761
|
}
|
|
2763
|
-
}, [
|
|
2762
|
+
}, []);
|
|
2764
2763
|
|
|
2765
2764
|
var onDragOver = function onDragOver() {
|
|
2766
2765
|
setDrag(true);
|
|
@@ -2777,7 +2776,6 @@
|
|
|
2777
2776
|
onDragLeave: onDragLeave,
|
|
2778
2777
|
ref: areaElement
|
|
2779
2778
|
}, /*#__PURE__*/React__default["default"].createElement(UploadIcon, {
|
|
2780
|
-
icon: icon,
|
|
2781
2779
|
resumable: resumable
|
|
2782
2780
|
}), /*#__PURE__*/React__default["default"].createElement("label", null, label));
|
|
2783
2781
|
};
|
|
@@ -2800,7 +2798,8 @@
|
|
|
2800
2798
|
className: "upload-icon",
|
|
2801
2799
|
ref: iconElement
|
|
2802
2800
|
}, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
2803
|
-
icon: icon
|
|
2801
|
+
icon: icon,
|
|
2802
|
+
clickable: true
|
|
2804
2803
|
}));
|
|
2805
2804
|
};
|
|
2806
2805
|
|
|
@@ -3377,22 +3376,14 @@
|
|
|
3377
3376
|
}
|
|
3378
3377
|
}
|
|
3379
3378
|
|
|
3380
|
-
function prevent(e) {
|
|
3381
|
-
e.preventDefault();
|
|
3382
|
-
e.stopPropagation();
|
|
3383
|
-
}
|
|
3384
|
-
|
|
3385
3379
|
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3386
|
-
className: "overlay " + className
|
|
3387
|
-
|
|
3388
|
-
|
|
3389
|
-
|
|
3390
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3391
|
-
className: "dialog-panel",
|
|
3392
|
-
onClick: prevent
|
|
3380
|
+
className: "overlay " + className,
|
|
3381
|
+
onMouseDown: close
|
|
3382
|
+
}), /*#__PURE__*/React__default["default"].createElement("dialog", {
|
|
3383
|
+
className: "dialog-panel ${className}"
|
|
3393
3384
|
}, /*#__PURE__*/React__default["default"].createElement("header", null, icon ? /*#__PURE__*/React__default["default"].createElement(MenuIcon, {
|
|
3394
3385
|
icon: icon
|
|
3395
|
-
}) : null, /*#__PURE__*/React__default["default"].createElement(Text, null, title)), /*#__PURE__*/React__default["default"].createElement("main", null, children), /*#__PURE__*/React__default["default"].createElement("footer", null, actions)))
|
|
3386
|
+
}) : null, /*#__PURE__*/React__default["default"].createElement(Text, null, title)), /*#__PURE__*/React__default["default"].createElement("main", null, children), /*#__PURE__*/React__default["default"].createElement("footer", null, actions)));
|
|
3396
3387
|
};
|
|
3397
3388
|
|
|
3398
3389
|
/**
|