ywana-core8 0.0.386 → 0.0.389

package/dist/index.cjs

@@ -1204,7 +1204,8 @@ var FORMATS = {
   EMAIL: 'email',
   HTML: 'HTML',
   URL: 'URL',
-  IMG: 'IMG'
+  IMG: 'IMG',
+  COLOR: 'COLOR'
 };
 /**
  * CHECK
@@ -2113,6 +2114,8 @@ var LoginBox = function LoginBox(_ref) {
       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,
@@ -2126,7 +2129,7 @@ var LoginBox = function LoginBox(_ref) {
       message = _ref.message,
       loading = _ref.loading;
 
-  var _useState = React.useState(''),
+  var _useState = React.useState(userValue),
       user = _useState[0],
       setUser = _useState[1];
 
@@ -2751,9 +2754,7 @@ var EventCard = function EventCard(props) {
  */
 
 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();
 
@@ -2761,11 +2762,12 @@ var UploadArea = function UploadArea(props) {
       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);
@@ -2782,7 +2784,6 @@ var UploadArea = function UploadArea(props) {
     onDragLeave: onDragLeave,
     ref: areaElement
   }, /*#__PURE__*/React__default["default"].createElement(UploadIcon, {
-    icon: icon,
     resumable: resumable
   }), /*#__PURE__*/React__default["default"].createElement("label", null, label));
 };
@@ -2805,7 +2806,8 @@ var UploadIcon = function UploadIcon(_ref) {
     className: "upload-icon",
     ref: iconElement
   }, /*#__PURE__*/React__default["default"].createElement(Icon, {
-    icon: icon
+    icon: icon,
+    clickable: true
   }));
 };
 
@@ -3382,22 +3384,14 @@ var Dialog = function Dialog(props) {
     }
   }
 
-  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)));
 };
 
 /**
@@ -4083,6 +4077,9 @@ var StringEditor = function StringEditor(_ref6) {
 
   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,