ywana-core8 0.0.325 → 0.0.328

package/dist/index.cjs

@@ -159,11 +159,16 @@ var Icon = function Icon(_ref) {
       size = _ref$size === void 0 ? "normal" : _ref$size,
       _ref$clickable = _ref.clickable,
       clickable = _ref$clickable === void 0 ? false : _ref$clickable,
-      action = _ref.action;
+      action = _ref.action,
+      _ref$eventPropagation = _ref.eventPropagation,
+      eventPropagation = _ref$eventPropagation === void 0 ? false : _ref$eventPropagation;
 
   function click(event) {
-    event.stopPropagation();
-    event.preventDefault();
+    if (!eventPropagation) {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+
     if (action) action(event);
   }
 
@@ -2705,7 +2710,11 @@ var UploadArea = function UploadArea(props) {
 
   React.useEffect(function () {
     var resumable = props.resumable;
-    if (resumable && areaElement) resumable.assignDrop(areaElement.current);
+
+    if (resumable && areaElement) {
+      resumable.assignDrop(areaElement.current);
+      resumable.assignBrowse(areaElement.current);
+    }
   }, []);
 
   var onDragOver = function onDragOver() {
@@ -2722,9 +2731,10 @@ var UploadArea = function UploadArea(props) {
     onDragOver: onDragOver,
     onDragLeave: onDragLeave,
     ref: areaElement
-  }, /*#__PURE__*/React__default["default"].createElement(UploadIcon, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: icon,
-    resumable: props.resumable
+    clickable: true,
+    eventPropagation: false
   }), /*#__PURE__*/React__default["default"].createElement("label", null, label));
 };
 /**
@@ -2738,8 +2748,8 @@ var UploadIcon = function UploadIcon(_ref) {
   var iconElement = React.useRef();
   React.useEffect(function () {
     if (resumable && iconElement.current) {
-      console.log('UploadIcon.effect', resumable, iconElement.current);
       resumable.assignBrowse(iconElement.current);
+      console.log('uploadicon');
     }
   }, [iconElement]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2811,7 +2821,8 @@ var UploadProgress = function UploadProgress(_ref) {
  */
 
 var Uploader = function Uploader(_ref) {
-  var label = _ref.label,
+  var icon = _ref.icon,
+      label = _ref.label,
       target = _ref.target,
       accept = _ref.accept,
       _ref$simultaneousUplo = _ref.simultaneousUploads,
@@ -2884,6 +2895,7 @@ var Uploader = function Uploader(_ref) {
     className: "uploader " + className
   }, state === UPLOAD_STATES.IDLE ? /*#__PURE__*/React__default["default"].createElement(UploadArea, {
     resumable: resumable,
+    icon: icon,
     label: label
   }) : /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
     files: files
@@ -3568,7 +3580,8 @@ var ContentEditor = function ContentEditor(_ref) {
         key: field.id,
         field: field,
         onChange: change,
-        outlined: true
+        outlined: true,
+        content: content
       });
     }))) : null;
   }));
@@ -6068,6 +6081,7 @@ exports.TreededContentEditor = TreededContentEditor;
 exports.UploadArea = UploadArea;
 exports.UploadDialog = UploadDialog;
 exports.UploadFile = UploadFile;
+exports.UploadIcon = UploadIcon;
 exports.Uploader = Uploader;
 exports.View = View;
 exports.Viewer = Viewer;