@plasmicpkgs/plasmic-cms 0.0.68 → 0.0.71

package/dist/api.d.ts

@@ -22,7 +22,6 @@ declare class API {
     get(endpoint: string, params?: {}): Promise<any>;
     fetchTables(): Promise<ApiCmsTable[]>;
     query(table: string, params: QueryParams): Promise<ApiCmsRow[]>;
-    fetchRow(table: string, row: string, useDraft: boolean): Promise<ApiCmsRow>;
 }
 export declare function mkApi(config: DatabaseConfig | undefined): API;
 export {};

package/dist/plasmic-cms.cjs.development.js

@@ -9,7 +9,8 @@ var registerGlobalContext = _interopDefault(require('@plasmicapp/host/registerGl
 var host = require('@plasmicapp/host');
 var query = require('@plasmicapp/query');
 var dayjs = _interopDefault(require('dayjs'));
-var React = _interopDefault(require('react'));
+var React = require('react');
+var React__default = _interopDefault(React);
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -1097,45 +1098,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;
 }();
 
@@ -1168,7 +1130,7 @@ function useDatabase() {
 function DatabaseProvider(_ref) {
   var config = _ref.config,
       children = _ref.children;
-  return React.createElement(host.DataProvider, {
+  return React__default.createElement(host.DataProvider, {
     name: databaseContextKey,
     data: config
   }, children);
@@ -1179,7 +1141,7 @@ function useTables() {
 function TablesProvider(_ref2) {
   var children = _ref2.children,
       tables = _ref2.tables;
-  return React.createElement(host.DataProvider, {
+  return React__default.createElement(host.DataProvider, {
     name: tablesContextKey,
     data: tables
   }, children);
@@ -1195,7 +1157,7 @@ function QueryResultProvider(_ref3) {
   var children = _ref3.children,
       table = _ref3.table,
       rows = _ref3.rows;
-  return React.createElement(host.DataProvider, {
+  return React__default.createElement(host.DataProvider, {
     name: mkQueryContextKey(table),
     data: rows
   }, children);
@@ -1243,7 +1205,7 @@ function RowProvider(_ref4) {
   var children = _ref4.children,
       table = _ref4.table,
       row = _ref4.row;
-  return React.createElement(host.DataProvider, {
+  return React__default.createElement(host.DataProvider, {
     name: mkRowContextKey(table),
     data: row
   }, children);
@@ -1296,23 +1258,27 @@ 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__default.createElement(React__default.Fragment, null, loadingMessage != null ? loadingMessage : React__default.createElement("div", null, "Loading..."));
+    }
+
     if (error && error instanceof HttpError && error.status === 404) {
       if (loaderProps.hideIfNotFound) {
         return null;
       } else {
-        return React.createElement("div", null, "Error: Data not found");
+        return React__default.createElement("div", null, "Error: Data not found");
       }
     } else {
-      return React.createElement("div", null, "Error: ", error == null ? void 0 : error.message);
+      return React__default.createElement("div", null, "Error: ", error == null ? void 0 : error.message);
     }
   }
 
   if (!("data" in maybeData) || forceLoadingState) {
-    return React.createElement(React.Fragment, null, loadingMessage != null ? loadingMessage : React.createElement("div", null, "Loading..."));
+    return React__default.createElement(React__default.Fragment, null, loadingMessage != null ? loadingMessage : React__default.createElement("div", null, "Loading..."));
   }
 
   return renderFn(maybeData.data);
@@ -1355,9 +1321,9 @@ function CmsCredentialsProvider(_ref) {
       config = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   config.host = config.host || defaultHost;
-  return React.createElement(DatabaseProvider, {
+  return React__default.createElement(DatabaseProvider, {
     config: config
-  }, React.createElement(TablesFetcher, null, children));
+  }, React__default.createElement(TablesFetcher, null, children));
 }
 
 function TablesFetcher(_ref2) {
@@ -1393,13 +1359,14 @@ function TablesFetcher(_ref2) {
       }
     }, _callee);
   })));
+  var inEditor = !!React.useContext(host.PlasmicCanvasContext);
   return renderMaybeData(maybeData, function (tables) {
-    return React.createElement(TablesProvider, {
+    return React__default.createElement(TablesProvider, {
       tables: tables
     }, children);
   }, {
     hideIfNotFound: false
-  }, children);
+  }, inEditor, children);
 }
 
 function isDatabaseConfigured(config) {
@@ -1620,27 +1587,28 @@ function CmsQueryRepeater(_ref5) {
       }
     }, _callee2);
   })));
+  var inEditor = !!React.useContext(host.PlasmicCanvasContext);
   var node = renderMaybeData(maybeData, function (rows) {
     if (rows.length === 0 || forceEmptyState) {
-      return React.createElement(QueryResultProvider, {
+      return React__default.createElement(QueryResultProvider, {
         table: table,
         rows: rows
       }, emptyMessage);
     }
 
-    return React.createElement(QueryResultProvider, {
+    return React__default.createElement(QueryResultProvider, {
       table: table,
       rows: rows
     }, rows.map(function (row, index) {
-      return React.createElement(RowProvider, {
+      return React__default.createElement(RowProvider, {
         table: table,
         row: row
       }, host.repeatedElement(index === 0, children));
     }));
   }, {
     hideIfNotFound: false
-  }, loadingMessage, forceLoadingState);
-  return noLayout ? React.createElement(React.Fragment, null, " ", node, " ") : React.createElement("div", {
+  }, inEditor, loadingMessage, forceLoadingState);
+  return noLayout ? React__default.createElement(React__default.Fragment, null, " ", node, " ") : React__default.createElement("div", {
     className: className
   }, " ", node, " ");
 }
@@ -1762,15 +1730,16 @@ function CmsRowField(_ref9) {
 
   var tables = useTablesWithDataLoaded();
   var res = useRow(tables, table);
+  var unknown = React__default.createElement("div", Object.assign({
+    className: className
+  }, rest), "Field ", table != null ? table : "Unknown Model", ".", field != null ? field : "Unknown Field");
 
   if (!res) {
-    return React.createElement("div", {
-      className: className
-    }, "Field ", table != null ? table : "Unknown Model", ".", field != null ? field : "Unknown Field");
+    return unknown;
   }
 
   if (!res.row) {
-    return React.createElement("div", {
+    return React__default.createElement("div", {
       className: className
     }, "Error: No CMS Entry found");
   }
@@ -1793,7 +1762,7 @@ function CmsRowField(_ref9) {
   }
 
   if (!fieldMeta) {
-    throw new Error("Please select an entry field to display.");
+    return unknown;
   }
 
   var data = (_res$row$data = res.row.data) == null ? void 0 : _res$row$data[fieldMeta.identifier];
@@ -1842,10 +1811,10 @@ function renderValue(value, type, props) {
     case "text":
     case "long-text":
     case "date-time":
-      return React.createElement("div", Object.assign({}, props), value);
+      return React__default.createElement("div", Object.assign({}, props), value);
 
     case "rich-text":
-      return React.createElement("div", Object.assign({
+      return React__default.createElement("div", Object.assign({
         dangerouslySetInnerHTML: {
           __html: value
         }
@@ -1853,7 +1822,7 @@ function renderValue(value, type, props) {
 
     case "image":
       if (value && typeof value === "object" && value.url && value.imageMeta) {
-        return React.createElement("img", Object.assign({
+        return React__default.createElement("img", Object.assign({
           src: value.url,
           width: value.imageMeta.width,
           height: value.imageMeta.height,
@@ -1867,7 +1836,7 @@ function renderValue(value, type, props) {
 
     case "file":
       if (value && typeof value === "object" && value.url && value.name) {
-        return React.createElement("a", Object.assign({
+        return React__default.createElement("a", Object.assign({
           href: value.url,
           target: "_blank"
         }, props), value.name);
@@ -1963,7 +1932,7 @@ function CmsRowLink(_ref11) {
   var res = useRow(tables, table);
 
   if (!res || !res.row) {
-    return React.createElement(React.Fragment, null, children);
+    return React__default.createElement(React__default.Fragment, null, children);
   }
 
   var fieldMeta = deriveInferredTableField({
@@ -1984,7 +1953,7 @@ function CmsRowLink(_ref11) {
   }
 
   if (!fieldMeta) {
-    return React.createElement(React.Fragment, null, children);
+    return React__default.createElement(React__default.Fragment, null, children);
   }
 
   if (!children) {
@@ -1992,16 +1961,16 @@ function CmsRowLink(_ref11) {
   }
 
   var value = ((_res$row$data2 = res.row.data) == null ? void 0 : _res$row$data2[fieldMeta.identifier]) || "";
-  var childrenWithProps = React.Children.map(children, function (child) {
-    if (React.isValidElement(child)) {
+  var childrenWithProps = React__default.Children.map(children, function (child) {
+    if (React__default.isValidElement(child)) {
       var _React$cloneElement;
 
-      return React.cloneElement(child, (_React$cloneElement = {}, _React$cloneElement[hrefProp] = fieldMeta.type === "file" ? value.url : prefix || suffix ? "" + (prefix || "") + value + (suffix || "") : value, _React$cloneElement));
+      return React__default.cloneElement(child, (_React$cloneElement = {}, _React$cloneElement[hrefProp] = fieldMeta.type === "file" ? value.url : prefix || suffix ? "" + (prefix || "") + value + (suffix || "") : value, _React$cloneElement));
     }
 
     return child;
   });
-  return React.createElement(React.Fragment, null, childrenWithProps != null ? childrenWithProps : null);
+  return React__default.createElement(React__default.Fragment, null, childrenWithProps != null ? childrenWithProps : null);
 }
 var cmsRowImageMeta = {
   name: componentPrefix + "-row-image",
@@ -2063,7 +2032,7 @@ function CmsRowImage(_ref13) {
   var res = useRow(tables, table);
 
   if (!res || !res.row) {
-    return React.createElement(React.Fragment, null, children);
+    return React__default.createElement(React__default.Fragment, null, children);
   }
 
   var fieldMeta = deriveInferredTableField({
@@ -2084,30 +2053,30 @@ function CmsRowImage(_ref13) {
   }
 
   if (!fieldMeta) {
-    return React.createElement(React.Fragment, null, children);
+    return React__default.createElement(React__default.Fragment, null, children);
   }
 
   var value = ((_res$row$data3 = res.row.data) == null ? void 0 : _res$row$data3[fieldMeta.identifier]) || "";
-  var childrenWithProps = React.Children.map(children, function (child) {
-    if (React.isValidElement(child) && value) {
+  var childrenWithProps = React__default.Children.map(children, function (child) {
+    if (React__default.isValidElement(child) && value) {
       var _React$cloneElement3;
 
       if (typeof value === "object" && value.url && value.imageMeta) {
         var _React$cloneElement2;
 
-        return React.cloneElement(child, (_React$cloneElement2 = {}, _React$cloneElement2[srcProp] = {
+        return React__default.cloneElement(child, (_React$cloneElement2 = {}, _React$cloneElement2[srcProp] = {
           src: value.url,
           fullHeight: value.imageMeta.height,
           fullWidth: value.imageMeta.width
         }, _React$cloneElement2));
       }
 
-      return React.cloneElement(child, (_React$cloneElement3 = {}, _React$cloneElement3[srcProp] = value, _React$cloneElement3));
+      return React__default.cloneElement(child, (_React$cloneElement3 = {}, _React$cloneElement3[srcProp] = value, _React$cloneElement3));
     }
 
     return child;
   });
-  return React.createElement(React.Fragment, null, childrenWithProps);
+  return React__default.createElement(React__default.Fragment, null, childrenWithProps);
 }
 var cmsRowFieldValueMeta = {
   name: componentPrefix + "-row-value",
@@ -2167,7 +2136,7 @@ function CmsRowFieldValue(_ref15) {
   var res = useRow(tables, table);
 
   if (!res || !res.row) {
-    return React.createElement(React.Fragment, null, children);
+    return React__default.createElement(React__default.Fragment, null, children);
   }
 
   var fieldMeta = deriveInferredTableField({
@@ -2188,20 +2157,20 @@ function CmsRowFieldValue(_ref15) {
   }
 
   if (!fieldMeta) {
-    return React.createElement(React.Fragment, null, children);
+    return React__default.createElement(React__default.Fragment, null, children);
   }
 
   var value = ((_res$row$data4 = res.row.data) == null ? void 0 : _res$row$data4[fieldMeta.identifier]) || "";
-  var childrenWithProps = React.Children.map(children, function (child) {
-    if (React.isValidElement(child)) {
+  var childrenWithProps = React__default.Children.map(children, function (child) {
+    if (React__default.isValidElement(child)) {
       var _extends2;
 
-      return React.cloneElement(child, _extends({}, rest, (_extends2 = {}, _extends2[valueProp] = value, _extends2)));
+      return React__default.cloneElement(child, _extends({}, rest, (_extends2 = {}, _extends2[valueProp] = value, _extends2)));
     }
 
     return child;
   });
-  return React.createElement(React.Fragment, null, childrenWithProps);
+  return React__default.createElement(React__default.Fragment, null, childrenWithProps);
 }
 
 function registerAll(loader) {