ywana-core8 0.0.389 → 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);
@@ -3716,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
    */
@@ -4073,7 +4088,10 @@
     function renderFormat(format, options) {
       switch (format) {
         case FORMATS.COLOR:
-          return /*#__PURE__*/React__default["default"].createElement("div", null, "COLOR PICKER");
+          return /*#__PURE__*/React__default["default"].createElement(ColorField, {
+            id: id,
+            onChange: change
+          });
 
         case FORMATS.HTML:
           return /*#__PURE__*/React__default["default"].createElement(Editor, {