@plasmicpkgs/plasmic-cms 0.0.232 → 0.0.233

package/dist/plasmic-cms.esm.js

@@ -435,37 +435,6 @@ 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 {
@@ -826,26 +795,6 @@ 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 [];
@@ -862,7 +811,12 @@ function mkFieldOptions(tables, tableIdentifier, types) {
       return types.includes(f.type);
     });
   }
-  var options = addNestedFieldOptions(fields);
+  var options = fields.map(function (f) {
+    return {
+      value: f.identifier,
+      label: f.name || f.identifier
+    };
+  });
   if (!options.some(function (option) {
     return option.value === "_id";
   })) {
@@ -1058,7 +1012,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", "object"]);
+        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"]);
       }
     },
     filterValue: {
@@ -1291,19 +1245,24 @@ var cmsRowFieldMeta = {
       }
     },
     field: {
-      type: "dataSelector",
-      data: function data(_, ctx) {
-        var _ctx$data;
-        return (_ctx$data = ctx == null ? void 0 : ctx.data) != null ? _ctx$data : {};
-      },
+      type: "choice",
       displayName: "Field",
-      description: "Field to be displayed."
+      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"]);
+      },
+      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);
+      }
     },
     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;
         }
@@ -1369,13 +1328,14 @@ var cmsRowFieldMeta = {
     objectFit: "cover"
   }
 };
-function CmsRowField(_ref8) {
-  var className = _ref8.className,
-    table = _ref8.table,
-    field = _ref8.field,
-    dateFormat = _ref8.dateFormat,
-    setControlContextData = _ref8.setControlContextData,
-    rest = _objectWithoutPropertiesLoose(_ref8, _excluded);
+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);
   var tables = useTablesWithDataLoaded("rows");
   var res = useRow(tables, table);
   var unknown = React.createElement("div", Object.assign({
@@ -1387,16 +1347,14 @@ function CmsRowField(_ref8) {
     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.row.data ? {
+    }, res && res.row ? {
       table: res.table,
       row: res.row,
-      fieldMeta: fieldMeta,
-      data: extractFields(res.row.data, filteredFields)
+      fieldMeta: fieldMeta
     } : {}));
   }
   if (!res) {
@@ -1410,30 +1368,11 @@ function CmsRowField(_ref8) {
   if (!fieldMeta) {
     return unknown;
   }
-  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;
-  }
+  var data = (_res$row$data = res.row.data) == null ? void 0 : _res$row$data[fieldMeta.identifier];
   if (!data) {
     return null;
   }
-  if (fieldMeta.type === "date-time" && dateFormat && typeof data === 'string') {
+  if (fieldMeta.type === "date-time" && dateFormat) {
     data = dayjs(data).format(dateFormat);
   }
   return data ? renderValue(data, fieldMeta.type, _extends({
@@ -1464,10 +1403,10 @@ var cmsCountFieldMeta = {
     }
   }
 };
-function CmsCount(_ref9) {
-  var className = _ref9.className,
-    table = _ref9.table,
-    rest = _objectWithoutPropertiesLoose(_ref9, _excluded2);
+function CmsCount(_ref10) {
+  var className = _ref10.className,
+    table = _ref10.table,
+    rest = _objectWithoutPropertiesLoose(_ref10, _excluded2);
   var tables = useTablesWithDataLoaded("count");
   var res = useCount(tables, table);
   var unknown = React.createElement("div", Object.assign({
@@ -1495,84 +1434,12 @@ function deriveInferredTableField(opts) {
   var schema = tables == null || (_tables$find = tables.find(function (t) {
     return t.identifier === table;
   })) == null ? void 0 : _tables$find.schema;
-  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];
-    }
+  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);
   });
-  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;
+  return fieldMeta;
 }
 function assertNever(_) {
   throw new Error("unexpected branch taken");
@@ -1584,7 +1451,6 @@ 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":
@@ -1651,14 +1517,14 @@ var cmsRowLinkMeta = {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      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);
+      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);
       },
       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);
+        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);
       }
     },
     hrefProp: {
@@ -1672,8 +1538,8 @@ var cmsRowLinkMeta = {
       displayName: "Optional prefix",
       description: "Prefix to prepend to prop value.",
       hidden: function hidden(_, ctx) {
-        var _ctx$fieldMeta3;
-        return (ctx == null || (_ctx$fieldMeta3 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta3.type) === "file";
+        var _ctx$fieldMeta5;
+        return (ctx == null || (_ctx$fieldMeta5 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta5.type) === "file";
       }
     },
     suffix: {
@@ -1681,21 +1547,21 @@ var cmsRowLinkMeta = {
       displayName: "Optional suffix",
       description: "Suffix to append to prop value.",
       hidden: function hidden(_, ctx) {
-        var _ctx$fieldMeta4;
-        return (ctx == null || (_ctx$fieldMeta4 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta4.type) === "file";
+        var _ctx$fieldMeta6;
+        return (ctx == null || (_ctx$fieldMeta6 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta6.type) === "file";
       }
     }
   }
 };
-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;
+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;
   var tables = useTablesWithDataLoaded("rows");
   var res = useRow(tables, table);
   if (!res || !res.row) {
@@ -1722,7 +1588,7 @@ function CmsRowLink(_ref11) {
   if (!children) {
     return null;
   }
-  var value = ((_res$row$data = res.row.data) == null ? void 0 : _res$row$data[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)) {
       var _React$cloneElement;
@@ -1765,14 +1631,14 @@ var cmsRowImageMeta = {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      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"]);
+      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"]);
       },
       defaultValueHint: function defaultValueHint(_, ctx) {
-        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);
+        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);
       }
     },
     srcProp: {
@@ -1783,13 +1649,13 @@ var cmsRowImageMeta = {
     }
   }
 };
-function CmsRowImage(_ref13) {
-  var _res$row$data2;
-  var table = _ref13.table,
-    field = _ref13.field,
-    srcProp = _ref13.srcProp,
-    children = _ref13.children,
-    setControlContextData = _ref13.setControlContextData;
+function CmsRowImage(_ref14) {
+  var _res$row$data3;
+  var table = _ref14.table,
+    field = _ref14.field,
+    srcProp = _ref14.srcProp,
+    children = _ref14.children,
+    setControlContextData = _ref14.setControlContextData;
   var tables = useTablesWithDataLoaded("rows");
   var res = useRow(tables, table);
   if (!res || !res.row) {
@@ -1813,7 +1679,7 @@ function CmsRowImage(_ref13) {
   if (!fieldMeta) {
     return React.createElement(React.Fragment, null, children);
   }
-  var value = ((_res$row$data2 = res.row.data) == null ? void 0 : _res$row$data2[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) && value) {
       var _React$cloneElement3;
@@ -1860,14 +1726,14 @@ var cmsRowFieldValueMeta = {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      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);
+      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);
       },
       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$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);
       }
     },
     valueProp: {
@@ -1878,14 +1744,14 @@ var cmsRowFieldValueMeta = {
     }
   }
 };
-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);
+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);
   var tables = useTablesWithDataLoaded("rows");
   var res = useRow(tables, table);
   if (!res || !res.row) {
@@ -1909,7 +1775,7 @@ function CmsRowFieldValue(_ref15) {
   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$data4 = res.row.data) == null ? void 0 : _res$row$data4[fieldMeta.identifier]) || "";
   var childrenWithProps = React.Children.map(children, function (child) {
     if (React.isValidElement(child)) {
       var _extends2;