@panneau/app 3.0.124 → 3.0.127

package/es/index.js

@@ -35,11 +35,13 @@ import Menu from '@panneau/element-menu';
 import Navbar from '@panneau/element-navbar';
 import Label from '@panneau/element-label';
 import ResourceList from '@panneau/list-resource-items';
+import Loading from '@panneau/element-loading';
 import ResourceForm$1 from '@panneau/form-resource';
 import { getComponentFromName } from '@panneau/core/utils';
 import Filters from '@panneau/filter-filters';
 
 /* eslint-disable react/jsx-props-no-spreading */
+// import PropTypes from 'prop-types';
 
 // Kept for backward compatibility with exports
 var ResourceFormWrapper = function ResourceFormWrapper(props) {
@@ -392,7 +394,9 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
     navigate = _useLocation2[1];
   var resourceRoute = useResourceUrlGenerator(resource);
   var _useResourceItem = useResourceItem(resource, itemId),
-    item = _useResourceItem.item;
+    item = _useResourceItem.item,
+    loading = _useResourceItem.loading,
+    error = _useResourceItem.error;
   var _ref2 = item || {},
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? null : _ref2$type;
@@ -429,7 +433,13 @@ var ResourceDeletePage = function ResourceDeletePage(_ref) {
     item: item,
     onSuccess: onSuccess,
     isDelete: true
-  }) : null)))));
+  }) : null, item === null && loading && !error ? /*#__PURE__*/React.createElement(Loading, null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "TV3jir",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Loading"
+    }]
+  })) : null)))));
 };
 ResourceDeletePage.propTypes = propTypes$d;
 ResourceDeletePage.defaultProps = defaultProps$c;
@@ -444,7 +454,9 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
   var itemId = _ref.itemId,
     resource = _ref.resource;
   var _useResourceItem = useResourceItem(resource, itemId),
-    item = _useResourceItem.item;
+    item = _useResourceItem.item,
+    loading = _useResourceItem.loading,
+    error = _useResourceItem.error;
   var _ref2 = item || {},
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? null : _ref2$type;
@@ -488,7 +500,13 @@ var ResourceEditPage = function ResourceEditPage(_ref) {
     item: editItem,
     type: type,
     onSuccess: onSuccess
-  }) : null)))));
+  }) : null, editItem === null && loading && !error ? /*#__PURE__*/React.createElement(Loading, null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "TV3jir",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Loading"
+    }]
+  })) : null)))));
 };
 ResourceEditPage.propTypes = propTypes$c;
 ResourceEditPage.defaultProps = defaultProps$b;
@@ -746,7 +764,9 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
     itemId = _ref.itemId;
   var name = resource.name;
   var _useResourceItem = useResourceItem(resource, itemId),
-    item = _useResourceItem.item;
+    item = _useResourceItem.item,
+    loading = _useResourceItem.loading,
+    error = _useResourceItem.error;
   var _ref2 = item || {},
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? null : _ref2$type;
@@ -761,12 +781,18 @@ var ResourceShowPage = function ResourceShowPage(_ref) {
     className: "row justify-content-center"
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-12 col-md-8 col-lg-7"
-  }, /*#__PURE__*/React.createElement(ResourceForm, {
+  }, item !== null ? /*#__PURE__*/React.createElement(ResourceForm, {
     resource: resource,
     item: item,
     type: type,
     disabled: true
-  }))))));
+  }) : null, item === null && loading && !error ? /*#__PURE__*/React.createElement(Loading, null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "TV3jir",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Loading"
+    }]
+  })) : null)))));
 };
 ResourceShowPage.propTypes = propTypes$8;
 ResourceShowPage.defaultProps = defaultProps$8;
@@ -1167,7 +1193,6 @@ var createResourceRoutes = function createResourceRoutes(resource, _ref) {
     });
   })]);
 };
-var createResourceRoutes$1 = createResourceRoutes;
 
 var _excluded = ["home", "login", "account", "error", "index", "show", "create", "edit", "delete"],
   _excluded2 = ["path", "route", "component"];
@@ -1275,7 +1300,7 @@ var PanneauRoutes = function PanneauRoutes(_ref) {
       resourceId = _ref4.id;
     return /*#__PURE__*/React.createElement(Fragment, {
       key: "resource-".concat(resourceId)
-    }, createResourceRoutes$1(resource, {
+    }, createResourceRoutes(resource, {
       route: route,
       componentsManager: componentsManager,
       pages: pages
@@ -1398,6 +1423,7 @@ Container.defaultProps = defaultProps;
 var PanneauContainer = Container;
 
 /* eslint-disable react/jsx-props-no-spreading */
+// import PropTypes from 'prop-types';
 
 // Kept for backward compatibility with exports
 var ResourceFilters = function ResourceFilters(props) {