@multiplatform.one/table-primitives 7.34.4 → 7.35.0

package/src/table.spec.tsx

@@ -7,7 +7,13 @@
  */
 
 import { renderWithProviders } from "@multiplatform.one/test-utils";
-import { Preset } from "@multiplatform.one/theme";
+import {
+  createThemesBuilder,
+  defaultBaseTheme,
+  defaultAccentTheme,
+  Preset,
+  Surface,
+} from "@multiplatform.one/theme";
 import { Theme } from "tamagui";
 import { describe, expect, it } from "vitest";
 import { Table, tablePressFill, tableZebraFill } from "./index";
@@ -319,24 +325,30 @@ describe("Table Primitives", () => {
     expect(low.querySelector("td [data-text-accent]")).toBeNull();
   });
 
-  function bodyTable(overrides: Record<string, string>, props: Record<string, unknown> = {}) {
+  function bodyTable(
+    overrides: Record<string, string>,
+    props: Record<string, unknown> = {},
+    size?: "$3" | "$4" | "$5",
+  ) {
     return renderWithProviders(
       <Preset overrides={overrides as any}>
-        <Table {...props}>
-          <Table.Head>
-            <Table.Row>
-              <Table.HeaderCell>Name</Table.HeaderCell>
-            </Table.Row>
-          </Table.Head>
-          <Table.Body>
-            <Table.Row>
-              <Table.Cell>Plain</Table.Cell>
-            </Table.Row>
-            <Table.Row onPress={() => {}}>
-              <Table.Cell>Pressable</Table.Cell>
-            </Table.Row>
-          </Table.Body>
-        </Table>
+        <Surface size={size}>
+          <Table {...props}>
+            <Table.Head>
+              <Table.Row>
+                <Table.HeaderCell>Name</Table.HeaderCell>
+              </Table.Row>
+            </Table.Head>
+            <Table.Body>
+              <Table.Row>
+                <Table.Cell>Plain</Table.Cell>
+              </Table.Row>
+              <Table.Row onPress={() => {}}>
+                <Table.Cell>Pressable</Table.Cell>
+              </Table.Row>
+            </Table.Body>
+          </Table>
+        </Surface>
       </Preset>,
     ).container;
   }
@@ -346,9 +358,9 @@ describe("Table Primitives", () => {
   const atomic = (el: Element | null | undefined, prefix: string) =>
     Array.from(el?.classList ?? []).filter((name) => name.startsWith(`_${prefix}-`));
 
-  it("carries the size knob to the row in the table composition, where min-height is inert", () => {
-    const heights = (["small", "medium", "large"] as const).map((size) => {
-      const cell = bodyTable({ size }).querySelector("tbody td");
+  it("carries the size token to the row in the table composition, where min-height is inert", () => {
+    const heights = (["$3", "$4", "$5"] as const).map((size) => {
+      const cell = bodyTable({}, {}, size).querySelector("tbody td");
       const minHeight = atomic(cell, "mih");
       expect(minHeight).toHaveLength(1);
       expect(atomic(cell, "h")).toEqual([minHeight[0]?.replace("_mih-", "_h-")]);
@@ -357,8 +369,8 @@ describe("Table Primitives", () => {
     expect(heights).toEqual(["_mih-t-size-3", "_mih-t-size-4", "_mih-t-size-5"]);
   });
 
-  it("floors a pressable row at the 44px press target and leaves a plain row to the size knob", () => {
-    const rows = bodyTable({ size: "small", space: "small" }).querySelectorAll("tbody tr");
+  it("floors a pressable row at the 44px press target and leaves a plain row to the size token", () => {
+    const rows = bodyTable({}, {}, "$3").querySelectorAll("tbody tr");
     const [plain, pressable] = Array.from(rows).map((row) => getComputedStyle(row));
     expect(pressable?.height).toBe("44px");
     expect(pressable?.minHeight).toBe("44px");
@@ -366,7 +378,7 @@ describe("Table Primitives", () => {
   });
 
   it("gives the flex composition the same floors through min-height alone", () => {
-    const container = bodyTable({ size: "small" }, { displayMode: "flex" });
+    const container = bodyTable({}, { displayMode: "flex" }, "$3");
     const cell = container.querySelector("tbody td");
     expect(atomic(cell, "mih")).toEqual(["_mih-t-size-3"]);
     expect(atomic(cell, "h")).toEqual([]);
@@ -434,10 +446,10 @@ describe("Table Primitives", () => {
       expect(fills(container)).toEqual([[], [], [], []]);
     });
 
-    it("fills odd body rows with $color2 and leaves the head and foot rows alone", () => {
+    it("fills odd body rows with $color3 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(fills(container)).toEqual([[], ["_bg-color3"], [], ["_bg-color3"]]);
       expect(container.querySelector("thead tr")?.hasAttribute("data-table-zebra")).toBe(false);
       expect(container.querySelector("tfoot tr")?.hasAttribute("data-table-zebra")).toBe(false);
     });
@@ -484,7 +496,7 @@ describe("Table Primitives", () => {
         [],
         ["_bg-color4"],
         [],
-        ["_bg-color2"],
+        ["_bg-color3"],
       ]);
     });
 
@@ -512,7 +524,7 @@ describe("Table Primitives", () => {
     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"]]);
+      expect(fills(container)).toEqual([[], ["_bg-color3"], [], ["_bg-color3"]]);
     });
 
     it("stripes odd cards in the card layout and leaves intent cards tinted", () => {
@@ -551,10 +563,10 @@ describe("Table Primitives", () => {
         "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[1], "bg")).toEqual(["_bg-color3"]);
+      expect(atomic(on[3], "bg")).toEqual(["_bg-color3"]);
       expect(atomic(on[4], "bg")).toEqual(atomic(off[4], "bg"));
-      expect(atomic(on[5], "bg")).toEqual(["_bg-color2"]);
+      expect(atomic(on[5], "bg")).toEqual(["_bg-color3"]);
     });
 
     describe("the stripe steps one up the ramp from the surface it sits on (MPO-401)", () => {
@@ -585,26 +597,18 @@ describe("Table Primitives", () => {
         expect(odd).not.toEqual(even);
       });
 
-      it("takes the card's own elevation tint plus one in dark, at every elevation", () => {
-        const pairs = (["none", "small", "medium", "large"] as const).map((elevation) =>
-          cardFills("dark", elevation).slice(0, 2),
-        );
-        expect(pairs).toEqual([
-          [["_bg-background"], ["_bg-color2"]],
-          [["_bg-color2"], ["_bg-color3"]],
-          [["_bg-color3"], ["_bg-color4"]],
-          [["_bg-color4"], ["_bg-color5"]],
-        ]);
-      });
-
-      it("leaves light unchanged: cards rest on $background and stripe $color2", () => {
-        expect(cardFills("light", "large").slice(0, 2)).toEqual([
-          ["_bg-background"],
-          ["_bg-color2"],
-        ]);
-      });
+      for (const scheme of ["light", "dark"] as const) {
+        it(`${scheme} cards keep the template fill and stripe at every elevation`, () => {
+          for (const elevation of ["none", "small", "medium", "large"] as const) {
+            expect(cardFills(scheme, elevation).slice(0, 2)).toEqual([
+              ["_bg-background"],
+              ["_bg-color3"],
+            ]);
+          }
+        });
+      }
 
-      it("keeps rows on $color2 in dark, one step up from the frame", () => {
+      it("keeps rows on $color3 in dark, one step up from the frame", () => {
         const { container } = renderWithProviders(
           <Theme name="dark">
             <Preset overrides={{ tableZebra: "on" }}>
@@ -614,7 +618,17 @@ describe("Table Primitives", () => {
             </Preset>
           </Theme>,
         );
-        expect(fills(container)).toEqual([[], ["_bg-color2"], [], ["_bg-color2"]]);
+        expect(fills(container)).toEqual([[], ["_bg-color3"], [], ["_bg-color3"]]);
+      });
+
+      it("the stripe resolves to a different paint from the v5 page in both schemes", () => {
+        const themes = createThemesBuilder(defaultBaseTheme, defaultAccentTheme).themes();
+        for (const scheme of ["light", "dark"] as const) {
+          const theme = themes[scheme];
+          const stripe = tableZebraFill("$background").slice(1) as keyof typeof theme;
+          expect(theme.background).toBe(theme.color2);
+          expect(theme[stripe]).not.toBe(theme.background);
+        }
       });
 
       it("tableZebraFill names the step above a host fill", () => {
@@ -628,7 +642,7 @@ describe("Table Primitives", () => {
             "transparent",
             undefined,
           ].map(tableZebraFill),
-        ).toEqual(["$color2", "$color2", "$color3", "$color5", "$color12", "$color2", "$color2"]);
+        ).toEqual(["$color3", "$color2", "$color3", "$color5", "$color12", "$color2", "$color2"]);
       });
     });
   });

package/src/tableSize.spec.tsx

@@ -0,0 +1,50 @@
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { sizeRecipeForToken, useResolvedKnobs } from "@multiplatform.one/theme";
+import { describe, expect, it } from "vitest";
+import { Table } from "./index";
+
+/** A cell control: reads the knobs inside the cell's Surface. */
+function Probe({ id }: { id: string }) {
+  const { knobProps } = useResolvedKnobs();
+  return (
+    <span
+      data-testid={id}
+      data-size-token={knobProps.sizeToken}
+      data-height={String(knobProps.control.height)}
+    />
+  );
+}
+
+function renderTable(size?: "$2" | "$3" | "$5") {
+  return renderWithProviders(
+    <Table size={size}>
+      <Table.Body>
+        <Table.Row>
+          <Table.Cell>
+            <Probe id="cell" />
+          </Table.Cell>
+        </Table.Row>
+      </Table.Body>
+    </Table>,
+  );
+}
+
+describe("Table size forwarding (WP-c2)", () => {
+  it('size="$3": a cell part measures the $3 recipe', () => {
+    const { getByTestId } = renderTable("$3");
+    expect(getByTestId("cell").getAttribute("data-size-token")).toBe("$3");
+    expect(getByTestId("cell").getAttribute("data-height")).toBe(
+      String(sizeRecipeForToken("$3").height),
+    );
+  });
+
+  it("a smaller table forwards its own key to the cells", () => {
+    const { getByTestId } = renderTable("$2");
+    expect(getByTestId("cell").getAttribute("data-size-token")).toBe("$2");
+  });
+
+  it("no size keeps the cells at $3", () => {
+    const { getByTestId } = renderTable();
+    expect(getByTestId("cell").getAttribute("data-size-token")).toBe("$3");
+  });
+});

package/types/index.d.ts

@@ -27,8 +27,8 @@ type AlignCells = {
 declare const Row: 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;
+    circular?: boolean | undefined;
     elevate?: boolean | undefined;
     bordered?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
@@ -38,13 +38,13 @@ declare const Row: import("tamagui").TamaguiComponent<import("@tamagui/web").Tam
 declare const Cell: 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;
-    cellWidth?: number | "auto" | SizeTokens | undefined;
-    cellHeight?: SizeTokens | undefined;
     fullscreen?: boolean | undefined;
+    circular?: boolean | undefined;
     elevate?: boolean | undefined;
     bordered?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
+    cellWidth?: number | "auto" | SizeTokens | undefined;
+    cellHeight?: SizeTokens | undefined;
     displayMode?: "table" | "flex" | undefined;
     alignCells?: AlignCells | undefined;
     cellLocation?: "middle" | "first" | "last" | undefined;
@@ -52,13 +52,13 @@ declare const Cell: import("tamagui").TamaguiComponent<import("@tamagui/web").Ta
 declare const HeaderCell: 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;
-    cellWidth?: number | "auto" | SizeTokens | undefined;
-    cellHeight?: SizeTokens | undefined;
     fullscreen?: boolean | undefined;
+    circular?: boolean | undefined;
     elevate?: boolean | undefined;
     bordered?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
+    cellWidth?: number | "auto" | SizeTokens | undefined;
+    cellHeight?: SizeTokens | undefined;
     displayMode?: "table" | "flex" | undefined;
     alignHeaderCells?: AlignCells | undefined;
     cellLocation?: "middle" | "first" | "last" | undefined;
@@ -70,8 +70,8 @@ export declare function tablePressFill(restFill: unknown): `$color${number}`;
 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;
-    circular?: boolean | undefined;
     fullscreen?: boolean | undefined;
+    circular?: boolean | undefined;
     elevate?: boolean | undefined;
     bordered?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
@@ -80,8 +80,8 @@ declare const TableBody: import("tamagui").TamaguiComponent<import("@tamagui/web
 declare const TableHead: 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;
+    circular?: boolean | undefined;
     elevate?: boolean | undefined;
     bordered?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
@@ -90,8 +90,8 @@ declare const TableHead: import("tamagui").TamaguiComponent<import("@tamagui/web
 declare const TableFoot: 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;
+    circular?: boolean | undefined;
     elevate?: boolean | undefined;
     bordered?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
@@ -109,13 +109,13 @@ declare const TableCaption: import("tamagui").TamaguiComponent<import("@tamagui/
 declare const TableComp: 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;
-    cellWidth?: SizeTokens | undefined;
-    cellHeight?: SizeTokens | undefined;
     fullscreen?: boolean | undefined;
+    circular?: boolean | undefined;
     elevate?: boolean | undefined;
     bordered?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
+    cellWidth?: SizeTokens | undefined;
+    cellHeight?: SizeTokens | undefined;
     displayMode?: "table" | "flex" | undefined;
     alignHeaderCells?: any;
     alignCells?: any;
@@ -127,11 +127,11 @@ export interface ThemedRowProps extends React.ComponentProps<typeof Row> {
     success?: boolean;
 }
 /**
- * SP-EDGE row density: the `space` knob scales cell padding (row density)
- * without adding an outer row inset (LC-18 / theme-propagation-spec SP-EDGE).
- * `medium` matches the pre-knob defaults so default rendering is unchanged.
+ * SP-EDGE row padding at a size token's stop (`sizeTokenStop`): a smaller row
+ * token pads tighter, and no stop adds an outer row inset (SP-EDGE). `medium`
+ * is `$true`, the default row.
  */
-export declare function getTableCellPadding(space: string): {
+export declare function getTableCellPadding(stop: string): {
     paddingHorizontal: string;
     paddingVertical: string;
 };
@@ -143,11 +143,18 @@ export declare function getTableCellPadding(space: string): {
  * - `auto`: table on `$sm` and up, cards below (W11 compact class)
  */
 export type TableLayout = "table" | "cards" | "auto";
-export interface ThemedTableProps extends React.ComponentProps<typeof TableComp> {
+export interface ThemedTableProps extends Omit<React.ComponentProps<typeof TableComp>, "size"> {
     /** Responsive layout — see {@link TableLayout}. Default `table`. */
     layout?: TableLayout;
+    /**
+     * Control size of the table: row height and every cell's Surface (text and
+     * cell controls). Default: the page's size for rows, `$3` for cells.
+     */
+    size?: SizeTokens;
+    /** Size key every cell's Surface forwards to its content. Default `size`, else `$3`. */
+    cellSize?: SizeTokens;
 }
-declare function ThemedTableComp({ layout, ...props }: ThemedTableProps): import("react/jsx-runtime").JSX.Element;
+declare function ThemedTableComp({ size, cellSize, ...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;
@@ -162,8 +169,8 @@ export declare const Table: typeof ThemedTableComp & {
     Foot: 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;
+        circular?: boolean | undefined;
         elevate?: boolean | undefined;
         bordered?: boolean | undefined;
         chromeless?: boolean | "all" | undefined;

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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"}