@multiplatform.one/table 6.0.0

package/dist/esm/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/esm/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/esm/components/DataTableColumnPinning/DataTableColumnPinning.spec.native.js

@@ -0,0 +1,289 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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.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 = 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] = React.useState({
+    left: [],
+    right: []
+  });
+  var [forceRender, setForceRender] = React.useState(0);
+  var table = useReactTable({
+    data: mockData,
+    columns,
+    getCoreRowModel: 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 = DataTableColumnPinning({
+    table,
+    onPinChange,
+    maxPinnedColumns,
+    allowPinning
+  });
+  React.useEffect(function () {},
+  // This effect will run whenever forceRender changes, ensuring the component re-renders
+  [forceRender]);
+  return /* @__PURE__ */_jsxs("div", {
+    children: [table.getAllColumns().map(function (column) {
+      return /* @__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", function () {
+  it("should render without errors", function () {
+    renderWithProviders(/* @__PURE__ */_jsx(TestComponent, {}));
+    expect(screen.getByTestId("column-id")).toBeDefined();
+    expect(screen.getByTestId("column-name")).toBeDefined();
+  });
+  it("should pin column to left", async function () {
+    var onPinChange = vi.fn();
+    renderWithProviders(/* @__PURE__ */_jsx(TestComponent, {
+      onPinChange
+    }));
+    var nameColumn = screen.getByTestId("column-name");
+    var 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(function () {
+      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 function () {
+    var onPinChange = vi.fn();
+    renderWithProviders(/* @__PURE__ */_jsx(TestComponent, {
+      onPinChange
+    }));
+    var nameColumn = screen.getByTestId("column-name");
+    var pinButton = nameColumn.querySelector('[role="button"], button');
+    expect(pinButton).toBeDefined();
+    expect(screen.getByTestId("pinned-name")).toHaveTextContent("not-pinned");
+  });
+  it("should render with maxPinnedColumns prop", async function () {
+    renderWithProviders(/* @__PURE__ */_jsx(TestComponent, {
+      maxPinnedColumns: 2
+    }));
+    var idButton = screen.getByTestId("column-id").querySelector('[role="button"], button');
+    var 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", function () {
+    renderWithProviders(/* @__PURE__ */_jsx(TestComponent, {
+      allowPinning: false
+    }));
+    var buttons = screen.queryAllByRole("button");
+    expect(buttons).toHaveLength(0);
+  });
+  it("should correctly categorize columns", async function () {
+    renderWithProviders(/* @__PURE__ */_jsx(TestComponent, {}));
+    expect(screen.getByTestId("pinned-left")).toHaveTextContent("0");
+    expect(screen.getByTestId("pinned-right")).toHaveTextContent("0");
+    expect(screen.getByTestId("scrollable")).toHaveTextContent("5");
+    var nameButton = screen.getByTestId("column-name").querySelector('[role="button"], button');
+    fireEvent.click(nameButton);
+    await waitFor(function () {
+      expect(screen.getByTestId("pinned-left")).toHaveTextContent("1");
+      expect(screen.getByTestId("scrollable")).toHaveTextContent("4");
+    });
+  });
+});
+describe("useColumnPinning", function () {
+  function HookTestComponent() {
+    var table = useReactTable({
+      data: mockData,
+      columns,
+      getCoreRowModel: getCoreRowModel()
+    });
+    var {
+      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: function onClick() {
+          return pinColumn("name", "left");
+        },
+        children: "Pin Name Left"
+      }), /* @__PURE__ */_jsx("button", {
+        type: "button",
+        onClick: function onClick() {
+          return pinColumn("email", "right");
+        },
+        children: "Pin Email Right"
+      }), /* @__PURE__ */_jsx("button", {
+        type: "button",
+        onClick: function onClick() {
+          return unpinColumn("id");
+        },
+        children: "Unpin ID"
+      }), /* @__PURE__ */_jsx("button", {
+        type: "button",
+        onClick: function onClick() {
+          return resetPinning();
+        },
+        children: "Reset"
+      })]
+    });
+  }
+  it("should initialize with provided pinned columns", function () {
+    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 function () {
+    renderWithProviders(/* @__PURE__ */_jsx(HookTestComponent, {}));
+    var pinNameButton = screen.getByText("Pin Name Left");
+    fireEvent.click(pinNameButton);
+    await waitFor(function () {
+      expect(screen.getByTestId("left-pins")).toHaveTextContent("id,name");
+    });
+    var pinEmailButton = screen.getByText("Pin Email Right");
+    fireEvent.click(pinEmailButton);
+    await waitFor(function () {
+      expect(screen.getByTestId("right-pins")).toHaveTextContent("email");
+    });
+  });
+  it("should unpin column", async function () {
+    renderWithProviders(/* @__PURE__ */_jsx(HookTestComponent, {}));
+    var unpinButton = screen.getByText("Unpin ID");
+    fireEvent.click(unpinButton);
+    await waitFor(function () {
+      expect(screen.getByTestId("left-pins")).toHaveTextContent("");
+    });
+  });
+  it("should reset all pinning", async function () {
+    renderWithProviders(/* @__PURE__ */_jsx(HookTestComponent, {}));
+    fireEvent.click(screen.getByText("Pin Name Left"));
+    fireEvent.click(screen.getByText("Pin Email Right"));
+    await waitFor(function () {
+      expect(screen.getByTestId("left-pins")).not.toHaveTextContent("");
+      expect(screen.getByTestId("right-pins")).not.toHaveTextContent("");
+    });
+    fireEvent.click(screen.getByText("Reset"));
+    await waitFor(function () {
+      expect(screen.getByTestId("left-pins")).toHaveTextContent("");
+      expect(screen.getByTestId("right-pins")).toHaveTextContent("");
+    });
+  });
+  it("should move column between positions", async function () {
+    renderWithProviders(/* @__PURE__ */_jsx(HookTestComponent, {}));
+    fireEvent.click(screen.getByText("Pin Name Left"));
+    await waitFor(function () {
+      expect(screen.getByTestId("left-pins")).toHaveTextContent("id,name");
+    });
+    fireEvent.click(screen.getByText("Pin Email Right"));
+    await waitFor(function () {
+      expect(screen.getByTestId("right-pins")).toHaveTextContent("email");
+      expect(screen.getByTestId("left-pins")).toHaveTextContent("id,name");
+    });
+  });
+});
+//# sourceMappingURL=DataTableColumnPinning.spec.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","createColumnHelper","getCoreRowModel","useReactTable","fireEvent","screen","waitFor","renderWithProviders","React","describe","expect","it","vi","DataTableColumnPinning","useColumnPinning","mockData","id","name","email","role","status","columnHelper","columns","accessor","header","cell","info","getValue","cell2","cell3","cell4","cell5","TestComponent","param","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"],"sources":["../../../../src/components/DataTableColumnPinning/DataTableColumnPinning.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAoBC,KAAA,2BAAiB;AAC9C,SAASC,kBAAW,EAAQC,eAAe,EAAAC,aAAA;AAC3C,SAASC,SAAA,EAAAC,MAAA,EAAAC,OAAA,QAA2B;AACpC,SAAOC,mBAAW;AAClB,OAAAC,KAAS,aAAU;AACnB,SAASC,QAAA,EAAAC,MAAA,EAAAC,EAAA,EAAAC,EAAwB;AAsGzB,SACEC,sBADF,EAAAC,gBAAA;AApGR,IAAAC,QAAM,IACJ;EACEC,EAAA,EAAI;EACJC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,IAAA,EAAM;EACNC,MAAA,EAAQ;AACV,GACA;EACEJ,EAAA,EAAI;EACJC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,IAAA,EAAM;EACNC,MAAA,EAAQ;AACV,GACA;EACEJ,EAAA,EAAI;EACJC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,IAAA,EAAM;EACNC,MAAA,EAAQ;AACV,EACF;AAEA,IAAAC,YAAM,GAAApB,kBAAe;AAErB,IAAAqB,OAAM,IACJD,YAAA,CAAaE,QAAA,CAAS,MAAM;EAC1BC,MAAA,EAAQ;EACRC,IAAA,EAAM,SAACA,IAASA,CAAAC,IAAK;IACtB,OAAAA,IAAA,CAAAC,QAAA;EACD;AAA8B,EAC5B,EAAQN,YACD,CAAAE,QAAS,OAAK;EACtBC,MAAA;EACDC,IAAA,WAAaG,KAASA,CAAAF,IAAA;IACpB,OAAQA,IAAA,CAAAC,QAAA;EACR;AACF,CAAC,GACDN,YAAA,CAAaE,QAAA,CAAS,SAAQ;EAC5BC,MAAA,EAAQ;EACRC,IAAA,EAAM,SAACI,KAASA,CAAKH,IAAA;IACtB,OAAAA,IAAA,CAAAC,QAAA;EACD;AAAgC,EAC9B,EAAQN,YACD,CAAAE,QAAS,OAAK;EACtBC,MAAA;EACHC,IAAA,WAAAK,MAAAJ,IAAA;IAEA,OAASA,IAAA,CAAAC,QAAc;EACrB;AACA,IACAN,YAAA,CAAAE,QAAe;EAKdC,MAAA;EACDC,IAAM,EAAC,SAAAM,KAAeA,CAAAL,IAAA;IAIpB,OAAOA,IAAA,CAAAC,QAAA;EACP;AACF,CAAC,EAED;AAEA,SAAMK,aAAQA,CAAAC,KAAA,EAAc;EAAA,IAC1B;IAAAC,WAAM;IAAAC,gBAAA;IAAAC,YAAA;EAAA,IAAAH,KAAA;EAAA,IACN,CAAAI,aAAA,EAAAC,gBAAA,IAAA9B,KAAA,CAAA+B,QAAA;IACAC,IAAA;IACAC,KAAA,EAAO;EAAA;EACU,IACjB,CAAAC,WAAA,EAAAC,cAAA,IAAAnC,KAAA,CAAA+B,QAAA;EAAA,IACAK,KAAA,GAAAzC,aAAuB,CAAC;IACtB0C,IAAA,EAAA9B,QAAM;IACNO,OAAA;IAAiBpB,eACT,EAAAA,eAAkB;IAAA4C,KACxB;MACFC,aAAC,EAAAV;IACD;IACFW,qBAAA,WAAAA,sBAAAC,OAAA;MACD,IAAAC,QAAA,UAAAD,OAAA,kBAAAA,OAAA,CAAAZ,aAAA,IAAAY,OAAA;MAEDX,gBAAgB;QACdE,IAAA,EAAAU,QAAA,CAAAV,IAAA;QACAC,KAAA,EAAAS,QAAA,CAAAT,KAAA;MACA;MACAE,cAAA,WAAAQ,IAAA;QACD,OAAAA,IAAA;MAGD,EAAM;IAEN;EAEA;EAEK,IAAAC,OAAM,GAAAvC,sBAAqB;IAExB+B,KAAA;IAAiBV,WACjB;IAAwDC,gBACxD;IAEAC;EAGA;EAEH5B,KACD,CAAA6C,SAAA,CACA,aACA;EAAgE;EAGtE,CAEAX,WAAS,CAEL;EAEA,sBAAc1C,KAAY;IAC1BsD,QAAO,GACRV,KAAA,CAAAW,aAAA,GAAAC,GAAA,WAAAC,MAAA;MAEE,sBAAAzD,KAA6B;QACxB,eAAc,UAAMyD,MAAA,CAAAzC,EAAA;QAC1BsC,QAAA,GAEM,eAAaxD,IAAO;UACpBwD,QAAY,EAAAG,MAAA,CAAAzC;QAEX,IACA,eAAOlB,IAAY,CAAAsD,OAAA,CAAAM,SAAkB;UAElCC,QAAM,EAAAF,MAAU,CAAAzC,EAAA;UAEpB4C,QAAQ,EAAM;QAClB,CAAO,GACP,eAAc9D,IAAY;UACnB,aAAa,YAAA2D,MAAA,CAAAzC,EAAqB;UAC1CsC,QAAA,EAAAF,OAAA,CAAAS,QAAA,CAAAJ,MAAA,CAAAzC,EAAA;QACF,IAEE,eAAAlB,IAAA,OAAkC;UAC7B,aAAiB,cAAG2D,MAAA,CAAAzC,EAAA;UAC1BsC,QAAA,EAAoBF,OAAA,CAAAU,cAAC,CAAAL,MAAA,CAAAzC,EAAA,KAAc;QAE7B;MAGN,GAAOyC,MAAA,CAAAzC,EAAS;IAChB,IACD,eAAAlB,IAAA;MAEE;MACDwD,QAAA,EAAAF,OAAoB,CAAAW,iBAAA,CAACC;IAErB,IACA,eAAMlE,IAAa,MAAO;MAE1B,aAAiB,gBAAY;MAC7BwD,QAAO,EAAAF,OAAY,CAAAa,kBAAY,CAAAD;IAC/B,IACD,eAAAlE,IAAA;MAEE;MACDwD,QAAA,EAAAF,OAAoB,CAAAc,iBAAA,CAACF;IAErB;EAEF,CAAC;AAED;AACEvD,QAAA,yBAAoB,cAAC;EAErBE,EAAA,+BAA0B,cAAgB;IAC1CJ,mBAAc,gBAAYT,IAAc,CAACkC,aAAE;IAC3CtB,MAAA,CAAOL,MAAA,CAAO8D,WAAA,CAAY,YAAY,CAAC,CAAAC,WAAE;IAGzC1D,MAAM,CAAAL,MAAA,CAAA8D,WAAa,CAAO,aAAY,GAAAC,WAAe;EACrD;EAEAzD,EAAA,4BAAoB;IAClB,IAAAuB,WAAO,GAAOtB,EAAA,CAAAyD,EAAA;IACd9D,mBAAc,gBAAYT,IAAY,CAACkC,aAAE;MAC1CE;IACF;IACF,IAAAoC,UAAA,GAAAjE,MAAA,CAAA8D,WAAA;IAED,IAAAI,SAAS,GAAAD,UAAoB,CAAAE,aAAM;IACjC9D,MAAA,CAASL,MAAA,CAAA8D,WAAA,cAAoB,GAAAM,iBAAA;IAC3B/D,MAAM,CAAAL,MAAA,CAAQ8D,WAAA,gBAAc,GAAAM,iBAAA;IAAArE,SACpB,CAAAsE,KAAA,CAAAH,SAAA;IAAA,MACNjE,OAAA;MACAI,MAAA,CAAAL,MAAA,CAAA8D,WAAiB,cAAgB,GAAAM,iBAAA;MAClC/D,MAAA,CAAAL,MAAA,CAAA8D,WAAA,mBAAAM,iBAAA;MAED/D,MAAQ,CAAAwB,WAAA,CAAa,CAAAyC,oBAAW,OAAa,SAAa;IAA4B,EACpF;EAAkB;EAC8BhE,EAClD,CAAC;IAED,IAAAuB,WACE,GAAAtB,EAAA,CAAAyD,EAAA;IACE9D,mBAAA,gBAAKT,IAAA,CAAAkC,aAAY;MACjBE;IAA2D,EAC3D;IAEA,IACAoC,UAAA,GAAAjE,MAAC,CAAA8D,WAAO,cAAK,CAAS;IAEtB,IACAI,SAAA,GAAAD,UAAC,CAAAE,aAAY,0BAAwB;IAErC9D,MACA,CAAA6D,SAAA,EAAAH,WAAC;IAED1D,MACF,CAAAL,MAAA,CAAA8D,WAAA,iBAAAM,iBAAA;EAEJ;EAEA9D,EAAA,CAAG,8DAAwD;IACzDJ,mBAAA,CAAoB,eAAAT,IAAC,CAAAkC,aAAA;MAErBG,gBAAc;IACd;IACD,IAAAyC,QAAA,GAAAvE,MAAA,CAAA8D,WAAA,cAAAK,aAAA;IAED,IAAGK,UAAA,GAAAxE,MAAA,CAAA8D,WAAA,cAA2C,EAAAK,aAAY;IACxD9D,MAAA,CAAAkE,QAAA,EAAAR,WAAoB;IAEpB1D,MAAM,CAAAmE,UAAA,EAAAT,WAAuB;IAC7B1D,MAAA,CAAAL,MAAU,CAAA8D,WAAM,cAAa,GAAAM,iBAAA;EAE7B;EACE9D,EAAA,yDAAwC,cAA2B;IACrEJ,mBAAC,gBAAAT,IAAA,CAAAkC,aAAA;MAEDI,YAAM;IACN;IAEA,IAAA0C,OAAM,GAAQzE,MAAM,CAAA0E,cAAA;IAClBrE,MAAA,CAAAoE,OAAO,EAAOE,YAAY;EAAwC,EACpE;EACFrE,EAAC;IAEDJ,mBAAG,gBAAmCT,IAAA,CAAAkC,aAAA;IACpCtB,MAAA,CAAAL,MAAA,CAAA8D,WAAoB,eAAC,EAAAM,iBAAA,IAAoB;IAEzC/D,MAAM,CAAAL,MAAA,CAAA8D,WAAc,eAAiB,GAAAM,iBAAU;IAC/C/D,MAAA,CAAAL,MAAU,CAAA8D,WAAM,aAAW,GAAAM,iBAAA;IAE3B,IAAAI,UAAc,GAAAxE,MAAM,CAAA8D,WAAA,gBAAAK,aAAA;IAClBpE,SAAO,CAAAsE,KAAA,CAAOG,UAAA;IAChB,MAACvE,OAAA;MACFI,MAAA,CAAAL,MAAA,CAAA8D,WAAA,iBAAAM,iBAAA;MAEE/D,MAAA,CAAAL,MAAA,CAAA8D,WAAA,aAA4B,CAAY,EAAAM,iBAAA;IACzC;EAGA;AACA;AAEAhE,QAAA,mBAAoB;EAClB,SAAAwE,iBAAcA,CAAA;IACd,IAAArC,KAAO,GAAAzC,aAAO;MACf0C,IAAA,EAAA9B,QAAA;MAGDO,OAAA;MAEApB,eAAc,EAAAA,eAAM;IAClB;IACA;MAAAgF,WAAc;MAAAC,SAAY;MAAAC,WAAa;MAAEC;IAAA,IAAAvE,gBAAoB,CAAA8B,KAAA;MAC9DT,gBAAA;MACFmD,oBAAA;QAEE9C,IAAA,GACD,KAGA;QAEAC,KAAM;MACJ;IACF,CAAC;IAGD,sBAAuBzC,KAAA,MAAU;MAEjCsD,QAAM,GACJ,eAAcxD,IAAA,MAAY;QAC1B,aAAc,aAAY;QAC3BwD,QAAA,EAAA4B,WAAA,CAAA1C,IAAA,CAAA+C,IAAA;MACF,IACF,eAAAzF,IAAA","ignoreList":[]}