ywana-core8 0.0.387 → 0.0.390

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('material-design-icons-iconfont/dist/material-design-icons.css'), require('react'), require('react-switch'), require('moment'), require('moment-range'), require('resumablejs'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('deep-equal')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'resumablejs', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'deep-equal'], factory) :
-  (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, global.resumablejs, global.reactNotificationsComponent, null, global.deepEqual));
-})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment, momentRange, ResumableJS, reactNotificationsComponent, theme_css, equal) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('material-design-icons-iconfont/dist/material-design-icons.css'), require('react'), require('react-switch'), require('moment'), require('moment-range'), require('resumablejs'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('react-color'), require('deep-equal')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'resumablejs', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'react-color', 'deep-equal'], factory) :
+  (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, global.resumablejs, global.reactNotificationsComponent, null, global.reactColor, global.deepEqual));
+})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment, momentRange, ResumableJS, reactNotificationsComponent, theme_css, reactColor, equal) {
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
@@ -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];
 
@@ -3713,6 +3716,21 @@
     });
   };
 
+  var ColorField = function ColorField(props) {
+    var id = props.id,
+        onChange = props.onChange;
+
+    function change(color) {
+      if (onChange) onChange(id, color.hex);
+    }
+
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "color-field"
+    }, /*#__PURE__*/React__default["default"].createElement(reactColor.CirclePicker, {
+      onChangeComplete: change
+    }));
+  };
+
   /**
    * Content Editor
    */
@@ -4069,6 +4087,12 @@
 
     function renderFormat(format, options) {
       switch (format) {
+        case FORMATS.COLOR:
+          return /*#__PURE__*/React__default["default"].createElement(ColorField, {
+            id: id,
+            onChange: change
+          });
+
         case FORMATS.HTML:
           return /*#__PURE__*/React__default["default"].createElement(Editor, {
             id: id,