ywana-core8 0.0.279 → 0.0.282

package/dist/index.umd.js

@@ -3279,7 +3279,9 @@
    */
 
   var View = function View(props) {
-    var icon = props.icon,
+    var id = props.id,
+        className = props.className,
+        icon = props.icon,
         title = props.title,
         toolbar = props.toolbar,
         menu = props.menu,
@@ -3301,8 +3303,9 @@
       if (onClose) onClose();
     }
 
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "view"
+    return /*#__PURE__*/React__default["default"].createElement("section", {
+      id: id,
+      className: "view " + className
     }, /*#__PURE__*/React__default["default"].createElement("header", null, canCollapse ? /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "expand_more",
       size: "small",
@@ -4452,7 +4455,7 @@
     return result;
   }
 
-  var http$1 = HTTPClient(window.API || process.env.REACT_APP_API, Session);
+  var http = HTTPClient(window.API || process.env.REACT_APP_API, Session);
   /**
    * Collection Page
    */
@@ -4964,29 +4967,29 @@
           queryParams = queryParams.concat(filterQuery);
         }
 
-        return http$1.GET(url);
+        return http.GET(url);
       },
       find: function find(id) {
-        return http$1.GET(url + "/" + id);
+        return http.GET(url + "/" + id);
       },
       create: function create(form) {
         var body = JSON.stringify(form);
-        return http$1.POST(url, body);
+        return http.POST(url, body);
       },
       update: function update(form) {
         var body = JSON.stringify(form);
-        return http$1.PUT(url + "/" + form.id, body);
+        return http.PUT(url + "/" + form.id, body);
       },
       patch: function patch(id, form) {
         var body = JSON.stringify(form);
-        return http$1.PATCH(url + "/" + id, body);
+        return http.PATCH(url + "/" + id, body);
       },
       updateProperty: function updateProperty(id, propertyName, form) {
         var body = JSON.stringify(form);
-        return http$1.PUT(url + "/" + id + "/" + propertyName, body);
+        return http.PUT(url + "/" + id + "/" + propertyName, body);
       },
       remove: function remove(id) {
-        return http$1.DELETE(url + "/" + id);
+        return http.DELETE(url + "/" + id);
       }
     };
   };
@@ -5075,6 +5078,10 @@
     })));
   };
 
+  /**
+   * Table Page
+   */
+
   function _catch(body, recover) {
     try {
       var result = body();
@@ -5088,12 +5095,11 @@
 
     return result;
   }
-
-  var http = HTTPClient(window.API || process.env.REACT_APP_API, Session);
   /**
-   * Table Page
+   * TableRowEditor
    */
 
+
   var TablePage = function TablePage(props) {
     var playScenario = function playScenario() {
       try {
@@ -5153,6 +5159,7 @@
         schema = props.schema,
         url = props.url,
         field = props.field,
+        host = props.host,
         _props$autosave = props.autosave,
         autosave = _props$autosave === void 0 ? true : _props$autosave,
         _props$delay = props.delay,
@@ -5207,7 +5214,7 @@
     }, [form]);
     React.useEffect(function () {
       try {
-        var context = TableContext(url, field);
+        var context = TableContext(url, field, host);
         return Promise.resolve(context.load()).then(function () {
           setPageContext(context);
         });
@@ -5319,9 +5326,6 @@
       canDelete: canDelete
     })), renderAside());
   };
-  /**
-   * TableRowEditor
-   */
 
   var TableRowEditor = function TableRowEditor(props) {
     var name = props.name,
@@ -5703,8 +5707,8 @@
    * Table Context
    */
 
-  var TableContext = function TableContext(url, field) {
-    var API = TableAPI(url);
+  var TableContext = function TableContext(url, field, host) {
+    var API = TableAPI(url, host);
     return {
       all: [],
       checked: new Set([]),
@@ -5819,7 +5823,8 @@
    */
 
 
-  var TableAPI = function TableAPI(url) {
+  var TableAPI = function TableAPI(url, host) {
+    var http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
     return {
       all: function all(filters) {
         var queryParams = "?";