ywana-core8 0.0.386 → 0.0.389

package/dist/index.umd.js

@@ -1199,7 +1199,8 @@
     EMAIL: 'email',
     HTML: 'HTML',
     URL: 'URL',
-    IMG: 'IMG'
+    IMG: 'IMG',
+    COLOR: 'COLOR'
   };
   /**
    * CHECK
@@ -2108,6 +2109,8 @@
         title = _ref.title,
         _ref$userLabel = _ref.userLabel,
         userLabel = _ref$userLabel === void 0 ? "User" : _ref$userLabel,
+        _ref$userValue = _ref.userValue,
+        userValue = _ref$userValue === void 0 ? "" : _ref$userValue,
         _ref$passwordLabel = _ref.passwordLabel,
         passwordLabel = _ref$passwordLabel === void 0 ? "Password" : _ref$passwordLabel,
         _ref$passwordValue = _ref.passwordValue,
@@ -2121,7 +2124,7 @@
         message = _ref.message,
         loading = _ref.loading;
 
-    var _useState = React.useState(''),
+    var _useState = React.useState(userValue),
         user = _useState[0],
         setUser = _useState[1];
 
@@ -2746,9 +2749,7 @@
    */
 
   var UploadArea = function UploadArea(props) {
-    var resumable = props.resumable,
-        icon = props.icon,
-        _props$label = props.label,
+    var _props$label = props.label,
         label = _props$label === void 0 ? 'Add file or drop file here...' : _props$label;
     var areaElement = React.useRef();
 
@@ -2756,11 +2757,12 @@
         drag = _useState[0],
         setDrag = _useState[1];
 
+    var resumable = props.resumable;
     React.useEffect(function () {
-      if (resumable && areaElement.current) {
+      if (resumable && areaElement) {
         resumable.assignDrop(areaElement.current);
       }
-    }, [areaElement]);
+    }, []);
 
     var onDragOver = function onDragOver() {
       setDrag(true);
@@ -2777,7 +2779,6 @@
       onDragLeave: onDragLeave,
       ref: areaElement
     }, /*#__PURE__*/React__default["default"].createElement(UploadIcon, {
-      icon: icon,
       resumable: resumable
     }), /*#__PURE__*/React__default["default"].createElement("label", null, label));
   };
@@ -2800,7 +2801,8 @@
       className: "upload-icon",
       ref: iconElement
     }, /*#__PURE__*/React__default["default"].createElement(Icon, {
-      icon: icon
+      icon: icon,
+      clickable: true
     }));
   };
 
@@ -3377,22 +3379,14 @@
       }
     }
 
-    function prevent(e) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "overlay " + className
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "dialog " + className,
-      onClick: close
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "dialog-panel",
-      onClick: prevent
+      className: "overlay " + className,
+      onMouseDown: close
+    }), /*#__PURE__*/React__default["default"].createElement("dialog", {
+      className: "dialog-panel  ${className}"
     }, /*#__PURE__*/React__default["default"].createElement("header", null, icon ? /*#__PURE__*/React__default["default"].createElement(MenuIcon, {
       icon: icon
-    }) : 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))));
+    }) : 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)));
   };
 
   /**
@@ -4078,6 +4072,9 @@
 
     function renderFormat(format, options) {
       switch (format) {
+        case FORMATS.COLOR:
+          return /*#__PURE__*/React__default["default"].createElement("div", null, "COLOR PICKER");
+
         case FORMATS.HTML:
           return /*#__PURE__*/React__default["default"].createElement(Editor, {
             id: id,