@multiplatform.one/table-primitives 6.0.0

package/dist/esm/table.spec.native.js

@@ -0,0 +1,184 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { describe, expect, it } from "vitest";
+import { Table } from "./index.native.js";
+describe("Table Primitives", function () {
+  it("renders semantic HTML structure via tag attributes (table, thead, tbody, tfoot, tr, td, th, caption)", function () {
+    var {
+      container
+    } = renderWithProviders(/* @__PURE__ */_jsxs(Table, {
+      children: [/* @__PURE__ */_jsx(Table.Caption, {
+        children: "Test Caption"
+      }), /* @__PURE__ */_jsx(Table.Head, {
+        children: /* @__PURE__ */_jsx(Table.Row, {
+          children: /* @__PURE__ */_jsx(Table.HeaderCell, {
+            children: "Header"
+          })
+        })
+      }), /* @__PURE__ */_jsx(Table.Body, {
+        children: /* @__PURE__ */_jsx(Table.Row, {
+          children: /* @__PURE__ */_jsx(Table.Cell, {
+            children: "Cell"
+          })
+        })
+      }), /* @__PURE__ */_jsx(Table.Foot, {
+        children: /* @__PURE__ */_jsx(Table.Row, {
+          children: /* @__PURE__ */_jsx(Table.Cell, {
+            children: "Footer"
+          })
+        })
+      })]
+    }));
+    expect(container.querySelector('[tag="table"]')).not.toBeNull();
+    expect(container.querySelector('[tag="thead"]')).not.toBeNull();
+    expect(container.querySelector('[tag="tbody"]')).not.toBeNull();
+    expect(container.querySelector('[tag="tfoot"]')).not.toBeNull();
+    expect(container.querySelectorAll('[tag="tr"]').length).toBe(3);
+    expect(container.querySelector('[tag="td"]')).not.toBeNull();
+    expect(container.querySelector('[tag="th"]')).not.toBeNull();
+    expect(container.querySelector('[tag="caption"]')).not.toBeNull();
+    expect(container.querySelector(".is_Table")).not.toBeNull();
+    expect(container.querySelector(".is_TableHead")).not.toBeNull();
+    expect(container.querySelector(".is_TableBody")).not.toBeNull();
+    expect(container.querySelector(".is_TableFoot")).not.toBeNull();
+    expect(container.querySelector(".is_TableRow")).not.toBeNull();
+    expect(container.querySelector(".is_TableCell")).not.toBeNull();
+    expect(container.querySelector(".is_TableHeaderCell")).not.toBeNull();
+    expect(container.querySelector(".is_TableCaption")).not.toBeNull();
+  });
+  it("applies intent props on Table.Row with Theme wrapping", function () {
+    var {
+      container: withIntent
+    } = renderWithProviders(/* @__PURE__ */_jsx(Table, {
+      children: /* @__PURE__ */_jsxs(Table.Body, {
+        children: [/* @__PURE__ */_jsx(Table.Row, {
+          accent: true,
+          children: /* @__PURE__ */_jsx(Table.Cell, {
+            children: "Accent row"
+          })
+        }), /* @__PURE__ */_jsx(Table.Row, {
+          error: true,
+          children: /* @__PURE__ */_jsx(Table.Cell, {
+            children: "Error row"
+          })
+        }), /* @__PURE__ */_jsx(Table.Row, {
+          warning: true,
+          children: /* @__PURE__ */_jsx(Table.Cell, {
+            children: "Warning row"
+          })
+        }), /* @__PURE__ */_jsx(Table.Row, {
+          success: true,
+          children: /* @__PURE__ */_jsx(Table.Cell, {
+            children: "Success row"
+          })
+        })]
+      })
+    }));
+    var {
+      container: withoutIntent
+    } = renderWithProviders(/* @__PURE__ */_jsx(Table, {
+      children: /* @__PURE__ */_jsx(Table.Body, {
+        children: /* @__PURE__ */_jsx(Table.Row, {
+          children: /* @__PURE__ */_jsx(Table.Cell, {
+            children: "Normal row"
+          })
+        })
+      })
+    }));
+    var rows = withIntent.querySelectorAll('[tag="tr"]');
+    expect(rows.length).toBe(4);
+    expect(withIntent.textContent).toContain("Accent row");
+    expect(withIntent.textContent).toContain("Error row");
+    expect(withIntent.textContent).toContain("Warning row");
+    expect(withIntent.textContent).toContain("Success row");
+    var intentThemeWrappers = withIntent.querySelectorAll(".is_Theme");
+    var normalThemeWrappers = withoutIntent.querySelectorAll(".is_Theme");
+    expect(intentThemeWrappers.length).toBeGreaterThan(normalThemeWrappers.length);
+  });
+  it("spreads knobProps from useResolvedKnobs on Table root", function () {
+    var {
+      container
+    } = renderWithProviders(/* @__PURE__ */_jsx(Table, {
+      children: /* @__PURE__ */_jsx(Table.Body, {
+        children: /* @__PURE__ */_jsx(Table.Row, {
+          children: /* @__PURE__ */_jsx(Table.Cell, {
+            children: "Content"
+          })
+        })
+      })
+    }));
+    var table = container.querySelector('[tag="table"]');
+    expect(table).not.toBeNull();
+    expect(table === null || table === void 0 ? void 0 : table.textContent).toContain("Content");
+    expect(table === null || table === void 0 ? void 0 : table.classList.contains("is_Table")).toBe(true);
+  });
+  it("renders Table.Caption as a caption element", function () {
+    var {
+      container
+    } = renderWithProviders(/* @__PURE__ */_jsxs(Table, {
+      children: [/* @__PURE__ */_jsx(Table.Caption, {
+        children: "Monthly Sales Report"
+      }), /* @__PURE__ */_jsx(Table.Body, {
+        children: /* @__PURE__ */_jsx(Table.Row, {
+          children: /* @__PURE__ */_jsx(Table.Cell, {
+            children: "Data"
+          })
+        })
+      })]
+    }));
+    var caption = container.querySelector('[tag="caption"]');
+    expect(caption).not.toBeNull();
+    expect(caption === null || caption === void 0 ? void 0 : caption.textContent).toContain("Monthly Sales Report");
+    expect(caption === null || caption === void 0 ? void 0 : caption.classList.contains("is_TableCaption")).toBe(true);
+    var table = container.querySelector('[tag="table"]');
+    expect(table === null || table === void 0 ? void 0 : table.querySelector('[tag="caption"]')).not.toBeNull();
+  });
+  it("exposes compound component API (Head, Body, Row, Cell, HeaderCell, Foot, Caption)", function () {
+    expect(Table.Head).toBeDefined();
+    expect(Table.Body).toBeDefined();
+    expect(Table.Row).toBeDefined();
+    expect(Table.Cell).toBeDefined();
+    expect(Table.HeaderCell).toBeDefined();
+    expect(Table.Foot).toBeDefined();
+    expect(Table.Caption).toBeDefined();
+    var {
+      getByText
+    } = renderWithProviders(/* @__PURE__ */_jsxs(Table, {
+      children: [/* @__PURE__ */_jsx(Table.Caption, {
+        children: "Caption"
+      }), /* @__PURE__ */_jsx(Table.Head, {
+        children: /* @__PURE__ */_jsxs(Table.Row, {
+          children: [/* @__PURE__ */_jsx(Table.HeaderCell, {
+            children: "H1"
+          }), /* @__PURE__ */_jsx(Table.HeaderCell, {
+            children: "H2"
+          })]
+        })
+      }), /* @__PURE__ */_jsx(Table.Body, {
+        children: /* @__PURE__ */_jsxs(Table.Row, {
+          children: [/* @__PURE__ */_jsx(Table.Cell, {
+            children: "A1"
+          }), /* @__PURE__ */_jsx(Table.Cell, {
+            children: "A2"
+          })]
+        })
+      }), /* @__PURE__ */_jsx(Table.Foot, {
+        children: /* @__PURE__ */_jsxs(Table.Row, {
+          children: [/* @__PURE__ */_jsx(Table.Cell, {
+            children: "F1"
+          }), /* @__PURE__ */_jsx(Table.Cell, {
+            children: "F2"
+          })]
+        })
+      })]
+    }));
+    expect(getByText("Caption")).toBeDefined();
+    expect(getByText("H1")).toBeDefined();
+    expect(getByText("H2")).toBeDefined();
+    expect(getByText("A1")).toBeDefined();
+    expect(getByText("A2")).toBeDefined();
+    expect(getByText("F1")).toBeDefined();
+    expect(getByText("F2")).toBeDefined();
+  });
+});
+//# sourceMappingURL=table.spec.native.js.map

package/dist/esm/table.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","renderWithProviders","describe","expect","it","Table","container","children","Caption","Head","Row","HeaderCell","Body","Cell","Foot","querySelector","not","toBeNull","querySelectorAll","length","toBe","withIntent","accent","error","warning","success","withoutIntent","rows","textContent","toContain","intentThemeWrappers","normalThemeWrappers","toBeGreaterThan"],"sources":["../../src/table.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/tableCellContext.mjs

@@ -0,0 +1,18 @@
+import { createContext, useContext } from "react";
+const defaultValue = {
+  inTableCell: false,
+  isHeader: false,
+  editable: false
+};
+const TableCellContext = createContext(defaultValue);
+function useTableCellContext() {
+  return useContext(TableCellContext);
+}
+function useIsInTableCell() {
+  const {
+    inTableCell
+  } = useTableCellContext();
+  return inTableCell;
+}
+export { TableCellContext, useIsInTableCell, useTableCellContext };
+//# sourceMappingURL=tableCellContext.mjs.map

package/dist/esm/tableCellContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","defaultValue","inTableCell","isHeader","editable","TableCellContext","useTableCellContext","useIsInTableCell"],"sources":["../../src/tableCellContext.ts"],"sourcesContent":[null],"mappings":"AAOA,SAASA,aAAA,EAAeC,UAAA,QAAkB;AAW1C,MAAMC,YAAA,GAAsC;EAC1CC,WAAA,EAAa;EACbC,QAAA,EAAU;EACVC,QAAA,EAAU;AACZ;AAEO,MAAMC,gBAAA,GAAmBN,aAAA,CAAqCE,YAAY;AAE1E,SAASK,oBAAA,EAA6C;EAC3D,OAAON,UAAA,CAAWK,gBAAgB;AACpC;AAEO,SAASE,iBAAA,EAA4B;EAC1C,MAAM;IAAEL;EAAY,IAAII,mBAAA,CAAoB;EAC5C,OAAOJ,WAAA;AACT","ignoreList":[]}

package/dist/esm/tableCellContext.native.js

@@ -0,0 +1,18 @@
+import { createContext, useContext } from "react";
+var defaultValue = {
+  inTableCell: false,
+  isHeader: false,
+  editable: false
+};
+var TableCellContext = createContext(defaultValue);
+function useTableCellContext() {
+  return useContext(TableCellContext);
+}
+function useIsInTableCell() {
+  var {
+    inTableCell
+  } = useTableCellContext();
+  return inTableCell;
+}
+export { TableCellContext, useIsInTableCell, useTableCellContext };
+//# sourceMappingURL=tableCellContext.native.js.map

package/dist/esm/tableCellContext.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","defaultValue","inTableCell","isHeader","editable","TableCellContext","useTableCellContext","useIsInTableCell"],"sources":["../../src/tableCellContext.ts"],"sourcesContent":[null],"mappings":"AAOA,SAASA,aAAA,EAAeC,UAAA,QAAkB;AAW1C,IAAAC,YAAM;EACJC,WAAA,EAAa;EACbC,QAAA,EAAU;EACVC,QAAA,EAAU;AACZ;AAEO,IAAAC,gBAAM,GAAAN,aAAmB,CAAAE,YAAqC;AAE9D,SAASK,oBAAA,EAA6C;EAC3D,OAAON,UAAA,CAAWK,gBAAgB;AACpC;AAEO,SAASE,iBAAA,EAA4B;EAC1C;IAAML;EAAE,IAAYI,mBAAI;EACxB,OAAOJ,WAAA;AACT","ignoreList":[]}

package/dist/jsx/index.js

@@ -0,0 +1,388 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { TableCellContext } from "./tableCellContext.mjs";
+import { Theme, ThemeableStack, createStyledContext, styled, withStaticProperties } from "tamagui";
+import { TableCellContext as TableCellContext2, useIsInTableCell, useTableCellContext } from "./tableCellContext.mjs";
+import { jsx } from "react/jsx-runtime";
+const TableContext = createStyledContext({
+  cellWidth: "$8",
+  cellHeight: "$8",
+  alignHeaderCells: {
+    x: "start",
+    y: "center"
+  },
+  alignCells: {
+    x: "start",
+    y: "center"
+  },
+  borderColor: "$color6",
+  displayMode: "table"
+});
+const Row = styled(ThemeableStack, {
+  name: "TableRow",
+  ...{
+    tag: "tr"
+  },
+  role: "row",
+  context: TableContext,
+  display: "table-row",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-row"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "row",
+        width: "100%",
+        alignItems: "center"
+      }
+    },
+    rowLocation: {
+      first: () => ({}),
+      last: () => ({}),
+      middle: () => ({})
+    }
+  }
+});
+const Cell = styled(ThemeableStack, {
+  name: "TableCell",
+  ...{
+    tag: "td"
+  },
+  context: TableContext,
+  display: "table-cell",
+  // verticalAlign goes via inline style; Tamagui forwards it to the DOM as a JSX
+  // prop otherwise, which React rejects ("React does not recognize verticalAlign").
+  style: {
+    verticalAlign: "middle"
+  },
+  alignItems: "center",
+  justifyContent: "flex-start",
+  paddingHorizontal: "$2",
+  paddingVertical: "$1",
+  overflow: "hidden",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-cell",
+        style: {
+          verticalAlign: "middle"
+        }
+      },
+      flex: {
+        display: "flex",
+        overflow: "visible"
+      }
+    },
+    cellWidth: {
+      /** Equal flex for consistency across rows (flex rows size independently) */
+      auto: () => ({
+        flex: 1
+      }),
+      ":number": val => ({
+        width: val,
+        minWidth: val
+      }),
+      "...size": (name, {
+        tokens
+      }) => ({
+        width: tokens.size[name],
+        minWidth: tokens.size[name]
+      })
+    },
+    cellHeight: {
+      "...size": (name, {
+        tokens
+      }) => {
+        return {
+          minHeight: tokens.size[name]
+        };
+      }
+    },
+    alignCells: val => {
+      return {
+        alignItems: val.y === "center" ? "center" : `flex-${val.y}`,
+        justifyContent: val.x === "center" ? "center" : `flex-${val.x}`
+      };
+    },
+    cellLocation: {
+      first: () => ({}),
+      last: () => ({}),
+      middle: () => ({})
+    }
+  }
+});
+const HeaderCell = styled(ThemeableStack, {
+  name: "TableHeaderCell",
+  ...{
+    tag: "th",
+    scope: "col"
+  },
+  context: TableContext,
+  display: "table-cell",
+  // verticalAlign goes via inline style; see TableCell above for context.
+  style: {
+    verticalAlign: "middle"
+  },
+  alignItems: "center",
+  justifyContent: "flex-start",
+  paddingHorizontal: "$2",
+  paddingVertical: "$1",
+  backgroundColor: "$color3",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-cell",
+        style: {
+          verticalAlign: "middle"
+        }
+      },
+      flex: {
+        display: "flex"
+      }
+    },
+    cellWidth: {
+      /** Equal flex for consistency across rows */
+      auto: () => ({
+        flex: 1
+      }),
+      ":number": val => ({
+        width: val,
+        minWidth: val
+      }),
+      "...size": (name, {
+        tokens
+      }) => ({
+        width: tokens.size[name],
+        minWidth: tokens.size[name]
+      })
+    },
+    alignHeaderCells: val => {
+      return {
+        alignItems: val.y === "center" ? "center" : `flex-${val.y}`,
+        justifyContent: val.x === "center" ? "center" : `flex-${val.x}`
+      };
+    },
+    cellHeight: {
+      "...size": (name, {
+        tokens
+      }) => ({
+        minHeight: tokens.size[name]
+      })
+    },
+    cellLocation: {
+      first: () => ({}),
+      last: () => ({}),
+      middle: () => ({})
+    }
+  }
+});
+const TableBody = styled(ThemeableStack, {
+  name: "TableBody",
+  ...{
+    tag: "tbody"
+  },
+  context: TableContext,
+  display: "table-row-group",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-row-group"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        overflowY: "auto",
+        flex: 1,
+        minHeight: 0
+      }
+    }
+  }
+});
+const TableHead = styled(ThemeableStack, {
+  name: "TableHead",
+  ...{
+    tag: "thead"
+  },
+  context: TableContext,
+  display: "table-header-group",
+  borderBottomWidth: 1,
+  borderBottomColor: "$color6",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-header-group"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        flexShrink: 0
+      }
+    }
+  }
+});
+const TableFoot = styled(ThemeableStack, {
+  name: "TableFoot",
+  ...{
+    tag: "tfoot"
+  },
+  context: TableContext,
+  display: "table-footer-group",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-footer-group"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        flexShrink: 0
+      }
+    }
+  }
+});
+const TableCaption = styled(ThemeableStack, {
+  name: "TableCaption",
+  ...{
+    tag: "caption"
+  },
+  context: TableContext,
+  display: "table-caption",
+  paddingVertical: "$2",
+  paddingHorizontal: "$2"
+});
+const TableComp = styled(ThemeableStack, {
+  name: "Table",
+  ...{
+    tag: "table"
+  },
+  context: TableContext,
+  display: "table",
+  borderWidth: 1,
+  borderColor: "$color6",
+  backgroundColor: "$background",
+  overflow: "hidden",
+  width: "100%",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "column",
+        flex: 1,
+        minHeight: 0
+      }
+    },
+    /** Empty variants to satisfy context-driven props without ts errors on Table */
+    cellWidth: {
+      "...size": () => {
+        return {};
+      }
+    },
+    cellHeight: {
+      "...size": () => {
+        return {};
+      }
+    },
+    alignHeaderCells: _val => ({}),
+    alignCells: _val => ({})
+  }
+});
+function resolveIntent(props) {
+  if (props.accent) return "accent";
+  if (props.error) return "error";
+  if (props.warning) return "warning";
+  if (props.success) return "success";
+  return void 0;
+}
+function ThemedTableComp(props) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const baseBorderWidth = knobProps.borderRadius.borderWidth;
+  const resolvedBorderWidth = knobProps.outlined ? Math.max(baseBorderWidth, 1) : baseBorderWidth;
+  return /* @__PURE__ */jsx(TableComp, {
+    ...knobProps.borderRadius,
+    borderWidth: resolvedBorderWidth,
+    borderColor: "$color6",
+    backgroundColor: "$background",
+    elevation: knobProps.elevation,
+    ...props,
+    style: [{
+      tableLayout: "fixed"
+    }, props.style]
+  });
+}
+function ThemedRow({
+  accent,
+  error,
+  warning,
+  success,
+  ...props
+}) {
+  const intent = resolveIntent({
+    accent,
+    error,
+    warning,
+    success
+  });
+  const row = /* @__PURE__ */jsx(Row, {
+    ...(intent ? {
+      backgroundColor: "$color3"
+    } : {}),
+    ...props
+  });
+  if (intent) {
+    return /* @__PURE__ */jsx(Theme, {
+      name: intent,
+      children: row
+    });
+  }
+  return row;
+}
+function ThemedCell({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */jsx(Cell, {
+    ...props,
+    children: /* @__PURE__ */jsx(TableCellContext.Provider, {
+      value: {
+        inTableCell: true,
+        isHeader: false
+      },
+      children
+    })
+  });
+}
+function ThemedHeaderCell({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */jsx(HeaderCell, {
+    ...props,
+    children: /* @__PURE__ */jsx(TableCellContext.Provider, {
+      value: {
+        inTableCell: true,
+        isHeader: true
+      },
+      children
+    })
+  });
+}
+const Table = withStaticProperties(ThemedTableComp, {
+  Head: TableHead,
+  Body: TableBody,
+  Row: ThemedRow,
+  Cell: ThemedCell,
+  HeaderCell: ThemedHeaderCell,
+  Foot: TableFoot,
+  Caption: TableCaption
+});
+export { Table, TableCellContext2 as TableCellContext, useIsInTableCell, useTableCellContext };
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","TableCellContext","Theme","ThemeableStack","createStyledContext","styled","withStaticProperties","TableCellContext2","useIsInTableCell","useTableCellContext","jsx","TableContext","cellWidth","cellHeight","alignHeaderCells","x","y","alignCells","borderColor","displayMode","Row","name","tag","role","context","display","variants","table","flex","flexDirection","width","alignItems","rowLocation","first","last","middle","Cell","style","verticalAlign","justifyContent","paddingHorizontal","paddingVertical","overflow","auto","val","minWidth","...size","tokens","size","minHeight","cellLocation","HeaderCell","scope","backgroundColor","TableBody","overflowY","TableHead","borderBottomWidth","borderBottomColor","flexShrink","TableFoot","TableCaption","TableComp","borderWidth","_val","resolveIntent","props","accent","error","warning","success","ThemedTableComp","knobProps","baseBorderWidth","borderRadius","resolvedBorderWidth","outlined","Math","max","elevation","tableLayout","ThemedRow","intent","row","children","ThemedCell","Provider","value","inTableCell","isHeader","ThemedHeaderCell","Table","Head","Body","Foot","Caption"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}