ywana-core8 0.0.279 → 0.0.282

package/dist/index.cjs

@@ -3284,7 +3284,9 @@ var Dialog = function Dialog(props) {
  */
 
 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,
@@ -3306,8 +3308,9 @@ var View = function View(props) {
     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",
@@ -4457,7 +4460,7 @@ function _catch$1(body, recover) {
   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
  */
@@ -4969,29 +4972,29 @@ var CollectionAPI = function CollectionAPI(url) {
         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);
     }
   };
 };
@@ -5080,6 +5083,10 @@ var EntityViewer = function EntityViewer(props) {
   })));
 };
 
+/**
+ * Table Page
+ */
+
 function _catch(body, recover) {
   try {
     var result = body();
@@ -5093,12 +5100,11 @@ function _catch(body, recover) {
 
   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 {
@@ -5158,6 +5164,7 @@ var TablePage = function TablePage(props) {
       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,
@@ -5212,7 +5219,7 @@ var TablePage = function TablePage(props) {
   }, [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);
       });
@@ -5324,9 +5331,6 @@ var TablePage = function TablePage(props) {
     canDelete: canDelete
   })), renderAside());
 };
-/**
- * TableRowEditor
- */
 
 var TableRowEditor = function TableRowEditor(props) {
   var name = props.name,
@@ -5708,8 +5712,8 @@ var TableEditor = function TableEditor(props) {
  * 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([]),
@@ -5824,7 +5828,8 @@ var TableContext = function TableContext(url, field) {
  */
 
 
-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 = "?";