@multiplatform.one/table 6.0.0

package/dist/jsx/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/jsx/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/jsx/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/jsx/components/DataTableCell/CellModalEditor.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","CellModalEditor_exports","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"],"sources":["../../../../src/components/DataTableCell/CellModalEditor.tsx"],"sourcesContent":[null],"mappings":"AAUA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAS,GAAaF,MAAA,CAAAG,wBAAgC;AACtD,IAAAC,iBAAiB,GAAAJ,MAAQ,CAAMK,mBAAc;AAgCzC,IAAAC,YAAA,GAaIN,MAKE,CAAAO,SAAA,CAlBNC,cAAA;AAlBG,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAgB;EAC9B,SAAAC,IAAA,IAAAD,GAAA,EACAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACuBnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACvB;EACA,OAAOE,EAAA;AAEP;AACE,IAAAM,YAAI,GAAYC,GAAA,IAAAR,WAAU,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAC1B,IAAAE,uBAAY;AAAAhB,QACV,CAAAgB,uBAAmB;EAEvBC,eACE,EAAAA,CAAA,KAAAA;AACE;AAAAC,MAAC,CAAAC,OAAA,GAAAN,YAAA,CAAAG,uBAAA;AAAA,IAAAI,kBAAA,GAAAC,OAAA;AAAA,IAAAC,YACC,GAASD,OAAA;AAAA,IAAAE,YACD,GAAAF,OAAA,2BAAmC;AAAA,IAAAG,YAC3C,GAASH,OAAA,QAAiB;AAAA,IAAAI,cAC1B,GAAAJ,OAAc;AAAA,SACdJ,eAAWA,CAAAS,KAAA;EAAA;IACXC,KAAA;IAAMZ,KAAA;IAAAa,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAN,KAAA;EAAA;IACNO;EAAA,QAAAV,YAAkB,CAAAW,gBAAA;EAAA,KAAAC,IAClB,EAAAC,OAAA,KAAgB,GAAAZ,YAAA,CAAAa,QAAA;EAAA,IAAAC,UAChB,OAAad,YAAA,CAAAe,WAAA;IAAA,IACbV,QAAA,IAAYC,QAAC;IAAkEM,OAE/E;EAAkE,IACpEP,QAAA,EACAC,QAAA,CAEI;EAAqF,OACrF,mBAAAV,kBAAA,CAAAoB,IAAA,EAAApB,kBAAA,CAAAqB,QAAA;IAAAV,QAAC,GAAO,eAAP,IAAAX,kBAAA,CAAAsB,GAAA,EAAAjB,cAAA,CAAAkB,IAAA;MAAAC,OACC,EAAAN,UAAa;MAAAO,MACb,EAAAhB,QAAY,IAAAC,QAAA;MAAAgB,OACZ,EAAAjB,QAAW,MAAU;MAAAkB,aACrB,EAAY,KAAK;MAA6BC,UAC9C,UAAgB;MAA4BC,KAC5C,QAAU;MAAAC,iBACA;MAAAC,eACJ;MAAAC,YAEN;MAAAC,UAAA,GAAAxB,QAAA,IAAC,CAAAC,QAAO;QAIRwB,eACA;MAEA,IACA;MAIAvB,QAAA,qBAAAX,kBAAA,CAAAsB,GAAA,EAAApB,YAAA,CAAAiC,YAAA;QAAA5B,KAAA;QACFZ,KAAA;QAEJa;MACF;IAEJ,I","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/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/jsx/components/DataTableCell/DataTableCell.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call"],"sources":["../../../../src/components/DataTableCell/DataTableCell.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAeH,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAbN,IAAAC,gBAAmB,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACjBC,iBAAO,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACPC,YAAY,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACVC,QAAQ,GAAEA,CAAAC,MAAM,EAAAC,GAAA,KAAS;EAC3B,SAAAC,IAAA,IAAAD,GAAA,EACFZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAEA;AAEO,IAAAC,WAAM,GAAUA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACrB,IAAAF,IAAM,WAAAA,IAAA,wBAAAA,IAAA;IACN,SAAQG,GACN,IAAAhB,iBAAC,CAAAa,IAAA,GAOL,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,E","ignoreList":[]}

package/dist/jsx/components/DataTableCell/dataTableCell.spec.mjs

@@ -0,0 +1,180 @@
+import React from "react";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { describe, expect, it, vi } from "vitest";
+import { DataTableCell } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+function createMock(name) {
+  const Comp = React.forwardRef((_props, ref) => React.createElement("div", {
+    "data-testid": `mock-${name}`,
+    "data-component": name,
+    ref
+  }));
+  Comp.displayName = `Mock${name}`;
+  return Comp;
+}
+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")
+}));
+vi.mock("@multiplatform.one/rich-text", () => ({
+  RichTextEditor: createMock("RichTextEditor")
+}));
+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 renderWithProviders(/* @__PURE__ */jsx(DataTableCell, {
+    value: props.value ?? "",
+    onChange: props.onChange ?? vi.fn(),
+    columnId: props.columnId ?? "test-col",
+    rowIndex: props.rowIndex ?? 0,
+    ...props
+  }));
+}
+function expectRendered(container, name) {
+  const el = container.querySelector(`[data-component="${name}"]`);
+  expect(el, `Expected ${name} to render`).not.toBeNull();
+}
+function expectNotRendered(container, name) {
+  const el = container.querySelector(`[data-component="${name}"]`);
+  expect(el, `Expected ${name} NOT to render`).toBeNull();
+}
+describe("DataTableCell field type parity", () => {
+  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");
+  });
+  it("timepicker renders TimePicker, not plain Input", () => {
+    const {
+      container
+    } = renderCell({
+      field: "timepicker",
+      value: "14:30"
+    });
+    expectRendered(container, "TimePicker");
+    expectNotRendered(container, "Input");
+  });
+  it("stepper renders Stepper, not number-mode Input", () => {
+    const {
+      container
+    } = renderCell({
+      field: "stepper",
+      value: 42
+    });
+    expectRendered(container, "Stepper");
+    expectNotRendered(container, "Input");
+  });
+  it("rating renders Rating, not custom star icons", () => {
+    const {
+      container
+    } = renderCell({
+      field: "rating",
+      value: 0.6,
+      fieldProps: {
+        starIcon: ({
+          size: _size,
+          weight: _weight,
+          color: _color
+        }) => React.createElement("span", null, "star")
+      }
+    });
+    expectRendered(container, "Rating");
+    expectNotRendered(container, "Input");
+  });
+  it("fileupload renders FileUpload, not custom FileUploadCell", () => {
+    const {
+      container
+    } = renderCell({
+      field: "fileupload",
+      value: null
+    });
+    expectRendered(container, "FileUpload");
+    expect(container.textContent).not.toContain("Attach");
+  });
+  it("signature renders Signature, not status text", () => {
+    const {
+      container
+    } = renderCell({
+      field: "signature",
+      value: ""
+    });
+    expectRendered(container, "Signature");
+    expect(container.textContent).not.toContain("Not signed");
+    expect(container.textContent).not.toContain("Sign");
+  });
+  it("geolocation renders Geolocation, not two plain Inputs", () => {
+    const {
+      container
+    } = renderCell({
+      field: "geolocation",
+      value: JSON.stringify({
+        lat: 40.7128,
+        lng: -74.006
+      }),
+      fieldProps: {
+        locationIcon: React.createElement("span", null, "loc")
+      }
+    });
+    expectRendered(container, "Geolocation");
+    expectNotRendered(container, "Input");
+  });
+  it("richtexteditor renders RichTextEditor", () => {
+    const {
+      container
+    } = renderCell({
+      field: "richtexteditor",
+      value: "<p>Hello</p>"
+    });
+    expectRendered(container, "RichTextEditor");
+    expectNotRendered(container, "TextArea");
+  });
+});
+//# sourceMappingURL=dataTableCell.spec.mjs.map

package/dist/jsx/components/DataTableCell/dataTableCell.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","renderWithProviders","describe","expect","it","vi","DataTableCell","jsx","createMock","name","Comp","forwardRef","_props","ref","createElement","displayName","mock","Checkbox","Switch","Select","Combobox","Input","TextArea","Slider","Progress","RadioGroup","ToggleGroup","DatePicker","DatetimePicker","TimePicker","DateRangePicker","MultiDatePicker","Stepper","Duration","PhoneInput","Barcode","MentionInput","OTPInput","Rating","FileUpload","ImageField","Signature","Geolocation","ColorPicker","Button","RichTextEditor","useResolvedKnobs","knobProps","sizeToken","borderRadius","gap","body","surface","inputSurface","panelPadding","control","transition","renderCell","props","value","onChange","fn","columnId","rowIndex","expectRendered","container","el","querySelector","not","toBeNull","expectNotRendered","field","Date","fieldProps","starIcon","size","_size","weight","_weight","color","_color","textContent","toContain","JSON","stringify","lat","lng","locationIcon"],"sources":["../../../../src/components/DataTableCell/dataTableCell.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}