@multiplatform.one/table-primitives 7.21.0 → 7.22.0

package/src/index.tsx

@@ -14,7 +14,7 @@ import {
 } from "@multiplatform.one/theme";
 import { TableCellContext } from "./tableCellContext";
 import { wrapBareTextChildren } from "./textRidesText";
-import { Children, Fragment, isValidElement } from "react";
+import { Children, Fragment, createContext, isValidElement, useContext } from "react";
 import type { FontSizeTokens, SizeTokens } from "tamagui";
 import {
   SizableText,
@@ -234,6 +234,31 @@ const HeaderCell = styled(ThemeableStack, {
   } as const,
 });
 
+export type TableZebraStripe = "off" | "even" | "odd";
+
+export function tableZebraStripe(tableZebra: unknown, index: number): TableZebraStripe {
+  if (tableZebra !== "on") return "off";
+  return index % 2 === 1 ? "odd" : "even";
+}
+
+const BodyRowIndexContext = createContext<number | undefined>(undefined);
+
+function indexBodyRows(children: React.ReactNode, counter: { next: number }): React.ReactNode {
+  return Children.map(children, (child) => {
+    if (!isValidElement(child)) return child;
+    if (child.type === Fragment) {
+      return (
+        <Fragment>
+          {indexBodyRows((child.props as { children?: React.ReactNode }).children, counter)}
+        </Fragment>
+      );
+    }
+    return (
+      <BodyRowIndexContext.Provider value={counter.next++}>{child}</BodyRowIndexContext.Provider>
+    );
+  });
+}
+
 const TableBody = styled(ThemeableStack, {
   name: "TableBody",
   ...({ render: "tbody" } as { render?: string }),
@@ -443,7 +468,7 @@ function extractCardModel(children: React.ReactNode): {
           },
         );
       }
-    } else if (section.type === TableBody) {
+    } else if (section.type === ThemedTableBody) {
       for (const rowEl of flattenChildren(sectionProps.children)) {
         if (!isValidElement(rowEl) || rowEl.type !== ThemedRow) continue;
         const rowProps = rowEl.props as ThemedRowProps;
@@ -510,7 +535,8 @@ function TableCardsList({
         ) : (
           caption
         ))}
-      {rows.map((row) => {
+      {rows.map((row, rowIndex) => {
+        const stripe = tableZebraStripe(knobProps.tableZebra, rowIndex);
         const card = (
           <ThemeableStack
             key={row.key}
@@ -520,7 +546,9 @@ function TableCardsList({
             elevation={knobProps.elevation}
             {...motion}
             borderColor="$color6"
+            {...(stripe === "odd" ? { backgroundColor: "$color2" as const } : {})}
             {...(row.intent ? { backgroundColor: "$color3" as const } : {})}
+            {...({ "data-table-zebra": stripe } as Record<string, unknown>)}
           >
             {row.cells.map((cell, index) => {
               const label = headerLabels[index];
@@ -582,28 +610,35 @@ function ThemedTableComp({ layout = "table", ...props }: ThemedTableProps) {
 
   const motion = transitionProps(knobProps.transition);
   return (
-    <TableComp
-      // Table frames are R-OUTER + SF-CARD-tier surface (theme-propagation-spec
-      // `@multiplatform.one/table-primitives`): outer corners follow the capped
-      // outer radius map; like the card list, the fill never takes the
-      // control flip.
-      {...knobProps.surface}
-      {...knobProps.borderRadiusNested}
-      borderWidth={resolvedBorderWidth}
-      elevation={knobProps.elevation}
-      {...motion}
-      // Size knob sets default row height through the table context; consumer
-      // cellHeight (table- or cell-level) still overrides via {...props}.
-      cellHeight={knobProps.sizeToken as SizeTokens}
-      {...({ "data-animation": knobProps.transition ? "on" : "none" } as Record<string, unknown>)}
-      {...props}
-      // borderSpacing 0 neutralizes the real <table> UA default (2px gaps
-      // between cells) so the migrated element keeps the div-table look.
-      style={[{ tableLayout: "fixed" as const, borderSpacing: 0 }, props.style]}
-    />
+    // A table nested in a body cell must not stripe its rows by the outer index.
+    <BodyRowIndexContext.Provider value={undefined}>
+      <TableComp
+        // Table frames are R-OUTER + SF-CARD-tier surface (theme-propagation-spec
+        // `@multiplatform.one/table-primitives`): outer corners follow the capped
+        // outer radius map; like the card list, the fill never takes the
+        // control flip.
+        {...knobProps.surface}
+        {...knobProps.borderRadiusNested}
+        borderWidth={resolvedBorderWidth}
+        elevation={knobProps.elevation}
+        {...motion}
+        // Size knob sets default row height through the table context; consumer
+        // cellHeight (table- or cell-level) still overrides via {...props}.
+        cellHeight={knobProps.sizeToken as SizeTokens}
+        {...({ "data-animation": knobProps.transition ? "on" : "none" } as Record<string, unknown>)}
+        {...props}
+        // borderSpacing 0 neutralizes the real <table> UA default (2px gaps
+        // between cells) so the migrated element keeps the div-table look.
+        style={[{ tableLayout: "fixed" as const, borderSpacing: 0 }, props.style]}
+      />
+    </BodyRowIndexContext.Provider>
   );
 }
 
+function ThemedTableBody({ children, ...props }: React.ComponentProps<typeof TableBody>) {
+  return <TableBody {...props}>{indexBodyRows(children, { next: 0 })}</TableBody>;
+}
+
 function ThemedTableHead(props: React.ComponentProps<typeof TableHead>) {
   // Head/body rule is a divider, not a control border — hairline on
   // high-DPI (Axiom 15). Explicit consumer props still override.
@@ -615,6 +650,9 @@ function ThemedRow({ accent, error, warning, success, ...props }: ThemedRowProps
   const context = TableContext.useStyledContext();
   const motion = transitionProps(knobProps.transition);
   const intent = resolveIntent({ accent, error, warning, success } as ThemedRowProps);
+  const bodyIndex = useContext(BodyRowIndexContext);
+  const stripe =
+    bodyIndex === undefined ? undefined : tableZebraStripe(knobProps.tableZebra, bodyIndex);
   // LC-54: rows abut, so a slop outset would intersect the neighbour and the
   // painted row is the only press target a pressable row can have.
   const pressFloor =
@@ -635,6 +673,7 @@ function ThemedRow({ accent, error, warning, success, ...props }: ThemedRowProps
       {...motion}
       {...pressFloor}
       {...({ "data-animation": knobProps.transition ? "on" : "none" } as Record<string, unknown>)}
+      {...(stripe ? ({ "data-table-zebra": stripe } as Record<string, unknown>) : {})}
       {...(intent
         ? {
             backgroundColor: "$color3" as const,
@@ -645,6 +684,9 @@ function ThemedRow({ accent, error, warning, success, ...props }: ThemedRowProps
           }
         : {})}
       {...props}
+      {...(stripe === "odd" && !intent && props.backgroundColor == null
+        ? { backgroundColor: "$color2" as const }
+        : {})}
     />
   );
 
@@ -746,7 +788,7 @@ function ThemedHeaderCell({ children, style, ...props }: React.ComponentProps<ty
 
 export const Table = withStaticProperties(ThemedTableComp, {
   Head: ThemedTableHead,
-  Body: TableBody,
+  Body: ThemedTableBody,
   Row: ThemedRow,
   Cell: ThemedCell,
   HeaderCell: ThemedHeaderCell,

package/src/table.spec.tsx

@@ -388,4 +388,172 @@ describe("Table Primitives", () => {
     expect(card("filled")).toHaveLength(1);
     expect(card("outlined")).toEqual(card("filled"));
   });
+
+  describe("tableZebra (K4: Table, DataTable, SimpleTable and ChildTable honour it)", () => {
+    function zebraTable(
+      tableZebra: "on" | "off",
+      body: React.ReactNode,
+      props: Record<string, unknown> = {},
+    ) {
+      return renderWithProviders(
+        <Preset overrides={{ tableZebra }}>
+          <Table {...props}>
+            <Table.Head>
+              <Table.Row>
+                <Table.HeaderCell>Name</Table.HeaderCell>
+              </Table.Row>
+            </Table.Head>
+            <Table.Body>{body}</Table.Body>
+            <Table.Foot>
+              <Table.Row>
+                <Table.Cell>Total</Table.Cell>
+              </Table.Row>
+            </Table.Foot>
+          </Table>
+        </Preset>,
+      ).container;
+    }
+
+    const names = ["Ada", "Grace", "Edsger", "Barbara"];
+    const plainRows = names.map((name) => (
+      <Table.Row key={name}>
+        <Table.Cell>{name}</Table.Cell>
+      </Table.Row>
+    ));
+    const stripes = (container: HTMLElement) =>
+      Array.from(container.querySelectorAll("tbody tr")).map((row) =>
+        row.getAttribute("data-table-zebra"),
+      );
+    const fills = (container: HTMLElement) =>
+      Array.from(container.querySelectorAll("tbody tr")).map((row) => atomic(row, "bg"));
+
+    it("stays off by default and paints no body row", () => {
+      const container = zebraTable("off", plainRows);
+      expect(stripes(container)).toEqual(["off", "off", "off", "off"]);
+      expect(fills(container)).toEqual([[], [], [], []]);
+    });
+
+    it("fills odd body rows with $color2 and leaves the head and foot rows alone", () => {
+      const container = zebraTable("on", plainRows);
+      expect(stripes(container)).toEqual(["even", "odd", "even", "odd"]);
+      expect(fills(container)).toEqual([[], ["_bg-color2"], [], ["_bg-color2"]]);
+      expect(container.querySelector("thead tr")?.hasAttribute("data-table-zebra")).toBe(false);
+      expect(container.querySelector("tfoot tr")?.hasAttribute("data-table-zebra")).toBe(false);
+    });
+
+    it("counts rows through arrays and fragments", () => {
+      const container = zebraTable(
+        "on",
+        <>
+          {plainRows.slice(0, 1)}
+          <>
+            {plainRows[1]}
+            {plainRows[2]}
+          </>
+          {plainRows[3]}
+        </>,
+      );
+      expect(stripes(container)).toEqual(["even", "odd", "even", "odd"]);
+    });
+
+    it("keeps an intent row's tint and a consumer fill, and stripes a consumer's undefined fill", () => {
+      const container = zebraTable("on", [
+        <Table.Row key="a">
+          <Table.Cell>Ada</Table.Cell>
+        </Table.Row>,
+        <Table.Row key="b" error>
+          <Table.Cell>Grace</Table.Cell>
+        </Table.Row>,
+        <Table.Row key="c">
+          <Table.Cell>Edsger</Table.Cell>
+        </Table.Row>,
+        <Table.Row key="d" backgroundColor="$color4">
+          <Table.Cell>Barbara</Table.Cell>
+        </Table.Row>,
+        <Table.Row key="e">
+          <Table.Cell>Alan</Table.Cell>
+        </Table.Row>,
+        <Table.Row key="f" backgroundColor={undefined}>
+          <Table.Cell>Frances</Table.Cell>
+        </Table.Row>,
+      ]);
+      expect(fills(container)).toEqual([
+        [],
+        ["_bg-color3"],
+        [],
+        ["_bg-color4"],
+        [],
+        ["_bg-color2"],
+      ]);
+    });
+
+    it("restarts the count in a table nested in a body cell", () => {
+      const container = zebraTable("on", [
+        plainRows[0],
+        <Table.Row key="nest">
+          <Table.Cell>
+            <Table>
+              <Table.Head>
+                <Table.Row>
+                  <Table.HeaderCell>Inner</Table.HeaderCell>
+                </Table.Row>
+              </Table.Head>
+              <Table.Body>{plainRows.slice(0, 2)}</Table.Body>
+            </Table>
+          </Table.Cell>
+        </Table.Row>,
+      ]);
+      const inner = container.querySelector("tbody table") as HTMLElement;
+      expect(inner.querySelector("thead tr")?.hasAttribute("data-table-zebra")).toBe(false);
+      expect(stripes(inner)).toEqual(["even", "odd"]);
+    });
+
+    it("gives the flex composition the same stripes (native parity)", () => {
+      const container = zebraTable("on", plainRows, { displayMode: "flex" });
+      expect(stripes(container)).toEqual(["even", "odd", "even", "odd"]);
+      expect(fills(container)).toEqual([[], ["_bg-color2"], [], ["_bg-color2"]]);
+    });
+
+    it("stripes odd cards in the card layout and leaves intent cards tinted", () => {
+      const cards = (tableZebra: "on" | "off") =>
+        Array.from(
+          zebraTable(
+            tableZebra,
+            [
+              ...plainRows,
+              <Table.Row key="intent" success>
+                <Table.Cell>Alan</Table.Cell>
+              </Table.Row>,
+              <Table.Row key="last">
+                <Table.Cell>Frances</Table.Cell>
+              </Table.Row>,
+            ],
+            { layout: "cards" },
+          ).querySelectorAll('[data-testid="table-card"]'),
+        );
+      const off = cards("off");
+      const on = cards("on");
+      expect(off.map((card) => card.getAttribute("data-table-zebra"))).toEqual([
+        "off",
+        "off",
+        "off",
+        "off",
+        "off",
+        "off",
+      ]);
+      expect(on.map((card) => card.getAttribute("data-table-zebra"))).toEqual([
+        "even",
+        "odd",
+        "even",
+        "odd",
+        "even",
+        "odd",
+      ]);
+      expect(atomic(on[0], "bg")).toEqual(atomic(off[0], "bg"));
+      expect(atomic(on[1], "bg")).toEqual(["_bg-color2"]);
+      expect(atomic(on[3], "bg")).toEqual(["_bg-color2"]);
+      expect(atomic(on[4], "bg")).toEqual(atomic(off[4], "bg"));
+      expect(atomic(on[5], "bg")).toEqual(["_bg-color2"]);
+    });
+  });
 });

package/types/index.d.ts

@@ -62,6 +62,8 @@ declare const HeaderCell: import("tamagui").TamaguiComponent<import("@tamagui/we
     alignHeaderCells?: AlignCells | undefined;
     cellLocation?: "middle" | "first" | "last" | undefined;
 }, import("@tamagui/web").StaticConfigPublic>;
+export type TableZebraStripe = "off" | "even" | "odd";
+export declare function tableZebraStripe(tableZebra: unknown, index: number): TableZebraStripe;
 declare const TableBody: import("tamagui").TamaguiComponent<import("@tamagui/web").TamaDefer, import("tamagui").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
     elevation?: number | SizeTokens | undefined;
     transparent?: boolean | undefined;
@@ -143,22 +145,14 @@ export interface ThemedTableProps extends React.ComponentProps<typeof TableComp>
     layout?: TableLayout;
 }
 declare function ThemedTableComp({ layout, ...props }: ThemedTableProps): import("react/jsx-runtime").JSX.Element;
+declare function ThemedTableBody({ children, ...props }: React.ComponentProps<typeof TableBody>): import("react/jsx-runtime").JSX.Element;
 declare function ThemedTableHead(props: React.ComponentProps<typeof TableHead>): import("react/jsx-runtime").JSX.Element;
 declare function ThemedRow({ accent, error, warning, success, ...props }: ThemedRowProps): import("react/jsx-runtime").JSX.Element;
 declare function ThemedCell({ children, style, ...props }: React.ComponentProps<typeof Cell>): import("react/jsx-runtime").JSX.Element;
 declare function ThemedHeaderCell({ children, style, ...props }: React.ComponentProps<typeof HeaderCell>): import("react/jsx-runtime").JSX.Element;
 export declare const Table: typeof ThemedTableComp & {
     Head: typeof ThemedTableHead;
-    Body: import("tamagui").TamaguiComponent<import("@tamagui/web").TamaDefer, import("tamagui").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
-        elevation?: number | SizeTokens | undefined;
-        transparent?: boolean | undefined;
-        circular?: boolean | undefined;
-        fullscreen?: boolean | undefined;
-        elevate?: boolean | undefined;
-        bordered?: boolean | undefined;
-        chromeless?: boolean | "all" | undefined;
-        displayMode?: "table" | "flex" | undefined;
-    }, import("@tamagui/web").StaticConfigPublic>;
+    Body: typeof ThemedTableBody;
     Row: typeof ThemedRow;
     Cell: typeof ThemedCell;
     HeaderCell: typeof ThemedHeaderCell;

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}