@multiplatform.one/table-primitives 6.0.0

package/dist/jsx/index.native.js

@@ -0,0 +1,462 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  Table: () => Table,
+  TableCellContext: () => import_tableCellContext2.TableCellContext,
+  useIsInTableCell: () => import_tableCellContext2.useIsInTableCell,
+  useTableCellContext: () => import_tableCellContext2.useTableCellContext
+});
+module.exports = __toCommonJS(index_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_tableCellContext = require("./tableCellContext.native.js");
+var import_tamagui = require("tamagui");
+var import_tableCellContext2 = require("./tableCellContext.native.js");
+var TableContext = (0, import_tamagui.createStyledContext)({
+  cellWidth: "$8",
+  cellHeight: "$8",
+  alignHeaderCells: {
+    x: "start",
+    y: "center"
+  },
+  alignCells: {
+    x: "start",
+    y: "center"
+  },
+  borderColor: "$color6",
+  displayMode: "table"
+});
+var Row = (0, import_tamagui.styled)(import_tamagui.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: function first() {
+        return {};
+      },
+      last: function last() {
+        return {};
+      },
+      middle: function middle() {
+        return {};
+      }
+    }
+  }
+});
+var Cell = (0, import_tamagui.styled)(import_tamagui.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: function auto() {
+        return {
+          flex: 1
+        };
+      },
+      ":number": function (val) {
+        return {
+          width: val,
+          minWidth: val
+        };
+      },
+      "...size": function (name, param) {
+        var {
+          tokens
+        } = param;
+        return {
+          width: tokens.size[name],
+          minWidth: tokens.size[name]
+        };
+      }
+    },
+    cellHeight: {
+      "...size": function (name, param) {
+        var {
+          tokens
+        } = param;
+        return {
+          minHeight: tokens.size[name]
+        };
+      }
+    },
+    alignCells: function alignCells(val) {
+      return {
+        alignItems: val.y === "center" ? "center" : `flex-${val.y}`,
+        justifyContent: val.x === "center" ? "center" : `flex-${val.x}`
+      };
+    },
+    cellLocation: {
+      first: function first2() {
+        return {};
+      },
+      last: function last2() {
+        return {};
+      },
+      middle: function middle2() {
+        return {};
+      }
+    }
+  }
+});
+var HeaderCell = (0, import_tamagui.styled)(import_tamagui.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: function auto2() {
+        return {
+          flex: 1
+        };
+      },
+      ":number": function (val) {
+        return {
+          width: val,
+          minWidth: val
+        };
+      },
+      "...size": function (name, param) {
+        var {
+          tokens
+        } = param;
+        return {
+          width: tokens.size[name],
+          minWidth: tokens.size[name]
+        };
+      }
+    },
+    alignHeaderCells: function alignHeaderCells(val) {
+      return {
+        alignItems: val.y === "center" ? "center" : `flex-${val.y}`,
+        justifyContent: val.x === "center" ? "center" : `flex-${val.x}`
+      };
+    },
+    cellHeight: {
+      "...size": function (name, param) {
+        var {
+          tokens
+        } = param;
+        return {
+          minHeight: tokens.size[name]
+        };
+      }
+    },
+    cellLocation: {
+      first: function first3() {
+        return {};
+      },
+      last: function last3() {
+        return {};
+      },
+      middle: function middle3() {
+        return {};
+      }
+    }
+  }
+});
+var TableBody = (0, import_tamagui.styled)(import_tamagui.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
+      }
+    }
+  }
+});
+var TableHead = (0, import_tamagui.styled)(import_tamagui.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
+      }
+    }
+  }
+});
+var TableFoot = (0, import_tamagui.styled)(import_tamagui.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
+      }
+    }
+  }
+});
+var TableCaption = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
+  name: "TableCaption",
+  ...{
+    tag: "caption"
+  },
+  context: TableContext,
+  display: "table-caption",
+  paddingVertical: "$2",
+  paddingHorizontal: "$2"
+});
+var TableComp = (0, import_tamagui.styled)(import_tamagui.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": function () {
+        return {};
+      }
+    },
+    cellHeight: {
+      "...size": function () {
+        return {};
+      }
+    },
+    alignHeaderCells: function alignHeaderCells2(_val) {
+      return {};
+    },
+    alignCells: function alignCells2(_val) {
+      return {};
+    }
+  }
+});
+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) {
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var baseBorderWidth = knobProps.borderRadius.borderWidth;
+  var resolvedBorderWidth = knobProps.outlined ? Math.max(baseBorderWidth, 1) : baseBorderWidth;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TableComp, {
+    ...knobProps.borderRadius,
+    borderWidth: resolvedBorderWidth,
+    borderColor: "$color6",
+    backgroundColor: "$background",
+    elevation: knobProps.elevation,
+    ...props,
+    style: [{
+      tableLayout: "fixed"
+    }, props.style]
+  });
+}
+function ThemedRow(param) {
+  var {
+    accent,
+    error,
+    warning,
+    success,
+    ...props
+  } = param;
+  var intent = resolveIntent({
+    accent,
+    error,
+    warning,
+    success
+  });
+  var row = /* @__PURE__ */(0, import_jsx_runtime.jsx)(Row, {
+    ...(intent ? {
+      backgroundColor: "$color3"
+    } : {}),
+    ...props
+  });
+  if (intent) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+      name: intent,
+      children: row
+    });
+  }
+  return row;
+}
+function ThemedCell(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Cell, {
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tableCellContext.TableCellContext.Provider, {
+      value: {
+        inTableCell: true,
+        isHeader: false
+      },
+      children
+    })
+  });
+}
+function ThemedHeaderCell(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(HeaderCell, {
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tableCellContext.TableCellContext.Provider, {
+      value: {
+        inTableCell: true,
+        isHeader: true
+      },
+      children
+    })
+  });
+}
+var Table = (0, import_tamagui.withStaticProperties)(ThemedTableComp, {
+  Head: TableHead,
+  Body: TableBody,
+  Row: ThemedRow,
+  Cell: ThemedCell,
+  HeaderCell: ThemedHeaderCell,
+  Foot: TableFoot,
+  Caption: TableCaption
+});
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","index_exports","Table","TableCellContext","import_tableCellContext2","useIsInTableCell","useTableCellContext","module","exports","import_jsx_runtime","require","import_theme","import_tableCellContext","import_tamagui","TableContext","createStyledContext","cellWidth","cellHeight","alignHeaderCells","x","y","alignCells","borderColor","displayMode","Row","styled","ThemeableStack","tag","role","context","display","variants","table","flex","flexDirection","width","alignItems","rowLocation","first","last","middle","Cell","style","verticalAlign","justifyContent","paddingHorizontal","paddingVertical","overflow","auto",":number","val","minWidth","...size","param","tokens","size","minHeight","cellLocation","first2","last2","middle2","HeaderCell","scope","backgroundColor","auto2","first3","last3","middle3","TableBody","overflowY","TableHead","borderBottomWidth","borderBottomColor","flexShrink","TableFoot"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/table.spec.mjs

@@ -0,0 +1,184 @@
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { describe, expect, it } from "vitest";
+import { Table } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+describe("Table Primitives", () => {
+  it("renders semantic HTML structure via tag attributes (table, thead, tbody, tfoot, tr, td, th, caption)", () => {
+    const {
+      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", () => {
+    const {
+      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"
+          })
+        })]
+      })
+    }));
+    const {
+      container: withoutIntent
+    } = renderWithProviders(/* @__PURE__ */jsx(Table, {
+      children: /* @__PURE__ */jsx(Table.Body, {
+        children: /* @__PURE__ */jsx(Table.Row, {
+          children: /* @__PURE__ */jsx(Table.Cell, {
+            children: "Normal row"
+          })
+        })
+      })
+    }));
+    const 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");
+    const intentThemeWrappers = withIntent.querySelectorAll(".is_Theme");
+    const normalThemeWrappers = withoutIntent.querySelectorAll(".is_Theme");
+    expect(intentThemeWrappers.length).toBeGreaterThan(normalThemeWrappers.length);
+  });
+  it("spreads knobProps from useResolvedKnobs on Table root", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(Table, {
+      children: /* @__PURE__ */jsx(Table.Body, {
+        children: /* @__PURE__ */jsx(Table.Row, {
+          children: /* @__PURE__ */jsx(Table.Cell, {
+            children: "Content"
+          })
+        })
+      })
+    }));
+    const table = container.querySelector('[tag="table"]');
+    expect(table).not.toBeNull();
+    expect(table?.textContent).toContain("Content");
+    expect(table?.classList.contains("is_Table")).toBe(true);
+  });
+  it("renders Table.Caption as a caption element", () => {
+    const {
+      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"
+          })
+        })
+      })]
+    }));
+    const caption = container.querySelector('[tag="caption"]');
+    expect(caption).not.toBeNull();
+    expect(caption?.textContent).toContain("Monthly Sales Report");
+    expect(caption?.classList.contains("is_TableCaption")).toBe(true);
+    const table = container.querySelector('[tag="table"]');
+    expect(table?.querySelector('[tag="caption"]')).not.toBeNull();
+  });
+  it("exposes compound component API (Head, Body, Row, Cell, HeaderCell, Foot, Caption)", () => {
+    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();
+    const {
+      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.mjs.map

package/dist/jsx/table.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderWithProviders","describe","expect","it","Table","jsx","jsxs","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","table","classList","contains","caption","toBeDefined","getByText"],"sources":["../../src/table.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}