@plasmicpkgs/plasmic-cms 0.0.231 → 0.0.232

package/dist/plasmic-cms.esm.js

@@ -435,6 +435,37 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   }
   return target;
 }
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 
 function queryParamsToApi(params) {
   return {
@@ -795,6 +826,26 @@ function mkTableOptions(tables) {
     };
   });
 }
+function addNestedFieldOptions(fields, prefix) {
+  if (prefix === void 0) {
+    prefix = "";
+  }
+  var options = [];
+  fields.forEach(function (field) {
+    var fieldPath = prefix + field.identifier;
+    if (field.type !== "object") {
+      options.push({
+        value: fieldPath,
+        label: field.name || fieldPath
+      });
+    }
+    if (field.type === "object" && field.fields) {
+      var nestedOptions = addNestedFieldOptions(field.fields, fieldPath + ".");
+      options.push.apply(options, nestedOptions);
+    }
+  });
+  return options;
+}
 function mkFieldOptions(tables, tableIdentifier, types) {
   if (!tables) {
     return [];
@@ -811,12 +862,7 @@ function mkFieldOptions(tables, tableIdentifier, types) {
       return types.includes(f.type);
     });
   }
-  var options = fields.map(function (f) {
-    return {
-      value: f.identifier,
-      label: f.name || f.identifier
-    };
-  });
+  var options = addNestedFieldOptions(fields);
   if (!options.some(function (option) {
     return option.value === "_id";
   })) {
@@ -1012,7 +1058,7 @@ 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", "boolean", "text", "long-text", "ref", "object"]);
       }
     },
     filterValue: {
@@ -1245,24 +1291,19 @@ var cmsRowFieldMeta = {
       }
     },
     field: {
-      type: "choice",
-      displayName: "Field",
-      description: "Field (from model schema) to use.",
-      options: function options(_ref7, ctx) {
-        var _ctx$table2;
-        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", "file"]);
+      type: "dataSelector",
+      data: function data(_, ctx) {
+        var _ctx$data;
+        return (_ctx$data = ctx == null ? void 0 : ctx.data) != null ? _ctx$data : {};
       },
-      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);
-      }
+      displayName: "Field",
+      description: "Field to be displayed."
     },
     dateFormat: {
       type: "choice",
       displayName: "Date Format",
-      hidden: function hidden(_ref8, ctx) {
-        var field = _ref8.field;
+      hidden: function hidden(_ref7, ctx) {
+        var field = _ref7.field;
         if (!ctx) {
           return true;
         }
@@ -1328,14 +1369,13 @@ var cmsRowFieldMeta = {
     objectFit: "cover"
   }
 };
-function CmsRowField(_ref9) {
-  var _res$row$data;
-  var className = _ref9.className,
-    table = _ref9.table,
-    field = _ref9.field,
-    dateFormat = _ref9.dateFormat,
-    setControlContextData = _ref9.setControlContextData,
-    rest = _objectWithoutPropertiesLoose(_ref9, _excluded);
+function CmsRowField(_ref8) {
+  var className = _ref8.className,
+    table = _ref8.table,
+    field = _ref8.field,
+    dateFormat = _ref8.dateFormat,
+    setControlContextData = _ref8.setControlContextData,
+    rest = _objectWithoutPropertiesLoose(_ref8, _excluded);
   var tables = useTablesWithDataLoaded("rows");
   var res = useRow(tables, table);
   var unknown = React.createElement("div", Object.assign({
@@ -1347,14 +1387,16 @@ function CmsRowField(_ref9) {
     field: field,
     typeFilters: ["text", "long-text", "rich-text"]
   }) : undefined;
+  var filteredFields = res && tables ? filterFieldsByType(res.table, tables, ["number", "boolean", "text", "long-text", "date-time", "rich-text", "image", "file", "object"]) : undefined;
   if (tables) {
     // TODO: Only include table if __plasmic_cms_row_{table} exists.
     setControlContextData == null || setControlContextData(_extends({
       tables: tables
-    }, res && res.row ? {
+    }, res && res.row && res.row.data ? {
       table: res.table,
       row: res.row,
-      fieldMeta: fieldMeta
+      fieldMeta: fieldMeta,
+      data: extractFields(res.row.data, filteredFields)
     } : {}));
   }
   if (!res) {
@@ -1368,11 +1410,30 @@ function CmsRowField(_ref9) {
   if (!fieldMeta) {
     return unknown;
   }
-  var data = (_res$row$data = res.row.data) == null ? void 0 : _res$row$data[fieldMeta.identifier];
+  if (!field) {
+    return React.createElement("div", null, "Please specify a valid path or select a field.");
+  }
+  var data = res.row.data;
+  if (data !== null && typeof data !== 'string' && fieldMeta.path) {
+    var pathParts = fieldMeta.path.split(".");
+    for (var _iterator = _createForOfIteratorHelperLoose(pathParts), _step; !(_step = _iterator()).done;) {
+      var part = _step.value;
+      if (data && typeof data === 'object' && data.hasOwnProperty(part)) {
+        data = data[part];
+      } else {
+        data = null;
+        break;
+      }
+    }
+  } else if (data !== null) {
+    data = data[fieldMeta.identifier];
+  } else {
+    data = null;
+  }
   if (!data) {
     return null;
   }
-  if (fieldMeta.type === "date-time" && dateFormat) {
+  if (fieldMeta.type === "date-time" && dateFormat && typeof data === 'string') {
     data = dayjs(data).format(dateFormat);
   }
   return data ? renderValue(data, fieldMeta.type, _extends({
@@ -1403,10 +1464,10 @@ var cmsCountFieldMeta = {
     }
   }
 };
-function CmsCount(_ref10) {
-  var className = _ref10.className,
-    table = _ref10.table,
-    rest = _objectWithoutPropertiesLoose(_ref10, _excluded2);
+function CmsCount(_ref9) {
+  var className = _ref9.className,
+    table = _ref9.table,
+    rest = _objectWithoutPropertiesLoose(_ref9, _excluded2);
   var tables = useTablesWithDataLoaded("count");
   var res = useCount(tables, table);
   var unknown = React.createElement("div", Object.assign({
@@ -1434,12 +1495,84 @@ function deriveInferredTableField(opts) {
   var schema = tables == null || (_tables$find = tables.find(function (t) {
     return t.identifier === table;
   })) == null ? void 0 : _tables$find.schema;
-  var fieldMeta = field ? schema == null ? void 0 : schema.fields.find(function (f) {
-    return f.identifier === field;
-  }) : schema == null ? void 0 : schema.fields.find(function (f) {
-    return (typeFilters != null ? typeFilters : DEFAULT_TYPE_FILTERS).includes(f.type);
+  function findFieldInSchema(schema, fieldIdentifier) {
+    return schema == null ? void 0 : schema.fields.find(function (f) {
+      return f.identifier === fieldIdentifier;
+    });
+  }
+  if (Array.isArray(field)) {
+    if (field.length === 1) {
+      return findFieldInSchema(schema, field[0]);
+    } else if (field.length === 2) {
+      var topLevelField = findFieldInSchema(schema, field[0]);
+      if (topLevelField && topLevelField.type === "object" && topLevelField.fields) {
+        var nestedField = topLevelField == null ? void 0 : topLevelField.fields.find(function (f) {
+          return f.identifier === field[1];
+        });
+        return nestedField ? _extends({}, nestedField, {
+          path: field[0] + "." + field[1]
+        }) : undefined;
+      }
+    }
+  } else if (typeof field === "string") {
+    return findFieldInSchema(schema, field);
+  } else {
+    return schema == null ? void 0 : schema.fields.find(function (f) {
+      return (typeFilters != null ? typeFilters : DEFAULT_TYPE_FILTERS).includes(f.type);
+    });
+  }
+}
+function filterFieldsByType(table, tables, types) {
+  var _tables$find2;
+  if (!table || !tables) return undefined;
+  var schema = (_tables$find2 = tables.find(function (t) {
+    return t.identifier === table;
+  })) == null ? void 0 : _tables$find2.schema;
+  if (!schema || !schema.fields) return [];
+  var filteredFields = [];
+  for (var _iterator2 = _createForOfIteratorHelperLoose(schema.fields), _step2; !(_step2 = _iterator2()).done;) {
+    var field = _step2.value;
+    if (types.includes(field.type)) {
+      var modifiedField = deepClone(field);
+      if (field.type === "object" && field.fields) {
+        modifiedField.fields = field.fields.filter(function (f) {
+          return types.includes(f.type);
+        });
+      }
+      filteredFields.push(modifiedField);
+    }
+  }
+  return filteredFields;
+}
+function extractFields(data, schema) {
+  var result = {};
+  schema.forEach(function (field) {
+    var fieldName = field.identifier;
+    var fieldType = field.type;
+    if (fieldType === "object" && data[fieldName] && field.fields) {
+      result[fieldName] = extractFields(_extends({}, data[fieldName]), field.fields || []);
+    } else if (data[fieldName] !== undefined) {
+      result[fieldName] = data[fieldName];
+    }
   });
-  return fieldMeta;
+  return result;
+}
+function deepClone(obj) {
+  if (obj === null || typeof obj !== "object") {
+    return obj;
+  }
+  if (Array.isArray(obj)) {
+    return obj.map(function (item) {
+      return deepClone(item);
+    });
+  }
+  var clonedObj = {};
+  for (var key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      clonedObj[key] = deepClone(obj[key]);
+    }
+  }
+  return clonedObj;
 }
 function assertNever(_) {
   throw new Error("unexpected branch taken");
@@ -1451,6 +1584,7 @@ function renderValue(value, type, props) {
     case "text":
     case "long-text":
     case "date-time":
+    case "object":
     case "ref":
       return React.createElement("div", Object.assign({}, props), value);
     case "rich-text":
@@ -1517,14 +1651,14 @@ var cmsRowLinkMeta = {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref11, ctx) {
-        var _ctx$table3;
-        var table = _ref11.table;
-        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table3 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table3 : table);
+      options: function options(_ref10, ctx) {
+        var _ctx$table2;
+        var table = _ref10.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 || (_ctx$fieldMeta3 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta3.name) || (ctx == null || (_ctx$fieldMeta4 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta4.identifier);
+        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);
       }
     },
     hrefProp: {
@@ -1538,8 +1672,8 @@ var cmsRowLinkMeta = {
       displayName: "Optional prefix",
       description: "Prefix to prepend to prop value.",
       hidden: function hidden(_, ctx) {
-        var _ctx$fieldMeta5;
-        return (ctx == null || (_ctx$fieldMeta5 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta5.type) === "file";
+        var _ctx$fieldMeta3;
+        return (ctx == null || (_ctx$fieldMeta3 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta3.type) === "file";
       }
     },
     suffix: {
@@ -1547,21 +1681,21 @@ var cmsRowLinkMeta = {
       displayName: "Optional suffix",
       description: "Suffix to append to prop value.",
       hidden: function hidden(_, ctx) {
-        var _ctx$fieldMeta6;
-        return (ctx == null || (_ctx$fieldMeta6 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta6.type) === "file";
+        var _ctx$fieldMeta4;
+        return (ctx == null || (_ctx$fieldMeta4 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta4.type) === "file";
       }
     }
   }
 };
-function CmsRowLink(_ref12) {
-  var _res$row$data2;
-  var table = _ref12.table,
-    field = _ref12.field,
-    hrefProp = _ref12.hrefProp,
-    children = _ref12.children,
-    setControlContextData = _ref12.setControlContextData,
-    prefix = _ref12.prefix,
-    suffix = _ref12.suffix;
+function CmsRowLink(_ref11) {
+  var _res$row$data;
+  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("rows");
   var res = useRow(tables, table);
   if (!res || !res.row) {
@@ -1588,7 +1722,7 @@ function CmsRowLink(_ref12) {
   if (!children) {
     return null;
   }
-  var value = ((_res$row$data2 = res.row.data) == null ? void 0 : _res$row$data2[fieldMeta.identifier]) || "";
+  var value = ((_res$row$data = res.row.data) == null ? void 0 : _res$row$data[fieldMeta.identifier]) || "";
   var childrenWithProps = React.Children.map(children, function (child) {
     if (React.isValidElement(child)) {
       var _React$cloneElement;
@@ -1631,14 +1765,14 @@ var cmsRowImageMeta = {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref13, ctx) {
-        var _ctx$table4;
-        var table = _ref13.table;
-        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table4 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table4 : table, ["image"]);
+      options: function options(_ref12, ctx) {
+        var _ctx$table3;
+        var table = _ref12.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$fieldMeta7, _ctx$fieldMeta8;
-        return (ctx == null || (_ctx$fieldMeta7 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta7.name) || (ctx == null || (_ctx$fieldMeta8 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta8.identifier);
+        var _ctx$fieldMeta5, _ctx$fieldMeta6;
+        return (ctx == null || (_ctx$fieldMeta5 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta5.name) || (ctx == null || (_ctx$fieldMeta6 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta6.identifier);
       }
     },
     srcProp: {
@@ -1649,13 +1783,13 @@ var cmsRowImageMeta = {
     }
   }
 };
-function CmsRowImage(_ref14) {
-  var _res$row$data3;
-  var table = _ref14.table,
-    field = _ref14.field,
-    srcProp = _ref14.srcProp,
-    children = _ref14.children,
-    setControlContextData = _ref14.setControlContextData;
+function CmsRowImage(_ref13) {
+  var _res$row$data2;
+  var table = _ref13.table,
+    field = _ref13.field,
+    srcProp = _ref13.srcProp,
+    children = _ref13.children,
+    setControlContextData = _ref13.setControlContextData;
   var tables = useTablesWithDataLoaded("rows");
   var res = useRow(tables, table);
   if (!res || !res.row) {
@@ -1679,7 +1813,7 @@ function CmsRowImage(_ref14) {
   if (!fieldMeta) {
     return React.createElement(React.Fragment, null, children);
   }
-  var value = ((_res$row$data3 = res.row.data) == null ? void 0 : _res$row$data3[fieldMeta.identifier]) || "";
+  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) && value) {
       var _React$cloneElement3;
@@ -1726,14 +1860,14 @@ var cmsRowFieldValueMeta = {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref15, ctx) {
-        var _ctx$table5;
-        var table = _ref15.table;
-        return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table5 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table5 : table);
+      options: function options(_ref14, ctx) {
+        var _ctx$table4;
+        var table = _ref14.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$fieldMeta9, _ctx$fieldMeta10;
-        return (ctx == null || (_ctx$fieldMeta9 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta9.name) || (ctx == null || (_ctx$fieldMeta10 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta10.identifier);
+        var _ctx$fieldMeta7, _ctx$fieldMeta8;
+        return (ctx == null || (_ctx$fieldMeta7 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta7.name) || (ctx == null || (_ctx$fieldMeta8 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta8.identifier);
       }
     },
     valueProp: {
@@ -1744,14 +1878,14 @@ var cmsRowFieldValueMeta = {
     }
   }
 };
-function CmsRowFieldValue(_ref16) {
-  var _res$row$data4;
-  var table = _ref16.table,
-    field = _ref16.field,
-    valueProp = _ref16.valueProp,
-    children = _ref16.children,
-    setControlContextData = _ref16.setControlContextData,
-    rest = _objectWithoutPropertiesLoose(_ref16, _excluded3);
+function CmsRowFieldValue(_ref15) {
+  var _res$row$data3;
+  var table = _ref15.table,
+    field = _ref15.field,
+    valueProp = _ref15.valueProp,
+    children = _ref15.children,
+    setControlContextData = _ref15.setControlContextData,
+    rest = _objectWithoutPropertiesLoose(_ref15, _excluded3);
   var tables = useTablesWithDataLoaded("rows");
   var res = useRow(tables, table);
   if (!res || !res.row) {
@@ -1775,7 +1909,7 @@ function CmsRowFieldValue(_ref16) {
   if (!fieldMeta) {
     return React.createElement(React.Fragment, null, children);
   }
-  var value = ((_res$row$data4 = res.row.data) == null ? void 0 : _res$row$data4[fieldMeta.identifier]) || "";
+  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)) {
       var _extends2;