@multiplatform.one/table 6.0.0

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

@@ -0,0 +1,126 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, screen, waitFor } from "@testing-library/react";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { DataTableViewOptions } from "./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
+}];
+describe("DataTableViewOptions", function () {
+  beforeEach(function () {
+    vi.clearAllMocks();
+  });
+  it("renders view options button", function () {
+    renderWithProviders(/* @__PURE__ */_jsx(DataTableViewOptions, {
+      columns: mockColumns,
+      onColumnVisibilityChange: vi.fn(),
+      onColumnOrderChange: vi.fn(),
+      onColumnSizingChange: vi.fn(),
+      onSaveView: vi.fn(),
+      onLoadView: vi.fn(),
+      onResetToDefault: vi.fn(),
+      compact: true
+    }));
+    expect(screen.getByText("View")).toBeInTheDocument();
+  });
+  it("opens popover when clicked", async function () {
+    renderWithProviders(/* @__PURE__ */_jsx(DataTableViewOptions, {
+      columns: mockColumns,
+      onColumnVisibilityChange: vi.fn(),
+      onColumnOrderChange: vi.fn(),
+      onColumnSizingChange: vi.fn(),
+      onSaveView: vi.fn(),
+      onLoadView: vi.fn(),
+      onResetToDefault: vi.fn(),
+      compact: true
+    }));
+    var button = screen.getByText("View");
+    fireEvent.click(button);
+    await waitFor(function () {
+      expect(screen.getByText("Column Visibility")).toBeInTheDocument();
+    });
+  });
+  it("displays column visibility toggles", async function () {
+    renderWithProviders(/* @__PURE__ */_jsx(DataTableViewOptions, {
+      columns: mockColumns,
+      onColumnVisibilityChange: vi.fn(),
+      onColumnOrderChange: vi.fn(),
+      onColumnSizingChange: vi.fn(),
+      onSaveView: vi.fn(),
+      onLoadView: vi.fn(),
+      onResetToDefault: vi.fn(),
+      compact: true
+    }));
+    fireEvent.click(screen.getByText("View"));
+    await waitFor(function () {
+      expect(screen.getByText("Name")).toBeInTheDocument();
+      expect(screen.getByText("Email")).toBeInTheDocument();
+      expect(screen.getByText("Status")).toBeInTheDocument();
+    });
+  });
+  it("calls onColumnVisibilityChange when column is toggled", async function () {
+    var mockOnChange = vi.fn();
+    renderWithProviders(/* @__PURE__ */_jsx(DataTableViewOptions, {
+      columns: mockColumns,
+      onColumnVisibilityChange: mockOnChange,
+      onColumnOrderChange: vi.fn(),
+      onColumnSizingChange: vi.fn(),
+      onSaveView: vi.fn(),
+      onLoadView: vi.fn(),
+      onResetToDefault: vi.fn(),
+      compact: true
+    }));
+    fireEvent.click(screen.getByText("View"));
+    await waitFor(function () {
+      expect(screen.getByText("Column Visibility")).toBeInTheDocument();
+    });
+    var switches = screen.getAllByRole("switch");
+    expect(switches.length).toBeGreaterThan(0);
+    fireEvent.click(switches[0]);
+    expect(mockOnChange).toHaveBeenCalled();
+  });
+  it("handles empty columns array", function () {
+    renderWithProviders(/* @__PURE__ */_jsx(DataTableViewOptions, {
+      columns: [],
+      onColumnVisibilityChange: vi.fn(),
+      onColumnOrderChange: vi.fn(),
+      onColumnSizingChange: vi.fn(),
+      onSaveView: vi.fn(),
+      onLoadView: vi.fn(),
+      onResetToDefault: vi.fn(),
+      compact: true
+    }));
+    expect(screen.getByText("View")).toBeInTheDocument();
+  });
+});
+//# sourceMappingURL=DataTableViewOptions.spec.native.js.map

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

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

package/dist/esm/components/DataTableViewOptions/DataTableViewOptions.stories.mjs

@@ -0,0 +1,393 @@
+import { action } from "@multiplatform.one/storybook";
+import React from "react";
+import { Card, Text, View, XStack, YStack } from "tamagui";
+import { DataTableViewOptions } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const allColumns = [{
+  accessorKey: "name",
+  header: "Product Name"
+}, {
+  accessorKey: "category",
+  header: "Category"
+}, {
+  accessorKey: "price",
+  header: "Price",
+  cell: info => `$${info.getValue().toFixed(2)}`
+}, {
+  accessorKey: "stock",
+  header: "Stock"
+}, {
+  accessorKey: "status",
+  header: "Status"
+}, {
+  accessorKey: "rating",
+  header: "Rating"
+}, {
+  accessorKey: "weight",
+  header: "Weight (lbs)"
+}, {
+  accessorKey: "dimensions",
+  header: "Dimensions"
+}, {
+  accessorKey: "createdAt",
+  header: "Created",
+  cell: info => new Date(info.getValue()).toLocaleDateString()
+}, {
+  accessorKey: "description",
+  header: "Description"
+}, {
+  accessorKey: "tags",
+  header: "Tags",
+  cell: info => info.getValue().join(", ")
+}];
+const transformedColumns = allColumns.map((col, index) => ({
+  id: col.accessorKey,
+  label: col.header,
+  visible: true,
+  order: index,
+  canHide: true,
+  canResize: true,
+  canReorder: true
+}));
+var DataTableViewOptions_stories_default = {
+  title: "Table/DataTableViewOptions",
+  component: DataTableViewOptions,
+  parameters: {
+    docs: {
+      description: {
+        component: "A component for controlling table view options like column visibility, density, and page size."
+      }
+    }
+  }
+};
+const Default = () => {
+  const [columnVisibility, setColumnVisibility] = React.useState({});
+  const [density, _setDensity] = React.useState("comfortable");
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    padding: "$4",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontSize: "$4",
+      fontWeight: "600",
+      children: "View Options Demo"
+    }), /* @__PURE__ */jsx(DataTableViewOptions, {
+      columns: transformedColumns,
+      onColumnVisibilityChange: (columnId, visible) => setColumnVisibility(prev => ({
+        ...prev,
+        [columnId]: visible
+      })),
+      onColumnOrderChange: () => {},
+      onColumnSizingChange: () => {},
+      onSaveView: () => {},
+      onLoadView: () => {},
+      onResetToDefault: () => {}
+    }), /* @__PURE__ */jsx(Card, {
+      padding: "$4",
+      borderRadius: "$4",
+      children: /* @__PURE__ */jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$3",
+          fontWeight: "500",
+          children: "Current Settings:"
+        }), /* @__PURE__ */jsxs(Text, {
+          fontSize: "$2",
+          color: "$gray11",
+          children: ["Density: ", density]
+        }), /* @__PURE__ */jsxs(Text, {
+          fontSize: "$2",
+          color: "$gray11",
+          children: ["Visible Columns: ", Object.keys(columnVisibility).length || "All"]
+        })]
+      })
+    })]
+  });
+};
+Default.storyName = "Main";
+const WithPageSizeControls = () => {
+  const [pageSize, _setPageSize] = React.useState(10);
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    padding: "$4",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontSize: "$4",
+      fontWeight: "600",
+      children: "With Page Size Controls"
+    }), /* @__PURE__ */jsx(DataTableViewOptions, {
+      columns: transformedColumns,
+      onColumnVisibilityChange: () => {},
+      onColumnOrderChange: () => {},
+      onColumnSizingChange: () => {},
+      onSaveView: () => {},
+      onLoadView: () => {},
+      onResetToDefault: () => {}
+    }), /* @__PURE__ */jsx(Card, {
+      padding: "$3",
+      borderRadius: "$4",
+      backgroundColor: "$blue2",
+      children: /* @__PURE__ */jsxs(Text, {
+        fontSize: "$3",
+        color: "$blue11",
+        children: ["Current page size: ", pageSize, " items per page"]
+      })
+    })]
+  });
+};
+const ManyColumns = () => {
+  const [_columnVisibility, setColumnVisibility] = React.useState({});
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    padding: "$4",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontSize: "$4",
+      fontWeight: "600",
+      children: "Many Columns Example"
+    }), /* @__PURE__ */jsx(Card, {
+      padding: "$3",
+      borderRadius: "$4",
+      backgroundColor: "$green2",
+      children: /* @__PURE__ */jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$3",
+          fontWeight: "500",
+          color: "$green11",
+          children: "Available Columns:"
+        }), /* @__PURE__ */jsxs(Text, {
+          fontSize: "$2",
+          color: "$green11",
+          children: [transformedColumns.length, " total columns to manage visibility"]
+        })]
+      })
+    }), /* @__PURE__ */jsx(DataTableViewOptions, {
+      columns: transformedColumns,
+      onColumnVisibilityChange: (columnId, visible) => {
+        setColumnVisibility(prev => ({
+          ...prev,
+          [columnId]: visible
+        }));
+        action("column-visibility-changed")({
+          [columnId]: visible
+        });
+      },
+      onColumnOrderChange: () => {},
+      onColumnSizingChange: () => {},
+      onSaveView: () => {},
+      onLoadView: () => {},
+      onResetToDefault: () => {}
+    }), /* @__PURE__ */jsx(Text, {
+      fontSize: "$3",
+      color: "$gray11",
+      children: "Toggle column visibility to customize your table view."
+    })]
+  });
+};
+const DensityOptions = () => {
+  const [density, _setDensity] = React.useState("comfortable");
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    padding: "$4",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontSize: "$4",
+      fontWeight: "600",
+      children: "Density Options"
+    }), /* @__PURE__ */jsx(DataTableViewOptions, {
+      columns: transformedColumns.slice(0, 5),
+      onColumnVisibilityChange: () => {},
+      onColumnOrderChange: () => {},
+      onColumnSizingChange: () => {},
+      onSaveView: () => {},
+      onLoadView: () => {},
+      onResetToDefault: () => {}
+    }), /* @__PURE__ */jsx(Card, {
+      padding: "$4",
+      borderRadius: "$4",
+      children: /* @__PURE__ */jsxs(YStack, {
+        gap: "$3",
+        children: [/* @__PURE__ */jsxs(Text, {
+          fontSize: "$3",
+          fontWeight: "500",
+          children: ["Current Density: ", density]
+        }), /* @__PURE__ */jsxs(YStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */jsxs(XStack, {
+            alignItems: "center",
+            gap: "$2",
+            children: [/* @__PURE__ */jsx(View, {
+              style: {
+                width: 20,
+                height: density === "compact" ? 8 : density === "comfortable" ? 12 : 16,
+                backgroundColor: "var(--color-blue9)",
+                borderRadius: 2
+              }
+            }), /* @__PURE__ */jsx(Text, {
+              fontSize: "$2",
+              color: "$gray11",
+              children: "Compact: Tighter row spacing"
+            })]
+          }), /* @__PURE__ */jsxs(XStack, {
+            alignItems: "center",
+            gap: "$2",
+            children: [/* @__PURE__ */jsx(View, {
+              style: {
+                width: 20,
+                height: density === "comfortable" ? 12 : 16,
+                backgroundColor: "var(--color-green9)",
+                borderRadius: 2
+              }
+            }), /* @__PURE__ */jsx(Text, {
+              fontSize: "$2",
+              color: "$gray11",
+              children: "Comfortable: Balanced spacing"
+            })]
+          }), /* @__PURE__ */jsxs(XStack, {
+            alignItems: "center",
+            gap: "$2",
+            children: [/* @__PURE__ */jsx(View, {
+              style: {
+                width: 20,
+                height: 16,
+                backgroundColor: "var(--color-purple9)",
+                borderRadius: 2
+              }
+            }), /* @__PURE__ */jsx(Text, {
+              fontSize: "$2",
+              color: "$gray11",
+              children: "Spacious: More generous row spacing"
+            })]
+          })]
+        })]
+      })
+    })]
+  });
+};
+const Disabled = () => {
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    padding: "$4",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontSize: "$4",
+      fontWeight: "600",
+      children: "Disabled State"
+    }), /* @__PURE__ */jsx(DataTableViewOptions, {
+      columns: transformedColumns,
+      onColumnVisibilityChange: () => {},
+      onColumnOrderChange: () => {},
+      onColumnSizingChange: () => {},
+      onSaveView: () => {},
+      onLoadView: () => {},
+      onResetToDefault: () => {}
+    }), /* @__PURE__ */jsx(Text, {
+      fontSize: "$3",
+      color: "$gray11",
+      children: "View options are disabled and cannot be interacted with."
+    })]
+  });
+};
+const MinimalColumns = () => {
+  const minimalColumns = transformedColumns.slice(0, 3);
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    padding: "$4",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontSize: "$4",
+      fontWeight: "600",
+      children: "Minimal Columns"
+    }), /* @__PURE__ */jsx(DataTableViewOptions, {
+      columns: minimalColumns,
+      onColumnVisibilityChange: () => {},
+      onColumnOrderChange: () => {},
+      onColumnSizingChange: () => {},
+      onSaveView: () => {},
+      onLoadView: () => {},
+      onResetToDefault: () => {}
+    }), /* @__PURE__ */jsx(Text, {
+      fontSize: "$3",
+      color: "$gray11",
+      children: "Example with only a few columns to manage."
+    })]
+  });
+};
+const AllOptionsCombined = () => {
+  const [columnVisibility, setColumnVisibility] = React.useState({});
+  const [density, _setDensity] = React.useState("comfortable");
+  const [pageSize, _setPageSize] = React.useState(10);
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$6",
+    padding: "$4",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontSize: "$4",
+      fontWeight: "600",
+      children: "All View Options Combined"
+    }), /* @__PURE__ */jsx(DataTableViewOptions, {
+      columns: transformedColumns,
+      onColumnVisibilityChange: (columnId, visible) => {
+        setColumnVisibility(prev => ({
+          ...prev,
+          [columnId]: visible
+        }));
+        action("column-visibility")({
+          [columnId]: visible
+        });
+      },
+      onColumnOrderChange: () => {},
+      onColumnSizingChange: () => {},
+      onSaveView: () => {},
+      onLoadView: () => {},
+      onResetToDefault: () => {}
+    }), /* @__PURE__ */jsx(Card, {
+      padding: "$4",
+      borderRadius: "$4",
+      children: /* @__PURE__ */jsxs(YStack, {
+        gap: "$3",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$3",
+          fontWeight: "500",
+          children: "Current Configuration:"
+        }), /* @__PURE__ */jsxs(XStack, {
+          gap: "$4",
+          flexWrap: "wrap",
+          children: [/* @__PURE__ */jsxs(YStack, {
+            gap: "$1",
+            children: [/* @__PURE__ */jsx(Text, {
+              fontSize: "$2",
+              fontWeight: "500",
+              color: "$gray12",
+              children: "Density"
+            }), /* @__PURE__ */jsx(Text, {
+              fontSize: "$3",
+              color: "$blue11",
+              children: density
+            })]
+          }), /* @__PURE__ */jsxs(YStack, {
+            gap: "$1",
+            children: [/* @__PURE__ */jsx(Text, {
+              fontSize: "$2",
+              fontWeight: "500",
+              color: "$gray12",
+              children: "Page Size"
+            }), /* @__PURE__ */jsxs(Text, {
+              fontSize: "$3",
+              color: "$green11",
+              children: [pageSize, " items"]
+            })]
+          }), /* @__PURE__ */jsxs(YStack, {
+            gap: "$1",
+            children: [/* @__PURE__ */jsx(Text, {
+              fontSize: "$2",
+              fontWeight: "500",
+              color: "$gray12",
+              children: "Visible Columns"
+            }), /* @__PURE__ */jsxs(Text, {
+              fontSize: "$3",
+              color: "$purple11",
+              children: [Object.keys(columnVisibility).filter(key => columnVisibility[key]).length || transformedColumns.length, " ", "of ", transformedColumns.length]
+            })]
+          })]
+        })]
+      })
+    })]
+  });
+};
+export { AllOptionsCombined, Default, DensityOptions, Disabled, ManyColumns, MinimalColumns, WithPageSizeControls, DataTableViewOptions_stories_default as default };
+//# sourceMappingURL=DataTableViewOptions.stories.mjs.map

package/dist/esm/components/DataTableViewOptions/DataTableViewOptions.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["action","React","Card","Text","View","XStack","YStack","DataTableViewOptions","jsx","jsxs","allColumns","accessorKey","header","cell","info","getValue","toFixed","Date","toLocaleDateString","join","transformedColumns","map","col","index","id","label","visible","order","canHide","canResize","canReorder","DataTableViewOptions_stories_default","title","component","parameters","docs","description","Default","columnVisibility","setColumnVisibility","useState","density","_setDensity","gap","padding","children","fontSize","fontWeight","columns","onColumnVisibilityChange","columnId","prev","onColumnOrderChange","onColumnSizingChange","onSaveView","onLoadView","onResetToDefault","borderRadius","color","Object","keys","length","storyName","WithPageSizeControls","pageSize","_setPageSize","backgroundColor","ManyColumns","_columnVisibility","DensityOptions","slice","alignItems","style","width","height","Disabled","MinimalColumns","minimalColumns","AllOptionsCombined","flexWrap","filter","key"],"sources":["../../../../src/components/DataTableViewOptions/DataTableViewOptions.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}