ywana-core8 0.0.437 → 0.0.438

package/dist/index.umd.js

@@ -1412,6 +1412,30 @@
     return Content;
   }();
 
+  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", {
+      htmlFor: id
+    }, label), /*#__PURE__*/React__default["default"].createElement("input", {
+      id: id,
+      type: "color",
+      onChange: change,
+      value: value
+    }));
+  };
+
   var isFunction$1 = function isFunction(value) {
     return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
   };
@@ -1811,6 +1835,13 @@
     var locale = window.navigator.userLanguage || window.navigator.language;
 
     switch (format) {
+      case FORMATS.COLOR:
+        text = /*#__PURE__*/React__default["default"].createElement("input", {
+          type: "color",
+          value: text,
+          disabled: true
+        });
+
       case FORMATS.URL:
         text = /*#__PURE__*/React__default["default"].createElement("a", {
           href: text,
@@ -3741,30 +3772,6 @@
     });
   };
 
-  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", {
-      htmlFor: id
-    }, label), /*#__PURE__*/React__default["default"].createElement("input", {
-      id: id,
-      type: "color",
-      onChange: change,
-      value: value
-    }));
-  };
-
   /**
    * Content Editor
    */