@plasmicpkgs/plasmic-cms 0.0.45 → 0.0.48

package/dist/plasmic-cms.esm.js

@@ -1281,7 +1281,7 @@ function QueryResultProvider(_ref3) {
     data: rows
   }, children);
 }
-function useRow(table) {
+function useTablesWithDataLoaded() {
   var env = useDataEnv();
   var tables = useTables();
 
@@ -1289,39 +1289,33 @@ function useRow(table) {
     return undefined;
   }
 
-  if (table) {
-    return {
-      table: table,
-      row: env[mkRowContextKey(table)]
-    };
-  }
-
   if (!tables) {
     return undefined;
   }
 
   var matchingKeys = getClosestMatchingKeys(env, rowContextPrefix);
-
-  var _loop2 = function _loop2() {
-    var key = _step2.value;
-    var inferredTable = tables.find(function (t) {
-      return mkRowContextKey(t.identifier) === key;
+  return tables.filter(function (table) {
+    return matchingKeys.some(function (key) {
+      return mkRowContextKey(table.identifier) === key;
     });
+  });
+}
+function useRow(tables, table) {
+  var env = useDataEnv();
 
-    if (inferredTable) {
-      return {
-        v: {
-          table: inferredTable.identifier,
-          row: env[key]
-        }
-      };
-    }
-  };
+  if (!env) {
+    return undefined;
+  }
 
-  for (var _iterator2 = _createForOfIteratorHelperLoose(matchingKeys), _step2; !(_step2 = _iterator2()).done;) {
-    var _ret2 = _loop2();
+  if (!table && tables && tables.length > 0) {
+    table = tables[0].identifier;
+  }
 
-    if (typeof _ret2 === "object") return _ret2.v;
+  if (table) {
+    return {
+      table: table,
+      row: env[mkRowContextKey(table)]
+    };
   }
 
   return undefined;
@@ -1390,7 +1384,7 @@ var fetcherComponentPropMetas = {
   }
 };
 
-function renderMaybeData(maybeData, renderFn, loaderProps) {
+function renderMaybeData(maybeData, renderFn, loaderProps, loadingMessage, forceLoadingState) {
   if ("error" in maybeData) {
     var error = maybeData.error;
 
@@ -1405,8 +1399,8 @@ function renderMaybeData(maybeData, renderFn, loaderProps) {
     }
   }
 
-  if (!("data" in maybeData)) {
-    return React.createElement("div", null, "Loading...");
+  if (!("data" in maybeData) || forceLoadingState) {
+    return React.createElement(React.Fragment, null, loadingMessage != null ? loadingMessage : React.createElement("div", null, "Loading..."));
   }
 
   return renderFn(maybeData.data);
@@ -1693,6 +1687,7 @@ var cmsQueryRepeaterMeta = {
   props: {
     children: {
       type: "slot",
+      isRepeated: true,
       defaultValue: {
         type: "vbox",
         children: [{
@@ -1707,6 +1702,9 @@ var cmsQueryRepeaterMeta = {
       description: "CMS model (table) to query.",
       options: function options(_, ctx) {
         return mkTableOptions(ctx == null ? void 0 : ctx.tables);
+      },
+      defaultValueHint: function defaultValueHint(_, ctx) {
+        return ctx == null ? void 0 : ctx.table;
       }
     },
     useDraft: {
@@ -1727,9 +1725,8 @@ var cmsQueryRepeaterMeta = {
       type: "choice",
       displayName: "Order by",
       description: "Field to order by.",
-      options: function options(_ref8, ctx) {
-        var table = _ref8.table;
-        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, table);
+      options: function options(_, ctx) {
+        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, ctx == null ? void 0 : ctx.table);
       }
     },
     desc: {
@@ -1743,28 +1740,50 @@ var cmsQueryRepeaterMeta = {
       displayName: "Limit",
       description: "Maximum number of entries to fetch (0 for unlimited).",
       defaultValue: 0
+    },
+    emptyMessage: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "No matching entries found."
+      }
+    },
+    forceEmptyState: {
+      type: "boolean",
+      displayName: "Force empty state",
+      description: "If set, will render as if no matching entries were found.",
+      defaultValue: false
+    },
+    loadingMessage: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Loading..."
+      }
+    },
+    forceLoadingState: {
+      type: "boolean",
+      displayName: "Force loading state",
+      description: "If set, will render as if it is waiting for the query to run.",
+      defaultValue: false
     }
   }
 };
-function CmsQueryRepeater(_ref9) {
-  var table = _ref9.table,
-      children = _ref9.children,
-      setControlContextData = _ref9.setControlContextData,
-      where = _ref9.where,
-      useDraft = _ref9.useDraft,
-      orderBy = _ref9.orderBy,
-      desc = _ref9.desc,
-      limit = _ref9.limit;
+function CmsQueryRepeater(_ref8) {
+  var table = _ref8.table,
+      children = _ref8.children,
+      setControlContextData = _ref8.setControlContextData,
+      where = _ref8.where,
+      useDraft = _ref8.useDraft,
+      orderBy = _ref8.orderBy,
+      desc = _ref8.desc,
+      limit = _ref8.limit,
+      emptyMessage = _ref8.emptyMessage,
+      forceEmptyState = _ref8.forceEmptyState,
+      loadingMessage = _ref8.loadingMessage,
+      forceLoadingState = _ref8.forceLoadingState;
   var databaseConfig = useDatabase();
   var tables = useTables();
-
-  if (tables) {
-    // TODO: Only include table if __plasmic_cms_row_{table} exists.
-    setControlContextData == null ? void 0 : setControlContextData({
-      tables: tables
-    });
-  }
-
   var params = {
     where: where,
     useDraft: useDraft,
@@ -1783,6 +1802,14 @@ function CmsQueryRepeater(_ref9) {
     table = tables[0].identifier;
   }
 
+  if (tables) {
+    // TODO: Only include table if __plasmic_cms_row_{table} exists.
+    setControlContextData == null ? void 0 : setControlContextData({
+      tables: tables,
+      table: table
+    });
+  }
+
   var maybeData = usePlasmicQueryData(cacheKey, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3() {
     return runtime_1.wrap(function _callee3$(_context3) {
       while (1) {
@@ -1824,8 +1851,8 @@ function CmsQueryRepeater(_ref9) {
     }, _callee3);
   })));
   return renderMaybeData(maybeData, function (rows) {
-    if (rows.length === 0) {
-      return React.createElement("div", null, "No matching entries found.");
+    if (rows.length === 0 || forceEmptyState) {
+      return React.createElement(React.Fragment, null, " ", emptyMessage, " ");
     }
 
     return React.createElement(QueryResultProvider, {
@@ -1839,7 +1866,7 @@ function CmsQueryRepeater(_ref9) {
     }));
   }, {
     hideIfNotFound: false
-  });
+  }, loadingMessage, forceLoadingState);
 }
 var cmsRowFieldMeta = {
   name: componentPrefix + "-row-field",
@@ -1853,24 +1880,32 @@ var cmsRowFieldMeta = {
       description: "CMS model (table) to use.",
       options: function options(_, ctx) {
         return mkTableOptions(ctx == null ? void 0 : ctx.tables);
+      },
+      defaultValueHint: function defaultValueHint(_, ctx) {
+        return ctx == null ? void 0 : ctx.table;
       }
     },
     field: {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref11, ctx) {
+      options: function options(_ref10, ctx) {
         var _ctx$table;
 
-        var table = _ref11.table;
+        var table = _ref10.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", "image"]);
+      },
+      defaultValueHint: function defaultValueHint(_, ctx) {
+        var _ctx$fieldMeta, _ctx$fieldMeta2;
+
+        return (ctx == null ? void 0 : (_ctx$fieldMeta = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta.name) || (ctx == null ? void 0 : (_ctx$fieldMeta2 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta2.identifier);
       }
     },
     dateFormat: {
       type: "choice",
       displayName: "Date Format",
-      hidden: function hidden(_ref12, ctx) {
-        var field = _ref12.field;
+      hidden: function hidden(_ref11, ctx) {
+        var field = _ref11.field;
 
         if (!ctx) {
           return true;
@@ -1939,18 +1974,18 @@ var cmsRowFieldMeta = {
     }
   }
 };
-function CmsRowField(_ref13) {
+function CmsRowField(_ref12) {
   var _res$row$data;
 
-  var className = _ref13.className,
-      table = _ref13.table,
-      field = _ref13.field,
-      dateFormat = _ref13.dateFormat,
-      setControlContextData = _ref13.setControlContextData,
-      rest = _objectWithoutPropertiesLoose(_ref13, _excluded2);
+  var className = _ref12.className,
+      table = _ref12.table,
+      field = _ref12.field,
+      dateFormat = _ref12.dateFormat,
+      setControlContextData = _ref12.setControlContextData,
+      rest = _objectWithoutPropertiesLoose(_ref12, _excluded2);
 
-  var tables = useTables();
-  var res = useRow(table);
+  var tables = useTablesWithDataLoaded();
+  var res = useRow(tables, table);
 
   if (!res) {
     return React.createElement("div", {
@@ -1964,22 +1999,23 @@ function CmsRowField(_ref13) {
     }, "Error: No CMS Entry found");
   }
 
+  var fieldMeta = deriveInferredTableField({
+    table: res.table,
+    tables: tables,
+    field: field,
+    typeFilters: ["text", "long-text", "rich-text"]
+  });
+
   if (tables) {
     // TODO: Only include table if __plasmic_cms_row_{table} exists.
     setControlContextData == null ? void 0 : setControlContextData({
       tables: tables,
       table: res.table,
-      row: res.row
+      row: res.row,
+      fieldMeta: fieldMeta
     });
   }
 
-  var fieldMeta = deriveInferredTableField({
-    table: res.table,
-    tables: tables,
-    field: field,
-    typeFilters: ["text", "long-text", "rich-text"]
-  });
-
   if (!fieldMeta) {
     throw new Error("Please select an entry field to display.");
   }
@@ -2007,6 +2043,7 @@ function deriveInferredTableField(opts) {
       tables = opts.tables,
       field = opts.field,
       typeFilters = opts.typeFilters;
+  if (!table) return undefined;
   var schema = tables == null ? void 0 : (_tables$find = tables.find(function (t) {
     return t.identifier === table;
   })) == null ? void 0 : _tables$find.schema;
@@ -2074,17 +2111,25 @@ var cmsRowLinkMeta = {
       description: "CMS model (table) to use.",
       options: function options(_, ctx) {
         return mkTableOptions(ctx == null ? void 0 : ctx.tables);
+      },
+      defaultValueHint: function defaultValueHint(_, ctx) {
+        return ctx == null ? void 0 : ctx.table;
       }
     },
     field: {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref14, ctx) {
+      options: function options(_ref13, ctx) {
         var _ctx$table2;
 
-        var table = _ref14.table;
+        var table = _ref13.table;
         return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table2 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table2 : table);
+      },
+      defaultValueHint: function defaultValueHint(_, ctx) {
+        var _ctx$fieldMeta3, _ctx$fieldMeta4;
+
+        return (ctx == null ? void 0 : (_ctx$fieldMeta3 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta3.name) || (ctx == null ? void 0 : (_ctx$fieldMeta4 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta4.identifier);
       }
     },
     hrefProp: {
@@ -2105,31 +2150,23 @@ var cmsRowLinkMeta = {
     }
   }
 };
-function CmsRowLink(_ref15) {
+function CmsRowLink(_ref14) {
   var _res$row$data2;
 
-  var table = _ref15.table,
-      field = _ref15.field,
-      hrefProp = _ref15.hrefProp,
-      children = _ref15.children,
-      setControlContextData = _ref15.setControlContextData,
-      prefix = _ref15.prefix,
-      suffix = _ref15.suffix;
-  var tables = useTables();
-  var res = useRow(table);
+  var table = _ref14.table,
+      field = _ref14.field,
+      hrefProp = _ref14.hrefProp,
+      children = _ref14.children,
+      setControlContextData = _ref14.setControlContextData,
+      prefix = _ref14.prefix,
+      suffix = _ref14.suffix;
+  var tables = useTablesWithDataLoaded();
+  var res = useRow(tables, table);
 
   if (!res || !res.row) {
     return React.createElement(React.Fragment, null, children);
   }
 
-  if (tables) {
-    // TODO: Only include table if __plasmic_cms_row_{table} exists.
-    setControlContextData == null ? void 0 : setControlContextData({
-      tables: tables,
-      table: res.table
-    });
-  }
-
   var fieldMeta = deriveInferredTableField({
     table: res.table,
     tables: tables,
@@ -2137,6 +2174,16 @@ function CmsRowLink(_ref15) {
     typeFilters: ["text"]
   });
 
+  if (tables) {
+    // TODO: Only include table if __plasmic_cms_row_{table} exists.
+    setControlContextData == null ? void 0 : setControlContextData({
+      tables: tables,
+      table: res.table,
+      row: res.row,
+      fieldMeta: fieldMeta
+    });
+  }
+
   if (!fieldMeta) {
     return React.createElement(React.Fragment, null, children);
   }
@@ -2176,17 +2223,25 @@ var cmsRowImageMeta = {
       description: "CMS model (table) to use.",
       options: function options(_, ctx) {
         return mkTableOptions(ctx == null ? void 0 : ctx.tables);
+      },
+      defaultValueHint: function defaultValueHint(_, ctx) {
+        return ctx == null ? void 0 : ctx.table;
       }
     },
     field: {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref16, ctx) {
+      options: function options(_ref15, ctx) {
         var _ctx$table3;
 
-        var table = _ref16.table;
-        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table3 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table3 : table);
+        var table = _ref15.table;
+        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table3 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table3 : table, ["image"]);
+      },
+      defaultValueHint: function defaultValueHint(_, ctx) {
+        var _ctx$fieldMeta5, _ctx$fieldMeta6;
+
+        return (ctx == null ? void 0 : (_ctx$fieldMeta5 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta5.name) || (ctx == null ? void 0 : (_ctx$fieldMeta6 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta6.identifier);
       }
     },
     srcProp: {
@@ -2197,29 +2252,21 @@ var cmsRowImageMeta = {
     }
   }
 };
-function CmsRowImage(_ref17) {
+function CmsRowImage(_ref16) {
   var _res$row$data3;
 
-  var table = _ref17.table,
-      field = _ref17.field,
-      srcProp = _ref17.srcProp,
-      children = _ref17.children,
-      setControlContextData = _ref17.setControlContextData;
-  var tables = useTables();
-  var res = useRow(table);
+  var table = _ref16.table,
+      field = _ref16.field,
+      srcProp = _ref16.srcProp,
+      children = _ref16.children,
+      setControlContextData = _ref16.setControlContextData;
+  var tables = useTablesWithDataLoaded();
+  var res = useRow(tables, table);
 
   if (!res || !res.row) {
     return React.createElement(React.Fragment, null, children);
   }
 
-  if (tables) {
-    // TODO: Only include table if __plasmic_cms_row_{table} exists.
-    setControlContextData == null ? void 0 : setControlContextData({
-      tables: tables,
-      table: res.table
-    });
-  }
-
   var fieldMeta = deriveInferredTableField({
     table: res.table,
     tables: tables,
@@ -2227,6 +2274,16 @@ function CmsRowImage(_ref17) {
     typeFilters: ["image"]
   });
 
+  if (tables) {
+    // TODO: Only include table if __plasmic_cms_row_{table} exists.
+    setControlContextData == null ? void 0 : setControlContextData({
+      tables: tables,
+      table: res.table,
+      row: res.row,
+      fieldMeta: fieldMeta
+    });
+  }
+
   if (!fieldMeta) {
     return React.createElement(React.Fragment, null, children);
   }
@@ -2268,17 +2325,25 @@ var cmsRowFieldValueMeta = {
       description: "CMS model (table) to use.",
       options: function options(_, ctx) {
         return mkTableOptions(ctx == null ? void 0 : ctx.tables);
+      },
+      defaultValueHint: function defaultValueHint(_, ctx) {
+        return ctx == null ? void 0 : ctx.table;
       }
     },
     field: {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref18, ctx) {
+      options: function options(_ref17, ctx) {
         var _ctx$table4;
 
-        var table = _ref18.table;
+        var table = _ref17.table;
         return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table4 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table4 : table);
+      },
+      defaultValueHint: function defaultValueHint(_, ctx) {
+        var _ctx$fieldMeta7, _ctx$fieldMeta8;
+
+        return (ctx == null ? void 0 : (_ctx$fieldMeta7 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta7.name) || (ctx == null ? void 0 : (_ctx$fieldMeta8 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta8.identifier);
       }
     },
     valueProp: {
@@ -2289,31 +2354,23 @@ var cmsRowFieldValueMeta = {
     }
   }
 };
-function CmsRowFieldValue(_ref19) {
+function CmsRowFieldValue(_ref18) {
   var _res$row$data4;
 
-  var table = _ref19.table,
-      field = _ref19.field,
-      valueProp = _ref19.valueProp,
-      children = _ref19.children,
-      setControlContextData = _ref19.setControlContextData,
-      rest = _objectWithoutPropertiesLoose(_ref19, _excluded3);
+  var table = _ref18.table,
+      field = _ref18.field,
+      valueProp = _ref18.valueProp,
+      children = _ref18.children,
+      setControlContextData = _ref18.setControlContextData,
+      rest = _objectWithoutPropertiesLoose(_ref18, _excluded3);
 
-  var tables = useTables();
-  var res = useRow(table);
+  var tables = useTablesWithDataLoaded();
+  var res = useRow(tables, table);
 
   if (!res || !res.row) {
     return React.createElement(React.Fragment, null, children);
   }
 
-  if (tables) {
-    // TODO: Only include table if __plasmic_cms_row_{table} exists.
-    setControlContextData == null ? void 0 : setControlContextData({
-      tables: tables,
-      table: res.table
-    });
-  }
-
   var fieldMeta = deriveInferredTableField({
     table: res.table,
     tables: tables,
@@ -2321,6 +2378,16 @@ function CmsRowFieldValue(_ref19) {
     typeFilters: ["text"]
   });
 
+  if (tables) {
+    // TODO: Only include table if __plasmic_cms_row_{table} exists.
+    setControlContextData == null ? void 0 : setControlContextData({
+      tables: tables,
+      table: res.table,
+      row: res.row,
+      fieldMeta: fieldMeta
+    });
+  }
+
   if (!fieldMeta) {
     return React.createElement(React.Fragment, null, children);
   }
@@ -2371,13 +2438,13 @@ var cmsRowLoaderMeta = {
     }
   }, fetcherComponentPropMetas)
 };
-function CmsRowLoader(_ref20) {
-  var table = _ref20.table,
-      row = _ref20.row,
-      children = _ref20.children,
-      useDraft = _ref20.useDraft,
-      hideIfNotFound = _ref20.hideIfNotFound,
-      setControlContextData = _ref20.setControlContextData;
+function CmsRowLoader(_ref19) {
+  var table = _ref19.table,
+      row = _ref19.row,
+      children = _ref19.children,
+      useDraft = _ref19.useDraft,
+      hideIfNotFound = _ref19.hideIfNotFound,
+      setControlContextData = _ref19.setControlContextData;
   var databaseConfig = useDatabase();
   var tables = useTables();