@multiplatform.one/table 6.0.0

package/dist/cjs/components/DataTableViewOptions/DataTableViewOptions.spec.cjs

@@ -0,0 +1,126 @@
+var import_react = require("@testing-library/react");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_jest_dom = require("@testing-library/jest-dom");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const mockColumns = [{
+  id: "name",
+  label: "Name",
+  visible: true,
+  order: 0,
+  canHide: true,
+  canResize: true,
+  canReorder: true
+}, {
+  id: "email",
+  label: "Email",
+  visible: true,
+  order: 1,
+  canHide: true,
+  canResize: true,
+  canReorder: true
+}, {
+  id: "status",
+  label: "Status",
+  visible: true,
+  order: 2,
+  canHide: true,
+  canResize: true,
+  canReorder: true
+}, {
+  id: "createdAt",
+  label: "Created At",
+  visible: true,
+  order: 3,
+  canHide: true,
+  canResize: true,
+  canReorder: true
+}];
+(0, import_vitest.describe)("DataTableViewOptions", () => {
+  (0, import_vitest.beforeEach)(() => {
+    import_vitest.vi.clearAllMocks();
+  });
+  (0, import_vitest.it)("renders view options button", () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableViewOptions, {
+      columns: mockColumns,
+      onColumnVisibilityChange: import_vitest.vi.fn(),
+      onColumnOrderChange: import_vitest.vi.fn(),
+      onColumnSizingChange: import_vitest.vi.fn(),
+      onSaveView: import_vitest.vi.fn(),
+      onLoadView: import_vitest.vi.fn(),
+      onResetToDefault: import_vitest.vi.fn(),
+      compact: true
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("View")).toBeInTheDocument();
+  });
+  (0, import_vitest.it)("opens popover when clicked", async () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableViewOptions, {
+      columns: mockColumns,
+      onColumnVisibilityChange: import_vitest.vi.fn(),
+      onColumnOrderChange: import_vitest.vi.fn(),
+      onColumnSizingChange: import_vitest.vi.fn(),
+      onSaveView: import_vitest.vi.fn(),
+      onLoadView: import_vitest.vi.fn(),
+      onResetToDefault: import_vitest.vi.fn(),
+      compact: true
+    }));
+    const button = import_react.screen.getByText("View");
+    import_react.fireEvent.click(button);
+    await (0, import_react.waitFor)(() => {
+      (0, import_vitest.expect)(import_react.screen.getByText("Column Visibility")).toBeInTheDocument();
+    });
+  });
+  (0, import_vitest.it)("displays column visibility toggles", async () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableViewOptions, {
+      columns: mockColumns,
+      onColumnVisibilityChange: import_vitest.vi.fn(),
+      onColumnOrderChange: import_vitest.vi.fn(),
+      onColumnSizingChange: import_vitest.vi.fn(),
+      onSaveView: import_vitest.vi.fn(),
+      onLoadView: import_vitest.vi.fn(),
+      onResetToDefault: import_vitest.vi.fn(),
+      compact: true
+    }));
+    import_react.fireEvent.click(import_react.screen.getByText("View"));
+    await (0, import_react.waitFor)(() => {
+      (0, import_vitest.expect)(import_react.screen.getByText("Name")).toBeInTheDocument();
+      (0, import_vitest.expect)(import_react.screen.getByText("Email")).toBeInTheDocument();
+      (0, import_vitest.expect)(import_react.screen.getByText("Status")).toBeInTheDocument();
+    });
+  });
+  (0, import_vitest.it)("calls onColumnVisibilityChange when column is toggled", async () => {
+    const mockOnChange = import_vitest.vi.fn();
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableViewOptions, {
+      columns: mockColumns,
+      onColumnVisibilityChange: mockOnChange,
+      onColumnOrderChange: import_vitest.vi.fn(),
+      onColumnSizingChange: import_vitest.vi.fn(),
+      onSaveView: import_vitest.vi.fn(),
+      onLoadView: import_vitest.vi.fn(),
+      onResetToDefault: import_vitest.vi.fn(),
+      compact: true
+    }));
+    import_react.fireEvent.click(import_react.screen.getByText("View"));
+    await (0, import_react.waitFor)(() => {
+      (0, import_vitest.expect)(import_react.screen.getByText("Column Visibility")).toBeInTheDocument();
+    });
+    const switches = import_react.screen.getAllByRole("switch");
+    (0, import_vitest.expect)(switches.length).toBeGreaterThan(0);
+    import_react.fireEvent.click(switches[0]);
+    (0, import_vitest.expect)(mockOnChange).toHaveBeenCalled();
+  });
+  (0, import_vitest.it)("handles empty columns array", () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableViewOptions, {
+      columns: [],
+      onColumnVisibilityChange: import_vitest.vi.fn(),
+      onColumnOrderChange: import_vitest.vi.fn(),
+      onColumnSizingChange: import_vitest.vi.fn(),
+      onSaveView: import_vitest.vi.fn(),
+      onLoadView: import_vitest.vi.fn(),
+      onResetToDefault: import_vitest.vi.fn(),
+      compact: true
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("View")).toBeInTheDocument();
+  });
+});

package/dist/cjs/components/DataTableViewOptions/DataTableViewOptions.spec.native.js

@@ -0,0 +1,129 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@testing-library/react");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_jest_dom = require("@testing-library/jest-dom");
+var import_index = require("./index.native.js");
+var mockColumns = [{
+  id: "name",
+  label: "Name",
+  visible: true,
+  order: 0,
+  canHide: true,
+  canResize: true,
+  canReorder: true
+}, {
+  id: "email",
+  label: "Email",
+  visible: true,
+  order: 1,
+  canHide: true,
+  canResize: true,
+  canReorder: true
+}, {
+  id: "status",
+  label: "Status",
+  visible: true,
+  order: 2,
+  canHide: true,
+  canResize: true,
+  canReorder: true
+}, {
+  id: "createdAt",
+  label: "Created At",
+  visible: true,
+  order: 3,
+  canHide: true,
+  canResize: true,
+  canReorder: true
+}];
+(0, import_vitest.describe)("DataTableViewOptions", function () {
+  (0, import_vitest.beforeEach)(function () {
+    import_vitest.vi.clearAllMocks();
+  });
+  (0, import_vitest.it)("renders view options button", function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableViewOptions, {
+      columns: mockColumns,
+      onColumnVisibilityChange: import_vitest.vi.fn(),
+      onColumnOrderChange: import_vitest.vi.fn(),
+      onColumnSizingChange: import_vitest.vi.fn(),
+      onSaveView: import_vitest.vi.fn(),
+      onLoadView: import_vitest.vi.fn(),
+      onResetToDefault: import_vitest.vi.fn(),
+      compact: true
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("View")).toBeInTheDocument();
+  });
+  (0, import_vitest.it)("opens popover when clicked", async function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableViewOptions, {
+      columns: mockColumns,
+      onColumnVisibilityChange: import_vitest.vi.fn(),
+      onColumnOrderChange: import_vitest.vi.fn(),
+      onColumnSizingChange: import_vitest.vi.fn(),
+      onSaveView: import_vitest.vi.fn(),
+      onLoadView: import_vitest.vi.fn(),
+      onResetToDefault: import_vitest.vi.fn(),
+      compact: true
+    }));
+    var button = import_react.screen.getByText("View");
+    import_react.fireEvent.click(button);
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(import_react.screen.getByText("Column Visibility")).toBeInTheDocument();
+    });
+  });
+  (0, import_vitest.it)("displays column visibility toggles", async function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableViewOptions, {
+      columns: mockColumns,
+      onColumnVisibilityChange: import_vitest.vi.fn(),
+      onColumnOrderChange: import_vitest.vi.fn(),
+      onColumnSizingChange: import_vitest.vi.fn(),
+      onSaveView: import_vitest.vi.fn(),
+      onLoadView: import_vitest.vi.fn(),
+      onResetToDefault: import_vitest.vi.fn(),
+      compact: true
+    }));
+    import_react.fireEvent.click(import_react.screen.getByText("View"));
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(import_react.screen.getByText("Name")).toBeInTheDocument();
+      (0, import_vitest.expect)(import_react.screen.getByText("Email")).toBeInTheDocument();
+      (0, import_vitest.expect)(import_react.screen.getByText("Status")).toBeInTheDocument();
+    });
+  });
+  (0, import_vitest.it)("calls onColumnVisibilityChange when column is toggled", async function () {
+    var mockOnChange = import_vitest.vi.fn();
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableViewOptions, {
+      columns: mockColumns,
+      onColumnVisibilityChange: mockOnChange,
+      onColumnOrderChange: import_vitest.vi.fn(),
+      onColumnSizingChange: import_vitest.vi.fn(),
+      onSaveView: import_vitest.vi.fn(),
+      onLoadView: import_vitest.vi.fn(),
+      onResetToDefault: import_vitest.vi.fn(),
+      compact: true
+    }));
+    import_react.fireEvent.click(import_react.screen.getByText("View"));
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(import_react.screen.getByText("Column Visibility")).toBeInTheDocument();
+    });
+    var switches = import_react.screen.getAllByRole("switch");
+    (0, import_vitest.expect)(switches.length).toBeGreaterThan(0);
+    import_react.fireEvent.click(switches[0]);
+    (0, import_vitest.expect)(mockOnChange).toHaveBeenCalled();
+  });
+  (0, import_vitest.it)("handles empty columns array", function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableViewOptions, {
+      columns: [],
+      onColumnVisibilityChange: import_vitest.vi.fn(),
+      onColumnOrderChange: import_vitest.vi.fn(),
+      onColumnSizingChange: import_vitest.vi.fn(),
+      onSaveView: import_vitest.vi.fn(),
+      onLoadView: import_vitest.vi.fn(),
+      onResetToDefault: import_vitest.vi.fn(),
+      compact: true
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("View")).toBeInTheDocument();
+  });
+});
+//# sourceMappingURL=DataTableViewOptions.spec.native.js.map

package/dist/cjs/components/DataTableViewOptions/DataTableViewOptions.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_react","import_test_utils","import_vitest","import_jest_dom","import_index","mockColumns","id","label","visible","order","canHide","canResize","canReorder","describe","beforeEach","vi","clearAllMocks","it","renderWithProviders","jsx","DataTableViewOptions","columns","onColumnVisibilityChange","fn","onColumnOrderChange","onColumnSizingChange","onSaveView","onLoadView","onResetToDefault","compact","expect","screen","getByText","toBeInTheDocument","button","fireEvent","click","waitFor","mockOnChange","switches","getAllByRole","length","toBeGreaterThan","toHaveBeenCalled"],"sources":["../../../../src/components/DataTableViewOptions/DataTableViewOptions.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}