ywana-core8 0.0.389 → 0.0.392

package/dist/index.cjs

@@ -3721,6 +3721,30 @@ var NumberField = function NumberField(_ref3) {
   });
 };
 
+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
  */
@@ -4078,7 +4102,10 @@ var StringEditor = function StringEditor(_ref6) {
   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, {