ywana-core8 0.0.389 → 0.0.392

package/dist/index.umd.js

@@ -3716,6 +3716,30 @@
     });
   };
 
+  var ColorField = function ColorField(props) {
+    var id = props.id,
+        _props$label = props.label,
+        label = _props$label === void 0 ? "Color" : _props$label,
+        value = props.value,
+        onChange = props.onChange;
+
+    function change(event) {
+      var color = event.target.value;
+      if (onChange) onChange(id, color);
+    }
+
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "color-field"
+    }, /*#__PURE__*/React__default["default"].createElement("label", {
+      "for": id
+    }, label), /*#__PURE__*/React__default["default"].createElement("input", {
+      id: id,
+      type: "color",
+      onChange: change,
+      value: value
+    }));
+  };
+
   /**
    * Content Editor
    */
@@ -4073,7 +4097,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, {