@multiplatform.one/table 6.0.0

package/dist/cjs/components/SimpleTable/index.native.js

@@ -0,0 +1,208 @@
+"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 SimpleTable_exports = {};
+__export(SimpleTable_exports, {
+  SimpleTable: () => SimpleTable,
+  SimpleTableDesktop: () => SimpleTableDesktop
+});
+module.exports = __toCommonJS(SimpleTable_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
+function alignToFlex(align) {
+  switch (align) {
+    case "center":
+      return "center";
+    case "right":
+      return "flex-end";
+    default:
+      return "flex-start";
+  }
+}
+function SimpleTableMobileCards(param) {
+  var {
+    data,
+    columns
+  } = param;
+  if (data.length === 0) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      padding: "$8",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "$color1",
+      borderRadius: "$4",
+      "aria-live": "polite",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        fontSize: "$4",
+        children: "No data available"
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    flexDirection: "column",
+    gap: "$2",
+    children: data.map(function (row, rowIndex) {
+      var intent = row._intent;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        backgroundColor: "$color1",
+        borderRadius: "$4",
+        borderWidth: 1,
+        borderColor: "$color6",
+        padding: "$3",
+        ...(intent ? {
+          theme: intent
+        } : {}),
+        children: columns.map(function (col) {
+          var _col_align, _row_col_accessorKey;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+            flexDirection: "row",
+            alignItems: "center",
+            paddingVertical: "$1.5",
+            gap: "$2",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontSize: "$3",
+              color: "$color10",
+              fontWeight: "500",
+              width: "40%",
+              flexShrink: 0,
+              children: col.header
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+              flex: 1,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                fontSize: "$3",
+                color: "$color12",
+                textAlign: (_col_align = col.align) !== null && _col_align !== void 0 ? _col_align : "left",
+                children: String((_row_col_accessorKey = row[col.accessorKey]) !== null && _row_col_accessorKey !== void 0 ? _row_col_accessorKey : "")
+              })
+            })]
+          }, col.accessorKey);
+        })
+      }, rowIndex);
+    })
+  });
+}
+function SimpleTableDesktop(param) {
+  var {
+    data,
+    columns,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "SimpleTable"
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.Table, {
+      "aria-label": props["aria-label"],
+      ...knobProps.borderRadius,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+          children: columns.map(function (col, colIndex) {
+            var _col_align;
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
+              justifyContent: alignToFlex(col.align),
+              cellLocation: colIndex === 0 ? "first" : colIndex === columns.length - 1 ? "last" : "middle",
+              "data-align": (_col_align = col.align) !== null && _col_align !== void 0 ? _col_align : "left",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                fontWeight: "600",
+                fontSize: "$3",
+                children: col.header
+              })
+            }, col.accessorKey);
+          })
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Body, {
+        children: data.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              color: "$color10",
+              textAlign: "center",
+              padding: "$4",
+              children: "No data available"
+            })
+          })
+        }) : data.map(function (row, rowIndex) {
+          var intent = row._intent;
+          var intentProps = intent ? {
+            [intent]: true
+          } : {};
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+            rowLocation: rowIndex === 0 ? "first" : rowIndex === data.length - 1 ? "last" : "middle",
+            ...intentProps,
+            children: columns.map(function (col, colIndex) {
+              var _col_align, _row_col_accessorKey;
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+                justifyContent: alignToFlex(col.align),
+                cellLocation: colIndex === 0 ? "first" : colIndex === columns.length - 1 ? "last" : "middle",
+                "data-align": (_col_align = col.align) !== null && _col_align !== void 0 ? _col_align : "left",
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                  fontSize: "$3",
+                  color: "$color12",
+                  children: String((_row_col_accessorKey = row[col.accessorKey]) !== null && _row_col_accessorKey !== void 0 ? _row_col_accessorKey : "")
+                })
+              }, col.accessorKey);
+            })
+          }, rowIndex);
+        })
+      })]
+    })
+  });
+}
+function SimpleTable(param) {
+  var {
+    data,
+    columns,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "SimpleTable"
+  });
+  var {
+    sm
+  } = (0, import_tamagui.useMedia)();
+  if (sm === false) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ...knobProps.borderRadius,
+      ...props,
+      testID: "simple-table-cards",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SimpleTableMobileCards, {
+        data,
+        columns
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SimpleTableDesktop, {
+    data,
+    columns,
+    ...props
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/components/SimpleTable/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SimpleTable_exports","__export","SimpleTable","SimpleTableDesktop","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_table_primitives","alignToFlex","align","SimpleTableMobileCards","param","data","columns","length","jsx","View","padding","alignItems","justifyContent","backgroundColor","borderRadius","children","Text","color","fontSize","flexDirection","gap","map","row","rowIndex","intent","_intent","borderWidth","borderColor","theme","col","_col_align","_row_col_accessorKey","jsxs","paddingVertical","fontWeight","width","flexShrink","header","flex","textAlign","String","accessorKey","props","knobProps","useResolvedKnobs","component","Table","Head","Row","colIndex","HeaderCell","cellLocation"],"sources":["../../../../src/components/SimpleTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SimpleTable/simpleTable.spec.cjs

@@ -0,0 +1,162 @@
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_vitest.describe)("SimpleTable", () => {
+  (0, import_vitest.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
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SimpleTableDesktop, {
+      data,
+      columns
+    }));
+    (0, import_vitest.expect)(container.textContent).toContain("Name");
+    (0, import_vitest.expect)(container.textContent).toContain("Age");
+    (0, import_vitest.expect)(container.textContent).toContain("City");
+    (0, import_vitest.expect)(container.textContent).toContain("Alice");
+    (0, import_vitest.expect)(container.textContent).toContain("30");
+    (0, import_vitest.expect)(container.textContent).toContain("Portland");
+    (0, import_vitest.expect)(container.textContent).toContain("Bob");
+    (0, import_vitest.expect)(container.textContent).toContain("25");
+    (0, import_vitest.expect)(container.textContent).toContain("Seattle");
+    (0, import_vitest.expect)(container.querySelector(".is_Table")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableHead")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableBody")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableRow")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableHeaderCell")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableCell")).not.toBeNull();
+  });
+  (0, import_vitest.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
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SimpleTableDesktop, {
+      data,
+      columns
+    }));
+    (0, import_vitest.expect)(container.textContent).toContain("L");
+    (0, import_vitest.expect)(container.textContent).toContain("C");
+    (0, import_vitest.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"]');
+    (0, import_vitest.expect)(leftCells.length).toBeGreaterThanOrEqual(2);
+    (0, import_vitest.expect)(centerCells.length).toBeGreaterThanOrEqual(2);
+    (0, import_vitest.expect)(rightCells.length).toBeGreaterThanOrEqual(2);
+  });
+  (0, import_vitest.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
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SimpleTableDesktop, {
+      data,
+      columns
+    }));
+    const {
+      container: withoutIntents
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SimpleTableDesktop, {
+      data: [{
+        name: "Normal",
+        status: "OK"
+      }],
+      columns
+    }));
+    (0, import_vitest.expect)(withIntents.textContent).toContain("Bad Item");
+    (0, import_vitest.expect)(withIntents.textContent).toContain("Warn Item");
+    (0, import_vitest.expect)(withIntents.textContent).toContain("Good Item");
+    (0, import_vitest.expect)(withIntents.textContent).toContain("OK Item");
+    const intentThemes = withIntents.querySelectorAll(".is_Theme");
+    const normalThemes = withoutIntents.querySelectorAll(".is_Theme");
+    (0, import_vitest.expect)(intentThemes.length).toBeGreaterThan(normalThemes.length);
+  });
+  (0, import_vitest.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
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SimpleTable, {
+      data,
+      columns
+    }));
+    (0, import_vitest.expect)(container.textContent).toContain("Item 1");
+    (0, import_vitest.expect)(container.textContent).toContain("100");
+    (0, import_vitest.expect)(container.textContent).toContain("Item 2");
+    (0, import_vitest.expect)(container.textContent).toContain("200");
+    (0, import_vitest.expect)(container.textContent).toContain("Name");
+    (0, import_vitest.expect)(container.textContent).toContain("Value");
+    const hasTableStructure = container.querySelector(".is_Table");
+    (0, import_vitest.expect)(hasTableStructure).toBeNull();
+    const hasCardLayout = container.querySelector('[data-testid="simple-table-cards"]');
+    (0, import_vitest.expect)(hasCardLayout).not.toBeNull();
+  });
+});

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

@@ -0,0 +1,165 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_index = require("./index.native.js");
+(0, import_vitest.describe)("SimpleTable", function () {
+  (0, import_vitest.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
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SimpleTableDesktop, {
+      data,
+      columns
+    }));
+    (0, import_vitest.expect)(container.textContent).toContain("Name");
+    (0, import_vitest.expect)(container.textContent).toContain("Age");
+    (0, import_vitest.expect)(container.textContent).toContain("City");
+    (0, import_vitest.expect)(container.textContent).toContain("Alice");
+    (0, import_vitest.expect)(container.textContent).toContain("30");
+    (0, import_vitest.expect)(container.textContent).toContain("Portland");
+    (0, import_vitest.expect)(container.textContent).toContain("Bob");
+    (0, import_vitest.expect)(container.textContent).toContain("25");
+    (0, import_vitest.expect)(container.textContent).toContain("Seattle");
+    (0, import_vitest.expect)(container.querySelector(".is_Table")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableHead")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableBody")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableRow")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableHeaderCell")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableCell")).not.toBeNull();
+  });
+  (0, import_vitest.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
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SimpleTableDesktop, {
+      data,
+      columns
+    }));
+    (0, import_vitest.expect)(container.textContent).toContain("L");
+    (0, import_vitest.expect)(container.textContent).toContain("C");
+    (0, import_vitest.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"]');
+    (0, import_vitest.expect)(leftCells.length).toBeGreaterThanOrEqual(2);
+    (0, import_vitest.expect)(centerCells.length).toBeGreaterThanOrEqual(2);
+    (0, import_vitest.expect)(rightCells.length).toBeGreaterThanOrEqual(2);
+  });
+  (0, import_vitest.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
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SimpleTableDesktop, {
+      data,
+      columns
+    }));
+    var {
+      container: withoutIntents
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SimpleTableDesktop, {
+      data: [{
+        name: "Normal",
+        status: "OK"
+      }],
+      columns
+    }));
+    (0, import_vitest.expect)(withIntents.textContent).toContain("Bad Item");
+    (0, import_vitest.expect)(withIntents.textContent).toContain("Warn Item");
+    (0, import_vitest.expect)(withIntents.textContent).toContain("Good Item");
+    (0, import_vitest.expect)(withIntents.textContent).toContain("OK Item");
+    var intentThemes = withIntents.querySelectorAll(".is_Theme");
+    var normalThemes = withoutIntents.querySelectorAll(".is_Theme");
+    (0, import_vitest.expect)(intentThemes.length).toBeGreaterThan(normalThemes.length);
+  });
+  (0, import_vitest.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
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SimpleTable, {
+      data,
+      columns
+    }));
+    (0, import_vitest.expect)(container.textContent).toContain("Item 1");
+    (0, import_vitest.expect)(container.textContent).toContain("100");
+    (0, import_vitest.expect)(container.textContent).toContain("Item 2");
+    (0, import_vitest.expect)(container.textContent).toContain("200");
+    (0, import_vitest.expect)(container.textContent).toContain("Name");
+    (0, import_vitest.expect)(container.textContent).toContain("Value");
+    var hasTableStructure = container.querySelector(".is_Table");
+    (0, import_vitest.expect)(hasTableStructure).toBeNull();
+    var hasCardLayout = container.querySelector('[data-testid="simple-table-cards"]');
+    (0, import_vitest.expect)(hasCardLayout).not.toBeNull();
+  });
+});
+//# sourceMappingURL=simpleTable.spec.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_test_utils","import_vitest","import_index","describe","it","columns","accessorKey","header","data","name","age","city","container","renderWithProviders","jsx","SimpleTableDesktop","expect","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":[]}