@plasmicpkgs/plasmic-cms 0.0.269 → 0.0.271

package/dist/plasmic-cms.esm.js

@@ -642,6 +642,7 @@ var _excluded = ["databaseToken"];
 var contextPrefix = "plasmicCms";
 var databaseContextKey = contextPrefix + "Database";
 var tablesContextKey = contextPrefix + "Tables";
+var tableSchemaContextKey = contextPrefix + "TableSchema";
 var collectionResultSuffix = "Collection";
 var mkQueryContextKey = function mkQueryContextKey(table) {
   return "" + contextPrefix + capitalizeFirst(table) + collectionResultSuffix;
@@ -693,16 +694,37 @@ function TablesProvider(_ref2) {
     hidden: true
   }, children);
 }
+function TableSchemaProvider(_ref3) {
+  var children = _ref3.children,
+    table = _ref3.table;
+  var tables = useTables();
+  var schema;
+  if (tables && (tables == null ? void 0 : tables.length) > 0) {
+    if (!table) {
+      var _tables$;
+      schema = (_tables$ = tables[0]) == null ? void 0 : _tables$.schema;
+    } else {
+      var _tables$find;
+      schema = tables == null || (_tables$find = tables.find(function (t) {
+        return (t == null ? void 0 : t.identifier) === table;
+      })) == null ? void 0 : _tables$find.schema;
+    }
+  }
+  return React.createElement(DataProvider, {
+    name: tableSchemaContextKey,
+    data: schema
+  }, children);
+}
 function getClosestMatchingKeysBy(env, pred) {
   return [].concat(Object.keys(env).reverse()).filter(function (key) {
     return pred(key);
   });
 }
-function QueryResultProvider(_ref3) {
-  var children = _ref3.children,
-    table = _ref3.table,
-    rows = _ref3.rows,
-    hidden = _ref3.hidden;
+function QueryResultProvider(_ref4) {
+  var children = _ref4.children,
+    table = _ref4.table,
+    rows = _ref4.rows,
+    hidden = _ref4.hidden;
   return React.createElement(DataProvider, {
     name: table ? mkModeContextKey(table) : undefined,
     data: "rows",
@@ -777,19 +799,19 @@ function useCount(tables, table) {
   }
   return undefined;
 }
-function RowProvider(_ref4) {
-  var children = _ref4.children,
-    table = _ref4.table,
-    row = _ref4.row;
+function RowProvider(_ref5) {
+  var children = _ref5.children,
+    table = _ref5.table,
+    row = _ref5.row;
   return React.createElement(DataProvider, {
     name: mkRowContextKey(table),
     data: row
   }, children);
 }
-function CountProvider(_ref5) {
-  var children = _ref5.children,
-    table = _ref5.table,
-    count = _ref5.count;
+function CountProvider(_ref6) {
+  var children = _ref6.children,
+    table = _ref6.table,
+    count = _ref6.count;
   return React.createElement(DataProvider, {
     name: table ? mkModeContextKey(table) : undefined,
     data: "count",
@@ -1026,9 +1048,10 @@ var cmsQueryRepeaterMeta = {
       options: function options(_ref4, ctx) {
         var _ctx$table;
         var table = _ref4.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", "ref"]);
+        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table = ctx == null ? void 0 : ctx.table) != null ? _ctx$table : table, ["number" /* NUMBER */, "boolean" /* BOOLEAN */, "text" /* TEXT */, "long-text" /* LONG_TEXT */, "ref" /* REF */]);
       }
     },
+
     filterValue: {
       type: "string",
       displayName: "Filter value",
@@ -1039,8 +1062,9 @@ var cmsQueryRepeaterMeta = {
       displayName: "Order by",
       description: "Field to order by.",
       options: function options(_, ctx) {
-        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, ctx == null ? void 0 : ctx.table, ["number", "boolean", "date-time", "long-text", "text"]);
+        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, ctx == null ? void 0 : ctx.table, ["number" /* NUMBER */, "boolean" /* BOOLEAN */, "date-time" /* DATE_TIME */, "long-text" /* LONG_TEXT */, "text" /* TEXT */]);
       },
+
       hidden: function hidden(ps) {
         return ps.mode === "count";
       }
@@ -1225,10 +1249,12 @@ function CmsQueryRepeater(_ref6) {
     }, {
       hideIfNotFound: false
     }, inEditor, loadingMessage, forceLoadingState);
-    return React.createElement(CountProvider, {
+    return React.createElement(TableSchemaProvider, {
+      table: table
+    }, React.createElement(CountProvider, {
       table: table,
       count: typeof (maybeData == null ? void 0 : maybeData.data) === "number" ? maybeData.data : undefined
-    }, node);
+    }, node));
   } else {
     var _node = renderMaybeData(maybeData, function (rows) {
       if (rows.length === 0 || forceEmptyState) {
@@ -1244,12 +1270,14 @@ function CmsQueryRepeater(_ref6) {
     }, {
       hideIfNotFound: false
     }, inEditor, loadingMessage, forceLoadingState);
-    return React.createElement(QueryResultProvider, {
+    return React.createElement(TableSchemaProvider, {
+      table: table
+    }, React.createElement(QueryResultProvider, {
       rows: Array.isArray(maybeData == null ? void 0 : maybeData.data) ? maybeData.data : undefined,
       table: table
     }, noLayout ? React.createElement(React.Fragment, null, " ", _node, " ") : React.createElement("div", {
       className: className
-    }, " ", _node, " "));
+    }, " ", _node, " ")));
   }
 }
 var cmsRowFieldMeta = {
@@ -1281,8 +1309,9 @@ var cmsRowFieldMeta = {
       options: function options(_ref8, ctx) {
         var _ctx$table3;
         var table = _ref8.table;
-        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table3 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table3 : table, ["number", "boolean", "text", "long-text", "date-time", "rich-text", "image", "file"]);
+        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table3 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table3 : table, ["number" /* NUMBER */, "boolean" /* BOOLEAN */, "text" /* TEXT */, "long-text" /* LONG_TEXT */, "date-time" /* DATE_TIME */, "rich-text" /* RICH_TEXT */, "image" /* IMAGE */, "file" /* FILE */, "enum" /* ENUM */]);
       },
+
       defaultValueHint: function defaultValueHint(_, ctx) {
         var _ctx$fieldMeta, _ctx$fieldMeta2;
         return (ctx == null || (_ctx$fieldMeta = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta.name) || (ctx == null || (_ctx$fieldMeta2 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta2.identifier);
@@ -1310,8 +1339,9 @@ var cmsRowFieldMeta = {
         if (!fieldMeta) {
           return true;
         }
-        return fieldMeta.type !== "date-time";
+        return fieldMeta.type !== "date-time" /* DATE_TIME */;
       },
+
       options: [{
         label: "July 26, 2014",
         value: "MMMM D, YYYY"
@@ -1387,7 +1417,7 @@ function CmsRowField(_ref10) {
     table: res.table,
     tables: tables,
     field: field,
-    typeFilters: ["text", "long-text", "rich-text"]
+    typeFilters: ["text" /* TEXT */, "long-text" /* LONG_TEXT */, "rich-text" /* RICH_TEXT */]
   }) : undefined;
   if (tables) {
     // TODO: Only include table if __plasmic_cms_row_{table} exists.
@@ -1414,7 +1444,7 @@ function CmsRowField(_ref10) {
   if (!data) {
     return null;
   }
-  if (fieldMeta.type === "date-time" && dateFormat) {
+  if (fieldMeta.type === "date-time" /* DATE_TIME */ && dateFormat) {
     data = dayjs(data).format(dateFormat);
   }
   return data ? renderValue(data, fieldMeta.type, _extends({
@@ -1465,7 +1495,7 @@ function CmsCount(_ref11) {
     }, rest), new Intl.NumberFormat().format(res.count));
   }
 }
-var DEFAULT_TYPE_FILTERS = ["text"];
+var DEFAULT_TYPE_FILTERS = ["text" /* TEXT */];
 function deriveInferredTableField(opts) {
   var _tables$find;
   var table = opts.table,
@@ -1488,14 +1518,15 @@ function assertNever(_) {
 }
 function renderValue(value, type, props) {
   switch (type) {
-    case "number":
-    case "boolean":
-    case "text":
-    case "long-text":
-    case "date-time":
-    case "ref":
+    case "number" /* NUMBER */:
+    case "boolean" /* BOOLEAN */:
+    case "text" /* TEXT */:
+    case "long-text" /* LONG_TEXT */:
+    case "date-time" /* DATE_TIME */:
+    case "enum" /* ENUM */:
+    case "ref" /* REF */:
       return React.createElement("div", Object.assign({}, props), value);
-    case "rich-text":
+    case "rich-text" /* RICH_TEXT */:
       return React.createElement("div", Object.assign({
         dangerouslySetInnerHTML: {
           __html: value
@@ -1504,7 +1535,7 @@ function renderValue(value, type, props) {
           whiteSpace: "normal"
         }
       }, props));
-    case "image":
+    case "image" /* IMAGE */:
       if (value && typeof value === "object" && value.url && value.imageMeta) {
         return React.createElement("img", Object.assign({
           src: value.url,
@@ -1513,7 +1544,7 @@ function renderValue(value, type, props) {
         }, props));
       }
       return null;
-    case "file":
+    case "file" /* FILE */:
       if (value && typeof value === "object" && value.url && value.name) {
         return React.createElement("a", Object.assign({
           href: value.url,
@@ -1613,8 +1644,9 @@ function CmsRowLink(_ref13) {
     table: res.table,
     tables: tables,
     field: field,
-    typeFilters: ["file", "text"]
+    typeFilters: ["file" /* FILE */, "text" /* TEXT */]
   });
+
   if (tables) {
     // TODO: Only include table if __plasmic_cms_row_{table} exists.
     setControlContextData == null || setControlContextData({
@@ -1634,7 +1666,7 @@ function CmsRowLink(_ref13) {
   var childrenWithProps = React.Children.map(children, function (child) {
     if (React.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.cloneElement(child, (_React$cloneElement = {}, _React$cloneElement[hrefProp] = fieldMeta.type === "file" /* FILE */ ? value.url : prefix || suffix ? "" + (prefix || "") + value + (suffix || "") : value, _React$cloneElement));
     }
     return child;
   });
@@ -1676,7 +1708,7 @@ var cmsRowImageMeta = {
       options: function options(_ref14, ctx) {
         var _ctx$table5;
         var table = _ref14.table;
-        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table5 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table5 : table, ["image"]);
+        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table5 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table5 : table, ["image" /* IMAGE */]);
       },
       defaultValueHint: function defaultValueHint(_, ctx) {
         var _ctx$fieldMeta7, _ctx$fieldMeta8;
@@ -1707,8 +1739,9 @@ function CmsRowImage(_ref15) {
     table: res.table,
     tables: tables,
     field: field,
-    typeFilters: ["image"]
+    typeFilters: ["image" /* IMAGE */]
   });
+
   if (tables) {
     // TODO: Only include table if __plasmic_cms_row_{table} exists.
     setControlContextData == null || setControlContextData({
@@ -1803,8 +1836,9 @@ function CmsRowFieldValue(_ref17) {
     table: res.table,
     tables: tables,
     field: field,
-    typeFilters: ["text"]
+    typeFilters: ["text" /* TEXT */]
   });
+
   if (tables) {
     // TODO: Only include table if __plasmic_cms_row_{table} exists.
     setControlContextData == null || setControlContextData({