@multiplatform.one/table 6.0.0

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

@@ -0,0 +1,589 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DataTableViewOptions_exports = {};
+__export(DataTableViewOptions_exports, {
+  DataTableViewOptions: () => DataTableViewOptions
+});
+module.exports = __toCommonJS(DataTableViewOptions_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = __toESM(require("react"));
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_DataTableStateContext = require("../DataTable/DataTableStateContext.native.js");
+function DataTableViewOptions(props) {
+  var _props_columns, _props_onColumnVisibilityChange, _props_onColumnOrderChange, _props_onColumnSizingChange, _ref, _props_views, _props_activeViewId, _ref1, _props_onSaveView, _ref2, _props_onLoadView, _ref3, _props_onResetToDefault;
+  var ctx = (0, import_DataTableStateContext.useDataTableState)();
+  var columns = (_props_columns = props.columns) !== null && _props_columns !== void 0 ? _props_columns : ctx ? ctx.table.getAllColumns().map(function (col, index) {
+    return {
+      id: col.id,
+      label: typeof col.columnDef.header === "string" ? col.columnDef.header : col.id,
+      visible: col.getIsVisible(),
+      order: index,
+      width: col.getSize(),
+      canHide: col.getCanHide(),
+      canResize: col.getCanResize()
+    };
+  }) : [];
+  var onColumnVisibilityChange = (_props_onColumnVisibilityChange = props.onColumnVisibilityChange) !== null && _props_onColumnVisibilityChange !== void 0 ? _props_onColumnVisibilityChange : ctx ? function (columnId, visible) {
+    return ctx.actions.toggleColumnVisibility(columnId, visible);
+  } : function () {};
+  var onColumnOrderChange = (_props_onColumnOrderChange = props.onColumnOrderChange) !== null && _props_onColumnOrderChange !== void 0 ? _props_onColumnOrderChange : ctx ? ctx.actions.setColumnOrder : function () {};
+  var onColumnSizingChange = (_props_onColumnSizingChange = props.onColumnSizingChange) !== null && _props_onColumnSizingChange !== void 0 ? _props_onColumnSizingChange : ctx ? ctx.actions.setColumnSizing : function () {};
+  var views = (_ref = (_props_views = props.views) !== null && _props_views !== void 0 ? _props_views : ctx === null || ctx === void 0 ? void 0 : ctx.state.views) !== null && _ref !== void 0 ? _ref : [];
+  var activeViewId = (_props_activeViewId = props.activeViewId) !== null && _props_activeViewId !== void 0 ? _props_activeViewId : ctx === null || ctx === void 0 ? void 0 : ctx.state.activeViewId;
+  var onSaveView = (_ref1 = (_props_onSaveView = props.onSaveView) !== null && _props_onSaveView !== void 0 ? _props_onSaveView : ctx === null || ctx === void 0 ? void 0 : ctx.actions.saveView) !== null && _ref1 !== void 0 ? _ref1 : function () {};
+  var onLoadView = (_ref2 = (_props_onLoadView = props.onLoadView) !== null && _props_onLoadView !== void 0 ? _props_onLoadView : ctx === null || ctx === void 0 ? void 0 : ctx.actions.loadView) !== null && _ref2 !== void 0 ? _ref2 : function () {};
+  var onResetToDefault = (_ref3 = (_props_onResetToDefault = props.onResetToDefault) !== null && _props_onResetToDefault !== void 0 ? _props_onResetToDefault : ctx === null || ctx === void 0 ? void 0 : ctx.actions.resetToDefault) !== null && _ref3 !== void 0 ? _ref3 : function () {};
+  var {
+    showColumnVisibility = true,
+    showColumnOrdering = false,
+    showColumnResizing = false,
+    showViewManagement = false,
+    compact = false
+  } = props;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var sz = knobProps.sizeToken;
+  var popoverMaxWidth = sz === "$3" ? 240 : sz === "$5" ? 360 : 300;
+  var scrollMaxHeight = sz === "$3" ? 320 : sz === "$5" ? 480 : 400;
+  var [showOptions, setShowOptions] = (0, import_react2.useState)(false);
+  var [columnWidths, setColumnWidths] = (0, import_react2.useState)(Object.fromEntries(columns.filter(function (col) {
+    return col.width;
+  }).map(function (col) {
+    return [col.id, col.width];
+  })));
+  var handleColumnWidthChange = function handleColumnWidthChange2(columnId, width) {
+    var newWidths = {
+      ...columnWidths,
+      [columnId]: width
+    };
+    setColumnWidths(newWidths);
+    onColumnSizingChange(newWidths);
+  };
+  var visibleColumns = columns.filter(function (col) {
+    return col.visible;
+  });
+  var hiddenColumns = columns.filter(function (col) {
+    return !col.visible;
+  });
+  if (compact) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+      open: showOptions,
+      onOpenChange: setShowOptions,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          variant: "outlined",
+          icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.GearIcon, {
+            size: 16
+          }),
+          "aria-label": "Open table view options",
+          "aria-expanded": showOptions,
+          "aria-haspopup": "dialog",
+          children: "View"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
+        ...knobProps.borderRadius,
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        enterStyle: {
+          x: 0,
+          y: -10,
+          opacity: 0
+        },
+        exitStyle: {
+          x: 0,
+          y: -10,
+          opacity: 0
+        },
+        transition: ["quick", {
+          opacity: {
+            overshootClamping: true
+          }
+        }],
+        maxWidth: popoverMaxWidth,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ViewOptionsContent, {
+          columns,
+          visibleColumns,
+          hiddenColumns,
+          columnWidths,
+          views,
+          activeViewId,
+          onColumnVisibilityChange,
+          onColumnWidthChange: handleColumnWidthChange,
+          onColumnOrderChange,
+          onColumnSizingChange,
+          onSaveView,
+          onLoadView,
+          onResetToDefault,
+          showColumnVisibility,
+          showColumnOrdering,
+          showColumnResizing,
+          showViewManagement,
+          onClose: function onClose() {
+            return setShowOptions(false);
+          }
+        })
+      })]
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.borderRadius,
+    ...knobProps.panelPadding,
+    backgroundColor: "$background",
+    borderColor: "$borderColor",
+    "aria-label": "Table view options",
+    "aria-live": "polite",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.GearIcon, {
+          size: 16
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$4",
+          fontWeight: "600",
+          children: "View Options"
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        size: knobProps.sizeToken,
+        variant: "outlined",
+        onPress: onResetToDefault,
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowCounterClockwiseIcon, {
+          size: 16
+        }),
+        children: "Reset"
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      maxHeight: scrollMaxHeight,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$4",
+        children: [/* Column Visibility */
+        showColumnVisibility && /* @__PURE__ */(0, import_jsx_runtime.jsx)(ColumnVisibilitySection, {
+          visibleColumns,
+          hiddenColumns,
+          onColumnVisibilityChange
+        }), /* Column Resizing */
+        showColumnResizing && /* @__PURE__ */(0, import_jsx_runtime.jsx)(ColumnResizingSection, {
+          columns: columns.filter(function (col) {
+            return col.canResize;
+          }),
+          columnWidths,
+          onColumnWidthChange: handleColumnWidthChange
+        }), /* View Management */
+        showViewManagement && /* @__PURE__ */(0, import_jsx_runtime.jsx)(ViewManagementSection, {
+          views,
+          activeViewId,
+          onSaveView,
+          onLoadView
+        })]
+      })
+    })]
+  });
+}
+function ViewOptionsContent(param) {
+  var {
+    visibleColumns,
+    hiddenColumns,
+    onColumnVisibilityChange,
+    onResetToDefault,
+    showColumnVisibility,
+    onClose
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var sz = knobProps.sizeToken;
+  var compactScrollMaxHeight = sz === "$3" ? 240 : sz === "$5" ? 360 : 300;
+  var handleVisibilityChange = onColumnVisibilityChange !== null && onColumnVisibilityChange !== void 0 ? onColumnVisibilityChange : function () {};
+  var handleResetToDefault = onResetToDefault !== null && onResetToDefault !== void 0 ? onResetToDefault : function () {};
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.panelPadding,
+    gap: "$4",
+    minWidth: 250,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: "$4",
+      fontWeight: "600",
+      children: "View Options"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      maxHeight: compactScrollMaxHeight,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$4",
+        children: [/* Column Visibility */
+        showColumnVisibility && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$3",
+            fontWeight: "500",
+            children: "Column Visibility"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            gap: "$1",
+            children: [visibleColumns.map(function (column) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                alignItems: "center",
+                justifyContent: "space-between",
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                  alignItems: "center",
+                  gap: "$2",
+                  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EyeIcon, {
+                    size: 16,
+                    color: "$color10"
+                  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                    fontSize: "$3",
+                    children: column.label
+                  })]
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Switch, {
+                  size: "$2",
+                  checked: column.visible,
+                  onCheckedChange: function onCheckedChange(checked) {
+                    return handleVisibilityChange(column.id, checked);
+                  }
+                })]
+              }, column.id);
+            }), hiddenColumns.map(function (column) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                alignItems: "center",
+                justifyContent: "space-between",
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                  alignItems: "center",
+                  gap: "$2",
+                  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EyeSlashIcon, {
+                    size: 16,
+                    color: "$color10"
+                  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                    fontSize: "$3",
+                    color: "$color10",
+                    children: column.label
+                  })]
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Switch, {
+                  size: "$2",
+                  checked: column.visible,
+                  onCheckedChange: function onCheckedChange(checked) {
+                    return handleVisibilityChange(column.id, checked);
+                  }
+                })]
+              }, column.id);
+            })]
+          })]
+        }), /* Quick Actions */
+        /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          gap: "$2",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: knobProps.sizeToken,
+            variant: "outlined",
+            onPress: handleResetToDefault,
+            icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowCounterClockwiseIcon, {
+              size: 16
+            }),
+            children: "Reset to Default"
+          })
+        })]
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      gap: "$2",
+      justifyContent: "flex-end",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        size: knobProps.sizeToken,
+        variant: "outlined",
+        onPress: onClose,
+        children: "Close"
+      })
+    })]
+  });
+}
+function ColumnVisibilitySection(param) {
+  var {
+    visibleColumns,
+    hiddenColumns,
+    onColumnVisibilityChange
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$3",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: "$4",
+      fontWeight: "600",
+      children: "Column Visibility"
+    }), /* Visible Columns */
+    visibleColumns.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: "$3",
+        fontWeight: "500",
+        color: "$color10",
+        children: "Visible Columns"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        gap: "$1",
+        children: visibleColumns.map(function (column) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            alignItems: "center",
+            justifyContent: "space-between",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+              alignItems: "center",
+              gap: "$2",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EyeIcon, {
+                size: 16,
+                color: "$green10"
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                fontSize: "$3",
+                children: column.label
+              })]
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Switch, {
+              size: "$2",
+              checked: column.visible,
+              onCheckedChange: function onCheckedChange(checked) {
+                return onColumnVisibilityChange(column.id, checked);
+              }
+            })]
+          }, column.id);
+        })
+      })]
+    }), /* Hidden Columns */
+    hiddenColumns.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: "$3",
+        fontWeight: "500",
+        color: "$color10",
+        children: "Hidden Columns"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        gap: "$1",
+        children: hiddenColumns.map(function (column) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            alignItems: "center",
+            justifyContent: "space-between",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+              alignItems: "center",
+              gap: "$2",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EyeSlashIcon, {
+                size: 16,
+                color: "$color10"
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                fontSize: "$3",
+                color: "$color10",
+                children: column.label
+              })]
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Switch, {
+              size: "$2",
+              checked: column.visible,
+              onCheckedChange: function onCheckedChange(checked) {
+                return onColumnVisibilityChange(column.id, checked);
+              }
+            })]
+          }, column.id);
+        })
+      })]
+    })]
+  });
+}
+function ColumnResizingSection(param) {
+  var {
+    columns,
+    columnWidths,
+    onColumnWidthChange
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$3",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: "$4",
+      fontWeight: "600",
+      children: "Column Widths"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      gap: "$3",
+      children: columns.map(function (column) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$3",
+            fontWeight: "500",
+            children: column.label
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            alignItems: "center",
+            gap: "$3",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+              flex: 1,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Slider, {
+                value: [columnWidths[column.id] || column.width || 100],
+                onValueChange: function onValueChange(value) {
+                  return onColumnWidthChange(column.id, value[0]);
+                },
+                min: 50,
+                max: 300,
+                step: 10
+              })
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+              fontSize: "$3",
+              color: "$color10",
+              minWidth: 40,
+              textAlign: "right",
+              children: [columnWidths[column.id] || column.width || 100, "px"]
+            })]
+          })]
+        }, column.id);
+      })
+    })]
+  });
+}
+function ViewManagementSection(param) {
+  var {
+    views,
+    activeViewId,
+    onSaveView,
+    onLoadView
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [showSaveDialog, setShowSaveDialog] = (0, import_react2.useState)(false);
+  var [viewName, setViewName] = (0, import_react2.useState)("");
+  var handleSaveView = function handleSaveView2() {
+    if (viewName.trim()) {
+      onSaveView(viewName.trim());
+      setViewName("");
+      setShowSaveDialog(false);
+    }
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$3",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: "$4",
+      fontWeight: "600",
+      children: "Saved Views"
+    }), /* Save Current View */
+    /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+      open: showSaveDialog,
+      onOpenChange: setShowSaveDialog,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          variant: "outlined",
+          icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FloppyDiskIcon, {
+            size: 16
+          }),
+          children: "Save Current View"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
+        ...knobProps.borderRadius,
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        enterStyle: {
+          x: 0,
+          y: -10,
+          opacity: 0
+        },
+        exitStyle: {
+          x: 0,
+          y: -10,
+          opacity: 0
+        },
+        transition: ["quick", {
+          opacity: {
+            overshootClamping: true
+          }
+        }],
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          ...knobProps.panelPadding,
+          gap: "$3",
+          minWidth: 250,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$4",
+            fontWeight: "500",
+            children: "Save View"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+            placeholder: "Enter view name...",
+            value: viewName,
+            onChangeText: setViewName,
+            inputProps: {
+              onKeyDown: function onKeyDown(e) {
+                if (e.key === "Enter" && viewName.trim()) handleSaveView();
+              }
+            }
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            gap: "$2",
+            justifyContent: "flex-end",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+              size: knobProps.sizeToken,
+              variant: "outlined",
+              onPress: function onPress() {
+                return setShowSaveDialog(false);
+              },
+              children: "Cancel"
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+              size: knobProps.sizeToken,
+              onPress: handleSaveView,
+              disabled: !viewName.trim(),
+              children: "Save"
+            })]
+          })]
+        })
+      })]
+    }), /* Saved Views List */
+    views.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      gap: "$1",
+      children: views.map(function (view) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          alignItems: "center",
+          justifyContent: "space-between",
+          padding: "$2",
+          backgroundColor: activeViewId === view.id ? "$color2" : "transparent",
+          borderRadius: "$2",
+          hoverStyle: {
+            backgroundColor: "$color1"
+          },
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$3",
+            children: view.name
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            variant: "outlined",
+            onPress: function onPress() {
+              return onLoadView(view.id);
+            },
+            disabled: activeViewId === view.id,
+            children: "Load"
+          })]
+        }, view.id);
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","DataTableViewOptions_exports","__export","DataTableViewOptions","module","exports","import_jsx_runtime","require","import_react","import_theme","import_react2","import_forms","import_tamagui","import_DataTableStateContext","props","_props_columns","_props_onColumnVisibilityChange","_props_onColumnOrderChange","_props_onColumnSizingChange","_ref","_props_views","_props_activeViewId","_ref1","_props_onSaveView","_ref2","_props_onLoadView","_ref3","_props_onResetToDefault","ctx","useDataTableState","columns","table","getAllColumns","map","col","index","id","label","columnDef","header","visible","getIsVisible","order","width","getSize","canHide","getCanHide","canResize","getCanResize","onColumnVisibilityChange","columnId","actions","toggleColumnVisibility","onColumnOrderChange","setColumnOrder","onColumnSizingChange","setColumnSizing","views","state","activeViewId","onSaveView","saveView","onLoadView","loadView","onResetToDefault","resetToDefault","showColumnVisibility","showColumnOrdering","showColumnResizing","showViewManagement","compact","knobProps","useResolvedKnobs","sz","sizeToken","popoverMaxWidth","scrollMaxHeight","showOptions","setShowOptions","useState","columnWidths","setColumnWidths","Object","fromEntries","filter","handleColumnWidthChange","handleColumnWidthChange2","newWidths","visibleColumns","hiddenColumns","jsxs","Popover","open","onOpenChange","children","jsx","Trigger","asChild","Button","size","variant","icon","GearIcon","Content","borderRadius","borderWidth","borderColor","enterStyle","x","y","opacity","exitStyle","transition","overshootClamping","maxWidth","ViewOptionsContent","onColumnWidthChange","onClose","YStack","panelPadding","backgroundColor","XStack","alignItems","justifyContent","gap","Text","fontSize","fontWeight","onPress","ArrowCounterClockwiseIcon","Separator","ScrollView","maxHeight","ColumnVisibilitySection","ColumnResizingSection","ViewManagementSection","param","compactScrollMaxHeight","handleVisibilityChange","handleResetToDefault","minWidth","column","EyeIcon","color","Switch","checked","onCheckedChange","EyeSlashIcon","length"],"sources":["../../../../src/components/DataTableViewOptions/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}