@multiplatform.one/table 6.0.0

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

@@ -0,0 +1,412 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from "@multiplatform.one/storybook";
+import React from "react";
+import { Card, Text, View, XStack, YStack } from "tamagui";
+import { DataTableViewOptions } from "./index.native.js";
+var allColumns = [{
+  accessorKey: "name",
+  header: "Product Name"
+}, {
+  accessorKey: "category",
+  header: "Category"
+}, {
+  accessorKey: "price",
+  header: "Price",
+  cell: function cell(info) {
+    return `$${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: function cell2(info) {
+    return new Date(info.getValue()).toLocaleDateString();
+  }
+}, {
+  accessorKey: "description",
+  header: "Description"
+}, {
+  accessorKey: "tags",
+  header: "Tags",
+  cell: function cell3(info) {
+    return info.getValue().join(", ");
+  }
+}];
+var transformedColumns = allColumns.map(function (col, index) {
+  return {
+    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."
+      }
+    }
+  }
+};
+var Default = function Default2() {
+  var [columnVisibility, setColumnVisibility] = React.useState({});
+  var [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: function onColumnVisibilityChange(columnId, visible) {
+        return setColumnVisibility(function (prev) {
+          return {
+            ...prev,
+            [columnId]: visible
+          };
+        });
+      },
+      onColumnOrderChange: function onColumnOrderChange() {},
+      onColumnSizingChange: function onColumnSizingChange() {},
+      onSaveView: function onSaveView() {},
+      onLoadView: function onLoadView() {},
+      onResetToDefault: function 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";
+var WithPageSizeControls = function WithPageSizeControls2() {
+  var [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: function onColumnVisibilityChange() {},
+      onColumnOrderChange: function onColumnOrderChange() {},
+      onColumnSizingChange: function onColumnSizingChange() {},
+      onSaveView: function onSaveView() {},
+      onLoadView: function onLoadView() {},
+      onResetToDefault: function 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"]
+      })
+    })]
+  });
+};
+var ManyColumns = function ManyColumns2() {
+  var [_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: function onColumnVisibilityChange(columnId, visible) {
+        setColumnVisibility(function (prev) {
+          return {
+            ...prev,
+            [columnId]: visible
+          };
+        });
+        action("column-visibility-changed")({
+          [columnId]: visible
+        });
+      },
+      onColumnOrderChange: function onColumnOrderChange() {},
+      onColumnSizingChange: function onColumnSizingChange() {},
+      onSaveView: function onSaveView() {},
+      onLoadView: function onLoadView() {},
+      onResetToDefault: function onResetToDefault() {}
+    }), /* @__PURE__ */_jsx(Text, {
+      fontSize: "$3",
+      color: "$gray11",
+      children: "Toggle column visibility to customize your table view."
+    })]
+  });
+};
+var DensityOptions = function DensityOptions2() {
+  var [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),
+      // Limit columns for demo
+      onColumnVisibilityChange: function onColumnVisibilityChange() {},
+      onColumnOrderChange: function onColumnOrderChange() {},
+      onColumnSizingChange: function onColumnSizingChange() {},
+      onSaveView: function onSaveView() {},
+      onLoadView: function onLoadView() {},
+      onResetToDefault: function 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"
+            })]
+          })]
+        })]
+      })
+    })]
+  });
+};
+var Disabled = function Disabled2() {
+  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: function onColumnVisibilityChange() {},
+      onColumnOrderChange: function onColumnOrderChange() {},
+      onColumnSizingChange: function onColumnSizingChange() {},
+      onSaveView: function onSaveView() {},
+      onLoadView: function onLoadView() {},
+      onResetToDefault: function onResetToDefault() {}
+    }), /* @__PURE__ */_jsx(Text, {
+      fontSize: "$3",
+      color: "$gray11",
+      children: "View options are disabled and cannot be interacted with."
+    })]
+  });
+};
+var MinimalColumns = function MinimalColumns2() {
+  var 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: function onColumnVisibilityChange() {},
+      onColumnOrderChange: function onColumnOrderChange() {},
+      onColumnSizingChange: function onColumnSizingChange() {},
+      onSaveView: function onSaveView() {},
+      onLoadView: function onLoadView() {},
+      onResetToDefault: function onResetToDefault() {}
+    }), /* @__PURE__ */_jsx(Text, {
+      fontSize: "$3",
+      color: "$gray11",
+      children: "Example with only a few columns to manage."
+    })]
+  });
+};
+var AllOptionsCombined = function AllOptionsCombined2() {
+  var [columnVisibility, setColumnVisibility] = React.useState({});
+  var [density, _setDensity] = React.useState("comfortable");
+  var [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: function onColumnVisibilityChange(columnId, visible) {
+        setColumnVisibility(function (prev) {
+          return {
+            ...prev,
+            [columnId]: visible
+          };
+        });
+        action("column-visibility")({
+          [columnId]: visible
+        });
+      },
+      onColumnOrderChange: function onColumnOrderChange() {},
+      onColumnSizingChange: function onColumnSizingChange() {},
+      onSaveView: function onSaveView() {},
+      onLoadView: function onLoadView() {},
+      onResetToDefault: function 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(function (key) {
+                return columnVisibility[key];
+              }).length || transformedColumns.length, " ", "of ", transformedColumns.length]
+            })]
+          })]
+        })]
+      })
+    })]
+  });
+};
+export { AllOptionsCombined, Default, DensityOptions, Disabled, ManyColumns, MinimalColumns, WithPageSizeControls, DataTableViewOptions_stories_default as default };
+//# sourceMappingURL=DataTableViewOptions.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","React","Card","Text","View","XStack","YStack","DataTableViewOptions","allColumns","accessorKey","header","cell","info","getValue","toFixed","cell2","Date","toLocaleDateString","cell3","join","transformedColumns","map","col","index","id","label","visible","order","canHide","canResize","canReorder","DataTableViewOptions_stories_default","title","component","parameters","docs","description","Default","Default2","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","WithPageSizeControls2","pageSize","_setPageSize","backgroundColor","ManyColumns","ManyColumns2","_columnVisibility","DensityOptions","DensityOptions2","slice","alignItems","style","width","height"],"sources":["../../../../src/components/DataTableViewOptions/DataTableViewOptions.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}