@multiplatform.one/table 6.0.0

package/dist/esm/components/SimpleTable/simpleTable.spec.mjs

@@ -0,0 +1,163 @@
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { describe, expect, it } from "vitest";
+import { SimpleTable, SimpleTableDesktop } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("SimpleTable", () => {
+  it("renders basic data with column config producing correct cells", () => {
+    const columns = [{
+      accessorKey: "name",
+      header: "Name"
+    }, {
+      accessorKey: "age",
+      header: "Age"
+    }, {
+      accessorKey: "city",
+      header: "City"
+    }];
+    const data = [{
+      name: "Alice",
+      age: 30,
+      city: "Portland"
+    }, {
+      name: "Bob",
+      age: 25,
+      city: "Seattle"
+    }];
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SimpleTableDesktop, {
+      data,
+      columns
+    }));
+    expect(container.textContent).toContain("Name");
+    expect(container.textContent).toContain("Age");
+    expect(container.textContent).toContain("City");
+    expect(container.textContent).toContain("Alice");
+    expect(container.textContent).toContain("30");
+    expect(container.textContent).toContain("Portland");
+    expect(container.textContent).toContain("Bob");
+    expect(container.textContent).toContain("25");
+    expect(container.textContent).toContain("Seattle");
+    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_TableRow")).not.toBeNull();
+    expect(container.querySelector(".is_TableHeaderCell")).not.toBeNull();
+    expect(container.querySelector(".is_TableCell")).not.toBeNull();
+  });
+  it("applies column alignment prop correctly", () => {
+    const columns = [{
+      accessorKey: "left",
+      header: "Left",
+      align: "left"
+    }, {
+      accessorKey: "center",
+      header: "Center",
+      align: "center"
+    }, {
+      accessorKey: "right",
+      header: "Right",
+      align: "right"
+    }];
+    const data = [{
+      left: "L",
+      center: "C",
+      right: "R"
+    }];
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SimpleTableDesktop, {
+      data,
+      columns
+    }));
+    expect(container.textContent).toContain("L");
+    expect(container.textContent).toContain("C");
+    expect(container.textContent).toContain("R");
+    const leftCells = container.querySelectorAll('[data-align="left"]');
+    const centerCells = container.querySelectorAll('[data-align="center"]');
+    const rightCells = container.querySelectorAll('[data-align="right"]');
+    expect(leftCells.length).toBeGreaterThanOrEqual(2);
+    expect(centerCells.length).toBeGreaterThanOrEqual(2);
+    expect(rightCells.length).toBeGreaterThanOrEqual(2);
+  });
+  it("renders error-themed rows when data objects have _intent property", () => {
+    const columns = [{
+      accessorKey: "name",
+      header: "Name"
+    }, {
+      accessorKey: "status",
+      header: "Status"
+    }];
+    const data = [{
+      name: "OK Item",
+      status: "Active"
+    }, {
+      name: "Bad Item",
+      status: "Failed",
+      _intent: "error"
+    }, {
+      name: "Warn Item",
+      status: "Degraded",
+      _intent: "warning"
+    }, {
+      name: "Good Item",
+      status: "Complete",
+      _intent: "success"
+    }];
+    const {
+      container: withIntents
+    } = renderWithProviders(/* @__PURE__ */jsx(SimpleTableDesktop, {
+      data,
+      columns
+    }));
+    const {
+      container: withoutIntents
+    } = renderWithProviders(/* @__PURE__ */jsx(SimpleTableDesktop, {
+      data: [{
+        name: "Normal",
+        status: "OK"
+      }],
+      columns
+    }));
+    expect(withIntents.textContent).toContain("Bad Item");
+    expect(withIntents.textContent).toContain("Warn Item");
+    expect(withIntents.textContent).toContain("Good Item");
+    expect(withIntents.textContent).toContain("OK Item");
+    const intentThemes = withIntents.querySelectorAll(".is_Theme");
+    const normalThemes = withoutIntents.querySelectorAll(".is_Theme");
+    expect(intentThemes.length).toBeGreaterThan(normalThemes.length);
+  });
+  it("renders card-based layout on mobile breakpoint", () => {
+    const columns = [{
+      accessorKey: "name",
+      header: "Name"
+    }, {
+      accessorKey: "value",
+      header: "Value"
+    }];
+    const data = [{
+      name: "Item 1",
+      value: "100"
+    }, {
+      name: "Item 2",
+      value: "200"
+    }];
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SimpleTable, {
+      data,
+      columns
+    }));
+    expect(container.textContent).toContain("Item 1");
+    expect(container.textContent).toContain("100");
+    expect(container.textContent).toContain("Item 2");
+    expect(container.textContent).toContain("200");
+    expect(container.textContent).toContain("Name");
+    expect(container.textContent).toContain("Value");
+    const hasTableStructure = container.querySelector(".is_Table");
+    expect(hasTableStructure).toBeNull();
+    const hasCardLayout = container.querySelector('[data-testid="simple-table-cards"]');
+    expect(hasCardLayout).not.toBeNull();
+  });
+});
+//# sourceMappingURL=simpleTable.spec.mjs.map

package/dist/esm/components/SimpleTable/simpleTable.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderWithProviders","describe","expect","it","SimpleTable","SimpleTableDesktop","jsx","columns","accessorKey","header","data","name","age","city","container","textContent","toContain","querySelector","not","toBeNull","align","left","center","right","leftCells","querySelectorAll","centerCells","rightCells","length","toBeGreaterThanOrEqual","status","_intent","withIntents","withoutIntents","intentThemes","normalThemes","toBeGreaterThan","value","hasTableStructure","hasCardLayout"],"sources":["../../../../src/components/SimpleTable/simpleTable.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/SimpleTable/simpleTable.spec.native.js

@@ -0,0 +1,163 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { describe, expect, it } from "vitest";
+import { SimpleTable, SimpleTableDesktop } from "./index.native.js";
+describe("SimpleTable", function () {
+  it("renders basic data with column config producing correct cells", function () {
+    var columns = [{
+      accessorKey: "name",
+      header: "Name"
+    }, {
+      accessorKey: "age",
+      header: "Age"
+    }, {
+      accessorKey: "city",
+      header: "City"
+    }];
+    var data = [{
+      name: "Alice",
+      age: 30,
+      city: "Portland"
+    }, {
+      name: "Bob",
+      age: 25,
+      city: "Seattle"
+    }];
+    var {
+      container
+    } = renderWithProviders(/* @__PURE__ */_jsx(SimpleTableDesktop, {
+      data,
+      columns
+    }));
+    expect(container.textContent).toContain("Name");
+    expect(container.textContent).toContain("Age");
+    expect(container.textContent).toContain("City");
+    expect(container.textContent).toContain("Alice");
+    expect(container.textContent).toContain("30");
+    expect(container.textContent).toContain("Portland");
+    expect(container.textContent).toContain("Bob");
+    expect(container.textContent).toContain("25");
+    expect(container.textContent).toContain("Seattle");
+    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_TableRow")).not.toBeNull();
+    expect(container.querySelector(".is_TableHeaderCell")).not.toBeNull();
+    expect(container.querySelector(".is_TableCell")).not.toBeNull();
+  });
+  it("applies column alignment prop correctly", function () {
+    var columns = [{
+      accessorKey: "left",
+      header: "Left",
+      align: "left"
+    }, {
+      accessorKey: "center",
+      header: "Center",
+      align: "center"
+    }, {
+      accessorKey: "right",
+      header: "Right",
+      align: "right"
+    }];
+    var data = [{
+      left: "L",
+      center: "C",
+      right: "R"
+    }];
+    var {
+      container
+    } = renderWithProviders(/* @__PURE__ */_jsx(SimpleTableDesktop, {
+      data,
+      columns
+    }));
+    expect(container.textContent).toContain("L");
+    expect(container.textContent).toContain("C");
+    expect(container.textContent).toContain("R");
+    var leftCells = container.querySelectorAll('[data-align="left"]');
+    var centerCells = container.querySelectorAll('[data-align="center"]');
+    var rightCells = container.querySelectorAll('[data-align="right"]');
+    expect(leftCells.length).toBeGreaterThanOrEqual(2);
+    expect(centerCells.length).toBeGreaterThanOrEqual(2);
+    expect(rightCells.length).toBeGreaterThanOrEqual(2);
+  });
+  it("renders error-themed rows when data objects have _intent property", function () {
+    var columns = [{
+      accessorKey: "name",
+      header: "Name"
+    }, {
+      accessorKey: "status",
+      header: "Status"
+    }];
+    var data = [{
+      name: "OK Item",
+      status: "Active"
+    }, {
+      name: "Bad Item",
+      status: "Failed",
+      _intent: "error"
+    }, {
+      name: "Warn Item",
+      status: "Degraded",
+      _intent: "warning"
+    }, {
+      name: "Good Item",
+      status: "Complete",
+      _intent: "success"
+    }];
+    var {
+      container: withIntents
+    } = renderWithProviders(/* @__PURE__ */_jsx(SimpleTableDesktop, {
+      data,
+      columns
+    }));
+    var {
+      container: withoutIntents
+    } = renderWithProviders(/* @__PURE__ */_jsx(SimpleTableDesktop, {
+      data: [{
+        name: "Normal",
+        status: "OK"
+      }],
+      columns
+    }));
+    expect(withIntents.textContent).toContain("Bad Item");
+    expect(withIntents.textContent).toContain("Warn Item");
+    expect(withIntents.textContent).toContain("Good Item");
+    expect(withIntents.textContent).toContain("OK Item");
+    var intentThemes = withIntents.querySelectorAll(".is_Theme");
+    var normalThemes = withoutIntents.querySelectorAll(".is_Theme");
+    expect(intentThemes.length).toBeGreaterThan(normalThemes.length);
+  });
+  it("renders card-based layout on mobile breakpoint", function () {
+    var columns = [{
+      accessorKey: "name",
+      header: "Name"
+    }, {
+      accessorKey: "value",
+      header: "Value"
+    }];
+    var data = [{
+      name: "Item 1",
+      value: "100"
+    }, {
+      name: "Item 2",
+      value: "200"
+    }];
+    var {
+      container
+    } = renderWithProviders(/* @__PURE__ */_jsx(SimpleTable, {
+      data,
+      columns
+    }));
+    expect(container.textContent).toContain("Item 1");
+    expect(container.textContent).toContain("100");
+    expect(container.textContent).toContain("Item 2");
+    expect(container.textContent).toContain("200");
+    expect(container.textContent).toContain("Name");
+    expect(container.textContent).toContain("Value");
+    var hasTableStructure = container.querySelector(".is_Table");
+    expect(hasTableStructure).toBeNull();
+    var hasCardLayout = container.querySelector('[data-testid="simple-table-cards"]');
+    expect(hasCardLayout).not.toBeNull();
+  });
+});
+//# sourceMappingURL=simpleTable.spec.native.js.map

package/dist/esm/components/SimpleTable/simpleTable.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","renderWithProviders","describe","expect","it","SimpleTable","SimpleTableDesktop","columns","accessorKey","header","data","name","age","city","container","textContent","toContain","querySelector","not","toBeNull","align","left","center","right","leftCells","querySelectorAll","centerCells","rightCells","length","toBeGreaterThanOrEqual"],"sources":["../../../../src/components/SimpleTable/simpleTable.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Table/Table.stories.mjs

@@ -0,0 +1,167 @@
+import { Table } from "@multiplatform.one/table-primitives";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Table_stories_default = {
+  title: "Table/Table",
+  component: Table,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+function MainRender(props) {
+  return /* @__PURE__ */jsxs(Table, {
+    ...props,
+    children: [/* @__PURE__ */jsx(Table.Head, {
+      children: /* @__PURE__ */jsxs(Table.Row, {
+        children: [/* @__PURE__ */jsx(Table.HeaderCell, {
+          children: "Name"
+        }), /* @__PURE__ */jsx(Table.HeaderCell, {
+          children: "Age"
+        }), /* @__PURE__ */jsx(Table.HeaderCell, {
+          children: "City"
+        })]
+      })
+    }), /* @__PURE__ */jsxs(Table.Body, {
+      children: [/* @__PURE__ */jsxs(Table.Row, {
+        children: [/* @__PURE__ */jsx(Table.Cell, {
+          children: "John Doe"
+        }), /* @__PURE__ */jsx(Table.Cell, {
+          children: "30"
+        }), /* @__PURE__ */jsx(Table.Cell, {
+          children: "New York"
+        })]
+      }), /* @__PURE__ */jsxs(Table.Row, {
+        children: [/* @__PURE__ */jsx(Table.Cell, {
+          children: "Jane Smith"
+        }), /* @__PURE__ */jsx(Table.Cell, {
+          children: "25"
+        }), /* @__PURE__ */jsx(Table.Cell, {
+          children: "Los Angeles"
+        })]
+      })]
+    })]
+  });
+}
+const main = {
+  name: "Main",
+  args: {
+    cellWidth: "$8"
+  },
+  render: args => /* @__PURE__ */jsx(MainRender, {
+    ...args
+  })
+};
+const withRowLocations = () => /* @__PURE__ */jsxs(Table, {
+  children: [/* @__PURE__ */jsx(Table.Head, {
+    children: /* @__PURE__ */jsxs(Table.Row, {
+      children: [/* @__PURE__ */jsx(Table.HeaderCell, {
+        children: "Status"
+      }), /* @__PURE__ */jsx(Table.HeaderCell, {
+        children: "Task"
+      })]
+    })
+  }), /* @__PURE__ */jsxs(Table.Body, {
+    children: [/* @__PURE__ */jsxs(Table.Row, {
+      rowLocation: "first",
+      children: [/* @__PURE__ */jsx(Table.Cell, {
+        children: "Done"
+      }), /* @__PURE__ */jsx(Table.Cell, {
+        children: "Complete project setup"
+      })]
+    }), /* @__PURE__ */jsxs(Table.Row, {
+      rowLocation: "middle",
+      children: [/* @__PURE__ */jsx(Table.Cell, {
+        children: "In Progress"
+      }), /* @__PURE__ */jsx(Table.Cell, {
+        children: "Implement authentication"
+      })]
+    }), /* @__PURE__ */jsxs(Table.Row, {
+      rowLocation: "last",
+      children: [/* @__PURE__ */jsx(Table.Cell, {
+        children: "Pending"
+      }), /* @__PURE__ */jsx(Table.Cell, {
+        children: "Write documentation"
+      })]
+    })]
+  })]
+});
+const withCustomWidths = () => /* @__PURE__ */jsxs(Table, {
+  children: [/* @__PURE__ */jsx(Table.Head, {
+    children: /* @__PURE__ */jsxs(Table.Row, {
+      children: [/* @__PURE__ */jsx(Table.HeaderCell, {
+        ...{
+          cellWidth: "$6"
+        },
+        children: "ID"
+      }), /* @__PURE__ */jsx(Table.HeaderCell, {
+        ...{
+          cellWidth: "$12"
+        },
+        children: "Name"
+      }), /* @__PURE__ */jsx(Table.HeaderCell, {
+        ...{
+          cellWidth: "$10"
+        },
+        children: "Role"
+      })]
+    })
+  }), /* @__PURE__ */jsxs(Table.Body, {
+    children: [/* @__PURE__ */jsxs(Table.Row, {
+      children: [/* @__PURE__ */jsx(Table.Cell, {
+        ...{
+          cellWidth: "$6"
+        },
+        children: "1"
+      }), /* @__PURE__ */jsx(Table.Cell, {
+        ...{
+          cellWidth: "$12"
+        },
+        children: "Alice Johnson"
+      }), /* @__PURE__ */jsx(Table.Cell, {
+        ...{
+          cellWidth: "$10"
+        },
+        children: "Developer"
+      })]
+    }), /* @__PURE__ */jsxs(Table.Row, {
+      children: [/* @__PURE__ */jsx(Table.Cell, {
+        ...{
+          cellWidth: "$6"
+        },
+        children: "2"
+      }), /* @__PURE__ */jsx(Table.Cell, {
+        ...{
+          cellWidth: "$12"
+        },
+        children: "Bob Smith"
+      }), /* @__PURE__ */jsx(Table.Cell, {
+        ...{
+          cellWidth: "$10"
+        },
+        children: "Designer"
+      })]
+    })]
+  })]
+});
+const emptyTable = () => /* @__PURE__ */jsxs(Table, {
+  children: [/* @__PURE__ */jsx(Table.Head, {
+    children: /* @__PURE__ */jsxs(Table.Row, {
+      children: [/* @__PURE__ */jsx(Table.HeaderCell, {
+        children: "Name"
+      }), /* @__PURE__ */jsx(Table.HeaderCell, {
+        children: "Email"
+      }), /* @__PURE__ */jsx(Table.HeaderCell, {
+        children: "Status"
+      })]
+    })
+  }), /* @__PURE__ */jsx(Table.Body, {
+    children: /* @__PURE__ */jsx(Table.Row, {
+      children: /* @__PURE__ */jsx(Table.Cell, {
+        children: "No data available"
+      })
+    })
+  })]
+});
+export { Table_stories_default as default, emptyTable, main, withCustomWidths, withRowLocations };
+//# sourceMappingURL=Table.stories.mjs.map

package/dist/esm/components/Table/Table.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Table","jsx","jsxs","Table_stories_default","title","component","parameters","status","type","MainRender","props","children","Head","Row","HeaderCell","Body","Cell","main","name","args","cellWidth","render","withRowLocations","rowLocation","withCustomWidths","emptyTable"],"sources":["../../../../src/components/Table/Table.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}