@plasmicpkgs/plasmic-cms 0.0.70 → 0.0.71

package/dist/plasmic-cms.esm.js

@@ -1,9 +1,9 @@
 import registerComponent from '@plasmicapp/host/registerComponent';
 import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
-import { useSelector, DataProvider, useDataEnv, repeatedElement } from '@plasmicapp/host';
+import { useSelector, DataProvider, useDataEnv, PlasmicCanvasContext, repeatedElement } from '@plasmicapp/host';
 import { usePlasmicQueryData } from '@plasmicapp/query';
 import dayjs from 'dayjs';
-import React from 'react';
+import React, { useContext } from 'react';
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -1091,45 +1091,6 @@ var API = /*#__PURE__*/function () {
     return query;
   }();
 
-  _proto.fetchRow = /*#__PURE__*/function () {
-    var _fetchRow = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4(table, row, useDraft) {
-      var response;
-      return runtime_1.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              _context4.prev = 0;
-              _context4.next = 3;
-              return this.get("/tables/" + table + "/rows/" + row, {
-                draft: Number(useDraft),
-                locale: this.config.locale
-              });
-
-            case 3:
-              response = _context4.sent;
-              return _context4.abrupt("return", response);
-
-            case 7:
-              _context4.prev = 7;
-              _context4.t0 = _context4["catch"](0);
-              console.error(_context4.t0);
-              throw _context4.t0;
-
-            case 11:
-            case "end":
-              return _context4.stop();
-          }
-        }
-      }, _callee4, this, [[0, 7]]);
-    }));
-
-    function fetchRow(_x5, _x6, _x7) {
-      return _fetchRow.apply(this, arguments);
-    }
-
-    return fetchRow;
-  }();
-
   return API;
 }();
 
@@ -1290,10 +1251,14 @@ var _excluded = ["children"],
 var modulePath = "@plasmicpkgs/plasmic-cms";
 var componentPrefix = "hostless-plasmic-cms";
 
-function renderMaybeData(maybeData, renderFn, loaderProps, loadingMessage, forceLoadingState) {
+function renderMaybeData(maybeData, renderFn, loaderProps, inEditor, loadingMessage, forceLoadingState) {
   if ("error" in maybeData) {
     var error = maybeData.error;
 
+    if (!inEditor) {
+      return React.createElement(React.Fragment, null, loadingMessage != null ? loadingMessage : React.createElement("div", null, "Loading..."));
+    }
+
     if (error && error instanceof HttpError && error.status === 404) {
       if (loaderProps.hideIfNotFound) {
         return null;
@@ -1387,13 +1352,14 @@ function TablesFetcher(_ref2) {
       }
     }, _callee);
   })));
+  var inEditor = !!useContext(PlasmicCanvasContext);
   return renderMaybeData(maybeData, function (tables) {
     return React.createElement(TablesProvider, {
       tables: tables
     }, children);
   }, {
     hideIfNotFound: false
-  }, children);
+  }, inEditor, children);
 }
 
 function isDatabaseConfigured(config) {
@@ -1614,6 +1580,7 @@ function CmsQueryRepeater(_ref5) {
       }
     }, _callee2);
   })));
+  var inEditor = !!useContext(PlasmicCanvasContext);
   var node = renderMaybeData(maybeData, function (rows) {
     if (rows.length === 0 || forceEmptyState) {
       return React.createElement(QueryResultProvider, {
@@ -1633,7 +1600,7 @@ function CmsQueryRepeater(_ref5) {
     }));
   }, {
     hideIfNotFound: false
-  }, loadingMessage, forceLoadingState);
+  }, inEditor, loadingMessage, forceLoadingState);
   return noLayout ? React.createElement(React.Fragment, null, " ", node, " ") : React.createElement("div", {
     className: className
   }, " ", node, " ");