@multiplatform.one/table 6.1.0 → 6.3.0

package/dist/jsx/components/DataTableBulkActions/DataTableBulkActions.stories.mjs

@@ -1,304 +0,0 @@
-import { action } from "@multiplatform.one/storybook";
-import React from "react";
-import { Checkbox, Text, XStack, YStack } from "tamagui";
-import { DataTableBulkActions, useRowSelection } from "./index.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-const sampleTasks = [{
-  id: "1",
-  title: "Implement user authentication",
-  status: "in-progress",
-  priority: "high",
-  assignee: "Alice"
-}, {
-  id: "2",
-  title: "Design landing page",
-  status: "todo",
-  priority: "medium",
-  assignee: "Bob"
-}, {
-  id: "3",
-  title: "Write unit tests",
-  status: "done",
-  priority: "high",
-  assignee: "Charlie"
-}, {
-  id: "4",
-  title: "Setup CI/CD pipeline",
-  status: "todo",
-  priority: "low",
-  assignee: "Diana"
-}, {
-  id: "5",
-  title: "Database optimization",
-  status: "in-progress",
-  priority: "medium",
-  assignee: "Eve"
-}];
-const customActions = [{
-  id: "mark-complete",
-  label: "Mark Complete",
-  onExecute: (selectedItems, clearSelection) => {
-    action("mark-complete")(selectedItems);
-    clearSelection();
-  }
-}, {
-  id: "assign-to-me",
-  label: "Assign to Me",
-  onExecute: (selectedItems, clearSelection) => {
-    action("assign-to-me")(selectedItems);
-    clearSelection();
-  }
-}, {
-  id: "change-priority",
-  label: "Change Priority",
-  onExecute: (selectedItems, clearSelection) => {
-    action("change-priority")(selectedItems);
-    clearSelection();
-  }
-}];
-var DataTableBulkActions_stories_default = {
-  title: "Table/DataTableBulkActions",
-  component: DataTableBulkActions,
-  parameters: {
-    docs: {
-      description: {
-        component: "A component for performing bulk actions on selected table items."
-      }
-    }
-  }
-};
-const Default = () => {
-  const [selectedItems, setSelectedItems] = React.useState([sampleTasks[0], sampleTasks[2]]);
-  const actions = customActions;
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */jsx(Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "Bulk Actions Demo"
-    }), /* @__PURE__ */jsx(DataTableBulkActions, {
-      selectedItems,
-      onClearSelection: () => setSelectedItems([]),
-      actions
-    }), /* @__PURE__ */jsxs(YStack, {
-      gap: "$2",
-      children: [/* @__PURE__ */jsx(Text, {
-        fontSize: "$3",
-        fontWeight: "500",
-        children: "Selected Items:"
-      }), selectedItems.map(item => /* @__PURE__ */jsx(Text, {
-        fontSize: "$2",
-        children: item.title
-      }, item.id))]
-    })]
-  });
-};
-Default.storyName = "Main";
-const WithConfirmation = () => {
-  const [selectedItems, setSelectedItems] = React.useState([sampleTasks[1]]);
-  const actions = [{
-    id: "delete",
-    label: "Delete Tasks",
-    variant: "destructive",
-    requiresConfirmation: true,
-    confirmTitle: "Delete Selected Tasks",
-    confirmMessage: "Are you sure you want to delete these tasks? This action cannot be undone.",
-    onExecute: (selectedItems2, clearSelection) => {
-      action("delete")(selectedItems2);
-      clearSelection();
-    }
-  }];
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */jsx(Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "Bulk Actions with Confirmation"
-    }), /* @__PURE__ */jsx(DataTableBulkActions, {
-      selectedItems,
-      onClearSelection: () => setSelectedItems([]),
-      actions
-    })]
-  });
-};
-const ManyActions = () => {
-  const [selectedItems, setSelectedItems] = React.useState([sampleTasks[0], sampleTasks[1]]);
-  const manyActions = [...customActions, {
-    id: "archive",
-    label: "Archive",
-    onExecute: (selectedItems2, clearSelection) => {
-      action("archive")(selectedItems2);
-      clearSelection();
-    }
-  }, {
-    id: "export-json",
-    label: "Export JSON",
-    onExecute: (selectedItems2, clearSelection) => {
-      action("export-json")(selectedItems2);
-      clearSelection();
-    }
-  }, {
-    id: "duplicate-multiple",
-    label: "Duplicate (x3)",
-    onExecute: (selectedItems2, clearSelection) => {
-      action("duplicate-multiple")(selectedItems2);
-      clearSelection();
-    }
-  }];
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */jsx(Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "Many Actions (Overflow Menu)"
-    }), /* @__PURE__ */jsx(DataTableBulkActions, {
-      selectedItems,
-      onClearSelection: () => setSelectedItems([]),
-      actions: manyActions,
-      maxVisibleActions: 3
-    })]
-  });
-};
-const NoSelectionCount = () => {
-  const [selectedItems, setSelectedItems] = React.useState([sampleTasks[0]]);
-  const actions = customActions;
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */jsx(Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "Without Selection Count"
-    }), /* @__PURE__ */jsx(DataTableBulkActions, {
-      selectedItems,
-      onClearSelection: () => setSelectedItems([]),
-      actions,
-      showSelectionCount: false
-    })]
-  });
-};
-const DisabledActions = () => {
-  const [selectedItems, setSelectedItems] = React.useState([sampleTasks[0], sampleTasks[1]]);
-  const actions = [{
-    id: "enabled",
-    label: "Enabled Action",
-    onExecute: (selectedItems2, clearSelection) => {
-      action("enabled")(selectedItems2);
-      clearSelection();
-    }
-  }, {
-    id: "disabled",
-    label: "Disabled Action",
-    disabled: true,
-    onExecute: (selectedItems2, clearSelection) => {
-      action("disabled")(selectedItems2);
-      clearSelection();
-    }
-  }];
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */jsx(Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "With Disabled Actions"
-    }), /* @__PURE__ */jsx(DataTableBulkActions, {
-      selectedItems,
-      onClearSelection: () => setSelectedItems([]),
-      actions
-    })]
-  });
-};
-const WithRowSelectionHook = () => {
-  const selection = useRowSelection({
-    data: sampleTasks,
-    selectionKey: "id"
-  });
-  const actions = [{
-    id: "mark-complete",
-    label: "Mark Complete",
-    onExecute: (selectedItems, clearSelection) => {
-      action("mark-complete")(selectedItems);
-      clearSelection();
-    }
-  }];
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */jsx(Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "With Row Selection Hook"
-    }), /* @__PURE__ */jsx(YStack, {
-      gap: "$2",
-      children: sampleTasks.map(task => /* @__PURE__ */jsxs(XStack, {
-        gap: "$3",
-        padding: "$2",
-        backgroundColor: selection.isSelected(task) ? "$blue2" : "transparent",
-        borderRadius: "$2",
-        cursor: "pointer",
-        onPress: () => selection.toggleItem(task),
-        children: [/* @__PURE__ */jsx(Checkbox, {
-          checked: selection.isSelected(task),
-          onCheckedChange: () => {}
-        }), /* @__PURE__ */jsxs(YStack, {
-          flex: 1,
-          children: [/* @__PURE__ */jsx(Text, {
-            fontWeight: "500",
-            children: task.title
-          }), /* @__PURE__ */jsxs(Text, {
-            fontSize: "$2",
-            color: "$gray11",
-            children: [task.assignee, " \u2022 ", task.status]
-          })]
-        })]
-      }, task.id))
-    }), /* @__PURE__ */jsxs(XStack, {
-      gap: "$3",
-      alignItems: "center",
-      children: [/* @__PURE__ */jsx(Checkbox, {
-        checked: selection.isAllSelected || selection.isIndeterminate,
-        onCheckedChange: () => selection.toggleAll()
-      }), /* @__PURE__ */jsx(Text, {
-        children: "Select All"
-      }), /* @__PURE__ */jsxs(Text, {
-        fontSize: "$2",
-        color: "$gray11",
-        children: ["(", selection.selectedItems.length, " selected)"]
-      })]
-    }), selection.selectedItems.length > 0 && /* @__PURE__ */jsx(DataTableBulkActions, {
-      selectedItems: selection.selectedItems,
-      onClearSelection: selection.clearSelection,
-      actions
-    })]
-  });
-};
-const EmptyState = () => {
-  const actions = customActions;
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */jsx(Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "Empty State (No Selection)"
-    }), /* @__PURE__ */jsx(Text, {
-      fontSize: "$3",
-      color: "$gray11",
-      children: "No items selected - component should not render anything"
-    }), /* @__PURE__ */jsx(DataTableBulkActions, {
-      selectedItems: [],
-      onClearSelection: () => {},
-      actions
-    }), /* @__PURE__ */jsx(Text, {
-      fontSize: "$2",
-      color: "$green11",
-      children: "\u2705 Nothing should be visible above this line"
-    })]
-  });
-};
-export { Default, DisabledActions, EmptyState, ManyActions, NoSelectionCount, WithConfirmation, WithRowSelectionHook, DataTableBulkActions_stories_default as default };
-//# sourceMappingURL=DataTableBulkActions.stories.mjs.map

package/dist/jsx/components/DataTableBulkActions/DataTableBulkActions.stories.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["action","React","Checkbox","Text","XStack","YStack","DataTableBulkActions","useRowSelection","jsx","jsxs","sampleTasks","id","title","status","priority","assignee","customActions","label","onExecute","selectedItems","clearSelection","DataTableBulkActions_stories_default","component","parameters","docs","description","Default","setSelectedItems","useState","actions","gap","padding","children","fontSize","fontWeight","onClearSelection","map","item","storyName","WithConfirmation","variant","requiresConfirmation","confirmTitle","confirmMessage","selectedItems2","ManyActions","manyActions","maxVisibleActions","NoSelectionCount","showSelectionCount","DisabledActions","disabled","WithRowSelectionHook","selection","data","selectionKey","task","backgroundColor","isSelected","borderRadius","cursor","onPress","toggleItem","checked","onCheckedChange","flex","color","alignItems","isAllSelected","isIndeterminate","toggleAll","length","EmptyState"],"sources":["../../../../src/components/DataTableBulkActions/DataTableBulkActions.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/components/DataTableBulkActions/DataTableBulkActions.stories.native.js

@@ -1,372 +0,0 @@
-"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 DataTableBulkActions_stories_exports = {};
-__export(DataTableBulkActions_stories_exports, {
-  Default: () => Default,
-  DisabledActions: () => DisabledActions,
-  EmptyState: () => EmptyState,
-  ManyActions: () => ManyActions,
-  NoSelectionCount: () => NoSelectionCount,
-  WithConfirmation: () => WithConfirmation,
-  WithRowSelectionHook: () => WithRowSelectionHook,
-  default: () => DataTableBulkActions_stories_default
-});
-module.exports = __toCommonJS(DataTableBulkActions_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_storybook = require("@multiplatform.one/storybook");
-var import_react = __toESM(require("react"));
-var import_tamagui = require("tamagui");
-var import_index = require("./index.native.js");
-var sampleTasks = [{
-  id: "1",
-  title: "Implement user authentication",
-  status: "in-progress",
-  priority: "high",
-  assignee: "Alice"
-}, {
-  id: "2",
-  title: "Design landing page",
-  status: "todo",
-  priority: "medium",
-  assignee: "Bob"
-}, {
-  id: "3",
-  title: "Write unit tests",
-  status: "done",
-  priority: "high",
-  assignee: "Charlie"
-}, {
-  id: "4",
-  title: "Setup CI/CD pipeline",
-  status: "todo",
-  priority: "low",
-  assignee: "Diana"
-}, {
-  id: "5",
-  title: "Database optimization",
-  status: "in-progress",
-  priority: "medium",
-  assignee: "Eve"
-}];
-var customActions = [{
-  id: "mark-complete",
-  label: "Mark Complete",
-  onExecute: function onExecute(selectedItems, clearSelection) {
-    (0, import_storybook.action)("mark-complete")(selectedItems);
-    clearSelection();
-  }
-}, {
-  id: "assign-to-me",
-  label: "Assign to Me",
-  onExecute: function onExecute2(selectedItems, clearSelection) {
-    (0, import_storybook.action)("assign-to-me")(selectedItems);
-    clearSelection();
-  }
-}, {
-  id: "change-priority",
-  label: "Change Priority",
-  onExecute: function onExecute3(selectedItems, clearSelection) {
-    (0, import_storybook.action)("change-priority")(selectedItems);
-    clearSelection();
-  }
-}];
-var DataTableBulkActions_stories_default = {
-  title: "Table/DataTableBulkActions",
-  component: import_index.DataTableBulkActions,
-  parameters: {
-    docs: {
-      description: {
-        component: "A component for performing bulk actions on selected table items."
-      }
-    }
-  }
-};
-var Default = function Default2() {
-  var [selectedItems, setSelectedItems] = import_react.default.useState([sampleTasks[0], sampleTasks[2]]);
-  var actions = customActions;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "Bulk Actions Demo"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableBulkActions, {
-      selectedItems,
-      onClearSelection: function onClearSelection() {
-        return setSelectedItems([]);
-      },
-      actions
-    }), /* @__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: "Selected Items:"
-      }), selectedItems.map(function (item) {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          fontSize: "$2",
-          children: item.title
-        }, item.id);
-      })]
-    })]
-  });
-};
-Default.storyName = "Main";
-var WithConfirmation = function WithConfirmation2() {
-  var [selectedItems, setSelectedItems] = import_react.default.useState([sampleTasks[1]]);
-  var actions = [{
-    id: "delete",
-    label: "Delete Tasks",
-    variant: "destructive",
-    requiresConfirmation: true,
-    confirmTitle: "Delete Selected Tasks",
-    confirmMessage: "Are you sure you want to delete these tasks? This action cannot be undone.",
-    onExecute: function onExecute4(selectedItems2, clearSelection) {
-      (0, import_storybook.action)("delete")(selectedItems2);
-      clearSelection();
-    }
-  }];
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "Bulk Actions with Confirmation"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableBulkActions, {
-      selectedItems,
-      onClearSelection: function onClearSelection() {
-        return setSelectedItems([]);
-      },
-      actions
-    })]
-  });
-};
-var ManyActions = function ManyActions2() {
-  var [selectedItems, setSelectedItems] = import_react.default.useState([sampleTasks[0], sampleTasks[1]]);
-  var manyActions = [...customActions, {
-    id: "archive",
-    label: "Archive",
-    onExecute: function onExecute4(selectedItems2, clearSelection) {
-      (0, import_storybook.action)("archive")(selectedItems2);
-      clearSelection();
-    }
-  }, {
-    id: "export-json",
-    label: "Export JSON",
-    onExecute: function onExecute4(selectedItems2, clearSelection) {
-      (0, import_storybook.action)("export-json")(selectedItems2);
-      clearSelection();
-    }
-  }, {
-    id: "duplicate-multiple",
-    label: "Duplicate (x3)",
-    onExecute: function onExecute4(selectedItems2, clearSelection) {
-      (0, import_storybook.action)("duplicate-multiple")(selectedItems2);
-      clearSelection();
-    }
-  }];
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "Many Actions (Overflow Menu)"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableBulkActions, {
-      selectedItems,
-      onClearSelection: function onClearSelection() {
-        return setSelectedItems([]);
-      },
-      actions: manyActions,
-      maxVisibleActions: 3
-    })]
-  });
-};
-var NoSelectionCount = function NoSelectionCount2() {
-  var [selectedItems, setSelectedItems] = import_react.default.useState([sampleTasks[0]]);
-  var actions = customActions;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "Without Selection Count"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableBulkActions, {
-      selectedItems,
-      onClearSelection: function onClearSelection() {
-        return setSelectedItems([]);
-      },
-      actions,
-      showSelectionCount: false
-    })]
-  });
-};
-var DisabledActions = function DisabledActions2() {
-  var [selectedItems, setSelectedItems] = import_react.default.useState([sampleTasks[0], sampleTasks[1]]);
-  var actions = [{
-    id: "enabled",
-    label: "Enabled Action",
-    onExecute: function onExecute4(selectedItems2, clearSelection) {
-      (0, import_storybook.action)("enabled")(selectedItems2);
-      clearSelection();
-    }
-  }, {
-    id: "disabled",
-    label: "Disabled Action",
-    disabled: true,
-    onExecute: function onExecute4(selectedItems2, clearSelection) {
-      (0, import_storybook.action)("disabled")(selectedItems2);
-      clearSelection();
-    }
-  }];
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "With Disabled Actions"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableBulkActions, {
-      selectedItems,
-      onClearSelection: function onClearSelection() {
-        return setSelectedItems([]);
-      },
-      actions
-    })]
-  });
-};
-var WithRowSelectionHook = function WithRowSelectionHook2() {
-  var selection = (0, import_index.useRowSelection)({
-    data: sampleTasks,
-    selectionKey: "id"
-  });
-  var actions = [{
-    id: "mark-complete",
-    label: "Mark Complete",
-    onExecute: function onExecute4(selectedItems, clearSelection) {
-      (0, import_storybook.action)("mark-complete")(selectedItems);
-      clearSelection();
-    }
-  }];
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "With Row Selection Hook"
-    }), /* Mock table rows for demonstration */
-    /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      gap: "$2",
-      children: sampleTasks.map(function (task) {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-          gap: "$3",
-          padding: "$2",
-          backgroundColor: selection.isSelected(task) ? "$blue2" : "transparent",
-          borderRadius: "$2",
-          cursor: "pointer",
-          onPress: function onPress() {
-            return selection.toggleItem(task);
-          },
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, {
-            checked: selection.isSelected(task),
-            onCheckedChange: function onCheckedChange() {}
-          }),
-          // Handled by onPress
-          /* @__PURE__ */
-          (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-            flex: 1,
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-              fontWeight: "500",
-              children: task.title
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
-              fontSize: "$2",
-              color: "$gray11",
-              children: [task.assignee, " \u2022 ", task.status]
-            })]
-          })]
-        }, task.id);
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      gap: "$3",
-      alignItems: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, {
-        checked: selection.isAllSelected || selection.isIndeterminate,
-        onCheckedChange: function onCheckedChange() {
-          return selection.toggleAll();
-        }
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-        children: "Select All"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
-        fontSize: "$2",
-        color: "$gray11",
-        children: ["(", selection.selectedItems.length, " selected)"]
-      })]
-    }), selection.selectedItems.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableBulkActions, {
-      selectedItems: selection.selectedItems,
-      onClearSelection: selection.clearSelection,
-      actions
-    })]
-  });
-};
-var EmptyState = function EmptyState2() {
-  var actions = customActions;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontSize: "$4",
-      fontWeight: "600",
-      children: "Empty State (No Selection)"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontSize: "$3",
-      color: "$gray11",
-      children: "No items selected - component should not render anything"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableBulkActions, {
-      selectedItems: [],
-      onClearSelection: function onClearSelection() {},
-      actions
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontSize: "$2",
-      color: "$green11",
-      children: "\u2705 Nothing should be visible above this line"
-    })]
-  });
-};
-//# sourceMappingURL=DataTableBulkActions.stories.native.js.map