@multiplatform.one/table 7.23.2 → 7.25.0

package/src/components/DataTable/rowStateFill.spec.tsx

@@ -0,0 +1,220 @@
+/**
+ * A DataTable row's hover and press fills step off the fill it rests on
+ * (MPO-408).
+ *
+ * A selected row rested, hovered and pressed on `$color4`, so neither a
+ * hover nor a press changed it. Every row now hovers one ramp step above its
+ * rest fill (an unselected row keeps `$color3`) and a pressable row presses
+ * `tablePressFill` of its hover fill, so rest, hover and press are three
+ * fills in the grid, the virtual rows and the document list, zebra on and
+ * off, in both schemes and at every elevation. The native root draws its rows
+ * with the same `tableRowStateProps`; it is not the module a spec resolves,
+ * so the last block reads its source.
+ */
+
+import { readFileSync } from "node:fs";
+import { resolve } from "node:path";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Preset } from "@multiplatform.one/theme";
+import { fireEvent, screen, waitFor } from "@testing-library/react";
+import { Theme } from "tamagui";
+import type React from "react";
+import { describe, expect, it, vi } from "vitest";
+import type { DataTableColumn } from "../../types";
+import { DataTable } from "./index";
+import { tableRowStateProps } from "./rowStateChrome";
+
+vi.mock("@tanstack/react-virtual", async (importOriginal) => {
+  const actual = await importOriginal<typeof import("@tanstack/react-virtual")>();
+  return {
+    ...actual,
+    useVirtualizer: (options: Parameters<typeof actual.useVirtualizer>[0]) =>
+      actual.useVirtualizer({
+        ...options,
+        initialRect: { width: 800, height: 400 },
+        observeElementRect: (_instance, callback) => {
+          callback({ width: 800, height: 400 });
+          return () => {};
+        },
+        observeElementOffset: (_instance, callback) => {
+          callback(0, false);
+          return () => {};
+        },
+        scrollToFn: () => {},
+      }),
+  };
+});
+
+type Person = { id: number; firstName: string };
+
+const people: Person[] = [
+  { id: 1, firstName: "Alice" },
+  { id: 2, firstName: "Bob" },
+  { id: 3, firstName: "Carol" },
+  { id: 4, firstName: "Dave" },
+];
+
+const columns: DataTableColumn<Person>[] = [
+  { id: "firstName", accessorKey: "firstName", header: "First Name" },
+];
+
+type Scheme = "light" | "dark";
+type Elevation = "none" | "small" | "medium" | "large";
+type Body = "grid" | "virtual" | "list";
+const schemes: Scheme[] = ["light", "dark"];
+const elevations: Elevation[] = ["none", "small", "medium", "large"];
+const zebras = ["off", "on"] as const;
+const bodies: Body[] = ["grid", "virtual", "list"];
+
+/** `rest>hover>press` for one row, read off its atomic classes. */
+function paint(row: Element): string {
+  const classes = Array.from(row.classList);
+  const fill = (prefix: string) =>
+    classes.find((name) => name.startsWith(prefix))?.slice(prefix.length);
+  const rest = classes.find((name) => /^_bg-(?!0)/.test(name))?.slice("_bg-".length);
+  return `${rest}>${fill("_bg-0hover-")}>${fill("_bg-0active-")}`;
+}
+
+function bodyProps(body: Body): Record<string, unknown> {
+  if (body === "list") return { layout: "list" };
+  if (body === "virtual") {
+    return { layout: "table", enableVirtualization: true, virtualizationHeight: 400 };
+  }
+  return { layout: "table" };
+}
+
+async function paintedRows(
+  body: Body,
+  scheme: Scheme,
+  elevation: Elevation,
+  zebra: "on" | "off",
+): Promise<string[]> {
+  const ui: React.ReactElement = (
+    <Preset overrides={{ tableZebra: zebra, elevation }}>
+      <DataTable
+        data={people}
+        columns={columns as DataTableColumn<Record<string, any>>[]}
+        enableRowSelection
+        enablePagination={false}
+        enableGlobalSearch={false}
+        enableFiltering={false}
+        onRowPress={vi.fn()}
+        onStateChange={vi.fn()}
+        {...bodyProps(body)}
+      />
+    </Preset>
+  );
+  const { container, unmount } = renderWithProviders(
+    scheme === "dark" ? <Theme name="dark">{ui}</Theme> : ui,
+  );
+  const rows = () => Array.from(container.querySelectorAll("[data-row-selected]"));
+  await waitFor(() => expect(rows()).toHaveLength(people.length));
+  fireEvent.click(screen.getByRole("checkbox", { name: "Select row Alice" }));
+  fireEvent.click(screen.getByRole("checkbox", { name: "Select row Bob" }));
+  await waitFor(() =>
+    expect(rows().map((row) => row.getAttribute("data-row-selected"))).toEqual([
+      "true",
+      "true",
+      "false",
+      "false",
+    ]),
+  );
+  const painted = rows().map(paint);
+  unmount();
+  return painted;
+}
+
+const expected = {
+  "zebra-off": [
+    "color4>color5>color6",
+    "color4>color5>color6",
+    "color1>color3>color4",
+    "color1>color3>color4",
+  ],
+  "zebra-on": [
+    "color4>color5>color6",
+    "color4>color5>color6",
+    "color1>color3>color4",
+    "color2>color3>color4",
+  ],
+};
+
+describe("DataTable row fills step off the fill the row rests on (MPO-408)", () => {
+  describe("tableRowStateProps", () => {
+    const cases = [false, true].flatMap((selected) =>
+      [false, true].flatMap((zebraOn) => [0, 1].map((index) => ({ selected, zebraOn, index }))),
+    );
+
+    it("rest, hover and press are three fills for every selected, zebra and stripe state", () => {
+      const collisions = cases.flatMap((opts) => {
+        const props = tableRowStateProps({ ...opts, pressable: true }) as {
+          backgroundColor: string;
+          hoverStyle: { backgroundColor: string };
+          pressStyle?: { backgroundColor: string };
+        };
+        const fills = [
+          props.backgroundColor,
+          props.hoverStyle.backgroundColor,
+          props.pressStyle?.backgroundColor,
+        ];
+        return new Set(fills).size === 3 && !fills.includes(undefined as unknown as string)
+          ? []
+          : [`${JSON.stringify(opts)}: ${fills.join(">")}`];
+      });
+      expect(collisions).toEqual([]);
+    });
+
+    it("a row that is not pressable carries no press fill", () => {
+      for (const opts of cases) {
+        expect(tableRowStateProps(opts)).not.toHaveProperty("pressStyle");
+      }
+    });
+  });
+
+  for (const body of bodies) {
+    describe(`${body} rows`, () => {
+      for (const scheme of schemes) {
+        for (const elevation of elevations) {
+          for (const zebra of zebras) {
+            it(`${scheme} ${elevation} zebra-${zebra}: a selected row hovers and presses off $color4`, async () => {
+              expect(await paintedRows(body, scheme, elevation, zebra)).toEqual(
+                expected[`zebra-${zebra}`],
+              );
+            });
+          }
+        }
+      }
+    });
+  }
+
+  describe("the roots hand a row no press fill of their own", () => {
+    const read = (file: string) => readFileSync(resolve(__dirname, file), "utf-8");
+
+    /** The body of the `getRowPressProps` callback in one root. */
+    function rowPressProps(source: string): string {
+      const start = source.indexOf("const getRowPressProps = useCallback(");
+      const end = source.indexOf("\n  );\n", start);
+      return start === -1 || end === -1 ? "" : source.slice(start, end);
+    }
+
+    it.each(["DataTableRoot.tsx", "index.native.tsx"])(
+      "%s: getRowPressProps carries no pressStyle",
+      (file) => {
+        const body = rowPressProps(read(file));
+        expect(body).not.toBe("");
+        expect(body).not.toMatch(/pressStyle/);
+      },
+    );
+
+    it.each([
+      "DataTableRoot.tsx",
+      "index.native.tsx",
+      "DataTableVirtualized.tsx",
+      "DataTableDocumentList.tsx",
+    ])("%s: every tableRowStateProps call says whether the row is pressable", (file) => {
+      const calls = read(file).match(/tableRowStateProps\(\{[^}]*\}\)/g) ?? [];
+      expect(calls.length).toBeGreaterThan(0);
+      for (const call of calls) expect(call).toMatch(/\bpressable\b/);
+    });
+  });
+});

package/src/components/DataTableExport/index.tsx

@@ -404,9 +404,11 @@ function ExportOptionsPanel({
                 </Text>
               </YStack>
               {isExporting === format.id && (
-                <Text fontSize="$2" color="$accentColor" marginInlineStart="auto">
-                  ...
-                </Text>
+                <XStack flexGrow={1} justifyContent="flex-end">
+                  <Text fontSize="$2" color="$accentColor">
+                    ...
+                  </Text>
+                </XStack>
               )}
             </Button>
           ))}
@@ -425,9 +427,11 @@ function ExportOptionsPanel({
         >
           Print Table
           {isExporting === "print" && (
-            <Text fontSize="$2" color="$accentColor" marginInlineStart="auto">
-              ...
-            </Text>
+            <XStack flexGrow={1} justifyContent="flex-end">
+              <Text fontSize="$2" color="$accentColor">
+                ...
+              </Text>
+            </XStack>
           )}
         </Button>
       </YStack>

package/src/components/DataTableGrouping/index.tsx

@@ -424,7 +424,7 @@ function GroupHeader<T = any>({
         },
       } as any)}
     >
-      <View width={iconSize + 4} alignItems="center" marginInlineStart={indent}>
+      <View width={indent + iconSize + 4} alignItems="center" paddingInlineStart={indent}>
         {hasChildren &&
           (isExpanded ? <CaretDownIcon size={iconSize} /> : <CollapsedCaretIcon size={iconSize} />)}
       </View>

package/src/components/DataTablePagination/DataTablePagination.stories.tsx

@@ -225,11 +225,11 @@ export const InteractiveDemo: Story = {
             onPaginationChange={handlePaginationChange}
           />
 
-          <YStack padding="$4" backgroundColor="$gray2" borderRadius="$4">
+          <YStack padding="$4" backgroundColor="$gray2" borderRadius="$4" gap="$2">
             <Text fontSize="$5" fontWeight="600">
               Current State:
             </Text>
-            <YStack marginTop="$2">
+            <YStack>
               <Text>
                 Page: {pagination.pageIndex + 1} of {pagination.totalPages}
               </Text>
@@ -284,6 +284,7 @@ export const NavigationDemo: Story = {
           />
 
           <View
+            gap="$2"
             style={{
               padding: "16px",
               background: "#e8f4fd",
@@ -293,7 +294,7 @@ export const NavigationDemo: Story = {
             <Text fontSize="$5" fontWeight="600">
               Navigation Controls:
             </Text>
-            <XStack gap="$2" marginTop="$2">
+            <XStack gap="$2">
               <Button
                 onPress={() =>
                   handlePaginationChange({
@@ -377,6 +378,7 @@ export const PageSizeDemo: Story = {
           />
 
           <View
+            gap="$2"
             style={{
               padding: "16px",
               background: "#f0f9ff",
@@ -386,7 +388,7 @@ export const PageSizeDemo: Story = {
             <Text fontSize="$5" fontWeight="600">
               Page Size Options:
             </Text>
-            <XStack gap="$2" marginTop="$2">
+            <XStack gap="$2">
               {[5, 10, 20, 50, 100].map((size) => (
                 <Button
                   key={size}
@@ -453,6 +455,7 @@ export const PageJumpDemo: Story = {
           />
 
           <View
+            gap="$2"
             style={{
               padding: "16px",
               background: "#fff3cd",
@@ -462,7 +465,7 @@ export const PageJumpDemo: Story = {
             <Text fontSize="$5" fontWeight="600">
               Page Jump:
             </Text>
-            <XStack gap="$2" marginTop="$2" alignItems="center">
+            <XStack gap="$2" alignItems="center">
               <Text>Go to page:</Text>
               <YStack width={110}>
                 <Input
@@ -518,7 +521,7 @@ export const Accessibility: Story = {
         <Text fontSize="$5" fontWeight="600">
           Accessibility Features:
         </Text>
-        <YStack marginLeft="$5">
+        <YStack paddingLeft="$5">
           <Text>• Navigation buttons have proper ARIA labels</Text>
           <Text>• Page size selector is keyboard accessible</Text>
           <Text>• Page jump input has proper labeling</Text>
@@ -601,7 +604,7 @@ export const EdgeCases: Story = {
         <Text fontSize="$5" fontWeight="600">
           Edge Cases:
         </Text>
-        <YStack marginLeft="$5">
+        <YStack paddingLeft="$5">
           <Text>• Empty data (0 total items)</Text>
           <Text>• Single page scenarios</Text>
           <Text>• Large datasets (1000+ pages)</Text>

package/src/components/DataTableToolbar/index.tsx

@@ -298,12 +298,7 @@ function ToolbarLayout({
         </>
       ) : (
         hasTrailing && (
-          <XStack
-            alignItems="center"
-            {...knobProps.gap}
-            flexShrink={0}
-            marginInlineStart={enableGlobalSearch ? "auto" : 0}
-          >
+          <XStack alignItems="center" {...knobProps.gap} flexShrink={0}>
             {showActionCluster && (
               <RovingFocusGroup orientation="horizontal" loop asChild>
                 <XStack alignItems="center" {...knobProps.gap}>

package/types/components/ColumnHeaderFilter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnHeaderFilter/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAiBH,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,aAAa,CAAC;AAKvE;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAAC;AAEnD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,mCAAmC;IACnC,cAAc,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,sCAAsC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IAC/C,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EAAE,SAAS,EACnB,WAAW,EACX,UAAU,EACV,WAAW,EACX,cAAc,EACd,OAAO,EACP,UAAU,GACX,EAAE,uBAAuB,2CAuIzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnHeaderFilter/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAiBH,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,aAAa,CAAC;AAKvE;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAAC;AAEnD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,mCAAmC;IACnC,cAAc,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,sCAAsC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IAC/C,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAaD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EAAE,SAAS,EACnB,WAAW,EACX,UAAU,EACV,WAAW,EACX,cAAc,EACd,OAAO,EACP,UAAU,GACX,EAAE,uBAAuB,2CAuIzB"}

package/types/components/DataTable/DataTableDocumentList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableDocumentList.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableDocumentList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAWH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,iFAAiF;AACjF,wBAAgB,yBAAyB,CACvC,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,CAAA;CAAE,EACxE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,SAAS,CAY1C;AAED,MAAM,WAAW,0BAA0B,CAAC,KAAK;IAC/C,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjG,qEAAqE;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACvE,SAAS,EACT,kBAA0B,EAC1B,QAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,OAAe,EACf,cAAc,EACd,gBAAgB,EAChB,aAAqB,GACtB,EAAE,0BAA0B,CAAC,KAAK,CAAC,2CA6JnC"}
+{"version":3,"file":"DataTableDocumentList.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableDocumentList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAWH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,iFAAiF;AACjF,wBAAgB,yBAAyB,CACvC,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,CAAA;CAAE,EACxE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,SAAS,CAY1C;AAED,MAAM,WAAW,0BAA0B,CAAC,KAAK;IAC/C,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjG,qEAAqE;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACvE,SAAS,EACT,kBAA0B,EAC1B,QAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,OAAe,EACf,cAAc,EACd,gBAAgB,EAChB,aAAqB,GACtB,EAAE,0BAA0B,CAAC,KAAK,CAAC,2CA8JnC"}

package/types/components/DataTable/DataTableRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableRoot.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableRoot.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAcH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAajF,OAAO,KAAK,EAIV,cAAc,EAEf,MAAM,aAAa,CAAC;AAgDrB,MAAM,WAAW,kBAAkB,CACjC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CACvD,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC7B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACrF,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,eAAe,EACf,aAAa,EACb,OAAO,EACP,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,WAAmB,EACnB,aAAmB,EACnB,WAAW,EACX,eAAuB,EACvB,gBAAwB,EACxB,aAAqB,EACrB,eAAsB,EACtB,gBAAgB,EAChB,aAAoB,EACpB,gBAAuB,EACvB,eAAe,EACf,cAAwB,EACxB,QAAQ,EACR,cAAc,EACd,sBAA6B,EAC7B,oBAA4B,EAC5B,oBAA4B,EAC5B,kBAAyB,EACzB,WAAmB,EACnB,YAAsB,EACtB,MAAe,EACf,oBAA4B,EAC5B,oBAAoB,EACpB,sBAA0B,EAC1B,kBAA0B,EAC1B,kBAAkB,EAClB,UAAU,EACV,mBAA2B,EAC3B,gBAAoB,EACpB,cAAsB,EACtB,wBAAgC,EAChC,UAAU,EACV,QAAQ,EACR,kBAA0B,EAC1B,cAAc,EAAE,kBAAkB,EAClC,WAAW,EACX,QAAgB,EAChB,YAAY,EACZ,IAAI,EACJ,IAAI,EAAE,QAAQ,EACd,cAAsB,EACtB,UAAkB,EAClB,aAAqB,EACrB,OAAW,EACX,OAAO,EACP,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,aAAa,EAAE,cAAc,EAC7B,SAAS,EACT,IAAI,EACJ,OAAe,EACf,QAAgB,EAChB,MAAM,EACN,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CA2qE3B"}
+{"version":3,"file":"DataTableRoot.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableRoot.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAcH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAajF,OAAO,KAAK,EAIV,cAAc,EAEf,MAAM,aAAa,CAAC;AAgDrB,MAAM,WAAW,kBAAkB,CACjC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CACvD,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC7B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACrF,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,eAAe,EACf,aAAa,EACb,OAAO,EACP,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,WAAmB,EACnB,aAAmB,EACnB,WAAW,EACX,eAAuB,EACvB,gBAAwB,EACxB,aAAqB,EACrB,eAAsB,EACtB,gBAAgB,EAChB,aAAoB,EACpB,gBAAuB,EACvB,eAAe,EACf,cAAwB,EACxB,QAAQ,EACR,cAAc,EACd,sBAA6B,EAC7B,oBAA4B,EAC5B,oBAA4B,EAC5B,kBAAyB,EACzB,WAAmB,EACnB,YAAsB,EACtB,MAAe,EACf,oBAA4B,EAC5B,oBAAoB,EACpB,sBAA0B,EAC1B,kBAA0B,EAC1B,kBAAkB,EAClB,UAAU,EACV,mBAA2B,EAC3B,gBAAoB,EACpB,cAAsB,EACtB,wBAAgC,EAChC,UAAU,EACV,QAAQ,EACR,kBAA0B,EAC1B,cAAc,EAAE,kBAAkB,EAClC,WAAW,EACX,QAAgB,EAChB,YAAY,EACZ,IAAI,EACJ,IAAI,EAAE,QAAQ,EACd,cAAsB,EACtB,UAAkB,EAClB,aAAqB,EACrB,OAAW,EACX,OAAO,EACP,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,aAAa,EAAE,cAAc,EAC7B,SAAS,EACT,IAAI,EACJ,OAAe,EACf,QAAgB,EAChB,MAAM,EACN,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CAmrE3B"}

package/types/components/DataTable/DataTableVirtualized.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableVirtualized.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableVirtualized.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,MAAM,WAAW,yBAAyB;IACxC,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,wBAAwB,EAAE,OAAO,CAAC;IAClC,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,CAAC;IACnC,gBAAgB,EAAE,CAChB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,OAAO,EAClB,WAAW,CAAC,EAAE,KAAK,KAChB,KAAK,CAAC,SAAS,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjG,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EACZ,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,QAAQ,EACR,wBAAwB,EAAE,yBAAyB,EACnD,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,eAAuB,EACvB,gBAAgB,EAChB,WAAW,EAAE,eAAe,EAC5B,YAAoB,GACrB,EAAE,yBAAyB,2CAyJ3B"}
+{"version":3,"file":"DataTableVirtualized.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableVirtualized.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,MAAM,WAAW,yBAAyB;IACxC,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,wBAAwB,EAAE,OAAO,CAAC;IAClC,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,CAAC;IACnC,gBAAgB,EAAE,CAChB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,OAAO,EAClB,WAAW,CAAC,EAAE,KAAK,KAChB,KAAK,CAAC,SAAS,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjG,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EACZ,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,QAAQ,EACR,wBAAwB,EAAE,yBAAyB,EACnD,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,eAAuB,EACvB,gBAAgB,EAChB,WAAW,EAAE,eAAe,EAC5B,YAAoB,GACrB,EAAE,yBAAyB,2CA0J3B"}

package/types/components/DataTable/rowStateChrome.d.ts

@@ -13,6 +13,7 @@ export declare function tableRowStateProps(opts: {
     keyboardFocused?: boolean;
     zebraOn?: boolean;
     index?: number;
+    pressable?: boolean;
 }): Record<string, unknown>;
 export declare function tableCellKeyboardProps(focused: boolean): Record<string, unknown>;
 //# sourceMappingURL=rowStateChrome.d.ts.map

package/types/components/DataTable/rowStateChrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rowStateChrome.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/rowStateChrome.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,eAAO,MAAM,yBAAyB;;wDAAgD,CAAC;AAEvF,wBAAgB,kBAAkB,CAAC,IAAI,EAAE;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAa1B;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAKhF"}
+{"version":3,"file":"rowStateChrome.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/rowStateChrome.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,eAAO,MAAM,yBAAyB;;wDAAgD,CAAC;AAEvF,wBAAgB,kBAAkB,CAAC,IAAI,EAAE;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAgB1B;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAKhF"}