@plasmicpkgs/plasmic-cms 0.0.50 → 0.0.57

package/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Plasmic
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/dist/components.d.ts

@@ -25,10 +25,13 @@ interface CmsQueryRepeaterProps extends QueryParams, CanvasComponentProps<TableC
     forceEmptyState?: boolean;
     loadingMessage?: React.ReactNode;
     forceLoadingState?: boolean;
+    noLayout?: boolean;
     className?: string;
+    filterField?: string;
+    filterValue?: string;
 }
 export declare const cmsQueryRepeaterMeta: ComponentMeta<CmsQueryRepeaterProps>;
-export declare function CmsQueryRepeater({ table, children, setControlContextData, where, useDraft, orderBy, desc, limit, emptyMessage, forceEmptyState, loadingMessage, forceLoadingState, className, }: CmsQueryRepeaterProps): JSX.Element;
+export declare function CmsQueryRepeater({ table, children, setControlContextData, where, useDraft, orderBy, desc, limit, emptyMessage, forceEmptyState, loadingMessage, forceLoadingState, noLayout, className, filterField, filterValue, }: CmsQueryRepeaterProps): JSX.Element;
 interface CmsRowFieldProps extends CanvasComponentProps<RowContextData> {
     table?: string;
     field?: string;

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

@@ -1399,7 +1399,7 @@ function TablesFetcher(_ref2) {
     }, children);
   }, {
     hideIfNotFound: false
-  });
+  }, children);
 }
 
 function isDatabaseConfigured(config) {
@@ -1458,6 +1458,22 @@ var cmsQueryRepeaterMeta = {
         return true;
       }
     },
+    filterField: {
+      type: "choice",
+      displayName: "Filter field",
+      description: "Field (from model schema) to filter by",
+      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", "rich-text"]);
+      }
+    },
+    filterValue: {
+      type: "string",
+      displayName: "Filter value",
+      description: "Value to filter by, should be of filter field type"
+    },
     orderBy: {
       type: "choice",
       displayName: "Order by",
@@ -1503,25 +1519,41 @@ var cmsQueryRepeaterMeta = {
       displayName: "Force loading state",
       description: "If set, will render as if it is waiting for the query to run.",
       defaultValue: false
+    },
+    noLayout: {
+      type: "boolean",
+      displayName: "No layout",
+      description: "When set, CMS Data Loader will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.",
+      defaultValue: false
     }
   }
 };
-function CmsQueryRepeater(_ref4) {
-  var table = _ref4.table,
-      children = _ref4.children,
-      setControlContextData = _ref4.setControlContextData,
-      where = _ref4.where,
-      useDraft = _ref4.useDraft,
-      orderBy = _ref4.orderBy,
-      desc = _ref4.desc,
-      limit = _ref4.limit,
-      emptyMessage = _ref4.emptyMessage,
-      forceEmptyState = _ref4.forceEmptyState,
-      loadingMessage = _ref4.loadingMessage,
-      forceLoadingState = _ref4.forceLoadingState,
-      className = _ref4.className;
+function CmsQueryRepeater(_ref5) {
+  var table = _ref5.table,
+      children = _ref5.children,
+      setControlContextData = _ref5.setControlContextData,
+      where = _ref5.where,
+      useDraft = _ref5.useDraft,
+      orderBy = _ref5.orderBy,
+      desc = _ref5.desc,
+      limit = _ref5.limit,
+      emptyMessage = _ref5.emptyMessage,
+      forceEmptyState = _ref5.forceEmptyState,
+      loadingMessage = _ref5.loadingMessage,
+      forceLoadingState = _ref5.forceLoadingState,
+      noLayout = _ref5.noLayout,
+      className = _ref5.className,
+      filterField = _ref5.filterField,
+      filterValue = _ref5.filterValue;
   var databaseConfig = useDatabase();
   var tables = useTables();
+
+  if (filterField && filterValue) {
+    var _where;
+
+    where = (_where = {}, _where[filterField] = filterValue, _where);
+  }
+
   var params = {
     where: where,
     useDraft: useDraft,
@@ -1588,9 +1620,7 @@ function CmsQueryRepeater(_ref4) {
       }
     }, _callee2);
   })));
-  return React.createElement("div", {
-    className: className
-  }, renderMaybeData(maybeData, function (rows) {
+  var node = renderMaybeData(maybeData, function (rows) {
     if (rows.length === 0 || forceEmptyState) {
       return React.createElement(QueryResultProvider, {
         table: table,
@@ -1609,7 +1639,10 @@ function CmsQueryRepeater(_ref4) {
     }));
   }, {
     hideIfNotFound: false
-  }, loadingMessage, forceLoadingState));
+  }, loadingMessage, forceLoadingState);
+  return noLayout ? React.createElement(React.Fragment, null, " ", node, " ") : React.createElement("div", {
+    className: className
+  }, " ", node, " ");
 }
 var cmsRowFieldMeta = {
   name: componentPrefix + "-row-field",
@@ -1632,11 +1665,11 @@ var cmsRowFieldMeta = {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref6, ctx) {
-        var _ctx$table;
+      options: function options(_ref7, ctx) {
+        var _ctx$table2;
 
-        var table = _ref6.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"]);
+        var table = _ref7.table;
+        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table2 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table2 : table, ["number", "boolean", "text", "long-text", "date-time", "rich-text", "image"]);
       },
       defaultValueHint: function defaultValueHint(_, ctx) {
         var _ctx$fieldMeta, _ctx$fieldMeta2;
@@ -1647,8 +1680,8 @@ var cmsRowFieldMeta = {
     dateFormat: {
       type: "choice",
       displayName: "Date Format",
-      hidden: function hidden(_ref7, ctx) {
-        var field = _ref7.field;
+      hidden: function hidden(_ref8, ctx) {
+        var field = _ref8.field;
 
         if (!ctx) {
           return true;
@@ -1717,15 +1750,15 @@ var cmsRowFieldMeta = {
     }
   }
 };
-function CmsRowField(_ref8) {
+function CmsRowField(_ref9) {
   var _res$row$data;
 
-  var className = _ref8.className,
-      table = _ref8.table,
-      field = _ref8.field,
-      dateFormat = _ref8.dateFormat,
-      setControlContextData = _ref8.setControlContextData,
-      rest = _objectWithoutPropertiesLoose(_ref8, _excluded2);
+  var className = _ref9.className,
+      table = _ref9.table,
+      field = _ref9.field,
+      dateFormat = _ref9.dateFormat,
+      setControlContextData = _ref9.setControlContextData,
+      rest = _objectWithoutPropertiesLoose(_ref9, _excluded2);
 
   var tables = useTablesWithDataLoaded();
   var res = useRow(tables, table);
@@ -1866,11 +1899,11 @@ var cmsRowLinkMeta = {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref9, ctx) {
-        var _ctx$table2;
+      options: function options(_ref10, ctx) {
+        var _ctx$table3;
 
-        var table = _ref9.table;
-        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table2 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table2 : table);
+        var table = _ref10.table;
+        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table3 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table3 : table);
       },
       defaultValueHint: function defaultValueHint(_, ctx) {
         var _ctx$fieldMeta3, _ctx$fieldMeta4;
@@ -1896,16 +1929,16 @@ var cmsRowLinkMeta = {
     }
   }
 };
-function CmsRowLink(_ref10) {
+function CmsRowLink(_ref11) {
   var _res$row$data2;
 
-  var table = _ref10.table,
-      field = _ref10.field,
-      hrefProp = _ref10.hrefProp,
-      children = _ref10.children,
-      setControlContextData = _ref10.setControlContextData,
-      prefix = _ref10.prefix,
-      suffix = _ref10.suffix;
+  var table = _ref11.table,
+      field = _ref11.field,
+      hrefProp = _ref11.hrefProp,
+      children = _ref11.children,
+      setControlContextData = _ref11.setControlContextData,
+      prefix = _ref11.prefix,
+      suffix = _ref11.suffix;
   var tables = useTablesWithDataLoaded();
   var res = useRow(tables, table);
 
@@ -1978,11 +2011,11 @@ var cmsRowImageMeta = {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref11, ctx) {
-        var _ctx$table3;
+      options: function options(_ref12, ctx) {
+        var _ctx$table4;
 
-        var table = _ref11.table;
-        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table3 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table3 : table, ["image"]);
+        var table = _ref12.table;
+        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table4 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table4 : table, ["image"]);
       },
       defaultValueHint: function defaultValueHint(_, ctx) {
         var _ctx$fieldMeta5, _ctx$fieldMeta6;
@@ -1998,14 +2031,14 @@ var cmsRowImageMeta = {
     }
   }
 };
-function CmsRowImage(_ref12) {
+function CmsRowImage(_ref13) {
   var _res$row$data3;
 
-  var table = _ref12.table,
-      field = _ref12.field,
-      srcProp = _ref12.srcProp,
-      children = _ref12.children,
-      setControlContextData = _ref12.setControlContextData;
+  var table = _ref13.table,
+      field = _ref13.field,
+      srcProp = _ref13.srcProp,
+      children = _ref13.children,
+      setControlContextData = _ref13.setControlContextData;
   var tables = useTablesWithDataLoaded();
   var res = useRow(tables, table);
 
@@ -2080,11 +2113,11 @@ var cmsRowFieldValueMeta = {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref13, ctx) {
-        var _ctx$table4;
+      options: function options(_ref14, ctx) {
+        var _ctx$table5;
 
-        var table = _ref13.table;
-        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table4 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table4 : table);
+        var table = _ref14.table;
+        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table5 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table5 : table);
       },
       defaultValueHint: function defaultValueHint(_, ctx) {
         var _ctx$fieldMeta7, _ctx$fieldMeta8;
@@ -2100,15 +2133,15 @@ var cmsRowFieldValueMeta = {
     }
   }
 };
-function CmsRowFieldValue(_ref14) {
+function CmsRowFieldValue(_ref15) {
   var _res$row$data4;
 
-  var table = _ref14.table,
-      field = _ref14.field,
-      valueProp = _ref14.valueProp,
-      children = _ref14.children,
-      setControlContextData = _ref14.setControlContextData,
-      rest = _objectWithoutPropertiesLoose(_ref14, _excluded3);
+  var table = _ref15.table,
+      field = _ref15.field,
+      valueProp = _ref15.valueProp,
+      children = _ref15.children,
+      setControlContextData = _ref15.setControlContextData,
+      rest = _objectWithoutPropertiesLoose(_ref15, _excluded3);
 
   var tables = useTablesWithDataLoaded();
   var res = useRow(tables, table);