@multiplatform.one/table 6.0.0

package/dist/cjs/components/Table/Table.stories.cjs

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

package/dist/cjs/components/Table/Table.stories.native.js

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

package/dist/cjs/components/Table/Table.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Table_stories_exports","__export","default","Table_stories_default","emptyTable","main","withCustomWidths","withRowLocations","module","exports","import_jsx_runtime","require","import_table_primitives","title","component","Table","parameters","status","type","MainRender","props","jsxs","children","jsx","Head","Row","HeaderCell","Body","Cell","name","args","cellWidth","render","withRowLocations2"],"sources":["../../../../src/components/Table/Table.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Table/accessibility.spec.cjs

@@ -0,0 +1,186 @@
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
+var import_useTableKeyboard = require("../../hooks/useTableKeyboard.cjs");
+var import_DataTableToolbar = require("../DataTableToolbar/index.cjs");
+var import_ColumnHeaderFilter = require("../ColumnHeaderFilter/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_vitest.describe)("Table Accessibility", () => {
+  (0, import_vitest.it)("all icon-only buttons have aria-labels", () => {
+    const {
+      container: toolbarContainer
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DataTableToolbar.DataTableToolbar, {
+      globalFilter: "test",
+      onGlobalFilterChange: () => {},
+      onClearFilters: () => {},
+      enableGlobalSearch: true
+    }));
+    const clearButton = toolbarContainer.querySelector('[aria-label="Clear search"]');
+    (0, import_vitest.expect)(clearButton).not.toBeNull();
+    const toolbar = toolbarContainer.querySelector('[role="toolbar"]');
+    (0, import_vitest.expect)(toolbar).not.toBeNull();
+    (0, import_vitest.expect)(toolbar?.getAttribute("aria-label")).toBe("Table toolbar");
+    const {
+      container: filterContainer
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ColumnHeaderFilter.ColumnHeaderFilter, {
+      columnId: "name",
+      columnLabel: "Name",
+      columnType: "text",
+      onFilterChange: () => {}
+    }));
+    const filterTrigger = filterContainer.querySelector('[aria-label="Filter column Name"]');
+    (0, import_vitest.expect)(filterTrigger).not.toBeNull();
+    const {
+      container: viewsContainer
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DataTableToolbar.DataTableToolbar, {
+      enableViews: true,
+      enableGlobalSearch: false,
+      showViewSelector: true,
+      views: [],
+      onSaveView: () => {}
+    }));
+    const saveViewButton = viewsContainer.querySelector('[aria-label="Save view"]');
+    (0, import_vitest.expect)(saveViewButton).not.toBeNull();
+  });
+  (0, import_vitest.it)("useTableKeyboard handles ArrowDown, ArrowUp, Home, End, PageDown, PageUp", () => {
+    (0, import_vitest.expect)(typeof import_useTableKeyboard.useTableKeyboard).toBe("function");
+    const mockTable = {
+      getRowModel: () => ({
+        rows: [{
+          id: "0",
+          original: {
+            name: "Row 0"
+          }
+        }, {
+          id: "1",
+          original: {
+            name: "Row 1"
+          }
+        }, {
+          id: "2",
+          original: {
+            name: "Row 2"
+          }
+        }]
+      })
+    };
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(KeyboardTestHarness, {
+      table: mockTable
+    }));
+    const focusTarget = container.querySelector('[data-testid="keyboard-container"]');
+    (0, import_vitest.expect)(focusTarget).not.toBeNull();
+    import_test_utils.fireEvent.keyDown(focusTarget, {
+      key: "ArrowDown"
+    });
+    import_test_utils.fireEvent.keyDown(focusTarget, {
+      key: "ArrowUp"
+    });
+    import_test_utils.fireEvent.keyDown(focusTarget, {
+      key: "Home"
+    });
+    import_test_utils.fireEvent.keyDown(focusTarget, {
+      key: "End"
+    });
+    import_test_utils.fireEvent.keyDown(focusTarget, {
+      key: "PageDown"
+    });
+    import_test_utils.fireEvent.keyDown(focusTarget, {
+      key: "PageUp"
+    });
+    (0, import_vitest.expect)(true).toBe(true);
+  });
+  (0, import_vitest.it)("Escape key behavior: Tamagui Popover handles Escape natively", () => {
+    const onFilterChange = import_vitest.vi.fn();
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ColumnHeaderFilter.ColumnHeaderFilter, {
+      columnId: "status",
+      columnLabel: "Status",
+      columnType: "text",
+      onFilterChange
+    }));
+    const trigger = container.querySelector('[aria-label="Filter column Status"]');
+    (0, import_vitest.expect)(trigger).not.toBeNull();
+    import_test_utils.fireEvent.click(trigger);
+    (0, import_vitest.expect)(trigger).not.toBeNull();
+  });
+  (0, import_vitest.it)("semantic HTML and ARIA roles on table primitives", () => {
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.Table, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Caption, {
+        children: "Test Table Caption"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.Table.Row, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
+            children: "Name"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
+            children: "Value"
+          })]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.Table.Body, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.Table.Row, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+            children: "Item A"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+            children: "100"
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.Table.Row, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+            children: "Item B"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+            children: "200"
+          })]
+        })]
+      })]
+    }));
+    const tableEl = container.querySelector('[tag="table"]');
+    (0, import_vitest.expect)(tableEl).not.toBeNull();
+    const thead = container.querySelector('[tag="thead"]');
+    (0, import_vitest.expect)(thead).not.toBeNull();
+    const tbody = container.querySelector('[tag="tbody"]');
+    (0, import_vitest.expect)(tbody).not.toBeNull();
+    const caption = container.querySelector('[tag="caption"]');
+    (0, import_vitest.expect)(caption).not.toBeNull();
+    (0, import_vitest.expect)(caption?.textContent).toContain("Test Table Caption");
+    const headerCells = container.querySelectorAll('[tag="th"]');
+    (0, import_vitest.expect)(headerCells.length).toBe(2);
+    for (const th of headerCells) {
+      (0, import_vitest.expect)(th.getAttribute("scope")).toBe("col");
+    }
+    const rows = container.querySelectorAll('[role="row"]');
+    (0, import_vitest.expect)(rows.length).toBe(3);
+    (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_TableCell")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableHeaderCell")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableCaption")).not.toBeNull();
+  });
+});
+function KeyboardTestHarness({
+  table
+}) {
+  const {
+    handleKeyDown,
+    containerRef
+  } = (0, import_useTableKeyboard.useTableKeyboard)({
+    table,
+    enabled: true,
+    viewportHeight: 400
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    "data-testid": "keyboard-container",
+    ref: containerRef,
+    tabIndex: 0,
+    onKeyDown: handleKeyDown,
+    style: {
+      width: 400,
+      height: 400
+    },
+    children: "Keyboard test"
+  });
+}