ywana-core8 0.0.484 → 0.0.485

package/dist/index.umd.js

@@ -4087,22 +4087,48 @@
       var next = Object.assign({}, content.value(), (_Object$assign4 = {}, _Object$assign4[fid] = value, _Object$assign4));
       if (onChange) onChange(id, next);
     }
+    /*
+    const form = content.form()
+    const fields = Object.keys(form).map((key) => form[key])
+    
+    return (
+      <div className='entity-editor'>
+      <header>
+          <Text use='caption'>{label}</Text>
+          </header>
+          <main>
+          {fields.map((field) => (
+            <FieldEditor key={field.id} field={field} onChange={change} />
+            ))}
+            </main>
+            </div>
+            )
+    */
 
-    var form = content.form();
-    var fields = Object.keys(form).map(function (key) {
-      return form[key];
-    });
+
+    var sections = content.sections();
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "entity-editor"
     }, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement(Text, {
       use: "caption"
-    }, label)), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
-      return /*#__PURE__*/React__default["default"].createElement(FieldEditor, {
-        key: field.id,
-        field: field,
-        onChange: change
+    }, label)), sections.map(function (section) {
+      var title = section.title,
+          fields = section.fields;
+      var filtered = fields.filter(function (field) {
+        return field.id !== 'id';
       });
-    })));
+      return filtered.length > 0 ? /*#__PURE__*/React__default["default"].createElement("section", {
+        key: title
+      }, title && title.length > 0 ? /*#__PURE__*/React__default["default"].createElement("header", null, title) : null, /*#__PURE__*/React__default["default"].createElement("main", null, filtered.map(function (field) {
+        return /*#__PURE__*/React__default["default"].createElement(FieldEditor, {
+          key: field.id,
+          field: field,
+          onChange: change,
+          outlined: true,
+          content: content
+        });
+      }))) : null;
+    }));
   };
   /**
    * String Editor