@multiplatform.one/table 6.0.0

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

@@ -0,0 +1,314 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DotsThreeIcon } from "@phosphor-icons/react";
+import { downloadBlob } from "@multiplatform.one/platform";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useState } from "react";
+import { Button, zIndex } from "@multiplatform.one/forms";
+import { Popover, Text, View, XStack, YStack } from "tamagui";
+import { useDataTableState } from "../DataTable/DataTableStateContext.native.js";
+function DataTableBulkActions(props) {
+  var _props_selectedItems, _props_onClearSelection;
+  var ctx = 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] = useState(null);
+  var [isExecuting, setIsExecuting] = useState(null);
+  var {
+    knobProps
+  } = 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__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsxs(View, {
+      flexDirection: "row",
+      alignItems: "center",
+      ...knobProps.borderRadius,
+      ...knobProps.panelPadding,
+      gap: "$3",
+      backgroundColor: "$color2",
+      borderColor: "$color6",
+      children: [showSelectionCount && /* @__PURE__ */_jsxs(Text, {
+        fontSize: "$3",
+        fontWeight: "600",
+        color: "$accentColor",
+        children: [selectedItems.length, " selected"]
+      }), /* @__PURE__ */_jsxs(XStack, {
+        gap: "$2",
+        flex: 1,
+        children: [visibleActions.map(function (action) {
+          return /* @__PURE__ */_jsx(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__ */_jsx(BulkActionsOverflowMenu, {
+          actions: overflowActions,
+          selectedItems,
+          onExecuteAction: handleExecuteAction,
+          isExecuting
+        })]
+      }), /* @__PURE__ */_jsx(Button, {
+        size: knobProps.sizeToken,
+        variant: "outlined",
+        onPress: onClearSelection,
+        "aria-label": "Clear selection",
+        ...knobProps.borderRadius,
+        children: "Clear"
+      })]
+    }), /* Confirmation Dialog */
+    confirmAction && /* @__PURE__ */_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
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsxs(Popover, {
+    children: [/* @__PURE__ */_jsx(Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */_jsx(Button, {
+        size: knobProps.sizeToken,
+        variant: "outlined",
+        icon: /* @__PURE__ */_jsx(DotsThreeIcon, {
+          size: 16
+        }),
+        "aria-label": "More bulk actions",
+        ...knobProps.borderRadius
+      })
+    }), /* @__PURE__ */_jsx(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__ */_jsx(YStack, {
+        gap: "$1",
+        padding: "$2",
+        minWidth: 200,
+        children: actions.map(function (action) {
+          return /* @__PURE__ */_jsx(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
+  } = useResolvedKnobs();
+  var sz = knobProps.sizeToken;
+  var dialogMaxWidth = sz === "$3" ? 320 : sz === "$5" ? 480 : 400;
+  return /* @__PURE__ */_jsx(View, {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "$shadowColor",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: zIndex.loading,
+    padding: "$4",
+    children: /* @__PURE__ */_jsx(View, {
+      backgroundColor: "$background",
+      ...knobProps.borderRadius,
+      ...knobProps.panelPadding,
+      maxWidth: dialogMaxWidth,
+      width: "100%",
+      borderColor: "$borderColor",
+      children: /* @__PURE__ */_jsxs(YStack, {
+        ...knobProps.gapLg,
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontSize: "$5",
+          fontWeight: "600",
+          children: action.confirmTitle || `Confirm ${action.label}`
+        }), /* @__PURE__ */_jsx(Text, {
+          fontSize: "$3",
+          color: "$color10",
+          children: action.confirmMessage || `Are you sure you want to ${action.label.toLowerCase()} ${selectedCount} item${selectedCount > 1 ? "s" : ""}?`
+        }), /* @__PURE__ */_jsxs(XStack, {
+          gap: "$3",
+          justifyContent: "flex-end",
+          children: [/* @__PURE__ */_jsx(Button, {
+            size: knobProps.sizeToken,
+            variant: "outlined",
+            onPress: onCancel,
+            disabled: isExecuting,
+            children: "Cancel"
+          }), /* @__PURE__ */_jsx(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] = 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;"
+  });
+  downloadBlob(blob, filename);
+}
+export { DataTableBulkActions, convertToCSV, downloadCSV, useRowSelection };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DotsThreeIcon","downloadBlob","useResolvedKnobs","useState","Button","zIndex","Popover","Text","View","XStack","YStack","useDataTableState","DataTableBulkActions","props","_props_selectedItems","_props_onClearSelection","ctx","selectedItems","table","getSelectedRowModel","rows","map","r","original","onClearSelection","resetRowSelection","actions","maxVisibleActions","showSelectionCount","selectionKey","_selectionKey","confirmAction","setConfirmAction","isExecuting","setIsExecuting","knobProps","handleExecuteAction","handleExecuteAction2","action","requiresConfirmation","executeAction","executeAction2","id","onExecute","error","console","handleConfirmAction","handleConfirmAction2","visibleActions","slice","overflowActions","length","children","flexDirection","alignItems","borderRadius","panelPadding","gap","backgroundColor","borderColor","fontSize","fontWeight","color","flex","size","sizeToken","variant","theme","disabled","onPress","label","BulkActionsOverflowMenu","onExecuteAction","BulkActionConfirmationDialog","selectedCount","onConfirm","onCancel","param","_selectedItems","Trigger","asChild","icon","Content","bw","bc","py","padding","w","h","borderWidth","enterStyle","x","y","opacity","exitStyle","minWidth","justifyContent","sz","dialogMaxWidth","position","top","left","right","bottom","loading","maxWidth","width","gapLg","confirmTitle","confirmMessage","toLowerCase","useRowSelection","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":[]}

package/dist/esm/components/DataTableCell/CellModalEditor.mjs

@@ -0,0 +1,100 @@
+import { FieldDisplay } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useCallback, useState } from "react";
+import { Button, Dialog, Text, View, XStack, YStack } from "tamagui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function CellModalEditor({
+  field,
+  value,
+  fieldProps,
+  disabled,
+  readOnly,
+  children,
+  title
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [open, setOpen] = useState(false);
+  const handleOpen = useCallback(() => {
+    if (disabled || readOnly) return;
+    setOpen(true);
+  }, [disabled, readOnly]);
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(View, {
+      onPress: handleOpen,
+      cursor: disabled || readOnly ? "default" : "pointer",
+      opacity: disabled ? 0.5 : 1,
+      flexDirection: "row",
+      alignItems: "center",
+      width: "100%",
+      paddingHorizontal: "$1",
+      paddingVertical: "$1",
+      borderRadius: "$2",
+      hoverStyle: !disabled && !readOnly ? {
+        backgroundColor: "$backgroundHover"
+      } : void 0,
+      children: /* @__PURE__ */jsx(FieldDisplay, {
+        field,
+        value,
+        fieldProps
+      })
+    }), /* @__PURE__ */jsx(Dialog, {
+      open,
+      onOpenChange: setOpen,
+      modal: true,
+      children: /* @__PURE__ */jsxs(Dialog.Portal, {
+        children: [/* @__PURE__ */jsx(Dialog.Overlay, {
+          opacity: 0.5,
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        }), /* @__PURE__ */jsxs(Dialog.Content, {
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          elevation: knobProps.elevation,
+          enterStyle: {
+            y: -10,
+            opacity: 0,
+            scale: 0.96
+          },
+          exitStyle: {
+            y: 10,
+            opacity: 0,
+            scale: 0.96
+          },
+          maxWidth: 720,
+          maxHeight: "80vh",
+          width: "90vw",
+          children: [/* @__PURE__ */jsx(Dialog.Title, {
+            children: /* @__PURE__ */jsx(Text, {
+              fontSize: "$5",
+              fontWeight: "600",
+              children: title ?? "Edit"
+            })
+          }), /* @__PURE__ */jsx(YStack, {
+            flex: 1,
+            minHeight: 0,
+            marginTop: "$3",
+            marginBottom: "$4",
+            children
+          }), /* @__PURE__ */jsx(XStack, {
+            gap: "$2",
+            justifyContent: "flex-end",
+            children: /* @__PURE__ */jsx(Dialog.Close, {
+              asChild: true,
+              children: /* @__PURE__ */jsx(Button, {
+                children: "Done"
+              })
+            })
+          })]
+        })]
+      })
+    })]
+  });
+}
+export { CellModalEditor };
+//# sourceMappingURL=CellModalEditor.mjs.map

package/dist/esm/components/DataTableCell/CellModalEditor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["FieldDisplay","useResolvedKnobs","useCallback","useState","Button","Dialog","Text","View","XStack","YStack","Fragment","jsx","jsxs","CellModalEditor","field","value","fieldProps","disabled","readOnly","children","title","knobProps","open","setOpen","handleOpen","onPress","cursor","opacity","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","hoverStyle","backgroundColor","onOpenChange","modal","Portal","Overlay","enterStyle","exitStyle","Content","borderWidth","borderColor","elevation","y","scale","maxWidth","maxHeight","Title","fontSize","fontWeight","flex","minHeight","marginTop","marginBottom","gap","justifyContent","Close","asChild"],"sources":["../../../../src/components/DataTableCell/CellModalEditor.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/DataTableCell/CellModalEditor.native.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FieldDisplay } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useCallback, useState } from "react";
+import { Button, Dialog, Text, View, XStack, YStack } from "tamagui";
+function CellModalEditor(param) {
+  var {
+    field,
+    value,
+    fieldProps,
+    disabled,
+    readOnly,
+    children,
+    title
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var [open, setOpen] = useState(false);
+  var handleOpen = useCallback(function () {
+    if (disabled || readOnly) return;
+    setOpen(true);
+  }, [disabled, readOnly]);
+  return /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(View, {
+      onPress: handleOpen,
+      cursor: disabled || readOnly ? "default" : "pointer",
+      opacity: disabled ? 0.5 : 1,
+      flexDirection: "row",
+      alignItems: "center",
+      width: "100%",
+      paddingHorizontal: "$1",
+      paddingVertical: "$1",
+      borderRadius: "$2",
+      hoverStyle: !disabled && !readOnly ? {
+        backgroundColor: "$backgroundHover"
+      } : void 0,
+      children: /* @__PURE__ */_jsx(FieldDisplay, {
+        field,
+        value,
+        fieldProps
+      })
+    }), /* @__PURE__ */_jsx(Dialog, {
+      open,
+      onOpenChange: setOpen,
+      modal: true,
+      children: /* @__PURE__ */_jsxs(Dialog.Portal, {
+        children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
+          opacity: 0.5,
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        }), /* @__PURE__ */_jsxs(Dialog.Content, {
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          elevation: knobProps.elevation,
+          enterStyle: {
+            y: -10,
+            opacity: 0,
+            scale: 0.96
+          },
+          exitStyle: {
+            y: 10,
+            opacity: 0,
+            scale: 0.96
+          },
+          maxWidth: 720,
+          maxHeight: "80vh",
+          width: "90vw",
+          children: [/* @__PURE__ */_jsx(Dialog.Title, {
+            children: /* @__PURE__ */_jsx(Text, {
+              fontSize: "$5",
+              fontWeight: "600",
+              children: title !== null && title !== void 0 ? title : "Edit"
+            })
+          }), /* @__PURE__ */_jsx(YStack, {
+            flex: 1,
+            minHeight: 0,
+            marginTop: "$3",
+            marginBottom: "$4",
+            children
+          }), /* @__PURE__ */_jsx(XStack, {
+            gap: "$2",
+            justifyContent: "flex-end",
+            children: /* @__PURE__ */_jsx(Dialog.Close, {
+              asChild: true,
+              children: /* @__PURE__ */_jsx(Button, {
+                children: "Done"
+              })
+            })
+          })]
+        })]
+      })
+    })]
+  });
+}
+export { CellModalEditor };
+//# sourceMappingURL=CellModalEditor.native.js.map

package/dist/esm/components/DataTableCell/CellModalEditor.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","FieldDisplay","useResolvedKnobs","useCallback","useState","Button","Dialog","Text","View","XStack","YStack","CellModalEditor","param","field","value","fieldProps","disabled","readOnly","children","title","knobProps","open","setOpen","handleOpen","onPress","cursor","opacity","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","hoverStyle","backgroundColor","onOpenChange","modal","Portal","Overlay","enterStyle","exitStyle","Content","borderWidth","borderColor","elevation","y","scale"],"sources":["../../../../src/components/DataTableCell/CellModalEditor.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAA2CC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACpD,SAASC,YAAA,kCAAwB;AACjC,SAASC,gBAAa,kCAAgC;AACtD,SAASC,WAAQ,EAAAC,QAAQ,QAAY,OAAQ;AAgCzC,SAAAC,MAAA,EAAAC,MAaI,EAKEC,IAAA,EAAAC,IAAA,EAlBNC,MAAA,EAAAC,MAAA;AAlBG,SAASC,gBAAgBC,KAAA;EAC9B;IAAAC,KAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAP,KAAA;EACA;IAAAQ;EAAA,IAAAlB,gBAAA;EACA,KAAAmB,IAAA,EAAAC,OAAA,IAAAlB,QAAA;EACA,IAAAmB,UAAA,GAAApB,WAAA;IACA,IAAAa,QAAA,IAAAC,QAAA;IACAK,OAAA;EACA,IACuBN,QAAA,EACvBC,QAAQ,CACR;EAEA,OAAM,eAAanB,KAAA,CAAAE,SAAkB;IACnCkB,QAAI,GACJ,eAAYtB,IAAA,CAAAY,IAAA;MACVgB,OAAA,EAAUD,UAAS;MAEvBE,MACE,EAAAT,QAAA,IAAAC,QAAA,YACE;MAAAS,OAAA,EAAAV,QAAA;MAACW,aAAA;MAAAC,UAAA;MACCC,KAAA,QAAS;MACTC,iBAAQ,MAAY;MACpBC,eAAS,MAAW;MACpBC,YAAA,MAAc;MACdC,UAAA,EAAW,CAAAjB,QAAA,KAAAC,QAAA;QACXiB,eAAM;MACN;MACAhB,QAAA,iBAAgBtB,IAAA,CAAAK,YAAA;QAChBY,KAAA;QACAC,KAAA;QAEAC;MAAkE;IACpE,IACA,eAAAnB,IAAC,CAAAU,MAAA,EAAO;MAEJe,IAAA;MACAc,YAAA,EAAAb,OAAA;MAACc,KAAA,EAAO;MAAPlB,QAAA,iBAAApB,KAAA,CAAAQ,MAAA,CAAA+B,MAAA;QACCnB,QAAA,GACA,eAAYtB,IAAA,CAAAU,MAAA,CAAAgC,OAAA;UACZZ,OAAW;UACXa,UAAc;YACdb,OAAa;UACb;UACAc,SAAU;YACVd,OAAM;UAEN;QAAA,IAKA,eAAA5B,KAAC,CAAAQ,MAAA,CAAAmC,OAAa;UAGdC,WAAA;UAIAC,WAAA;UAAAC,SAAA,EAAAxB,SAAA,CAAAwB,SAAA;UACFL,UAAA;YAEJM,CAAA;YACFnB,OAAA;YAEJoB,KAAA","ignoreList":[]}

package/dist/esm/components/DataTableCell/DataTableCell.stories.mjs

@@ -0,0 +1,24 @@
+import { YStack, Text } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+const meta = {
+  title: "Table/DataTableCell",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var DataTableCell_stories_default = meta;
+const Default = {
+  name: "Main",
+  render: () => /* @__PURE__ */jsx(YStack, {
+    padding: "$4",
+    children: /* @__PURE__ */jsx(Text, {
+      fontSize: "$2",
+      color: "$color10",
+      children: "DataTableCell renders field components based on column fieldType. It requires a DataTable context to function. See DataTable stories for usage examples."
+    })
+  })
+};
+export { Default, DataTableCell_stories_default as default };
+//# sourceMappingURL=DataTableCell.stories.mjs.map

package/dist/esm/components/DataTableCell/DataTableCell.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["YStack","Text","jsx","meta","title","parameters","status","type","DataTableCell_stories_default","Default","name","render","padding","children","fontSize","color"],"sources":["../../../../src/components/DataTableCell/DataTableCell.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAQC,IAAA,QAAY;AAevB,SAAAC,GAAA;AAbN,MAAMC,IAAA,GAAa;EACjBC,KAAA,EAAO;EACPC,UAAA,EAAY;IACVC,MAAA,EAAQ;MAAEC,IAAA,EAAM;IAAS;EAC3B;AACF;AAEA,IAAOC,6BAAA,GAAQL,IAAA;AAER,MAAMM,OAAA,GAAU;EACrBC,IAAA,EAAM;EACNC,MAAA,EAAQA,CAAA,KACN,eAAAT,GAAA,CAACF,MAAA;IAAOY,OAAA,EAAQ;IACdC,QAAA,iBAAAX,GAAA,CAACD,IAAA;MAAKa,QAAA,EAAS;MAAKC,KAAA,EAAM;MAAWF,QAAA;IAAA,CAGrC;EAAA,CACF;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { YStack, Text } from "tamagui";
+var meta = {
+  title: "Table/DataTableCell",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var DataTableCell_stories_default = meta;
+var Default = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */_jsx(YStack, {
+      padding: "$4",
+      children: /* @__PURE__ */_jsx(Text, {
+        fontSize: "$2",
+        color: "$color10",
+        children: "DataTableCell renders field components based on column fieldType. It requires a DataTable context to function. See DataTable stories for usage examples."
+      })
+    });
+  }
+};
+export { Default, DataTableCell_stories_default as default };
+//# sourceMappingURL=DataTableCell.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","YStack","Text","meta","title","parameters","status","type","DataTableCell_stories_default","Default","name"],"sources":["../../../../src/components/DataTableCell/DataTableCell.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,2BAAY;AAevB,SAAAC,MAAA,EAAAC,IAAA;AAbN,IAAAC,IAAM;EACJC,KAAA,EAAO;EACPC,UAAA,EAAY;IACVC,MAAA,EAAQ;MACVC,IAAA;IACF;EAEA;AAEO;AAAgB,IACrBC,6BAAM,GAAAL,IAAA;AAAA,IACNM,OAAQ;EAQVC,IAAA","ignoreList":[]}