@plasmicpkgs/plasmic-cms 0.0.35 → 0.0.39

package/dist/plasmic-cms.esm.js

@@ -1448,15 +1448,6 @@ function CmsCredentialsProvider(_ref) {
       config = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   config.host = config.host || defaultHost;
-
-  if (!config.databaseId) {
-    throw new Error("You must specify the CMS database ID to use.");
-  }
-
-  if (!config.databaseToken) {
-    throw new Error("You must specify the token of the CMS database you are using.");
-  }
-
   return React.createElement(DatabaseProvider, {
     config: config
   }, React.createElement(TablesFetcher, null, children));
@@ -1474,9 +1465,21 @@ function TablesFetcher(_ref2) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            return _context.abrupt("return", mkApi(databaseConfig).fetchTables());
+            if (isDatabaseConfigured(databaseConfig)) {
+              _context.next = 2;
+              break;
+            }
 
-          case 1:
+            return _context.abrupt("return", []);
+
+          case 2:
+            _context.next = 4;
+            return mkApi(databaseConfig).fetchTables();
+
+          case 4:
+            return _context.abrupt("return", _context.sent);
+
+          case 5:
           case "end":
             return _context.stop();
         }
@@ -1494,7 +1497,7 @@ function TablesFetcher(_ref2) {
 
 var cmsQueryLoaderMeta = {
   name: componentPrefix + "-query-loader",
-  displayName: "CMS Query Loader",
+  displayName: "CMS Data Loader",
   importName: "CmsQueryLoader",
   importPath: modulePath,
   props: {
@@ -1547,6 +1550,11 @@ var cmsQueryLoaderMeta = {
     }
   }
 };
+
+function isDatabaseConfigured(config) {
+  return (config == null ? void 0 : config.databaseId) && (config == null ? void 0 : config.databaseToken);
+}
+
 function CmsQueryLoader(_ref5) {
   var table = _ref5.table,
       children = _ref5.children,
@@ -1584,27 +1592,35 @@ function CmsQueryLoader(_ref5) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
+            if (isDatabaseConfigured(databaseConfig)) {
+              _context2.next = 2;
+              break;
+            }
+
+            throw new Error("You must specify the CMS ID and API key");
+
+          case 2:
             if (table) {
-              _context2.next = 4;
+              _context2.next = 6;
               break;
             }
 
-            throw new Error("You must select a table to query");
+            throw new Error("You must select a model to query");
 
-          case 4:
+          case 6:
             if (!(tables && !tables.find(function (t) {
               return t.identifier === table;
             }))) {
-              _context2.next = 6;
+              _context2.next = 8;
               break;
             }
 
-            throw new Error("There is no table called \"" + table + "\"");
+            throw new Error("There is no model called \"" + table + "\"");
 
-          case 6:
+          case 8:
             return _context2.abrupt("return", mkApi(databaseConfig).query(table, params));
 
-          case 7:
+          case 9:
           case "end":
             return _context2.stop();
         }
@@ -1622,7 +1638,7 @@ function CmsQueryLoader(_ref5) {
 }
 var cmsRowRepeaterMeta = {
   name: componentPrefix + "-row-repeater",
-  displayName: "CMS Row Repeater",
+  displayName: "CMS Entry Repeater",
   importName: "CmsRowRepeater",
   importPath: modulePath,
   props: {
@@ -1670,7 +1686,7 @@ function CmsRowRepeater(_ref7) {
 }
 var cmsQueryRepeaterMeta = {
   name: componentPrefix + "-query-repeater",
-  displayName: "CMS Query Loader",
+  displayName: "CMS Data Loader",
   description: "Fetches CMS data and repeats content of children once for every row fetched.",
   importName: "CmsQueryRepeater",
   importPath: modulePath,
@@ -1678,8 +1694,11 @@ var cmsQueryRepeaterMeta = {
     children: {
       type: "slot",
       defaultValue: {
-        type: "component",
-        name: componentPrefix + "-row-field"
+        type: "vbox",
+        children: [{
+          type: "component",
+          name: componentPrefix + "-row-field"
+        }]
       }
     },
     table: {
@@ -1699,7 +1718,10 @@ var cmsQueryRepeaterMeta = {
     where: {
       type: "object",
       displayName: "Filter",
-      description: "Filter clause, in JSON format."
+      description: "Filter clause, in JSON format.",
+      hidden: function hidden() {
+        return true;
+      }
     },
     orderBy: {
       type: "choice",
@@ -1756,32 +1778,45 @@ function CmsQueryRepeater(_ref9) {
     databaseConfig: databaseConfig,
     params: params
   });
+
+  if (!table && tables && tables.length > 0) {
+    table = tables[0].identifier;
+  }
+
   var maybeData = usePlasmicQueryData(cacheKey, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3() {
     return runtime_1.wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
           case 0:
+            if (isDatabaseConfigured(databaseConfig)) {
+              _context3.next = 2;
+              break;
+            }
+
+            throw new Error("You must specify a CMS ID and API key");
+
+          case 2:
             if (table) {
-              _context3.next = 4;
+              _context3.next = 6;
               break;
             }
 
-            throw new Error("You must select a table to query");
+            throw new Error("You must select a model to query");
 
-          case 4:
+          case 6:
             if (!(tables && !tables.find(function (t) {
               return t.identifier === table;
             }))) {
-              _context3.next = 6;
+              _context3.next = 10;
               break;
             }
 
-            throw new Error("There is no table called \"" + table + "\"");
+            throw new Error("There is no model called \"" + table + "\"");
 
-          case 6:
+          case 10:
             return _context3.abrupt("return", mkApi(databaseConfig).query(table, params));
 
-          case 7:
+          case 11:
           case "end":
             return _context3.stop();
         }
@@ -1789,6 +1824,10 @@ function CmsQueryRepeater(_ref9) {
     }, _callee3);
   })));
   return renderMaybeData(maybeData, function (rows) {
+    if (rows.length === 0) {
+      return React.createElement("div", null, "No matching entries found.");
+    }
+
     return React.createElement(QueryResultProvider, {
       table: table,
       rows: rows
@@ -1804,7 +1843,7 @@ function CmsQueryRepeater(_ref9) {
 }
 var cmsRowFieldMeta = {
   name: componentPrefix + "-row-field",
-  displayName: "CMS Row Field",
+  displayName: "CMS Entry Field",
   importName: "CmsRowField",
   importPath: modulePath,
   props: {
@@ -1824,7 +1863,7 @@ var cmsRowFieldMeta = {
         var _ctx$table;
 
         var table = _ref11.table;
-        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table = ctx == null ? void 0 : ctx.table) != null ? _ctx$table : table, ["number", "boolean", "text", "long-text", "date-time", "rich-text"]);
+        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table = ctx == null ? void 0 : ctx.table) != null ? _ctx$table : table, ["number", "boolean", "text", "long-text", "date-time", "rich-text", "image"]);
       }
     },
     dateFormat: {
@@ -1913,8 +1952,16 @@ function CmsRowField(_ref13) {
   var tables = useTables();
   var res = useRow(table);
 
-  if (!res || !res.row) {
-    return React.createElement("div", null, "Error: No CMS Row found");
+  if (!res) {
+    return React.createElement("div", {
+      className: className
+    }, "Field ", table != null ? table : "Unknown Model", ".", field != null ? field : "Unknown Field");
+  }
+
+  if (!res.row) {
+    return React.createElement("div", {
+      className: className
+    }, "Error: No CMS Entry found");
   }
 
   if (tables) {
@@ -1930,11 +1977,11 @@ function CmsRowField(_ref13) {
     table: res.table,
     tables: tables,
     field: field,
-    typeFilters: ["text"]
+    typeFilters: ["text", "long-text", "rich-text"]
   });
 
   if (!fieldMeta) {
-    return React.createElement("div", null, "Error: No field to display");
+    throw new Error("Please select an entry field to display.");
   }
 
   var data = (_res$row$data = res.row.data) == null ? void 0 : _res$row$data[fieldMeta.identifier];
@@ -2009,7 +2056,7 @@ function renderValue(value, type, props) {
 
 var cmsRowLinkMeta = {
   name: componentPrefix + "-row-link",
-  displayName: "CMS Row Link",
+  displayName: "CMS Entry Link",
   importName: "CmsRowLink",
   importPath: modulePath,
   props: {
@@ -2100,7 +2147,7 @@ function CmsRowLink(_ref15) {
 }
 var cmsRowImageMeta = {
   name: componentPrefix + "-row-image",
-  displayName: "CMS Row Image",
+  displayName: "CMS Entry Image",
   importName: "CmsRowImage",
   importPath: modulePath,
   props: {
@@ -2196,7 +2243,7 @@ function CmsRowImage(_ref17) {
 }
 var cmsRowFieldValueMeta = {
   name: componentPrefix + "-row-value",
-  displayName: "CMS Row Value",
+  displayName: "CMS Entry Value",
   importName: "CmsRowValue",
   importPath: modulePath,
   props: {