@multiplatform.one/table 6.0.0

package/dist/cjs/components/DataTableCell/CellModalEditor.cjs

@@ -0,0 +1,125 @@
+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 CellModalEditor_exports = {};
+__export(CellModalEditor_exports, {
+  CellModalEditor: () => CellModalEditor
+});
+module.exports = __toCommonJS(CellModalEditor_exports);
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CellModalEditor({
+  field,
+  value,
+  fieldProps,
+  disabled,
+  readOnly,
+  children,
+  title
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const handleOpen = (0, import_react.useCallback)(() => {
+    if (disabled || readOnly) return;
+    setOpen(true);
+  }, [disabled, readOnly]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_forms.FieldDisplay, {
+        field,
+        value,
+        fieldProps
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog, {
+      open,
+      onOpenChange: setOpen,
+      modal: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
+          opacity: 0.5,
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontSize: "$5",
+              fontWeight: "600",
+              children: title ?? "Edit"
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+            flex: 1,
+            minHeight: 0,
+            marginTop: "$3",
+            marginBottom: "$4",
+            children
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+            gap: "$2",
+            justifyContent: "flex-end",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
+              asChild: true,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+                children: "Done"
+              })
+            })
+          })]
+        })]
+      })
+    })]
+  });
+}

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

@@ -0,0 +1,129 @@
+"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 CellModalEditor_exports = {};
+__export(CellModalEditor_exports, {
+  CellModalEditor: () => CellModalEditor
+});
+module.exports = __toCommonJS(CellModalEditor_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function CellModalEditor(param) {
+  var {
+    field,
+    value,
+    fieldProps,
+    disabled,
+    readOnly,
+    children,
+    title
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var handleOpen = (0, import_react.useCallback)(function () {
+    if (disabled || readOnly) return;
+    setOpen(true);
+  }, [disabled, readOnly]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_forms.FieldDisplay, {
+        field,
+        value,
+        fieldProps
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog, {
+      open,
+      onOpenChange: setOpen,
+      modal: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
+          opacity: 0.5,
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontSize: "$5",
+              fontWeight: "600",
+              children: title !== null && title !== void 0 ? title : "Edit"
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+            flex: 1,
+            minHeight: 0,
+            marginTop: "$3",
+            marginBottom: "$4",
+            children
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+            gap: "$2",
+            justifyContent: "flex-end",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
+              asChild: true,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+                children: "Done"
+              })
+            })
+          })]
+        })]
+      })
+    })]
+  });
+}
+//# sourceMappingURL=CellModalEditor.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CellModalEditor_exports","__export","CellModalEditor","module","exports","import_jsx_runtime","require","import_forms","import_theme","import_react","import_tamagui","param","field","fieldProps","disabled","readOnly","children","title","knobProps","useResolvedKnobs","open","setOpen","useState","handleOpen","useCallback","jsxs","Fragment","jsx","View","onPress","cursor","opacity","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","hoverStyle","backgroundColor","FieldDisplay","Dialog","onOpenChange","modal","Portal","Overlay","enterStyle","exitStyle","Content","borderWidth","borderColor","elevation","y"],"sources":["../../../../src/components/DataTableCell/CellModalEditor.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAUAC,MAAA,CAAAC,OAAA,GAAAT,YAAoD,CAAAK,uBAAA;AACpD,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,YAAA,GAAsDD,OAAA;AACtD,IAAAE,YAAA,GAAAF,OAA2D;AAgCvD,IAAAG,YAAA,GAAAH,OAAA;AAlBG,IAAAI,cAAS,GAAAJ,OAAgB;AAAA,SAC9BJ,gBAAAS,KAAA;EACA;IAAAC,KAAA;IAAAb,KAAA;IAAAc,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAN,KAAA;EACA;IAAAO;EAAA,QAAAV,YAAA,CAAAW,gBAAA;EACA,KAAAC,IAAA,EAAAC,OAAA,QAAAZ,YAAA,CAAAa,QAAA;EACA,IAAAC,UAAA,OAAAd,YAAA,CAAAe,WAAA;IACA,IAAAV,QAAA,IAAAC,QAAA;IACAM,OAAA;EACF,CAAyB,GACvBP,QAAQ,EACRC,QAAO,CAEP;EACE,OAAI,eAAY,IAAUV,kBAAA,CAAAoB,IAAA,EAAApB,kBAAA,CAAAqB,QAAA;IAC1BV,QAAQ,GACN,eAAU,EAAQ,EAACX,kBAAA,CAAAsB,GAAA,EAAAjB,cAAA,CAAAkB,IAAA;MAEvBC,OACE,EAAAN,UAAA;MACEO,MAAA,EAAAhB,QAAA,IAAAC,QAAA;MAACgB,OAAA,EAAAjB,QAAA;MAAAkB,aAAA;MACCC,UAAS;MACTC,KAAA,QAAQ;MACRC,iBAAS,MAAW;MACpBC,eAAc;MACdC,YAAW;MACXC,UAAM,GAAAxB,QAAA,KAAAC,QAAA;QACNwB,eAAA,EAAkB;MAClB;MACAvB,QAAA,iBAAa,IAAAX,kBAAA,CAAAsB,GAAA,EAAApB,YAAA,CAAAiC,YAAA;QACb5B,KAAA;QAEAb,KAAA;QAAkEc;MACpE;IACA,IAEI,mBAAAR,kBAAA,CAAAsB,GAAA,EAACjB,cAAA,CAAA+B,MAAA,EAAO;MACRrB,IAAA;MAACsB,YAAA,EAAArB,OAAA;MAAAsB,KAAA;MAAA3B,QACC,iBAAa,IAAAX,kBAAA,CAAAoB,IAAA,EAAAf,cAAA,CAAA+B,MAAA,CAAAG,MAAA;QACb5B,QAAA,GACA,eAAW,IAAUX,kBAAA,CAAAsB,GAAA,EAAAjB,cAAA,CAAA+B,MAAA,CAAAI,OAAA;UACrBd,OAAA,EAAY,GAAE;UACde,UAAa,EAAG;YAChBf,OAAU;UACV;UACAgB,SAAM;YAENhB,OAAA;UAAA;QAKA,IAGA,mBAAA1B,kBAAA,CAAAoB,IAAA,EAACf,cAAA,CAAA+B,MAAA,CAAAO,OAAW;UAIZC,WAAA;UAAAC,WAAA;UACFC,SAAA,EAAAjC,SAAA,CAAAiC,SAAA;UAEJL,UAAA;YACFM,CAAA;YAEJrB,OAAA","ignoreList":[]}

package/dist/cjs/components/DataTableCell/DataTableCell.stories.cjs

@@ -0,0 +1,50 @@
+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 DataTableCell_stories_exports = {};
+__export(DataTableCell_stories_exports, {
+  Default: () => Default,
+  default: () => DataTableCell_stories_default
+});
+module.exports = __toCommonJS(DataTableCell_stories_exports);
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const meta = {
+  title: "Table/DataTableCell",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var DataTableCell_stories_default = meta;
+const Default = {
+  name: "Main",
+  render: () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    padding: "$4",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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."
+    })
+  })
+};

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

@@ -0,0 +1,55 @@
+"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 DataTableCell_stories_exports = {};
+__export(DataTableCell_stories_exports, {
+  Default: () => Default,
+  default: () => DataTableCell_stories_default
+});
+module.exports = __toCommonJS(DataTableCell_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var meta = {
+  title: "Table/DataTableCell",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var DataTableCell_stories_default = meta;
+var Default = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      padding: "$4",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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."
+      })
+    });
+  }
+};
+//# sourceMappingURL=DataTableCell.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableCell_stories_exports","__export","Default","default","DataTableCell_stories_default","module","exports","import_jsx_runtime","require","import_tamagui","meta","title","parameters","status","type"],"sources":["../../../../src/components/DataTableCell/DataTableCell.stories.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAX,YAA6B,CAAAK,6BAAA;AAevB,IAAAO,kBAAA,GAAAC,OAAA;AAbN,IAAAC,cAAmB,GAAAD,OAAA;AAAA,IACjBE,IAAA,GAAO;EACPC,KAAA,uBAAY;EAAAC,UACF,EAAE;IACZC,MAAA;MACFC,IAAA;IAEO;EAEA;AAAgB;AACf,IACNV,6BACE,GAAAM,IAAA;AAOJ,IAAAR,OAAA","ignoreList":[]}

package/dist/cjs/components/DataTableCell/dataTableCell.spec.cjs

@@ -0,0 +1,203 @@
+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 __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 import_react = __toESM(require("react"));
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function createMock(name) {
+  const Comp = import_react.default.forwardRef((_props, ref) => import_react.default.createElement("div", {
+    "data-testid": `mock-${name}`,
+    "data-component": name,
+    ref
+  }));
+  Comp.displayName = `Mock${name}`;
+  return Comp;
+}
+import_vitest.vi.mock("@multiplatform.one/forms", () => ({
+  Checkbox: createMock("Checkbox"),
+  Switch: createMock("Switch"),
+  Select: createMock("Select"),
+  Combobox: createMock("Combobox"),
+  Input: createMock("Input"),
+  TextArea: createMock("TextArea"),
+  Slider: createMock("Slider"),
+  Progress: createMock("Progress"),
+  RadioGroup: createMock("RadioGroup"),
+  ToggleGroup: createMock("ToggleGroup"),
+  DatePicker: createMock("DatePicker"),
+  DatetimePicker: createMock("DatetimePicker"),
+  TimePicker: createMock("TimePicker"),
+  DateRangePicker: createMock("DateRangePicker"),
+  MultiDatePicker: createMock("MultiDatePicker"),
+  Stepper: createMock("Stepper"),
+  Duration: createMock("Duration"),
+  PhoneInput: createMock("PhoneInput"),
+  Barcode: createMock("Barcode"),
+  MentionInput: createMock("MentionInput"),
+  OTPInput: createMock("OTPInput"),
+  Rating: createMock("Rating"),
+  FileUpload: createMock("FileUpload"),
+  ImageField: createMock("ImageField"),
+  Signature: createMock("Signature"),
+  Geolocation: createMock("Geolocation"),
+  ColorPicker: createMock("ColorPicker"),
+  Button: createMock("Button")
+}));
+import_vitest.vi.mock("@multiplatform.one/rich-text", () => ({
+  RichTextEditor: createMock("RichTextEditor")
+}));
+import_vitest.vi.mock("@multiplatform.one/theme", () => ({
+  useResolvedKnobs: () => ({
+    knobProps: {
+      sizeToken: "$3",
+      borderRadius: {
+        borderRadius: 4
+      },
+      gap: {
+        gap: 4
+      },
+      body: {},
+      surface: {},
+      inputSurface: {},
+      panelPadding: {},
+      control: {},
+      transition: "quick"
+    }
+  })
+}));
+function renderCell(props) {
+  return (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableCell, {
+    value: props.value ?? "",
+    onChange: props.onChange ?? import_vitest.vi.fn(),
+    columnId: props.columnId ?? "test-col",
+    rowIndex: props.rowIndex ?? 0,
+    ...props
+  }));
+}
+function expectRendered(container, name) {
+  const el = container.querySelector(`[data-component="${name}"]`);
+  (0, import_vitest.expect)(el, `Expected ${name} to render`).not.toBeNull();
+}
+function expectNotRendered(container, name) {
+  const el = container.querySelector(`[data-component="${name}"]`);
+  (0, import_vitest.expect)(el, `Expected ${name} NOT to render`).toBeNull();
+}
+(0, import_vitest.describe)("DataTableCell field type parity", () => {
+  (0, import_vitest.it)("datepicker renders DatePicker, not plain Input", () => {
+    const {
+      container
+    } = renderCell({
+      field: "datepicker",
+      value: /* @__PURE__ */new Date("2024-01-15")
+    });
+    expectRendered(container, "DatePicker");
+    expectNotRendered(container, "Input");
+  });
+  (0, import_vitest.it)("timepicker renders TimePicker, not plain Input", () => {
+    const {
+      container
+    } = renderCell({
+      field: "timepicker",
+      value: "14:30"
+    });
+    expectRendered(container, "TimePicker");
+    expectNotRendered(container, "Input");
+  });
+  (0, import_vitest.it)("stepper renders Stepper, not number-mode Input", () => {
+    const {
+      container
+    } = renderCell({
+      field: "stepper",
+      value: 42
+    });
+    expectRendered(container, "Stepper");
+    expectNotRendered(container, "Input");
+  });
+  (0, import_vitest.it)("rating renders Rating, not custom star icons", () => {
+    const {
+      container
+    } = renderCell({
+      field: "rating",
+      value: 0.6,
+      fieldProps: {
+        starIcon: ({
+          size: _size,
+          weight: _weight,
+          color: _color
+        }) => import_react.default.createElement("span", null, "star")
+      }
+    });
+    expectRendered(container, "Rating");
+    expectNotRendered(container, "Input");
+  });
+  (0, import_vitest.it)("fileupload renders FileUpload, not custom FileUploadCell", () => {
+    const {
+      container
+    } = renderCell({
+      field: "fileupload",
+      value: null
+    });
+    expectRendered(container, "FileUpload");
+    (0, import_vitest.expect)(container.textContent).not.toContain("Attach");
+  });
+  (0, import_vitest.it)("signature renders Signature, not status text", () => {
+    const {
+      container
+    } = renderCell({
+      field: "signature",
+      value: ""
+    });
+    expectRendered(container, "Signature");
+    (0, import_vitest.expect)(container.textContent).not.toContain("Not signed");
+    (0, import_vitest.expect)(container.textContent).not.toContain("Sign");
+  });
+  (0, import_vitest.it)("geolocation renders Geolocation, not two plain Inputs", () => {
+    const {
+      container
+    } = renderCell({
+      field: "geolocation",
+      value: JSON.stringify({
+        lat: 40.7128,
+        lng: -74.006
+      }),
+      fieldProps: {
+        locationIcon: import_react.default.createElement("span", null, "loc")
+      }
+    });
+    expectRendered(container, "Geolocation");
+    expectNotRendered(container, "Input");
+  });
+  (0, import_vitest.it)("richtexteditor renders RichTextEditor", () => {
+    const {
+      container
+    } = renderCell({
+      field: "richtexteditor",
+      value: "<p>Hello</p>"
+    });
+    expectRendered(container, "RichTextEditor");
+    expectNotRendered(container, "TextArea");
+  });
+});