ywana-core8 0.0.437 → 0.0.438

package/dist/index.cjs

@@ -1417,6 +1417,30 @@ var Content = /*#__PURE__*/function () {
   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);
 };
@@ -1816,6 +1840,13 @@ var StringCellViewer = function StringCellViewer(_ref7) {
   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,
@@ -3746,30 +3777,6 @@ 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", {
-    htmlFor: id
-  }, label), /*#__PURE__*/React__default["default"].createElement("input", {
-    id: id,
-    type: "color",
-    onChange: change,
-    value: value
-  }));
-};
-
 /**
  * Content Editor
  */