@multiplatform.one/table 6.0.0

package/dist/jsx/components/DataTableColumnPinning/DataTableColumnPinning.spec.mjs

@@ -0,0 +1,264 @@
+import { createColumnHelper, getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import { fireEvent, screen, waitFor } from "@testing-library/react";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import React from "react";
+import { describe, expect, it, vi } from "vitest";
+import { DataTableColumnPinning, useColumnPinning } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const mockData = [{
+  id: 1,
+  name: "John Doe",
+  email: "john@example.com",
+  role: "Admin",
+  status: "Active"
+}, {
+  id: 2,
+  name: "Jane Smith",
+  email: "jane@example.com",
+  role: "User",
+  status: "Active"
+}, {
+  id: 3,
+  name: "Bob Johnson",
+  email: "bob@example.com",
+  role: "User",
+  status: "Inactive"
+}];
+const columnHelper = createColumnHelper();
+const columns = [columnHelper.accessor("id", {
+  header: "ID",
+  cell: info => info.getValue()
+}), columnHelper.accessor("name", {
+  header: "Name",
+  cell: info => info.getValue()
+}), columnHelper.accessor("email", {
+  header: "Email",
+  cell: info => info.getValue()
+}), columnHelper.accessor("role", {
+  header: "Role",
+  cell: info => info.getValue()
+}), columnHelper.accessor("status", {
+  header: "Status",
+  cell: info => info.getValue()
+})];
+function TestComponent({
+  onPinChange,
+  maxPinnedColumns = 3,
+  allowPinning = true
+}) {
+  const [pinnedColumns, setPinnedColumns] = React.useState({
+    left: [],
+    right: []
+  });
+  const [forceRender, setForceRender] = React.useState(0);
+  const table = useReactTable({
+    data: mockData,
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    state: {
+      columnPinning: pinnedColumns
+    },
+    onColumnPinningChange: updater => {
+      const newState = typeof updater === "function" ? updater(pinnedColumns) : updater;
+      setPinnedColumns({
+        left: newState.left || [],
+        right: newState.right || []
+      });
+      setForceRender(prev => prev + 1);
+    }
+  });
+  const pinning = DataTableColumnPinning({
+    table,
+    onPinChange,
+    maxPinnedColumns,
+    allowPinning
+  });
+  React.useEffect(() => {}, [forceRender]);
+  return /* @__PURE__ */jsxs("div", {
+    children: [table.getAllColumns().map(column => /* @__PURE__ */jsxs("div", {
+      "data-testid": `column-${column.id}`,
+      children: [/* @__PURE__ */jsx("span", {
+        children: column.id
+      }), /* @__PURE__ */jsx(pinning.PinButton, {
+        columnId: column.id,
+        position: "left"
+      }), /* @__PURE__ */jsx("span", {
+        "data-testid": `pinned-${column.id}`,
+        children: pinning.isPinned(column.id) ? "pinned" : "not-pinned"
+      }), /* @__PURE__ */jsx("span", {
+        "data-testid": `position-${column.id}`,
+        children: pinning.getPinPosition(column.id) || "none"
+      })]
+    }, column.id)), /* @__PURE__ */jsx("div", {
+      "data-testid": "pinned-left",
+      children: pinning.pinnedLeftColumns.length
+    }), /* @__PURE__ */jsx("div", {
+      "data-testid": "pinned-right",
+      children: pinning.pinnedRightColumns.length
+    }), /* @__PURE__ */jsx("div", {
+      "data-testid": "scrollable",
+      children: pinning.scrollableColumns.length
+    })]
+  });
+}
+describe("DataTableColumnPinning", () => {
+  it("should render without errors", () => {
+    renderWithProviders(/* @__PURE__ */jsx(TestComponent, {}));
+    expect(screen.getByTestId("column-id")).toBeDefined();
+    expect(screen.getByTestId("column-name")).toBeDefined();
+  });
+  it("should pin column to left", async () => {
+    const onPinChange = vi.fn();
+    renderWithProviders(/* @__PURE__ */jsx(TestComponent, {
+      onPinChange
+    }));
+    const nameColumn = screen.getByTestId("column-name");
+    const pinButton = nameColumn.querySelector('[role="button"], button');
+    expect(screen.getByTestId("pinned-name")).toHaveTextContent("not-pinned");
+    expect(screen.getByTestId("position-name")).toHaveTextContent("none");
+    fireEvent.click(pinButton);
+    await waitFor(() => {
+      expect(screen.getByTestId("pinned-name")).toHaveTextContent("pinned");
+      expect(screen.getByTestId("position-name")).toHaveTextContent("left");
+      expect(onPinChange).toHaveBeenCalledWith("name", "left");
+    });
+  });
+  it("should track pin state changes", async () => {
+    const onPinChange = vi.fn();
+    renderWithProviders(/* @__PURE__ */jsx(TestComponent, {
+      onPinChange
+    }));
+    const nameColumn = screen.getByTestId("column-name");
+    const pinButton = nameColumn.querySelector('[role="button"], button');
+    expect(pinButton).toBeDefined();
+    expect(screen.getByTestId("pinned-name")).toHaveTextContent("not-pinned");
+  });
+  it("should render with maxPinnedColumns prop", async () => {
+    renderWithProviders(/* @__PURE__ */jsx(TestComponent, {
+      maxPinnedColumns: 2
+    }));
+    const idButton = screen.getByTestId("column-id").querySelector('[role="button"], button');
+    const nameButton = screen.getByTestId("column-name").querySelector('[role="button"], button');
+    expect(idButton).toBeDefined();
+    expect(nameButton).toBeDefined();
+    expect(screen.getByTestId("pinned-left")).toHaveTextContent("0");
+  });
+  it("should not show pin buttons when allowPinning is false", () => {
+    renderWithProviders(/* @__PURE__ */jsx(TestComponent, {
+      allowPinning: false
+    }));
+    const buttons = screen.queryAllByRole("button");
+    expect(buttons).toHaveLength(0);
+  });
+  it("should correctly categorize columns", async () => {
+    renderWithProviders(/* @__PURE__ */jsx(TestComponent, {}));
+    expect(screen.getByTestId("pinned-left")).toHaveTextContent("0");
+    expect(screen.getByTestId("pinned-right")).toHaveTextContent("0");
+    expect(screen.getByTestId("scrollable")).toHaveTextContent("5");
+    const nameButton = screen.getByTestId("column-name").querySelector('[role="button"], button');
+    fireEvent.click(nameButton);
+    await waitFor(() => {
+      expect(screen.getByTestId("pinned-left")).toHaveTextContent("1");
+      expect(screen.getByTestId("scrollable")).toHaveTextContent("4");
+    });
+  });
+});
+describe("useColumnPinning", () => {
+  function HookTestComponent() {
+    const table = useReactTable({
+      data: mockData,
+      columns,
+      getCoreRowModel: getCoreRowModel()
+    });
+    const {
+      pinnedState,
+      pinColumn,
+      unpinColumn,
+      resetPinning
+    } = useColumnPinning(table, {
+      maxPinnedColumns: 2,
+      initialPinnedColumns: {
+        left: ["id"],
+        right: []
+      }
+    });
+    return /* @__PURE__ */jsxs("div", {
+      children: [/* @__PURE__ */jsx("div", {
+        "data-testid": "left-pins",
+        children: pinnedState.left.join(",")
+      }), /* @__PURE__ */jsx("div", {
+        "data-testid": "right-pins",
+        children: pinnedState.right.join(",")
+      }), /* @__PURE__ */jsx("button", {
+        type: "button",
+        onClick: () => pinColumn("name", "left"),
+        children: "Pin Name Left"
+      }), /* @__PURE__ */jsx("button", {
+        type: "button",
+        onClick: () => pinColumn("email", "right"),
+        children: "Pin Email Right"
+      }), /* @__PURE__ */jsx("button", {
+        type: "button",
+        onClick: () => unpinColumn("id"),
+        children: "Unpin ID"
+      }), /* @__PURE__ */jsx("button", {
+        type: "button",
+        onClick: () => resetPinning(),
+        children: "Reset"
+      })]
+    });
+  }
+  it("should initialize with provided pinned columns", () => {
+    renderWithProviders(/* @__PURE__ */jsx(HookTestComponent, {}));
+    expect(screen.getByTestId("left-pins")).toHaveTextContent("id");
+    expect(screen.getByTestId("right-pins")).toHaveTextContent("");
+  });
+  it("should pin column to specified position", async () => {
+    renderWithProviders(/* @__PURE__ */jsx(HookTestComponent, {}));
+    const pinNameButton = screen.getByText("Pin Name Left");
+    fireEvent.click(pinNameButton);
+    await waitFor(() => {
+      expect(screen.getByTestId("left-pins")).toHaveTextContent("id,name");
+    });
+    const pinEmailButton = screen.getByText("Pin Email Right");
+    fireEvent.click(pinEmailButton);
+    await waitFor(() => {
+      expect(screen.getByTestId("right-pins")).toHaveTextContent("email");
+    });
+  });
+  it("should unpin column", async () => {
+    renderWithProviders(/* @__PURE__ */jsx(HookTestComponent, {}));
+    const unpinButton = screen.getByText("Unpin ID");
+    fireEvent.click(unpinButton);
+    await waitFor(() => {
+      expect(screen.getByTestId("left-pins")).toHaveTextContent("");
+    });
+  });
+  it("should reset all pinning", async () => {
+    renderWithProviders(/* @__PURE__ */jsx(HookTestComponent, {}));
+    fireEvent.click(screen.getByText("Pin Name Left"));
+    fireEvent.click(screen.getByText("Pin Email Right"));
+    await waitFor(() => {
+      expect(screen.getByTestId("left-pins")).not.toHaveTextContent("");
+      expect(screen.getByTestId("right-pins")).not.toHaveTextContent("");
+    });
+    fireEvent.click(screen.getByText("Reset"));
+    await waitFor(() => {
+      expect(screen.getByTestId("left-pins")).toHaveTextContent("");
+      expect(screen.getByTestId("right-pins")).toHaveTextContent("");
+    });
+  });
+  it("should move column between positions", async () => {
+    renderWithProviders(/* @__PURE__ */jsx(HookTestComponent, {}));
+    fireEvent.click(screen.getByText("Pin Name Left"));
+    await waitFor(() => {
+      expect(screen.getByTestId("left-pins")).toHaveTextContent("id,name");
+    });
+    fireEvent.click(screen.getByText("Pin Email Right"));
+    await waitFor(() => {
+      expect(screen.getByTestId("right-pins")).toHaveTextContent("email");
+      expect(screen.getByTestId("left-pins")).toHaveTextContent("id,name");
+    });
+  });
+});
+//# sourceMappingURL=DataTableColumnPinning.spec.mjs.map

package/dist/jsx/components/DataTableColumnPinning/DataTableColumnPinning.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createColumnHelper","getCoreRowModel","useReactTable","fireEvent","screen","waitFor","renderWithProviders","React","describe","expect","it","vi","DataTableColumnPinning","useColumnPinning","jsx","jsxs","mockData","id","name","email","role","status","columnHelper","columns","accessor","header","cell","info","getValue","TestComponent","onPinChange","maxPinnedColumns","allowPinning","pinnedColumns","setPinnedColumns","useState","left","right","forceRender","setForceRender","table","data","state","columnPinning","onColumnPinningChange","updater","newState","prev","pinning","useEffect","children","getAllColumns","map","column","PinButton","columnId","position","isPinned","getPinPosition","pinnedLeftColumns","length","pinnedRightColumns","scrollableColumns","getByTestId","toBeDefined","fn","nameColumn","pinButton","querySelector","toHaveTextContent","click","toHaveBeenCalledWith","idButton","nameButton","buttons","queryAllByRole","toHaveLength","HookTestComponent","pinnedState","pinColumn","unpinColumn","resetPinning","initialPinnedColumns","join","type","onClick","pinNameButton","getByText","pinEmailButton","unpinButton","not"],"sources":["../../../../src/components/DataTableColumnPinning/DataTableColumnPinning.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/components/DataTableColumnPinning/DataTableColumnPinning.spec.native.js

@@ -0,0 +1,315 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_table = require("@tanstack/react-table");
+var import_react = require("@testing-library/react");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_react2 = __toESM(require("react"));
+var import_vitest = require("vitest");
+var import_index = require("./index.native.js");
+var mockData = [{
+  id: 1,
+  name: "John Doe",
+  email: "john@example.com",
+  role: "Admin",
+  status: "Active"
+}, {
+  id: 2,
+  name: "Jane Smith",
+  email: "jane@example.com",
+  role: "User",
+  status: "Active"
+}, {
+  id: 3,
+  name: "Bob Johnson",
+  email: "bob@example.com",
+  role: "User",
+  status: "Inactive"
+}];
+var columnHelper = (0, import_react_table.createColumnHelper)();
+var columns = [columnHelper.accessor("id", {
+  header: "ID",
+  cell: function cell(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("name", {
+  header: "Name",
+  cell: function cell2(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("email", {
+  header: "Email",
+  cell: function cell3(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("role", {
+  header: "Role",
+  cell: function cell4(info) {
+    return info.getValue();
+  }
+}), columnHelper.accessor("status", {
+  header: "Status",
+  cell: function cell5(info) {
+    return info.getValue();
+  }
+})];
+function TestComponent(param) {
+  var {
+    onPinChange,
+    maxPinnedColumns = 3,
+    allowPinning = true
+  } = param;
+  var [pinnedColumns, setPinnedColumns] = import_react2.default.useState({
+    left: [],
+    right: []
+  });
+  var [forceRender, setForceRender] = import_react2.default.useState(0);
+  var table = (0, import_react_table.useReactTable)({
+    data: mockData,
+    columns,
+    getCoreRowModel: (0, import_react_table.getCoreRowModel)(),
+    state: {
+      columnPinning: pinnedColumns
+    },
+    onColumnPinningChange: function onColumnPinningChange(updater) {
+      var newState = typeof updater === "function" ? updater(pinnedColumns) : updater;
+      setPinnedColumns({
+        left: newState.left || [],
+        right: newState.right || []
+      });
+      setForceRender(function (prev) {
+        return prev + 1;
+      });
+    }
+  });
+  var pinning = (0, import_index.DataTableColumnPinning)({
+    table,
+    onPinChange,
+    maxPinnedColumns,
+    allowPinning
+  });
+  import_react2.default.useEffect(function () {},
+  // This effect will run whenever forceRender changes, ensuring the component re-renders
+  [forceRender]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+    children: [table.getAllColumns().map(function (column) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+        "data-testid": `column-${column.id}`,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+          children: column.id
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(pinning.PinButton, {
+          columnId: column.id,
+          position: "left"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+          "data-testid": `pinned-${column.id}`,
+          children: pinning.isPinned(column.id) ? "pinned" : "not-pinned"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+          "data-testid": `position-${column.id}`,
+          children: pinning.getPinPosition(column.id) || "none"
+        })]
+      }, column.id);
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      "data-testid": "pinned-left",
+      children: pinning.pinnedLeftColumns.length
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      "data-testid": "pinned-right",
+      children: pinning.pinnedRightColumns.length
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      "data-testid": "scrollable",
+      children: pinning.scrollableColumns.length
+    })]
+  });
+}
+(0, import_vitest.describe)("DataTableColumnPinning", function () {
+  (0, import_vitest.it)("should render without errors", function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
+    (0, import_vitest.expect)(import_react.screen.getByTestId("column-id")).toBeDefined();
+    (0, import_vitest.expect)(import_react.screen.getByTestId("column-name")).toBeDefined();
+  });
+  (0, import_vitest.it)("should pin column to left", async function () {
+    var onPinChange = import_vitest.vi.fn();
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {
+      onPinChange
+    }));
+    var nameColumn = import_react.screen.getByTestId("column-name");
+    var pinButton = nameColumn.querySelector('[role="button"], button');
+    (0, import_vitest.expect)(import_react.screen.getByTestId("pinned-name")).toHaveTextContent("not-pinned");
+    (0, import_vitest.expect)(import_react.screen.getByTestId("position-name")).toHaveTextContent("none");
+    import_react.fireEvent.click(pinButton);
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(import_react.screen.getByTestId("pinned-name")).toHaveTextContent("pinned");
+      (0, import_vitest.expect)(import_react.screen.getByTestId("position-name")).toHaveTextContent("left");
+      (0, import_vitest.expect)(onPinChange).toHaveBeenCalledWith("name", "left");
+    });
+  });
+  (0, import_vitest.it)("should track pin state changes", async function () {
+    var onPinChange = import_vitest.vi.fn();
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {
+      onPinChange
+    }));
+    var nameColumn = import_react.screen.getByTestId("column-name");
+    var pinButton = nameColumn.querySelector('[role="button"], button');
+    (0, import_vitest.expect)(pinButton).toBeDefined();
+    (0, import_vitest.expect)(import_react.screen.getByTestId("pinned-name")).toHaveTextContent("not-pinned");
+  });
+  (0, import_vitest.it)("should render with maxPinnedColumns prop", async function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {
+      maxPinnedColumns: 2
+    }));
+    var idButton = import_react.screen.getByTestId("column-id").querySelector('[role="button"], button');
+    var nameButton = import_react.screen.getByTestId("column-name").querySelector('[role="button"], button');
+    (0, import_vitest.expect)(idButton).toBeDefined();
+    (0, import_vitest.expect)(nameButton).toBeDefined();
+    (0, import_vitest.expect)(import_react.screen.getByTestId("pinned-left")).toHaveTextContent("0");
+  });
+  (0, import_vitest.it)("should not show pin buttons when allowPinning is false", function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {
+      allowPinning: false
+    }));
+    var buttons = import_react.screen.queryAllByRole("button");
+    (0, import_vitest.expect)(buttons).toHaveLength(0);
+  });
+  (0, import_vitest.it)("should correctly categorize columns", async function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
+    (0, import_vitest.expect)(import_react.screen.getByTestId("pinned-left")).toHaveTextContent("0");
+    (0, import_vitest.expect)(import_react.screen.getByTestId("pinned-right")).toHaveTextContent("0");
+    (0, import_vitest.expect)(import_react.screen.getByTestId("scrollable")).toHaveTextContent("5");
+    var nameButton = import_react.screen.getByTestId("column-name").querySelector('[role="button"], button');
+    import_react.fireEvent.click(nameButton);
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(import_react.screen.getByTestId("pinned-left")).toHaveTextContent("1");
+      (0, import_vitest.expect)(import_react.screen.getByTestId("scrollable")).toHaveTextContent("4");
+    });
+  });
+});
+(0, import_vitest.describe)("useColumnPinning", function () {
+  function HookTestComponent() {
+    var table = (0, import_react_table.useReactTable)({
+      data: mockData,
+      columns,
+      getCoreRowModel: (0, import_react_table.getCoreRowModel)()
+    });
+    var {
+      pinnedState,
+      pinColumn,
+      unpinColumn,
+      resetPinning
+    } = (0, import_index.useColumnPinning)(table, {
+      maxPinnedColumns: 2,
+      initialPinnedColumns: {
+        left: ["id"],
+        right: []
+      }
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+        "data-testid": "left-pins",
+        children: pinnedState.left.join(",")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+        "data-testid": "right-pins",
+        children: pinnedState.right.join(",")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
+        type: "button",
+        onClick: function onClick() {
+          return pinColumn("name", "left");
+        },
+        children: "Pin Name Left"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
+        type: "button",
+        onClick: function onClick() {
+          return pinColumn("email", "right");
+        },
+        children: "Pin Email Right"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
+        type: "button",
+        onClick: function onClick() {
+          return unpinColumn("id");
+        },
+        children: "Unpin ID"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
+        type: "button",
+        onClick: function onClick() {
+          return resetPinning();
+        },
+        children: "Reset"
+      })]
+    });
+  }
+  (0, import_vitest.it)("should initialize with provided pinned columns", function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(HookTestComponent, {}));
+    (0, import_vitest.expect)(import_react.screen.getByTestId("left-pins")).toHaveTextContent("id");
+    (0, import_vitest.expect)(import_react.screen.getByTestId("right-pins")).toHaveTextContent("");
+  });
+  (0, import_vitest.it)("should pin column to specified position", async function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(HookTestComponent, {}));
+    var pinNameButton = import_react.screen.getByText("Pin Name Left");
+    import_react.fireEvent.click(pinNameButton);
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(import_react.screen.getByTestId("left-pins")).toHaveTextContent("id,name");
+    });
+    var pinEmailButton = import_react.screen.getByText("Pin Email Right");
+    import_react.fireEvent.click(pinEmailButton);
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(import_react.screen.getByTestId("right-pins")).toHaveTextContent("email");
+    });
+  });
+  (0, import_vitest.it)("should unpin column", async function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(HookTestComponent, {}));
+    var unpinButton = import_react.screen.getByText("Unpin ID");
+    import_react.fireEvent.click(unpinButton);
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(import_react.screen.getByTestId("left-pins")).toHaveTextContent("");
+    });
+  });
+  (0, import_vitest.it)("should reset all pinning", async function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(HookTestComponent, {}));
+    import_react.fireEvent.click(import_react.screen.getByText("Pin Name Left"));
+    import_react.fireEvent.click(import_react.screen.getByText("Pin Email Right"));
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(import_react.screen.getByTestId("left-pins")).not.toHaveTextContent("");
+      (0, import_vitest.expect)(import_react.screen.getByTestId("right-pins")).not.toHaveTextContent("");
+    });
+    import_react.fireEvent.click(import_react.screen.getByText("Reset"));
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(import_react.screen.getByTestId("left-pins")).toHaveTextContent("");
+      (0, import_vitest.expect)(import_react.screen.getByTestId("right-pins")).toHaveTextContent("");
+    });
+  });
+  (0, import_vitest.it)("should move column between positions", async function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(HookTestComponent, {}));
+    import_react.fireEvent.click(import_react.screen.getByText("Pin Name Left"));
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(import_react.screen.getByTestId("left-pins")).toHaveTextContent("id,name");
+    });
+    import_react.fireEvent.click(import_react.screen.getByText("Pin Email Right"));
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(import_react.screen.getByTestId("right-pins")).toHaveTextContent("email");
+      (0, import_vitest.expect)(import_react.screen.getByTestId("left-pins")).toHaveTextContent("id,name");
+    });
+  });
+});
+//# sourceMappingURL=DataTableColumnPinning.spec.native.js.map

package/dist/jsx/components/DataTableColumnPinning/DataTableColumnPinning.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__copyProps","to","from","except","desc","key","call","get","enumerable","__toESM","mod","isNodeMode","target","__esModule","value","import_jsx_runtime","require","import_react_table","import_react","import_test_utils","import_react2","import_vitest","import_index","mockData","id","name","email","role","status","columnHelper","createColumnHelper","columns","accessor","header","cell","info","getValue","cell2","cell3","cell4","cell5","TestComponent","param","onPinChange","maxPinnedColumns","allowPinning","pinnedColumns","setPinnedColumns","default","useState","left","right","forceRender","setForceRender","table","useReactTable","data","getCoreRowModel","state","columnPinning","onColumnPinningChange","updater","newState","prev","pinning","DataTableColumnPinning","useEffect","jsxs","children","getAllColumns","map","column","jsx","PinButton","columnId","position","isPinned","getPinPosition","pinnedLeftColumns","length","pinnedRightColumns","scrollableColumns","describe","it","renderWithProviders","expect","screen","getByTestId","toBeDefined","vi","fn","nameColumn","pinButton","querySelector","toHaveTextContent","fireEvent","click","waitFor","toHaveBeenCalledWith","idButton","nameButton","buttons","queryAllByRole","toHaveLength"],"sources":["../../../../src/components/DataTableColumnPinning/DataTableColumnPinning.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}