@multiplatform.one/frappe-ui 7.34.4 → 7.36.0

package/dist/esm/record/RecordRows.mjs

@@ -1,44 +1,73 @@
-import { Accordion, Card, Chip, Text, XStack, YStack } from "@multiplatform.one/components";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Accordion, Chip, TamaguiSizableText, Text, XStack, YStack } from "@multiplatform.one/components";
+import { hairline, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useTranslation } from "react-i18next";
 import { groupRows, sortRows } from "./recordData.mjs";
 import { slugWords } from "./recordSections.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-function RowTiles({
+function RecordGroupFrame({
+  children,
+  ...rest
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(YStack, {
+    ...knobProps.surface,
+    ...knobProps.containerRadius,
+    overflow: "hidden",
+    ...rest,
+    children
+  });
+}
+function RecordGroup({
+  children,
+  testID
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(RecordGroupFrame, {
+    testID,
+    children: children.map((child, index) => /* @__PURE__ */jsx(YStack, {
+      ...knobProps.panelPadding,
+      ...(index === 0 ? void 0 : hairline.top),
+      borderColor: "$borderColor",
+      children: child
+    }, index))
+  });
+}
+function RowGroup({
   rows,
   section
 }) {
   const {
     knobProps
   } = useResolvedKnobs();
-  return /* @__PURE__ */jsx(XStack, {
-    ...knobProps.gap,
-    flexWrap: "wrap",
+  return /* @__PURE__ */jsx(RecordGroup, {
     children: rows.map((row, index) => {
       const detail = section.detail ? Number(row[section.detail.field]) : 0;
-      return /* @__PURE__ */jsx(Card, {
-        ...knobProps.cardSurface,
-        backgroundColor: "$color2",
-        paddingVertical: "$2",
-        paddingHorizontal: "$3",
-        flexGrow: 0,
-        children: /* @__PURE__ */jsxs(XStack, {
-          alignItems: "center",
-          gap: "$2",
-          children: [/* @__PURE__ */jsx(Text, {
-            textTransform: "capitalize",
-            fontWeight: "600",
-            children: slugWords(String(row[section.field] ?? ""))
-          }), section.flag && row[section.flag.field] ? /* @__PURE__ */jsx(Chip, {
-            size: "$2",
-            color: "purple",
-            children: section.flag.label
-          }) : null, section.detail && detail > 0 ? /* @__PURE__ */jsx(Chip, {
-            size: "$2",
-            color: "blue",
-            children: section.detail.label(detail)
-          }) : null]
-        })
+      return /* @__PURE__ */jsxs(XStack, {
+        alignItems: "center",
+        ...knobProps.gap,
+        minWidth: 0,
+        children: [/* @__PURE__ */jsx(TamaguiSizableText, {
+          size: "$4",
+          ...knobProps.heading,
+          flex: 1,
+          minWidth: 0,
+          numberOfLines: 1,
+          textTransform: "capitalize",
+          children: slugWords(String(row[section.field] ?? ""))
+        }), section.flag && row[section.flag.field] ? /* @__PURE__ */jsx(Chip, {
+          size: "$2",
+          color: "purple",
+          children: section.flag.label
+        }) : null, section.detail && detail > 0 ? /* @__PURE__ */jsx(Text, {
+          ...knobProps.label,
+          color: "$color11",
+          flexShrink: 0,
+          children: section.detail.label(detail)
+        }) : null]
       }, typeof row.name === "string" ? row.name : index);
     })
   });
@@ -55,47 +84,45 @@ function RecordRows({
   } = useResolvedKnobs();
   if (rows.length === 0) {
     return /* @__PURE__ */jsx(Text, {
-      color: "$color10",
-      fontSize: "$3",
+      ...knobProps.label,
+      color: "$color11",
       children: section.empty ?? t("None yet")
     });
   }
   const sorted = sortRows(rows, section.orderBy ?? []);
-  if (!section.groupBy) return /* @__PURE__ */jsx(RowTiles, {
+  if (!section.groupBy) return /* @__PURE__ */jsx(RowGroup, {
     rows: sorted,
     section
   });
   const groups = groupRows(sorted, section.groupBy.field);
   const groupValue = value => value || "other";
-  return /* @__PURE__ */jsx(YStack, {
-    ...knobProps.gap,
-    children: /* @__PURE__ */jsx(Accordion, {
-      type: "multiple",
-      defaultValue: [groupValue(groups[0]?.value ?? "")],
-      children: groups.map(group => /* @__PURE__ */jsxs(Accordion.Item, {
-        value: groupValue(group.value),
-        children: [/* @__PURE__ */jsx(Accordion.Trigger, {
-          children: /* @__PURE__ */jsxs(XStack, {
-            alignItems: "center",
-            gap: "$2",
-            flexWrap: "wrap",
-            children: [/* @__PURE__ */jsx(Text, {
-              fontWeight: "600",
-              children: section.groupBy?.label(group.value)
-            }), /* @__PURE__ */jsx(Chip, {
-              size: "$2",
-              children: group.rows.length
-            })]
-          })
-        }), /* @__PURE__ */jsx(Accordion.Content, {
-          children: /* @__PURE__ */jsx(RowTiles, {
-            rows: group.rows,
-            section
-          })
-        })]
-      }, groupValue(group.value)))
-    })
+  return /* @__PURE__ */jsx(Accordion, {
+    type: "multiple",
+    defaultValue: [groupValue(groups[0]?.value ?? "")],
+    children: groups.map(group => /* @__PURE__ */jsxs(Accordion.Item, {
+      value: groupValue(group.value),
+      children: [/* @__PURE__ */jsx(Accordion.Trigger, {
+        children: /* @__PURE__ */jsxs(XStack, {
+          alignItems: "center",
+          gap: "$2",
+          flexWrap: "wrap",
+          children: [/* @__PURE__ */jsx(TamaguiSizableText, {
+            size: "$4",
+            ...knobProps.heading,
+            children: section.groupBy?.label(group.value)
+          }), /* @__PURE__ */jsx(Chip, {
+            size: "$2",
+            children: group.rows.length
+          })]
+        })
+      }), /* @__PURE__ */jsx(Accordion.Content, {
+        children: /* @__PURE__ */jsx(RowGroup, {
+          rows: group.rows,
+          section
+        })
+      })]
+    }, groupValue(group.value)))
   });
 }
-export { RecordRows };
+export { RecordGroup, RecordGroupFrame, RecordRows };
 //# sourceMappingURL=RecordRows.mjs.map

package/dist/esm/record/RecordRows.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Accordion","Card","Chip","Text","XStack","YStack","useResolvedKnobs","useTranslation","groupRows","sortRows","slugWords","jsx","jsxs","RowTiles","rows","section","knobProps","gap","flexWrap","children","map","row","index","detail","Number","field","cardSurface","backgroundColor","paddingVertical","paddingHorizontal","flexGrow","alignItems","textTransform","fontWeight","String","flag","size","color","label","name","RecordRows","t","length","fontSize","empty","sorted","orderBy","groupBy","groups","groupValue","value","type","defaultValue","group","Item","Trigger","Content"],"sources":["../../../src/record/RecordRows.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Accordion","Chip","TamaguiSizableText","Text","XStack","YStack","hairline","useResolvedKnobs","useTranslation","groupRows","sortRows","slugWords","jsx","jsxs","RecordGroupFrame","children","rest","knobProps","surface","containerRadius","overflow","RecordGroup","testID","map","child","index","panelPadding","top","borderColor","RowGroup","rows","section","row","detail","Number","field","alignItems","gap","minWidth","size","heading","flex","numberOfLines","textTransform","String","flag","color","label","flexShrink","name","RecordRows","t","length","empty","sorted","orderBy","groupBy","groups","groupValue","value","type","defaultValue","group","Item","Trigger","flexWrap","Content"],"sources":["../../../src/record/RecordRows.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/record/RecordRows.native.js

@@ -1,10 +1,46 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Accordion, Card, Chip, Text, XStack, YStack } from "@multiplatform.one/components";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Accordion, Chip, TamaguiSizableText, Text, XStack, YStack } from "@multiplatform.one/components";
+import { hairline, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useTranslation } from "react-i18next";
 import { groupRows, sortRows } from "./recordData.native.js";
 import { slugWords } from "./recordSections.native.js";
-function RowTiles(param) {
+function RecordGroupFrame(param) {
+  var {
+    children,
+    ...rest
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsx(YStack, {
+    ...knobProps.surface,
+    ...knobProps.containerRadius,
+    overflow: "hidden",
+    ...rest,
+    children
+  });
+}
+function RecordGroup(param) {
+  var {
+    children,
+    testID
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsx(RecordGroupFrame, {
+    testID,
+    children: children.map(function (child, index) {
+      return /* @__PURE__ */_jsx(YStack, {
+        ...knobProps.panelPadding,
+        ...(index === 0 ? void 0 : hairline.top),
+        borderColor: "$borderColor",
+        children: child
+      }, index);
+    })
+  });
+}
+function RowGroup(param) {
   var {
     rows,
     section
@@ -12,35 +48,32 @@ function RowTiles(param) {
   var {
     knobProps
   } = useResolvedKnobs();
-  return /* @__PURE__ */_jsx(XStack, {
-    ...knobProps.gap,
-    flexWrap: "wrap",
+  return /* @__PURE__ */_jsx(RecordGroup, {
     children: rows.map(function (row, index) {
       var _row_section_field;
       var detail = section.detail ? Number(row[section.detail.field]) : 0;
-      return /* @__PURE__ */_jsx(Card, {
-        ...knobProps.cardSurface,
-        backgroundColor: "$color2",
-        paddingVertical: "$2",
-        paddingHorizontal: "$3",
-        flexGrow: 0,
-        children: /* @__PURE__ */_jsxs(XStack, {
-          alignItems: "center",
-          gap: "$2",
-          children: [/* @__PURE__ */_jsx(Text, {
-            textTransform: "capitalize",
-            fontWeight: "600",
-            children: slugWords(String((_row_section_field = row[section.field]) !== null && _row_section_field !== void 0 ? _row_section_field : ""))
-          }), section.flag && row[section.flag.field] ? /* @__PURE__ */_jsx(Chip, {
-            size: "$2",
-            color: "purple",
-            children: section.flag.label
-          }) : null, section.detail && detail > 0 ? /* @__PURE__ */_jsx(Chip, {
-            size: "$2",
-            color: "blue",
-            children: section.detail.label(detail)
-          }) : null]
-        })
+      return /* @__PURE__ */_jsxs(XStack, {
+        alignItems: "center",
+        ...knobProps.gap,
+        minWidth: 0,
+        children: [/* @__PURE__ */_jsx(TamaguiSizableText, {
+          size: "$4",
+          ...knobProps.heading,
+          flex: 1,
+          minWidth: 0,
+          numberOfLines: 1,
+          textTransform: "capitalize",
+          children: slugWords(String((_row_section_field = row[section.field]) !== null && _row_section_field !== void 0 ? _row_section_field : ""))
+        }), section.flag && row[section.flag.field] ? /* @__PURE__ */_jsx(Chip, {
+          size: "$2",
+          color: "purple",
+          children: section.flag.label
+        }) : null, section.detail && detail > 0 ? /* @__PURE__ */_jsx(Text, {
+          ...knobProps.label,
+          color: "$color11",
+          flexShrink: 0,
+          children: section.detail.label(detail)
+        }) : null]
       }, typeof row.name === "string" ? row.name : index);
     })
   });
@@ -61,13 +94,13 @@ function RecordRows(param) {
   if (rows.length === 0) {
     var _section_empty;
     return /* @__PURE__ */_jsx(Text, {
-      color: "$color10",
-      fontSize: "$3",
+      ...knobProps.label,
+      color: "$color11",
       children: (_section_empty = section.empty) !== null && _section_empty !== void 0 ? _section_empty : t("None yet")
     });
   }
   var sorted = sortRows(rows, (_section_orderBy = section.orderBy) !== null && _section_orderBy !== void 0 ? _section_orderBy : []);
-  if (!section.groupBy) return /* @__PURE__ */_jsx(RowTiles, {
+  if (!section.groupBy) return /* @__PURE__ */_jsx(RowGroup, {
     rows: sorted,
     section
   });
@@ -75,38 +108,36 @@ function RecordRows(param) {
   var groupValue = function groupValue2(value) {
     return value || "other";
   };
-  return /* @__PURE__ */_jsx(YStack, {
-    ...knobProps.gap,
-    children: /* @__PURE__ */_jsx(Accordion, {
-      type: "multiple",
-      defaultValue: [groupValue((_ref = (_groups_ = groups[0]) === null || _groups_ === void 0 ? void 0 : _groups_.value) !== null && _ref !== void 0 ? _ref : "")],
-      children: groups.map(function (group) {
-        var _section_groupBy;
-        return /* @__PURE__ */_jsxs(Accordion.Item, {
-          value: groupValue(group.value),
-          children: [/* @__PURE__ */_jsx(Accordion.Trigger, {
-            children: /* @__PURE__ */_jsxs(XStack, {
-              alignItems: "center",
-              gap: "$2",
-              flexWrap: "wrap",
-              children: [/* @__PURE__ */_jsx(Text, {
-                fontWeight: "600",
-                children: (_section_groupBy = section.groupBy) === null || _section_groupBy === void 0 ? void 0 : _section_groupBy.label(group.value)
-              }), /* @__PURE__ */_jsx(Chip, {
-                size: "$2",
-                children: group.rows.length
-              })]
-            })
-          }), /* @__PURE__ */_jsx(Accordion.Content, {
-            children: /* @__PURE__ */_jsx(RowTiles, {
-              rows: group.rows,
-              section
-            })
-          })]
-        }, groupValue(group.value));
-      })
+  return /* @__PURE__ */_jsx(Accordion, {
+    type: "multiple",
+    defaultValue: [groupValue((_ref = (_groups_ = groups[0]) === null || _groups_ === void 0 ? void 0 : _groups_.value) !== null && _ref !== void 0 ? _ref : "")],
+    children: groups.map(function (group) {
+      var _section_groupBy;
+      return /* @__PURE__ */_jsxs(Accordion.Item, {
+        value: groupValue(group.value),
+        children: [/* @__PURE__ */_jsx(Accordion.Trigger, {
+          children: /* @__PURE__ */_jsxs(XStack, {
+            alignItems: "center",
+            gap: "$2",
+            flexWrap: "wrap",
+            children: [/* @__PURE__ */_jsx(TamaguiSizableText, {
+              size: "$4",
+              ...knobProps.heading,
+              children: (_section_groupBy = section.groupBy) === null || _section_groupBy === void 0 ? void 0 : _section_groupBy.label(group.value)
+            }), /* @__PURE__ */_jsx(Chip, {
+              size: "$2",
+              children: group.rows.length
+            })]
+          })
+        }), /* @__PURE__ */_jsx(Accordion.Content, {
+          children: /* @__PURE__ */_jsx(RowGroup, {
+            rows: group.rows,
+            section
+          })
+        })]
+      }, groupValue(group.value));
     })
   });
 }
-export { RecordRows };
+export { RecordGroup, RecordGroupFrame, RecordRows };
 //# sourceMappingURL=RecordRows.native.js.map

package/dist/esm/record/RecordRows.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Accordion","Card","Chip","Text","XStack","YStack","useResolvedKnobs","useTranslation","groupRows","sortRows","slugWords","RowTiles","param","rows","section","knobProps","gap","flexWrap","children","map","row","index","_row_section_field","detail","Number","field","cardSurface","backgroundColor","paddingVertical","paddingHorizontal","flexGrow","alignItems","textTransform","fontWeight","String","flag","size","color","label","name","RecordRows","_section_orderBy","_ref"],"sources":["../../../src/record/RecordRows.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAW,EAAAC,IAAM,IAAAC,KAAM,QAAM,mBAAsB;AAC5D,SAASC,SAAA,EAAAC,IAAA,EAAAC,IAAA,EAAAC,IAAwB,EAAAC,MAAA,EAAAC,MAAA;AACjC,SAASC,gBAAA,QAAsB;AAC/B,SAASC,cAAW,uBAAgB;AACpC,SAASC,SAAA,EAAAC,QAA+C;AAmB5C,SACEC,SADF;AAfZ,SAASC,SAASC,KAAE;EAClB;IAAMC,IAAE;IAAAC;EAAU,IAAIF,KAAA;EACtB;IAAAG;EACE,IAAAT,gBAAC,CAAQ;EAEL,sBAAeT,IAAQ,CAAAO,MAAS;IAChC,GAAAW,SACE,CAAAC,GAAA;IAAAC,QAAC;IAAAC,QAAA,EAAAL,IAAA,CAAAM,GAAA,WAAAC,GAAA,EAAAC,KAAA;MAAA,IAEEC,kBAAa;MAAA,IACdC,MAAA,GAAAT,OAAgB,CAAAS,MAAA,GAAAC,MAAA,CAAAJ,GAAA,CAAAN,OAAA,CAAAS,MAAA,CAAAE,KAAA;MAAA,OAChB,eAAgB5B,IAAA,CAAAI,IAAA;QAChB,GAAAc,SAAA,CAAAW,WAAkB;QAClBC,eAAU;QAEVC,eAAA;QACEC,iBAAA,MAAC;QAEDC,QACC,EAAQ;QAILZ,QACH,EAAQ,eAAUnB,KAAS,CAAAK,MAC1B;UAGE2B,UACN;UAAAf,GAAA;UArBKE,QAAW,GAsBlB,eAAArB,IAAA,CAAAM,IAAA;YAGN6B,aAAA;YAEJC,UAAA;YAOgBf,QAAW,EAAAR,SAAA,CAAAwB,MAAA,EAAAZ,kBAAA,GAAAF,GAAA,CAAAN,OAAA,CAAAW,KAAA,eAAAH,kBAAA,cAAAA,kBAAA;UACzB,IACAR,OAAA,CAAAqB,IAAA,IAAAf,GAAA,CAAAN,OAAA,CAAAqB,IAAA,CAAAV,KAAA,mBAAA5B,IAAA,CAAAK,IAAA;YAICkC,IAAA;YACSC,KAAI;YACNnB,QAAU,EAAIJ,OAAA,CAAAqB,IAAA,CAAAG;UACb,WAELxB,OAAA,CAAAS,MAAA,IAAAA,MAAC,GAAK,mBAAiB1B,IAAA,CAAAK,IAAS;YAIpCkC,IAAA;YACMC,KAAS,QAAS;YACnBnB,QAAQ,EAASJ,OAAO,CAAAS,MAAA,CAAAe,KAAA,CAAAf,MAAC;UACxB,KAAS;QAEf,CACE;MAIQ,UAAAH,GAAA,CAAAmB,IAAC,aAAU,GAAAnB,GAAV,CAAAmB,IACC,GAAAlB,KAAA;IACE;EAA4D;AACzB;AAEvC,SACAmB,WAAA5B,KAAC;EAED;IATmBC,IAAA;IAAAC;EAAW,IAAMF,KAWvC;EAIT,IAAA6B,gBAAA,EAAAC,IAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Accordion","Chip","TamaguiSizableText","Text","XStack","YStack","hairline","useResolvedKnobs","useTranslation","groupRows","sortRows","slugWords","RecordGroupFrame","param","children","rest","knobProps","surface","containerRadius","overflow","RecordGroup","testID","map","child","index","panelPadding","top","borderColor","RowGroup","rows","section","row","_row_section_field","detail","Number","field","alignItems","gap","minWidth","size","heading","flex","numberOfLines","textTransform","String","flag","color","label","flexShrink","name","RecordRows","_section_orderBy","_ref","_groups_","t","length","_section_empty","empty"],"sources":["../../../src/record/RecordRows.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}