@multiplatform.one/table 6.0.0

package/dist/cjs/components/DataTableBulkActions/index.cjs

@@ -0,0 +1,319 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DataTableBulkActions_exports = {};
+__export(DataTableBulkActions_exports, {
+  DataTableBulkActions: () => DataTableBulkActions,
+  convertToCSV: () => convertToCSV,
+  downloadCSV: () => downloadCSV,
+  useRowSelection: () => useRowSelection
+});
+module.exports = __toCommonJS(DataTableBulkActions_exports);
+var import_react = require("@phosphor-icons/react");
+var import_platform = require("@multiplatform.one/platform");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_DataTableStateContext = require("../DataTable/DataTableStateContext.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function DataTableBulkActions(props) {
+  const ctx = (0, import_DataTableStateContext.useDataTableState)();
+  const selectedItems = props.selectedItems ?? (ctx ? ctx.table.getSelectedRowModel().rows.map(r => r.original) : []);
+  const onClearSelection = props.onClearSelection ?? (ctx ? () => ctx.table.resetRowSelection() : () => {});
+  const {
+    actions,
+    maxVisibleActions = 3,
+    showSelectionCount = true,
+    selectionKey: _selectionKey = "id"
+  } = props;
+  const [confirmAction, setConfirmAction] = (0, import_react2.useState)(null);
+  const [isExecuting, setIsExecuting] = (0, import_react2.useState)(null);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const handleExecuteAction = async action => {
+    if (action.requiresConfirmation) {
+      setConfirmAction(action);
+      return;
+    }
+    await executeAction(action);
+  };
+  const executeAction = async action => {
+    setIsExecuting(action.id);
+    try {
+      await action.onExecute(selectedItems, onClearSelection);
+    } catch (error) {
+      console.error("Bulk action failed:", error);
+    } finally {
+      setIsExecuting(null);
+    }
+  };
+  const handleConfirmAction = async () => {
+    if (confirmAction) {
+      await executeAction(confirmAction);
+      setConfirmAction(null);
+    }
+  };
+  const visibleActions = actions.slice(0, maxVisibleActions);
+  const overflowActions = actions.slice(maxVisibleActions);
+  if (selectedItems.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+      flexDirection: "row",
+      alignItems: "center",
+      ...knobProps.borderRadius,
+      ...knobProps.panelPadding,
+      gap: "$3",
+      backgroundColor: "$color2",
+      borderColor: "$color6",
+      children: [showSelectionCount && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        fontSize: "$3",
+        fontWeight: "600",
+        color: "$accentColor",
+        children: [selectedItems.length, " selected"]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        flex: 1,
+        children: [visibleActions.map(action => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          variant: "outlined",
+          theme: action.variant === "destructive" ? "red" : void 0,
+          disabled: action.disabled || isExecuting === action.id,
+          onPress: () => handleExecuteAction(action),
+          ...knobProps.borderRadius,
+          children: isExecuting === action.id ? "..." : action.label
+        }, action.id)), overflowActions.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BulkActionsOverflowMenu, {
+          actions: overflowActions,
+          selectedItems,
+          onExecuteAction: handleExecuteAction,
+          isExecuting
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        size: knobProps.sizeToken,
+        variant: "outlined",
+        onPress: onClearSelection,
+        "aria-label": "Clear selection",
+        ...knobProps.borderRadius,
+        children: "Clear"
+      })]
+    }), confirmAction && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BulkActionConfirmationDialog, {
+      action: confirmAction,
+      selectedCount: selectedItems.length,
+      onConfirm: handleConfirmAction,
+      onCancel: () => setConfirmAction(null),
+      isExecuting: isExecuting === confirmAction.id
+    })]
+  });
+}
+function BulkActionsOverflowMenu({
+  actions,
+  selectedItems: _selectedItems,
+  onExecuteAction,
+  isExecuting
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    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.DotsThreeIcon, {
+          size: 16
+        }),
+        "aria-label": "More bulk actions",
+        ...knobProps.borderRadius
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
+      ...{
+        bw: 1,
+        bc: "$borderColor",
+        gap: knobProps.gap.gap,
+        py: knobProps.panelPadding.padding,
+        w: "100%",
+        h: "100%"
+      },
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      enterStyle: {
+        x: 0,
+        y: -10,
+        opacity: 0
+      },
+      exitStyle: {
+        x: 0,
+        y: -10,
+        opacity: 0
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        gap: "$1",
+        padding: "$2",
+        minWidth: 200,
+        children: actions.map(action => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          variant: "outlined",
+          justifyContent: "flex-start",
+          disabled: action.disabled || isExecuting === action.id,
+          onPress: () => onExecuteAction(action),
+          ...knobProps.borderRadius,
+          children: isExecuting === action.id ? "..." : action.label
+        }, action.id))
+      })
+    })]
+  });
+}
+function BulkActionConfirmationDialog({
+  action,
+  selectedCount,
+  onConfirm,
+  onCancel,
+  isExecuting
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const sz = knobProps.sizeToken;
+  const dialogMaxWidth = sz === "$3" ? 320 : sz === "$5" ? 480 : 400;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "$shadowColor",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: import_forms.zIndex.loading,
+    padding: "$4",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      backgroundColor: "$background",
+      ...knobProps.borderRadius,
+      ...knobProps.panelPadding,
+      maxWidth: dialogMaxWidth,
+      width: "100%",
+      borderColor: "$borderColor",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        ...knobProps.gapLg,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$5",
+          fontWeight: "600",
+          children: action.confirmTitle || `Confirm ${action.label}`
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$3",
+          color: "$color10",
+          children: action.confirmMessage || `Are you sure you want to ${action.label.toLowerCase()} ${selectedCount} item${selectedCount > 1 ? "s" : ""}?`
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$3",
+          justifyContent: "flex-end",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: knobProps.sizeToken,
+            variant: "outlined",
+            onPress: onCancel,
+            disabled: isExecuting,
+            children: "Cancel"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: knobProps.sizeToken,
+            theme: action.variant === "destructive" ? "red" : void 0,
+            onPress: onConfirm,
+            disabled: isExecuting,
+            children: isExecuting ? "..." : action.label
+          })]
+        })]
+      })
+    })
+  });
+}
+function useRowSelection({
+  data,
+  selectionKey = "id",
+  initialSelection = [],
+  onSelectionChange
+}) {
+  const [selectedItems, setSelectedItems] = (0, import_react2.useState)(initialSelection);
+  const selectedIds = new Set(selectedItems.map(item => item[selectionKey]));
+  const isSelected = item => {
+    return selectedIds.has(item[selectionKey]);
+  };
+  const isAllSelected = data.length > 0 && selectedItems.length === data.length;
+  const isIndeterminate = selectedItems.length > 0 && selectedItems.length < data.length;
+  const toggleItem = item => {
+    const itemId = item[selectionKey];
+    const newSelection = isSelected(item) ? selectedItems.filter(selected => selected[selectionKey] !== itemId) : [...selectedItems, item];
+    setSelectedItems(newSelection);
+    onSelectionChange?.(newSelection);
+  };
+  const toggleAll = () => {
+    if (isAllSelected) {
+      setSelectedItems([]);
+      onSelectionChange?.([]);
+    } else {
+      setSelectedItems([...data]);
+      onSelectionChange?.([...data]);
+    }
+  };
+  const selectItems = items => {
+    setSelectedItems(items);
+    onSelectionChange?.(items);
+  };
+  const clearSelection = () => {
+    setSelectedItems([]);
+    onSelectionChange?.([]);
+  };
+  const selectAll = () => {
+    setSelectedItems([...data]);
+    onSelectionChange?.([...data]);
+  };
+  return {
+    selectedItems,
+    selectedIds,
+    isSelected,
+    isAllSelected,
+    isIndeterminate,
+    toggleItem,
+    toggleAll,
+    selectItems,
+    clearSelection,
+    selectAll
+  };
+}
+function convertToCSV(data) {
+  if (data.length === 0) return "";
+  const headers = Object.keys(data[0]);
+  const csvRows = [headers.join(","), ...data.map(row => headers.map(header => {
+    const value = row[header];
+    const stringValue = String(value || "");
+    return stringValue.includes(",") || stringValue.includes('"') ? `"${stringValue.replace(/"/g, '""')}"` : stringValue;
+  }).join(","))];
+  return csvRows.join("\n");
+}
+function downloadCSV(content, filename) {
+  const blob = new Blob([content], {
+    type: "text/csv;charset=utf-8;"
+  });
+  (0, import_platform.downloadBlob)(blob, filename);
+}

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

@@ -0,0 +1,345 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DataTableBulkActions_exports = {};
+__export(DataTableBulkActions_exports, {
+  DataTableBulkActions: () => DataTableBulkActions,
+  convertToCSV: () => convertToCSV,
+  downloadCSV: () => downloadCSV,
+  useRowSelection: () => useRowSelection
+});
+module.exports = __toCommonJS(DataTableBulkActions_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_platform = require("@multiplatform.one/platform");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_DataTableStateContext = require("../DataTable/DataTableStateContext.native.js");
+function DataTableBulkActions(props) {
+  var _props_selectedItems, _props_onClearSelection;
+  var ctx = (0, import_DataTableStateContext.useDataTableState)();
+  var selectedItems = (_props_selectedItems = props.selectedItems) !== null && _props_selectedItems !== void 0 ? _props_selectedItems : ctx ? ctx.table.getSelectedRowModel().rows.map(function (r) {
+    return r.original;
+  }) : [];
+  var onClearSelection = (_props_onClearSelection = props.onClearSelection) !== null && _props_onClearSelection !== void 0 ? _props_onClearSelection : ctx ? function () {
+    return ctx.table.resetRowSelection();
+  } : function () {};
+  var {
+    actions,
+    maxVisibleActions = 3,
+    showSelectionCount = true,
+    selectionKey: _selectionKey = "id"
+  } = props;
+  var [confirmAction, setConfirmAction] = (0, import_react2.useState)(null);
+  var [isExecuting, setIsExecuting] = (0, import_react2.useState)(null);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var handleExecuteAction = async function handleExecuteAction2(action) {
+    if (action.requiresConfirmation) {
+      setConfirmAction(action);
+      return;
+    }
+    await executeAction(action);
+  };
+  var executeAction = async function executeAction2(action) {
+    setIsExecuting(action.id);
+    try {
+      await action.onExecute(selectedItems, onClearSelection);
+    } catch (error) {
+      console.error("Bulk action failed:", error);
+    } finally {
+      setIsExecuting(null);
+    }
+  };
+  var handleConfirmAction = async function handleConfirmAction2() {
+    if (confirmAction) {
+      await executeAction(confirmAction);
+      setConfirmAction(null);
+    }
+  };
+  var visibleActions = actions.slice(0, maxVisibleActions);
+  var overflowActions = actions.slice(maxVisibleActions);
+  if (selectedItems.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+      flexDirection: "row",
+      alignItems: "center",
+      ...knobProps.borderRadius,
+      ...knobProps.panelPadding,
+      gap: "$3",
+      backgroundColor: "$color2",
+      borderColor: "$color6",
+      children: [showSelectionCount && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        fontSize: "$3",
+        fontWeight: "600",
+        color: "$accentColor",
+        children: [selectedItems.length, " selected"]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        flex: 1,
+        children: [visibleActions.map(function (action) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: knobProps.sizeToken,
+            variant: "outlined",
+            theme: action.variant === "destructive" ? "red" : void 0,
+            disabled: action.disabled || isExecuting === action.id,
+            onPress: function onPress() {
+              return handleExecuteAction(action);
+            },
+            ...knobProps.borderRadius,
+            children: isExecuting === action.id ? "..." : action.label
+          }, action.id);
+        }), overflowActions.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BulkActionsOverflowMenu, {
+          actions: overflowActions,
+          selectedItems,
+          onExecuteAction: handleExecuteAction,
+          isExecuting
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        size: knobProps.sizeToken,
+        variant: "outlined",
+        onPress: onClearSelection,
+        "aria-label": "Clear selection",
+        ...knobProps.borderRadius,
+        children: "Clear"
+      })]
+    }), /* Confirmation Dialog */
+    confirmAction && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BulkActionConfirmationDialog, {
+      action: confirmAction,
+      selectedCount: selectedItems.length,
+      onConfirm: handleConfirmAction,
+      onCancel: function onCancel() {
+        return setConfirmAction(null);
+      },
+      isExecuting: isExecuting === confirmAction.id
+    })]
+  });
+}
+function BulkActionsOverflowMenu(param) {
+  var {
+    actions,
+    selectedItems: _selectedItems,
+    onExecuteAction,
+    isExecuting
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    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.DotsThreeIcon, {
+          size: 16
+        }),
+        "aria-label": "More bulk actions",
+        ...knobProps.borderRadius
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
+      bw: 1,
+      bc: "$borderColor",
+      gap: knobProps.gap.gap,
+      py: knobProps.panelPadding.padding,
+      w: "100%",
+      h: "100%",
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      enterStyle: {
+        x: 0,
+        y: -10,
+        opacity: 0
+      },
+      exitStyle: {
+        x: 0,
+        y: -10,
+        opacity: 0
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        gap: "$1",
+        padding: "$2",
+        minWidth: 200,
+        children: actions.map(function (action) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: knobProps.sizeToken,
+            variant: "outlined",
+            justifyContent: "flex-start",
+            disabled: action.disabled || isExecuting === action.id,
+            onPress: function onPress() {
+              return onExecuteAction(action);
+            },
+            ...knobProps.borderRadius,
+            children: isExecuting === action.id ? "..." : action.label
+          }, action.id);
+        })
+      })
+    })]
+  });
+}
+function BulkActionConfirmationDialog(param) {
+  var {
+    action,
+    selectedCount,
+    onConfirm,
+    onCancel,
+    isExecuting
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var sz = knobProps.sizeToken;
+  var dialogMaxWidth = sz === "$3" ? 320 : sz === "$5" ? 480 : 400;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "$shadowColor",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: import_forms.zIndex.loading,
+    padding: "$4",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      backgroundColor: "$background",
+      ...knobProps.borderRadius,
+      ...knobProps.panelPadding,
+      maxWidth: dialogMaxWidth,
+      width: "100%",
+      borderColor: "$borderColor",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        ...knobProps.gapLg,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$5",
+          fontWeight: "600",
+          children: action.confirmTitle || `Confirm ${action.label}`
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$3",
+          color: "$color10",
+          children: action.confirmMessage || `Are you sure you want to ${action.label.toLowerCase()} ${selectedCount} item${selectedCount > 1 ? "s" : ""}?`
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$3",
+          justifyContent: "flex-end",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: knobProps.sizeToken,
+            variant: "outlined",
+            onPress: onCancel,
+            disabled: isExecuting,
+            children: "Cancel"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: knobProps.sizeToken,
+            theme: action.variant === "destructive" ? "red" : void 0,
+            onPress: onConfirm,
+            disabled: isExecuting,
+            children: isExecuting ? "..." : action.label
+          })]
+        })]
+      })
+    })
+  });
+}
+function useRowSelection(param) {
+  var {
+    data,
+    selectionKey = "id",
+    initialSelection = [],
+    onSelectionChange
+  } = param;
+  var [selectedItems, setSelectedItems] = (0, import_react2.useState)(initialSelection);
+  var selectedIds = new Set(selectedItems.map(function (item) {
+    return item[selectionKey];
+  }));
+  var isSelected = function isSelected2(item) {
+    return selectedIds.has(item[selectionKey]);
+  };
+  var isAllSelected = data.length > 0 && selectedItems.length === data.length;
+  var isIndeterminate = selectedItems.length > 0 && selectedItems.length < data.length;
+  var toggleItem = function toggleItem2(item) {
+    var itemId = item[selectionKey];
+    var newSelection = isSelected(item) ? selectedItems.filter(function (selected) {
+      return selected[selectionKey] !== itemId;
+    }) : [...selectedItems, item];
+    setSelectedItems(newSelection);
+    onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(newSelection);
+  };
+  var toggleAll = function toggleAll2() {
+    if (isAllSelected) {
+      setSelectedItems([]);
+      onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange([]);
+    } else {
+      setSelectedItems([...data]);
+      onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange([...data]);
+    }
+  };
+  var selectItems = function selectItems2(items) {
+    setSelectedItems(items);
+    onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(items);
+  };
+  var clearSelection = function clearSelection2() {
+    setSelectedItems([]);
+    onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange([]);
+  };
+  var selectAll = function selectAll2() {
+    setSelectedItems([...data]);
+    onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange([...data]);
+  };
+  return {
+    selectedItems,
+    selectedIds,
+    isSelected,
+    isAllSelected,
+    isIndeterminate,
+    toggleItem,
+    toggleAll,
+    selectItems,
+    clearSelection,
+    selectAll
+  };
+}
+function convertToCSV(data) {
+  if (data.length === 0) return "";
+  var headers = Object.keys(data[0]);
+  var csvRows = [headers.join(","), ...data.map(function (row) {
+    return headers.map(function (header) {
+      var value = row[header];
+      var stringValue = String(value || "");
+      return stringValue.includes(",") || stringValue.includes('"') ? `"${stringValue.replace(/"/g, '""')}"` : stringValue;
+    }).join(",");
+  })];
+  return csvRows.join("\n");
+}
+function downloadCSV(content, filename) {
+  var blob = new Blob([content], {
+    type: "text/csv;charset=utf-8;"
+  });
+  (0, import_platform.downloadBlob)(blob, filename);
+}
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableBulkActions_exports","__export","DataTableBulkActions","convertToCSV","downloadCSV","useRowSelection","module","exports","import_jsx_runtime","require","import_react","import_platform","import_theme","import_react2","import_forms","import_tamagui","import_DataTableStateContext","props","_props_selectedItems","_props_onClearSelection","ctx","useDataTableState","selectedItems","table","getSelectedRowModel","rows","map","r","original","onClearSelection","resetRowSelection","actions","maxVisibleActions","showSelectionCount","selectionKey","_selectionKey","confirmAction","setConfirmAction","useState","isExecuting","setIsExecuting","knobProps","useResolvedKnobs","handleExecuteAction","handleExecuteAction2","action","requiresConfirmation","executeAction","executeAction2","id","onExecute","error","console","handleConfirmAction","handleConfirmAction2","visibleActions","slice","overflowActions","length","jsxs","Fragment","children","View","flexDirection","alignItems","borderRadius","panelPadding","gap","backgroundColor","borderColor","Text","fontSize","fontWeight","color","XStack","flex","jsx","Button","size","sizeToken","variant","theme","disabled","onPress","label","BulkActionsOverflowMenu","onExecuteAction","BulkActionConfirmationDialog","selectedCount","onConfirm","onCancel","param","_selectedItems","Popover","Trigger","asChild","icon","DotsThreeIcon","Content","bw","bc","py","padding","w","h","borderWidth","enterStyle","x","y","opacity","exitStyle","YStack","minWidth","justifyContent","sz","dialogMaxWidth","position","top","left","right","bottom","zIndex","loading","maxWidth","width","gapLg","confirmTitle","confirmMessage","toLowerCase","data","initialSelection","onSelectionChange","setSelectedItems","selectedIds","Set","item","isSelected","isSelected2","has","isAllSelected","isIndeterminate","toggleItem","toggleItem2","itemId","newSelection","filter","selected","toggleAll","toggleAll2","selectItems","selectItems2","items","clearSelection","clearSelection2","selectAll","selectAll2"],"sources":["../../../../src/components/DataTableBulkActions/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}