ywana-core8 0.0.579 → 0.0.582

package/dist/index.modern.js

@@ -1,5 +1,5 @@
 import 'material-design-icons-iconfont/dist/material-design-icons.css';
-import React, { useState, useContext, useEffect, Fragment, useRef, useMemo, Children } from 'react';
+import React, { useState, useEffect, useContext, Fragment, useRef, useMemo, Children } from 'react';
 import RSwitch from 'react-switch';
 import moment$1 from 'moment';
 import { extendMoment } from 'moment-range';
@@ -198,18 +198,25 @@ var Accordion = function Accordion(props) {
       sections = _props$sections === void 0 ? [] : _props$sections,
       onCheck = props.onCheck;
 
-  var _useState = useState(sections.map(function (section) {
-    return section.open;
-  })),
+  var _useState = useState([]),
       openSections = _useState[0],
       setOpenSections = _useState[1];
 
-  var _useState2 = useState(sections.map(function (section) {
-    return section.checked;
-  })),
+  var _useState2 = useState([]),
       checkedSections = _useState2[0],
       setCheckedSections = _useState2[1];
 
+  useEffect(function () {
+    var openSections = sections.map(function (section) {
+      return section.open;
+    });
+    var checkedSections = sections.map(function (section) {
+      return section.checked;
+    });
+    setOpenSections(openSections);
+    setCheckedSections(checkedSections);
+  }, [sections]);
+
   function toggle(index) {
     var next = openSections.map(function (open, i) {
       return i === index ? !open : open;
@@ -5143,6 +5150,130 @@ var TableEditor$3 = function TableEditor(props) {
   }, renderGroups()));
 };
 
+/**
+ * Content Viewer
+ * 
+ * @param {*} props 
+ * @returns 
+ */
+
+var ContentViewer = function ContentViewer(props) {
+  var content = props.content;
+  if (!content) return /*#__PURE__*/React.createElement("div", null, "No Content...");
+  var sections = content.sections();
+  var value = content.value();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "content-viewer"
+  }, sections.map(function (section) {
+    var title = section.title,
+        fields = section.fields;
+    return /*#__PURE__*/React.createElement("section", {
+      key: title,
+      className: "content-viewer"
+    }, /*#__PURE__*/React.createElement("header", null, title), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
+      return /*#__PURE__*/React.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.createElement(Property, {
+        label: label,
+        value: value,
+        options: field.options
+      });
+
+    case TYPES.ENTITY:
+      return /*#__PURE__*/React.createElement(EntityViewer, {
+        field: field,
+        value: value
+      });
+
+    case TYPES.ARRAY:
+      return /*#__PURE__*/React.createElement(ArrayViewer, {
+        label: label,
+        item: item,
+        value: value
+      });
+
+    default:
+      return /*#__PURE__*/React.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.createElement("div", {
+    className: "entity-viewer"
+  }, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
+    return /*#__PURE__*/React.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.createElement("div", {
+    className: "array-viewer"
+  }, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, columns.map(function (column) {
+    return /*#__PURE__*/React.createElement("th", {
+      key: column
+    }, column);
+  })), /*#__PURE__*/React.createElement("tbody", null, value.map(function (v) {
+    return /*#__PURE__*/React.createElement("tr", null, Object.keys(item).map(function (key) {
+      return /*#__PURE__*/React.createElement("td", {
+        key: v[key]
+      }, v[key]);
+    }));
+  }))));
+};
+
 /**
  * Create Content Dialog
  */
@@ -5734,14 +5865,16 @@ var CollectionTree = function CollectionTree(props) {
         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.createElement(TreeItem, {
           icon: icon,
           key: item.id,
           id: item.id,
           label: item.name,
           onSelect: select,
-          selected: selected
-        }, "item");
+          selected: selected,
+          actions: actions
+        });
       }));
     });
   }
@@ -6111,130 +6244,6 @@ var CollectionAPI = function CollectionAPI(url, host) {
   };
 };
 
-/**
- * Content Viewer
- * 
- * @param {*} props 
- * @returns 
- */
-
-var ContentViewer = function ContentViewer(props) {
-  var content = props.content;
-  if (!content) return /*#__PURE__*/React.createElement("div", null, "No Content...");
-  var sections = content.sections();
-  var value = content.value();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "content-viewer"
-  }, sections.map(function (section) {
-    var title = section.title,
-        fields = section.fields;
-    return /*#__PURE__*/React.createElement("section", {
-      key: title,
-      className: "content-viewer"
-    }, /*#__PURE__*/React.createElement("header", null, title), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
-      return /*#__PURE__*/React.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.createElement(Property, {
-        label: label,
-        value: value,
-        options: field.options
-      });
-
-    case TYPES.ENTITY:
-      return /*#__PURE__*/React.createElement(EntityViewer, {
-        field: field,
-        value: value
-      });
-
-    case TYPES.ARRAY:
-      return /*#__PURE__*/React.createElement(ArrayViewer, {
-        label: label,
-        item: item,
-        value: value
-      });
-
-    default:
-      return /*#__PURE__*/React.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.createElement("div", {
-    className: "entity-viewer"
-  }, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
-    return /*#__PURE__*/React.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.createElement("div", {
-    className: "array-viewer"
-  }, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, columns.map(function (column) {
-    return /*#__PURE__*/React.createElement("th", {
-      key: column
-    }, column);
-  })), /*#__PURE__*/React.createElement("tbody", null, value.map(function (v) {
-    return /*#__PURE__*/React.createElement("tr", null, Object.keys(item).map(function (key) {
-      return /*#__PURE__*/React.createElement("td", {
-        key: v[key]
-      }, v[key]);
-    }));
-  }))));
-};
-
 var QUERY = {
   id: {
     id: "id",
@@ -8454,27 +8463,32 @@ var TabbedTablePage = function TabbedTablePage(props) {
 
   useEffect(function () {
     try {
-      var _field = Object.values(schema).find(function (field) {
-        return field.tab && field.tab === true;
-      });
-
-      var _tabs = _field.options.map(function (option) {
-        return Object.assign({}, option, {
-          field: _field.id
+      var _temp3 = function _temp3() {
+        var field = Object.values(schema).find(function (field) {
+          return field.tab && field.tab === true;
         });
-      });
+        var tabs = field.options.map(function (option) {
+          return Object.assign({}, option, {
+            field: field.id
+          });
+        });
+        setTabs(tabs);
+        context.changeTab(tabs[0]);
+        setPageContext(context);
+      };
 
-      setTabs(_tabs);
-      context.changeTab(_tabs[0]);
-      setPageContext(context);
-      return Promise.resolve();
+      var _temp4 = function () {
+        if (canQuery) return Promise.resolve(context.loadQueries(user)).then(function () {});
+      }();
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
   }, []);
   useEffect(function () {
     try {
-      var _temp2 = function () {
+      var _temp6 = function () {
         if (tab) {
           var _filter;
 
@@ -8485,7 +8499,7 @@ var TabbedTablePage = function TabbedTablePage(props) {
         }
       }();
 
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -8947,7 +8961,7 @@ var TableEditor = function TableEditor(props) {
   var remove = function remove(id) {
     try {
       return Promise.resolve(site.confirm("Are you sure ?")).then(function (confirm) {
-        var _temp3 = function () {
+        var _temp7 = function () {
           if (confirm) {
             return Promise.resolve(pageContext.remove(id)).then(function () {
               pageContext.clear();
@@ -8956,7 +8970,7 @@ var TableEditor = function TableEditor(props) {
           }
         }();
 
-        if (_temp3 && _temp3.then) return _temp3.then(function () {});
+        if (_temp7 && _temp7.then) return _temp7.then(function () {});
       });
     } catch (e) {
       return Promise.reject(e);
@@ -9167,7 +9181,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
       try {
         var _this2 = this;
 
-        var _temp5 = _catch(function () {
+        var _temp9 = _catch(function () {
           var filters = filter ? Object.keys(filter).reduce(function (filters, key) {
             var field = filter[key];
 
@@ -9196,7 +9210,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(function () {}) : void 0);
+        return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -9234,7 +9248,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
       try {
         var _this5 = this;
 
-        var _temp7 = _catch(function () {
+        var _temp11 = _catch(function () {
           return Promise.resolve(API.create(form)).then(function () {
             return Promise.resolve(_this5.load({}, [])).then(function () {});
           });
@@ -9242,7 +9256,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(function () {}) : void 0);
+        return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -9251,7 +9265,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
       try {
         var _this7 = this;
 
-        var _temp9 = _catch(function () {
+        var _temp13 = _catch(function () {
           return Promise.resolve(API.update(form)).then(function () {
             return Promise.resolve(_this7.load()).then(function () {});
           });
@@ -9259,7 +9273,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(function () {}) : void 0);
+        return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -9268,7 +9282,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
       try {
         var _this9 = this;
 
-        var _temp11 = _catch(function () {
+        var _temp15 = _catch(function () {
           return Promise.resolve(API.remove(id)).then(function () {
             return Promise.resolve(_this9.load()).then(function () {});
           });
@@ -9276,7 +9290,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(function () {}) : void 0);
+        return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -9288,7 +9302,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
       try {
         var _this11 = this;
 
-        var _temp13 = _catch(function () {
+        var _temp17 = _catch(function () {
           return Promise.resolve(API.queries(user, urlQuery)).then(function (_API$queries) {
             _this11.queries = _API$queries;
           });
@@ -9296,7 +9310,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(function () {}) : void 0);
+        return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -9305,7 +9319,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
       try {
         var _this13 = this;
 
-        var _temp15 = _catch(function () {
+        var _temp19 = _catch(function () {
           return Promise.resolve(API.createQuery(query, urlQuery)).then(function () {
             return Promise.resolve(_this13.loadQueries(user)).then(function () {});
           });
@@ -9313,7 +9327,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(function () {}) : void 0);
+        return Promise.resolve(_temp19 && _temp19.then ? _temp19.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -9322,7 +9336,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
       try {
         var _this15 = this;
 
-        var _temp17 = _catch(function () {
+        var _temp21 = _catch(function () {
           return Promise.resolve(API.removeQuery(id, urlQuery)).then(function () {
             return Promise.resolve(_this15.loadQueries(user)).then(function () {});
           });
@@ -9330,7 +9344,7 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(function () {}) : void 0);
+        return Promise.resolve(_temp21 && _temp21.then ? _temp21.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -9409,5 +9423,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionFilters, CollectionPage, CollectionTree, Content, ContentEditor, ContentForm, CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, FileExplorer, FileIconsView, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, isFunction };
+export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionFilters, CollectionPage, CollectionTree, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, FileExplorer, FileIconsView, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, isFunction };
 //# sourceMappingURL=index.modern.js.map