ywana-core8 0.0.387 → 0.0.390

package/dist/index.modern.js

@@ -6,6 +6,7 @@ import { extendMoment } from 'moment-range';
 import ResumableJS from 'resumablejs';
 import { ReactNotifications, Store } from 'react-notifications-component';
 import 'react-notifications-component/dist/theme.css';
+import { CirclePicker } from 'react-color';
 import equal from 'deep-equal';
 
 function _catch$2(body, recover) {
@@ -1196,7 +1197,8 @@ var FORMATS = {
   EMAIL: 'email',
   HTML: 'HTML',
   URL: 'URL',
-  IMG: 'IMG'
+  IMG: 'IMG',
+  COLOR: 'COLOR'
 };
 /**
  * CHECK
@@ -2105,6 +2107,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,
@@ -2118,7 +2122,7 @@ var LoginBox = function LoginBox(_ref) {
       message = _ref.message,
       loading = _ref.loading;
 
-  var _useState = useState(''),
+  var _useState = useState(userValue),
       user = _useState[0],
       setUser = _useState[1];
 
@@ -3710,6 +3714,21 @@ var NumberField = function NumberField(_ref3) {
   });
 };
 
+var ColorField = function ColorField(props) {
+  var id = props.id,
+      onChange = props.onChange;
+
+  function change(color) {
+    if (onChange) onChange(id, color.hex);
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "color-field"
+  }, /*#__PURE__*/React.createElement(CirclePicker, {
+    onChangeComplete: change
+  }));
+};
+
 /**
  * Content Editor
  */
@@ -4066,6 +4085,12 @@ var StringEditor = function StringEditor(_ref6) {
 
   function renderFormat(format, options) {
     switch (format) {
+      case FORMATS.COLOR:
+        return /*#__PURE__*/React.createElement(ColorField, {
+          id: id,
+          onChange: change
+        });
+
       case FORMATS.HTML:
         return /*#__PURE__*/React.createElement(Editor, {
           id: id,