@multiplatform.one/table 6.1.0 → 6.4.0

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

@@ -1,126 +0,0 @@
-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.mjs";
-import { jsx } from "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
-}];
-describe("DataTableViewOptions", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-  it("renders view options button", () => {
-    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 () => {
-    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
-    }));
-    const button = screen.getByText("View");
-    fireEvent.click(button);
-    await waitFor(() => {
-      expect(screen.getByText("Column Visibility")).toBeInTheDocument();
-    });
-  });
-  it("displays column visibility toggles", async () => {
-    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(() => {
-      expect(screen.getByText("Name")).toBeInTheDocument();
-      expect(screen.getByText("Email")).toBeInTheDocument();
-      expect(screen.getByText("Status")).toBeInTheDocument();
-    });
-  });
-  it("calls onColumnVisibilityChange when column is toggled", async () => {
-    const 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(() => {
-      expect(screen.getByText("Column Visibility")).toBeInTheDocument();
-    });
-    const switches = screen.getAllByRole("switch");
-    expect(switches.length).toBeGreaterThan(0);
-    fireEvent.click(switches[0]);
-    expect(mockOnChange).toHaveBeenCalled();
-  });
-  it("handles empty columns array", () => {
-    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.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["fireEvent","screen","waitFor","renderWithProviders","beforeEach","describe","expect","it","vi","DataTableViewOptions","jsx","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.spec.native.js

@@ -1,126 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,393 +0,0 @@
-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