ywana-core8 0.0.581 → 0.0.582

package/dist/index.umd.js

@@ -5152,6 +5152,130 @@
     }, renderGroups()));
   };
 
+  /**
+   * Content Viewer
+   * 
+   * @param {*} props 
+   * @returns 
+   */
+
+  var ContentViewer = function ContentViewer(props) {
+    var content = props.content;
+    if (!content) return /*#__PURE__*/React__default["default"].createElement("div", null, "No Content...");
+    var sections = content.sections();
+    var value = content.value();
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "content-viewer"
+    }, sections.map(function (section) {
+      var title = section.title,
+          fields = section.fields;
+      return /*#__PURE__*/React__default["default"].createElement("section", {
+        key: title,
+        className: "content-viewer"
+      }, /*#__PURE__*/React__default["default"].createElement("header", null, title), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
+        return /*#__PURE__*/React__default["default"].createElement(FieldViewer, {
+          key: field.id,
+          field: field,
+          value: value[field.id]
+        });
+      })));
+    }));
+  };
+  /**
+   * Field Viewer
+   * 
+   * @param {} props 
+   * @returns 
+   */
+
+  var FieldViewer = function FieldViewer(props) {
+    var field = props.field,
+        value = props.value;
+    var type = field.type,
+        item = field.item,
+        label = field.label,
+        _field$visible = field.visible,
+        visible = _field$visible === void 0 ? true : _field$visible,
+        optional = field.optional;
+    if (!visible) return null;
+    if (optional && value === undefined) return null;
+
+    switch (type) {
+      case TYPES.STRING:
+        return /*#__PURE__*/React__default["default"].createElement(Property, {
+          label: label,
+          value: value,
+          options: field.options
+        });
+
+      case TYPES.ENTITY:
+        return /*#__PURE__*/React__default["default"].createElement(EntityViewer, {
+          field: field,
+          value: value
+        });
+
+      case TYPES.ARRAY:
+        return /*#__PURE__*/React__default["default"].createElement(ArrayViewer, {
+          label: label,
+          item: item,
+          value: value
+        });
+
+      default:
+        return /*#__PURE__*/React__default["default"].createElement("div", null, label);
+    }
+  };
+  /**
+   * EntityViewer
+   */
+
+
+  var EntityViewer = function EntityViewer(props) {
+    var field = props.field,
+        value = props.value;
+    var item = field.item,
+        label = field.label;
+    var content = new Content(item, value);
+    var form = content.form();
+    var fields = Object.keys(form).map(function (key) {
+      return form[key];
+    });
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "entity-viewer"
+    }, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
+      return /*#__PURE__*/React__default["default"].createElement(FieldViewer, {
+        field: field,
+        value: value[field.id]
+      });
+    })));
+  };
+  /**
+   * Array Viewer
+   */
+
+
+  var ArrayViewer = function ArrayViewer(props) {
+    var label = props.label,
+        item = props.item,
+        value = props.value;
+    var columns = Object.keys(item).map(function (key) {
+      return item[key]["label"];
+    });
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "array-viewer"
+    }, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("table", null, /*#__PURE__*/React__default["default"].createElement("thead", null, columns.map(function (column) {
+      return /*#__PURE__*/React__default["default"].createElement("th", {
+        key: column
+      }, column);
+    })), /*#__PURE__*/React__default["default"].createElement("tbody", null, value.map(function (v) {
+      return /*#__PURE__*/React__default["default"].createElement("tr", null, Object.keys(item).map(function (key) {
+        return /*#__PURE__*/React__default["default"].createElement("td", {
+          key: v[key]
+        }, v[key]);
+      }));
+    }))));
+  };
+
   /**
    * Create Content Dialog
    */
@@ -5743,14 +5867,16 @@
           open: true
         }, node.nodes ? renderNodes(node.nodes) : node.items.map(function (item) {
           var selected = pageContext.selected && item.id === pageContext.selected.id;
+          var actions = [];
           return /*#__PURE__*/React__default["default"].createElement(TreeItem, {
             icon: icon,
             key: item.id,
             id: item.id,
             label: item.name,
             onSelect: select,
-            selected: selected
-          }, "item");
+            selected: selected,
+            actions: actions
+          });
         }));
       });
     }
@@ -6120,130 +6246,6 @@
     };
   };
 
-  /**
-   * Content Viewer
-   * 
-   * @param {*} props 
-   * @returns 
-   */
-
-  var ContentViewer = function ContentViewer(props) {
-    var content = props.content;
-    if (!content) return /*#__PURE__*/React__default["default"].createElement("div", null, "No Content...");
-    var sections = content.sections();
-    var value = content.value();
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "content-viewer"
-    }, sections.map(function (section) {
-      var title = section.title,
-          fields = section.fields;
-      return /*#__PURE__*/React__default["default"].createElement("section", {
-        key: title,
-        className: "content-viewer"
-      }, /*#__PURE__*/React__default["default"].createElement("header", null, title), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
-        return /*#__PURE__*/React__default["default"].createElement(FieldViewer, {
-          key: field.id,
-          field: field,
-          value: value[field.id]
-        });
-      })));
-    }));
-  };
-  /**
-   * Field Viewer
-   * 
-   * @param {} props 
-   * @returns 
-   */
-
-  var FieldViewer = function FieldViewer(props) {
-    var field = props.field,
-        value = props.value;
-    var type = field.type,
-        item = field.item,
-        label = field.label,
-        _field$visible = field.visible,
-        visible = _field$visible === void 0 ? true : _field$visible,
-        optional = field.optional;
-    if (!visible) return null;
-    if (optional && value === undefined) return null;
-
-    switch (type) {
-      case TYPES.STRING:
-        return /*#__PURE__*/React__default["default"].createElement(Property, {
-          label: label,
-          value: value,
-          options: field.options
-        });
-
-      case TYPES.ENTITY:
-        return /*#__PURE__*/React__default["default"].createElement(EntityViewer, {
-          field: field,
-          value: value
-        });
-
-      case TYPES.ARRAY:
-        return /*#__PURE__*/React__default["default"].createElement(ArrayViewer, {
-          label: label,
-          item: item,
-          value: value
-        });
-
-      default:
-        return /*#__PURE__*/React__default["default"].createElement("div", null, label);
-    }
-  };
-  /**
-   * EntityViewer
-   */
-
-
-  var EntityViewer = function EntityViewer(props) {
-    var field = props.field,
-        value = props.value;
-    var item = field.item,
-        label = field.label;
-    var content = new Content(item, value);
-    var form = content.form();
-    var fields = Object.keys(form).map(function (key) {
-      return form[key];
-    });
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "entity-viewer"
-    }, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
-      return /*#__PURE__*/React__default["default"].createElement(FieldViewer, {
-        field: field,
-        value: value[field.id]
-      });
-    })));
-  };
-  /**
-   * Array Viewer
-   */
-
-
-  var ArrayViewer = function ArrayViewer(props) {
-    var label = props.label,
-        item = props.item,
-        value = props.value;
-    var columns = Object.keys(item).map(function (key) {
-      return item[key]["label"];
-    });
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "array-viewer"
-    }, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("table", null, /*#__PURE__*/React__default["default"].createElement("thead", null, columns.map(function (column) {
-      return /*#__PURE__*/React__default["default"].createElement("th", {
-        key: column
-      }, column);
-    })), /*#__PURE__*/React__default["default"].createElement("tbody", null, value.map(function (v) {
-      return /*#__PURE__*/React__default["default"].createElement("tr", null, Object.keys(item).map(function (key) {
-        return /*#__PURE__*/React__default["default"].createElement("td", {
-          key: v[key]
-        }, v[key]);
-      }));
-    }))));
-  };
-
   var QUERY = {
     id: {
       id: "id",
@@ -9439,6 +9441,7 @@
   exports.Content = Content;
   exports.ContentEditor = ContentEditor;
   exports.ContentForm = ContentForm;
+  exports.ContentViewer = ContentViewer;
   exports.CreateContentDialog = CreateContentDialog;
   exports.DataTable = DataTable;
   exports.Dialog = Dialog;