ywana-core8 0.0.615 → 0.0.618

package/dist/index.cjs

@@ -2368,6 +2368,30 @@ var Thumbnail = function Thumbnail(props) {
   }));
 };
 
+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
+  }));
+};
+
 /**
  * Login Box
  */
@@ -4249,30 +4273,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
  */
@@ -5739,6 +5739,7 @@ var CollectionPage = function CollectionPage(props) {
   }) : false), canFilter && showFilter ? /*#__PURE__*/React__default["default"].createElement(CollectionFilters, {
     schema: schema
   }) : null, levels ? /*#__PURE__*/React__default["default"].createElement(CollectionTree, {
+    schema: schema,
     icon: icon,
     levels: levels,
     onSelect: onSelect,
@@ -5922,7 +5923,8 @@ var CollectionTree = function CollectionTree(props) {
       onSelect = props.onSelect,
       sorter = props.sorter,
       _props$searchBy2 = props.searchBy,
-      searchBy = _props$searchBy2 === void 0 ? [] : _props$searchBy2;
+      searchBy = _props$searchBy2 === void 0 ? [] : _props$searchBy2,
+      schema = props.schema;
 
   var _useContext3 = React.useContext(PageContext),
       pageContext = _useContext3[0],
@@ -5945,13 +5947,17 @@ var CollectionTree = function CollectionTree(props) {
   }
 
   function group(items, by) {
+    console.log(schema, items, by);
+    var options = schema[by] ? schema[by].options : null;
     return items.reduce(function (nodes, field) {
       var node = nodes.find(function (n) {
         return n.name === field[by];
       });
 
       if (!node) {
-        var name = field[by];
+        var name = options ? options.find(function (option) {
+          return option.value === field[by];
+        }) : field[by];
         node = {
           name: name,
           items: [],
@@ -9576,6 +9582,7 @@ exports.CollectionEditor = CollectionEditor$1;
 exports.CollectionFilters = CollectionFilters;
 exports.CollectionPage = CollectionPage;
 exports.CollectionTree = CollectionTree;
+exports.ColorField = ColorField;
 exports.Content = Content;
 exports.ContentEditor = ContentEditor;
 exports.ContentForm = ContentForm;