@plasmicpkgs/plasmic-rich-components 1.0.103 → 1.0.104

package/dist/plasmic-rich-components.esm.js

@@ -2083,6 +2083,10 @@ const listCss = `
   padding-right: 8px;
 }
 
+.ant-list .plasmic-list-item {
+  align-items: stretch;
+}
+
 .plasmic-list-item--clickable:hover {
   background-color: #8881;
 }
@@ -2132,7 +2136,7 @@ function RichList(props) {
     pageSize = 10,
     hideSearch,
     rowKey,
-    pagination,
+    pagination = true,
     onRowClick
   } = _a; __objRest(_a, [
     "data",
@@ -2242,7 +2246,7 @@ function RichList(props) {
           var _a3;
           return (_a3 = linkWrapper == null ? void 0 : linkWrapper(x)) != null ? _a3 : x;
         }
-        return type === "grid" ? /* @__PURE__ */ React.createElement(List.Item, null, maybeLink(
+        return type === "grid" ? /* @__PURE__ */ React.createElement(List.Item, { className: "plasmic-list-item" }, maybeLink(
           /* @__PURE__ */ React.createElement(
             Card,
             {
@@ -2260,6 +2264,7 @@ function RichList(props) {
             {
               actions,
               className: classNames({
+                "plasmic-list-item": true,
                 "plasmic-list-item--clickable": hasLink
               })
             },
@@ -2353,7 +2358,7 @@ function useRoleDefinitions(data, props) {
     const schema = data == null ? void 0 : data.schema;
     const schemaMap = new Map((_a = data == null ? void 0 : data.schema) == null ? void 0 : _a.fields.map((f) => [f.id, f]));
     if (!data || !schema) {
-      return { normalized: [], roleConfigs: {}, finalRoles: {} };
+      return { normalized: [], finalRoles: {} };
     }
     function tagFieldConfigs(role) {
       var _a2;
@@ -2367,27 +2372,33 @@ function useRoleDefinitions(data, props) {
         return [];
       }
     }
-    const { mergedFields, minimalFullLengthFields } = deriveFieldConfigs(
-      [
-        ...tagFieldConfigs("image"),
-        ...tagFieldConfigs("content"),
-        ...tagFieldConfigs("title"),
-        ...tagFieldConfigs("beforeTitle"),
-        ...tagFieldConfigs("afterTitle"),
-        ...tagFieldConfigs("subtitle")
-      ],
-      schema,
-      (field) => __spreadValues$1(__spreadValues$1({}, defaultColumnConfig()), field && {
-        key: field.id,
-        fieldId: field.id,
-        title: field.label || field.id,
-        // undefined means not yet determined in this routine, not 'unset'
-        role: void 0,
-        expr: (currentItem) => currentItem[field.id]
-      })
-    );
-    const normalized = mergedFields;
-    if (data.data.length > 0 && !mergedFields.some((field) => field.role === "image")) {
+    const specifiedFieldsPartial = [
+      ...tagFieldConfigs("image"),
+      ...tagFieldConfigs("content"),
+      ...tagFieldConfigs("title"),
+      ...tagFieldConfigs("beforeTitle"),
+      ...tagFieldConfigs("afterTitle"),
+      ...tagFieldConfigs("subtitle")
+    ];
+    function doDeriveFieldConfigs(mode) {
+      return deriveFieldConfigs(
+        mode === "defaults" ? [] : specifiedFieldsPartial,
+        schema,
+        (field) => __spreadValues$1(__spreadValues$1({}, defaultColumnConfig()), field && {
+          key: field.id,
+          fieldId: field.id,
+          title: field.label || field.id,
+          // undefined means not yet determined in this routine, not 'unset'
+          role: void 0,
+          expr: (currentItem) => currentItem[field.id]
+        })
+      );
+    }
+    const {
+      mergedFields: defaultMergedFields,
+      minimalFullLengthFields: defaultMinimalFullLengthFields
+    } = doDeriveFieldConfigs("defaults");
+    if (data.data.length > 0 && !defaultMergedFields.some((field) => field.role === "image")) {
       const sampleRows = Array.from(
         new Set(
           [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(
@@ -2395,7 +2406,7 @@ function useRoleDefinitions(data, props) {
           )
         )
       ).map((i) => data.data[i]);
-      const imageFieldCandidates = mergedFields.filter(
+      const imageFieldCandidates = defaultMergedFields.filter(
         (field) => !field.role && sampleRows.filter(
           (row) => field.fieldId && isLikeImage(row[field.fieldId])
         ).length >= sampleRows.length / 2
@@ -2419,8 +2430,8 @@ function useRoleDefinitions(data, props) {
         imageField.role = "image";
       }
     }
-    if (!mergedFields.some((field) => field.role === "title")) {
-      const titleField = mergedFields.find(
+    if (!defaultMergedFields.some((field) => field.role === "title")) {
+      const titleField = defaultMergedFields.find(
         (field) => {
           var _a2;
           return !field.role && ((_a2 = field.fieldId) == null ? void 0 : _a2.toLowerCase().match(/^(title|name|first[ _-]?name|full[ _-]?name)$/));
@@ -2430,8 +2441,8 @@ function useRoleDefinitions(data, props) {
         titleField.role = "title";
       }
     }
-    if (!mergedFields.some((field) => field.role === "content")) {
-      const contentField = mergedFields.find(
+    if (!defaultMergedFields.some((field) => field.role === "content")) {
+      const contentField = defaultMergedFields.find(
         (field) => {
           var _a2;
           return !field.role && field.fieldId && ((_a2 = schemaMap.get(field.fieldId)) == null ? void 0 : _a2.type) === "string";
@@ -2441,19 +2452,49 @@ function useRoleDefinitions(data, props) {
         contentField.role = "content";
       }
     }
-    const roleConfigs = ensure(groupBy(mergedFields, (f) => f.role));
+    const fieldIdToDefaultRole = new Map(
+      defaultMergedFields.map((f) => [f.fieldId, f.role])
+    );
+    for (const f of defaultMinimalFullLengthFields) {
+      f.role = fieldIdToDefaultRole.get(f.fieldId);
+    }
+    const { mergedFields, minimalFullLengthFields } = doDeriveFieldConfigs("existing");
+    const minimalFullLengthFieldsWithDefaults = [
+      ...minimalFullLengthFields.filter((f) => f.role && f.role !== "unset"),
+      ...defaultMinimalFullLengthFields.filter(
+        (f) => f.role && f.role !== "unset" && !props[f.role]
+      )
+    ];
+    const mergedFieldsWithDefaults = [
+      ...mergedFields.filter((f) => f.role && f.role !== "unset"),
+      ...defaultMergedFields.filter(
+        (f) => f.role && f.role !== "unset" && !props[f.role]
+      )
+    ];
+    console.log("!!derived", {
+      minimalFullLengthFieldsWithDefaults,
+      minimalFullLengthFields,
+      defaultMinimalFullLengthFields,
+      mergedFieldsWithDefaults,
+      mergedFields,
+      defaultMergedFields,
+      props
+    });
+    const roleConfigs = ensure(
+      groupBy(mergedFieldsWithDefaults, (f) => f.role)
+    );
     const finalRoles = {};
     for (const role of roles) {
       if (role !== "unset") {
         finalRoles[role] = (_d = maybe(props[role], ensureArray)) != null ? _d : roleConfigs[role];
       }
     }
-    const fieldIdToRole = new Map(mergedFields.map((f) => [f.fieldId, f.role]));
-    for (const f of minimalFullLengthFields) {
-      f.role = fieldIdToRole.get(f.fieldId);
-    }
-    setControlContextData == null ? void 0 : setControlContextData(__spreadProps(__spreadValues$1({}, data), { mergedFields, minimalFullLengthFields }));
-    return { normalized, roleConfigs, finalRoles };
+    setControlContextData == null ? void 0 : setControlContextData(__spreadProps(__spreadValues$1({}, data), {
+      mergedFields: mergedFieldsWithDefaults,
+      minimalFullLengthFields: minimalFullLengthFieldsWithDefaults
+    }));
+    const normalized = mergedFieldsWithDefaults;
+    return { normalized, finalRoles };
   }, [fields, data, setControlContextData, rowActions]);
 }
 
@@ -2519,11 +2560,6 @@ const richListMeta = {
     padding: "16px",
     maxHeight: "100%"
   },
-  templates: {
-    grid: {
-      props: {}
-    }
-  },
   props: __spreadValues({
     data: dataProp(),
     type: {