@multiplatform.one/forms 6.0.0

package/dist/esm/fields/ColorPicker/parts.native.js

@@ -0,0 +1,450 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Palette, X } from "@tamagui/lucide-icons-2";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { View, XStack, isWeb } from "tamagui";
+import { Button } from "../../Button/index.native.js";
+import { FloatingPanel } from "../../FloatingPanel/index.native.js";
+import { Input as InputParts } from "../../InputParts/index.native.js";
+import { formControlColors } from "../../shared/colorRamps.native.js";
+import { useIsInTableCell } from "../../shared/tableCellContext.native.js";
+function hsvToRgb(h, s, v) {
+  var h6 = h / 360 * 6;
+  var s1 = s / 100;
+  var v1 = v / 100;
+  var i = Math.floor(h6);
+  var f = h6 - i;
+  var p = v1 * (1 - s1);
+  var q = v1 * (1 - f * s1);
+  var t = v1 * (1 - (1 - f) * s1);
+  var r;
+  var g;
+  var b;
+  switch (i % 6) {
+    case 0:
+      r = v1;
+      g = t;
+      b = p;
+      break;
+    case 1:
+      r = q;
+      g = v1;
+      b = p;
+      break;
+    case 2:
+      r = p;
+      g = v1;
+      b = t;
+      break;
+    case 3:
+      r = p;
+      g = q;
+      b = v1;
+      break;
+    case 4:
+      r = t;
+      g = p;
+      b = v1;
+      break;
+    default:
+      r = v1;
+      g = p;
+      b = q;
+      break;
+  }
+  return {
+    r: Math.round(r * 255),
+    g: Math.round(g * 255),
+    b: Math.round(b * 255)
+  };
+}
+function rgbToHex(r, g, b) {
+  var toHex = function toHex2(x) {
+    var hex = Math.max(0, Math.min(255, Math.round(x))).toString(16);
+    return hex.length === 1 ? `0${hex}` : hex;
+  };
+  return `#${toHex(r)}${toHex(g)}${toHex(b)}`.toUpperCase();
+}
+function hsvToHex(h, s, v) {
+  var {
+    r,
+    g,
+    b
+  } = hsvToRgb(h, s, v);
+  return rgbToHex(r, g, b);
+}
+function hexToRgb(hex) {
+  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  if (!result) return null;
+  return {
+    r: Number.parseInt(result[1], 16),
+    g: Number.parseInt(result[2], 16),
+    b: Number.parseInt(result[3], 16)
+  };
+}
+function rgbToHsv(r, g, b) {
+  var r1 = r / 255;
+  var g1 = g / 255;
+  var b1 = b / 255;
+  var max = Math.max(r1, g1, b1);
+  var min = Math.min(r1, g1, b1);
+  var d = max - min;
+  var h = 0;
+  var s = max === 0 ? 0 : d / max * 100;
+  var v = max * 100;
+  if (d !== 0) {
+    switch (max) {
+      case r1:
+        h = ((g1 - b1) / d + (g1 < b1 ? 6 : 0)) / 6;
+        break;
+      case g1:
+        h = ((b1 - r1) / d + 2) / 6;
+        break;
+      case b1:
+        h = ((r1 - g1) / d + 4) / 6;
+        break;
+    }
+    h *= 360;
+  }
+  return {
+    h: Math.round(h),
+    s: Math.round(s),
+    v: Math.round(v)
+  };
+}
+function hexToHsv(hex) {
+  var rgb = hexToRgb(hex);
+  if (!rgb) return {
+    h: 0,
+    s: 100,
+    v: 100
+  };
+  return rgbToHsv(rgb.r, rgb.g, rgb.b);
+}
+function isValidHex(hex) {
+  return /^#([a-f\d]{3}|[a-f\d]{6})$/i.test(hex);
+}
+function normalizeHex(hex) {
+  var normalized = hex.startsWith("#") ? hex : `#${hex}`;
+  if (normalized.length === 4) {
+    return `#${normalized[1]}${normalized[1]}${normalized[2]}${normalized[2]}${normalized[3]}${normalized[3]}`.toUpperCase();
+  }
+  return normalized.toUpperCase();
+}
+function useDrag(onUpdate) {
+  var [isDragging, setIsDragging] = useState(false);
+  useEffect(function () {
+    if (!isDragging || !isWeb) return;
+    var handleMove = function handleMove2(e) {
+      e.preventDefault();
+      onUpdate(e.clientX, e.clientY);
+    };
+    var handleUp = function handleUp2() {
+      return setIsDragging(false);
+    };
+    document.addEventListener("pointermove", handleMove);
+    document.addEventListener("pointerup", handleUp);
+    return function () {
+      document.removeEventListener("pointermove", handleMove);
+      document.removeEventListener("pointerup", handleUp);
+    };
+  }, [isDragging, onUpdate]);
+  var onPointerDown = useCallback(function (e) {
+    setIsDragging(true);
+    onUpdate(e.clientX, e.clientY);
+  }, [onUpdate]);
+  return {
+    onPointerDown
+  };
+}
+function SaturationPanel(param) {
+  var {
+    hue,
+    saturation,
+    value,
+    onChangeSV,
+    size = 220
+  } = param;
+  var panelRef = useRef(null);
+  var updateColor = useCallback(function (clientX, clientY) {
+    var panel = panelRef.current;
+    if (!panel) return;
+    var rect = panel.getBoundingClientRect();
+    var x = Math.max(0, Math.min(clientX - rect.left, rect.width));
+    var y = Math.max(0, Math.min(clientY - rect.top, rect.height));
+    onChangeSV(Math.round(x / rect.width * 100), Math.round(100 - y / rect.height * 100));
+  }, [onChangeSV]);
+  var {
+    onPointerDown
+  } = useDrag(updateColor);
+  var hueColor = `hsl(${hue}, 100%, 50%)`;
+  return /* @__PURE__ */_jsx(View, {
+    ref: panelRef,
+    width: size,
+    height: size,
+    borderRadius: "$2",
+    overflow: "hidden",
+    cursor: "crosshair",
+    position: "relative",
+    onPointerDown,
+    userSelect: "none",
+    style: {
+      background: `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, ${hueColor})`,
+      touchAction: "none"
+    },
+    children: /* @__PURE__ */_jsx(View, {
+      position: "absolute",
+      width: 14,
+      height: 14,
+      borderRadius: 7,
+      borderWidth: 2,
+      borderColor: "white",
+      style: {
+        left: `${saturation}%`,
+        top: `${100 - value}%`,
+        transform: "translate(-50%, -50%)",
+        boxShadow: "0 0 2px rgba(0,0,0,0.6)",
+        pointerEvents: "none"
+      }
+    })
+  });
+}
+function HueStrip(param) {
+  var {
+    hue,
+    onChangeHue,
+    width = 220
+  } = param;
+  var stripRef = useRef(null);
+  var updateHue = useCallback(function (clientX, _clientY) {
+    var strip = stripRef.current;
+    if (!strip) return;
+    var rect = strip.getBoundingClientRect();
+    var x = Math.max(0, Math.min(clientX - rect.left, rect.width));
+    onChangeHue(Math.round(x / rect.width * 360));
+  }, [onChangeHue]);
+  var {
+    onPointerDown
+  } = useDrag(updateHue);
+  return /* @__PURE__ */_jsx(View, {
+    ref: stripRef,
+    width,
+    height: 14,
+    borderRadius: "$2",
+    cursor: "pointer",
+    position: "relative",
+    onPointerDown,
+    userSelect: "none",
+    style: {
+      background: "linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)",
+      touchAction: "none"
+    },
+    children: /* @__PURE__ */_jsx(View, {
+      position: "absolute",
+      width: 6,
+      height: 18,
+      borderRadius: 3,
+      borderWidth: 2,
+      borderColor: "white",
+      top: -2,
+      style: {
+        left: `${hue / 360 * 100}%`,
+        transform: "translateX(-50%)",
+        boxShadow: "0 0 2px rgba(0,0,0,0.6)",
+        pointerEvents: "none"
+      }
+    })
+  });
+}
+function AlphaStrip(param) {
+  var {
+    hue,
+    saturation,
+    value,
+    alpha,
+    onChangeAlpha,
+    width = 220
+  } = param;
+  var stripRef = useRef(null);
+  var hex = useMemo(function () {
+    return hsvToHex(hue, saturation, value);
+  }, [hue, saturation, value]);
+  var updateAlpha = useCallback(function (clientX, _clientY) {
+    var strip = stripRef.current;
+    if (!strip) return;
+    var rect = strip.getBoundingClientRect();
+    var x = Math.max(0, Math.min(clientX - rect.left, rect.width));
+    onChangeAlpha(Math.round(x / rect.width * 100));
+  }, [onChangeAlpha]);
+  var {
+    onPointerDown
+  } = useDrag(updateAlpha);
+  return /* @__PURE__ */_jsxs(View, {
+    ref: stripRef,
+    width,
+    height: 14,
+    borderRadius: "$2",
+    cursor: "pointer",
+    position: "relative",
+    overflow: "hidden",
+    onPointerDown,
+    userSelect: "none",
+    style: {
+      touchAction: "none"
+    },
+    children: [/* Checkerboard background */
+    /* @__PURE__ */_jsx(View, {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      style: {
+        backgroundImage: "linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(135deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(135deg, transparent 75%, #ccc 75%)",
+        backgroundSize: "8px 8px",
+        backgroundPosition: "0 0, 4px 0, 4px -4px, 0px 4px"
+      }
+    }), /* Alpha gradient */
+    /* @__PURE__ */_jsx(View, {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      style: {
+        background: `linear-gradient(to right, transparent, ${hex})`
+      }
+    }), /* Thumb */
+    /* @__PURE__ */_jsx(View, {
+      position: "absolute",
+      width: 6,
+      height: 18,
+      borderRadius: 3,
+      borderWidth: 2,
+      borderColor: "white",
+      top: -2,
+      style: {
+        left: `${alpha}%`,
+        transform: "translateX(-50%)",
+        boxShadow: "0 0 2px rgba(0,0,0,0.6)",
+        pointerEvents: "none"
+      }
+    })]
+  });
+}
+function PresetSwatches(param) {
+  var {
+    presetColors,
+    selectedColor,
+    onSelect,
+    width
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  if (!Array.isArray(presetColors) || presetColors.length === 0) return null;
+  var swatchSize = width && width < 200 ? 18 : 22;
+  return /* @__PURE__ */_jsx(XStack, {
+    flexWrap: "wrap",
+    gap: "$1.5",
+    width,
+    justifyContent: "center",
+    children: presetColors.map(function (color) {
+      var isSelected = selectedColor.toUpperCase() === color.toUpperCase();
+      return /* @__PURE__ */_jsx(Button, {
+        size: "$2",
+        width: swatchSize,
+        height: swatchSize,
+        padding: 0,
+        backgroundColor: color,
+        borderWidth: 0,
+        borderRadius: knobProps.borderRadius.borderRadius,
+        onPress: function onPress() {
+          return onSelect(color);
+        },
+        opacity: isSelected ? 1 : 0.75,
+        scale: isSelected ? 1.15 : 1,
+        hoverStyle: {
+          opacity: 1,
+          scale: 1.1
+        }
+      }, color);
+    })
+  });
+}
+var ColorPickerInputTrigger = InputParts.Area.styleable(function (props, ref) {
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var inTableCell = useIsInTableCell();
+  var {
+    value,
+    onButtonPress,
+    onReset,
+    disabled,
+    placeholder,
+    error
+  } = props;
+  return /* @__PURE__ */_jsx(View, {
+    ref,
+    children: /* @__PURE__ */_jsx(InputParts, {
+      cursor: "pointer",
+      onPress: disabled ? void 0 : onButtonPress,
+      size: knobProps.sizeToken,
+      children: /* @__PURE__ */_jsxs(InputParts.Box, {
+        theme: error ? "red" : void 0,
+        ...(disabled ? {
+          opacity: 0.5,
+          pointerEvents: "none"
+        } : void 0),
+        children: [/* @__PURE__ */_jsx(InputParts.Icon, {
+          adornment: "leading",
+          children: /* @__PURE__ */_jsx(View, {
+            width: 20,
+            height: 20,
+            borderRadius: knobProps.borderRadius.borderRadius,
+            backgroundColor: value || formControlColors.background,
+            "aria-label": "Color swatch"
+          })
+        }), !inTableCell && /* @__PURE__ */_jsx(InputParts.Area, {
+          readOnly: true,
+          value,
+          placeholder,
+          pointerEvents: "none",
+          disabled
+        }), /* @__PURE__ */_jsx(InputParts.Button, {
+          onPress: function onPress(e) {
+            if (value) {
+              e.stopPropagation();
+              onReset();
+            } else {
+              onButtonPress();
+            }
+          },
+          children: /* @__PURE__ */_jsx(InputParts.Icon, {
+            children: value ? /* @__PURE__ */_jsx(X, {}) : /* @__PURE__ */_jsx(Palette, {})
+          })
+        })]
+      })
+    })
+  });
+});
+function ColorPickerPopoverShell(param) {
+  var {
+    open,
+    onOpenChange,
+    trigger,
+    children
+  } = param;
+  return /* @__PURE__ */_jsx(FloatingPanel, {
+    open,
+    onOpenChange,
+    trigger,
+    scrollable: true,
+    sizing: "fill",
+    fitContent: true,
+    children
+  });
+}
+export { AlphaStrip, ColorPickerInputTrigger, ColorPickerPopoverShell, HueStrip, PresetSwatches, SaturationPanel, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, isValidHex, normalizeHex, rgbToHex, rgbToHsv };
+//# sourceMappingURL=parts.native.js.map

package/dist/esm/fields/ColorPicker/parts.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Palette","X","useResolvedKnobs","useCallback","useEffect","useMemo","useRef","useState","View","XStack","isWeb","Button","FloatingPanel","Input","InputParts","formControlColors","useIsInTableCell","hsvToRgb","h","s","v","h6","s1","v1","i","Math","floor","f","p","q","t","r","g","b","round","rgbToHex","toHex","toHex2","x","hex","max","min","toString","length","toUpperCase","hsvToHex","hexToRgb","result","exec","Number","parseInt","rgbToHsv","r1","g1","b1","d","hexToHsv","rgb","isValidHex","test","normalizeHex","normalized","startsWith","useDrag","onUpdate","isDragging","setIsDragging","handleMove","handleMove2","e","preventDefault","clientX","clientY","handleUp","handleUp2","document","addEventListener","removeEventListener","onPointerDown","SaturationPanel","param","hue","saturation","value","onChangeSV","size","panelRef","updateColor","panel","current","rect","getBoundingClientRect","left","width","y","top","height","hueColor","ref","borderRadius","overflow","cursor","position","userSelect","style","background","touchAction","children","borderWidth","borderColor","transform","boxShadow","pointerEvents","HueStrip","onChangeHue","stripRef","updateHue","_clientY","strip","AlphaStrip","alpha","onChangeAlpha","updateAlpha","right","bottom","backgroundImage","backgroundSize","backgroundPosition","PresetSwatches","presetColors","selectedColor","onSelect","knobProps","Array","isArray","swatchSize","flexWrap","gap","justifyContent","map","color","isSelected","padding","backgroundColor","onPress","opacity","scale","hoverStyle","ColorPickerInputTrigger","Area","styleable","props","inTableCell","onButtonPress","onReset","disabled","placeholder","error","sizeToken","Box","theme","Icon","adornment","readOnly","stopPropagation","ColorPickerPopoverShell","open","onOpenChange","trigger","scrollable","sizing","fitContent"],"sources":["../../../../src/fields/ColorPicker/parts.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Combobox/Combobox.spec.mjs

@@ -0,0 +1,93 @@
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.mjs";
+import { Combobox } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+const options = [{
+  value: "apple",
+  label: "Apple"
+}, {
+  value: "banana",
+  label: "Banana"
+}, {
+  value: "cherry",
+  label: "Cherry"
+}];
+describe("Combobox", () => {
+  describe("without form context", () => {
+    it("renders with label", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Combobox, {
+        label: "Fruit",
+        name: "fruit",
+        options
+      }));
+      expect(result.findTextElement("Fruit")).toBeDefined();
+    });
+    it("renders required label with asterisk", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Combobox, {
+        label: "Required",
+        name: "req",
+        options,
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      expect(label?.textContent).toContain("*");
+    });
+    it("renders with helper text", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Combobox, {
+        label: "Fruit",
+        name: "fruit",
+        options,
+        helperText: "Pick a fruit"
+      }));
+      expect(result.findTextElement("Pick a fruit")).toBeDefined();
+    });
+    it("renders skeleton placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Combobox, {
+        label: "Loading",
+        name: "l",
+        options,
+        skeleton: true
+      }));
+      const buttons = result.container.querySelectorAll("button");
+      expect(buttons.length).toBe(0);
+    });
+    it("renders with pre-selected value", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Combobox, {
+        label: "Fruit",
+        name: "fruit",
+        options,
+        value: "apple"
+      }));
+      expect(result.findTextElement("Apple")).toBeDefined();
+    });
+    it("renders disabled state", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Combobox, {
+        label: "Disabled",
+        name: "d",
+        options,
+        disabled: true
+      }));
+      expect(result.findTextElement("Disabled")).toBeDefined();
+    });
+  });
+  describe("with form context", () => {
+    it("renders inside form", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            fruit: ""
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */jsx(Combobox, {
+          name: "fruit",
+          label: "Fruit",
+          options
+        })
+      }));
+      expect(result.findTextElement("Fruit")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Combobox.spec.mjs.map

package/dist/esm/fields/Combobox/Combobox.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","renderWithProviders","Form","Combobox","jsx","options","value","label","result","name","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText","skeleton","buttons","querySelectorAll","length","toBe","disabled","formOptions","defaultValues","fruit","submitText","children"],"sources":["../../../../src/fields/Combobox/Combobox.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,MAAA,EAAQC,EAAA,QAAU;AACrC,SAASC,mBAAA,QAA2B;AACpC,SAASC,IAAA,QAAY;AACrB,SAASC,QAAA,QAAgB;AAWgB,SAAAC,GAAA;AATzC,MAAMC,OAAA,GAAU,CACd;EAAEC,KAAA,EAAO;EAASC,KAAA,EAAO;AAAQ,GACjC;EAAED,KAAA,EAAO;EAAUC,KAAA,EAAO;AAAS,GACnC;EAAED,KAAA,EAAO;EAAUC,KAAA,EAAO;AAAS,EACrC;AAEAT,QAAA,CAAS,YAAY,MAAM;EACzBA,QAAA,CAAS,wBAAwB,MAAM;IACrCE,EAAA,CAAG,sBAAsB,MAAM;MAC7B,MAAMQ,MAAA,GAASP,mBAAA,CAAoB,eAAAG,GAAA,CAACD,QAAA;QAASI,KAAA,EAAM;QAAQE,IAAA,EAAK;QAAQJ;MAAA,CAAkB,CAAE;MAC5FN,MAAA,CAAOS,MAAA,CAAOE,eAAA,CAAgB,OAAO,CAAC,EAAEC,WAAA,CAAY;IACtD,CAAC;IAEDX,EAAA,CAAG,wCAAwC,MAAM;MAC/C,MAAMQ,MAAA,GAASP,mBAAA,CACb,eAAAG,GAAA,CAACD,QAAA;QAASI,KAAA,EAAM;QAAWE,IAAA,EAAK;QAAMJ,OAAA;QAAkBO,QAAA,EAAQ;MAAA,CAAC,CACnE;MACA,MAAML,KAAA,GAAQC,MAAA,CAAOK,SAAA,CAAUC,aAAA,CAAc,OAAO;MACpDf,MAAA,CAAOQ,KAAA,EAAOQ,WAAW,EAAEC,SAAA,CAAU,GAAG;IAC1C,CAAC;IAEDhB,EAAA,CAAG,4BAA4B,MAAM;MACnC,MAAMQ,MAAA,GAASP,mBAAA,CACb,eAAAG,GAAA,CAACD,QAAA;QAASI,KAAA,EAAM;QAAQE,IAAA,EAAK;QAAQJ,OAAA;QAAkBY,UAAA,EAAW;MAAA,CAAe,CACnF;MACAlB,MAAA,CAAOS,MAAA,CAAOE,eAAA,CAAgB,cAAc,CAAC,EAAEC,WAAA,CAAY;IAC7D,CAAC;IAEDX,EAAA,CAAG,gCAAgC,MAAM;MACvC,MAAMQ,MAAA,GAASP,mBAAA,CACb,eAAAG,GAAA,CAACD,QAAA;QAASI,KAAA,EAAM;QAAUE,IAAA,EAAK;QAAIJ,OAAA;QAAkBa,QAAA,EAAQ;MAAA,CAAC,CAChE;MAEA,MAAMC,OAAA,GAAUX,MAAA,CAAOK,SAAA,CAAUO,gBAAA,CAAiB,QAAQ;MAC1DrB,MAAA,CAAOoB,OAAA,CAAQE,MAAM,EAAEC,IAAA,CAAK,CAAC;IAC/B,CAAC;IAEDtB,EAAA,CAAG,mCAAmC,MAAM;MAC1C,MAAMQ,MAAA,GAASP,mBAAA,CACb,eAAAG,GAAA,CAACD,QAAA;QAASI,KAAA,EAAM;QAAQE,IAAA,EAAK;QAAQJ,OAAA;QAAkBC,KAAA,EAAM;MAAA,CAAQ,CACvE;MACAP,MAAA,CAAOS,MAAA,CAAOE,eAAA,CAAgB,OAAO,CAAC,EAAEC,WAAA,CAAY;IACtD,CAAC;IAEDX,EAAA,CAAG,0BAA0B,MAAM;MACjC,MAAMQ,MAAA,GAASP,mBAAA,CACb,eAAAG,GAAA,CAACD,QAAA;QAASI,KAAA,EAAM;QAAWE,IAAA,EAAK;QAAIJ,OAAA;QAAkBkB,QAAA,EAAQ;MAAA,CAAC,CACjE;MACAxB,MAAA,CAAOS,MAAA,CAAOE,eAAA,CAAgB,UAAU,CAAC,EAAEC,WAAA,CAAY;IACzD,CAAC;EACH,CAAC;EAEDb,QAAA,CAAS,qBAAqB,MAAM;IAClCE,EAAA,CAAG,uBAAuB,MAAM;MAC9B,MAAMQ,MAAA,GAASP,mBAAA,CACb,eAAAG,GAAA,CAACF,IAAA;QAAKsB,WAAA,EAAa;UAAEC,aAAA,EAAe;YAAEC,KAAA,EAAO;UAAG;QAAE;QAAGC,UAAA,EAAW;QAC9DC,QAAA,iBAAAxB,GAAA,CAACD,QAAA;UAASM,IAAA,EAAK;UAAQF,KAAA,EAAM;UAAQF;QAAA,CAAkB;MAAA,CACzD,CACF;MACAN,MAAA,CAAOS,MAAA,CAAOE,eAAA,CAAgB,OAAO,CAAC,EAAEC,WAAA,CAAY;IACtD,CAAC;EACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/fields/Combobox/Combobox.spec.native.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.native.js";
+import { Combobox } from "./index.native.js";
+var options = [{
+  value: "apple",
+  label: "Apple"
+}, {
+  value: "banana",
+  label: "Banana"
+}, {
+  value: "cherry",
+  label: "Cherry"
+}];
+describe("Combobox", function () {
+  describe("without form context", function () {
+    it("renders with label", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Combobox, {
+        label: "Fruit",
+        name: "fruit",
+        options
+      }));
+      expect(result.findTextElement("Fruit")).toBeDefined();
+    });
+    it("renders required label with asterisk", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Combobox, {
+        label: "Required",
+        name: "req",
+        options,
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    it("renders with helper text", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Combobox, {
+        label: "Fruit",
+        name: "fruit",
+        options,
+        helperText: "Pick a fruit"
+      }));
+      expect(result.findTextElement("Pick a fruit")).toBeDefined();
+    });
+    it("renders skeleton placeholder", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Combobox, {
+        label: "Loading",
+        name: "l",
+        options,
+        skeleton: true
+      }));
+      var buttons = result.container.querySelectorAll("button");
+      expect(buttons.length).toBe(0);
+    });
+    it("renders with pre-selected value", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Combobox, {
+        label: "Fruit",
+        name: "fruit",
+        options,
+        value: "apple"
+      }));
+      expect(result.findTextElement("Apple")).toBeDefined();
+    });
+    it("renders disabled state", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Combobox, {
+        label: "Disabled",
+        name: "d",
+        options,
+        disabled: true
+      }));
+      expect(result.findTextElement("Disabled")).toBeDefined();
+    });
+  });
+  describe("with form context", function () {
+    it("renders inside form", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            fruit: ""
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */_jsx(Combobox, {
+          name: "fruit",
+          label: "Fruit",
+          options
+        })
+      }));
+      expect(result.findTextElement("Fruit")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Combobox.spec.native.js.map

package/dist/esm/fields/Combobox/Combobox.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","describe","expect","it","renderWithProviders","Form","Combobox","options","value","label","result","name","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText","skeleton","buttons","querySelectorAll","length","toBe"],"sources":["../../../../src/fields/Combobox/Combobox.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,QAAQ,mBAAU;AACrC,SAASC,QAAA,EAAAC,MAAA,EAAAC,EAAA,QAA2B;AACpC,SAASC,mBAAY;AACrB,SAASC,IAAA,oCAAgB;AAWgB,SAAAC,QAAA;AATzC,IAAAC,OAAM,IACJ;EACEC,KAAA,EAAO;EACPC,KAAA,EAAO;AACX,GAEA;EACED,KAAA,EAAS;EACPC,KAAG;AACD,GACA;EACFD,KAAC;EAEDC,KAAG;AACD,EAAe;AACoDR,QACnE;EACAA,QAAA,uBAAqB,cAAU;IAC/BE,EAAA,qBAAc,cAAa;MAC5B,IAAAO,MAAA,GAAAN,mBAAA,gBAAAJ,IAAA,CAAAM,QAAA;QAEEG,KAAA;QACDE,IAAM,SAAS;QACbJ;MACF;MACAL,MAAA,CAAOQ,MAAA,CAAOE,eAAA,CAAgB,UAAAC,WAAiB;IACjD,CAAC;IAEDV,EAAA,CAAG,sCAAsC;MACvC,IAAAO,MAAM,GAAAN,mBAAS,gBAAAJ,IAAA,CAAAM,QAAA;QACbG,KAAA;QACFE,IAAA;QAEAJ,OAAM;QACNO,QAAO;MACR;MAED,IAAGL,KAAA,GAAAC,MAAA,CAAAK,SAAA,CAAAC,aAAyC;MAC1Cd,MAAM,CAAAO,KAAA,KAAS,QAAAA,KAAA,uBAAAA,KAAA,CAAAQ,WAAA,EAAAC,SAAA;IAAA;IACwDf,EACvE;MACA,IAAAO,MAAO,GAAAN,mBAAuB,gBAAUJ,IAAY,CAAAM,QAAA;QACrDG,KAAA;QAEEE,IAAA;QACDJ,OAAM;QACJY,UAAA;MACF;MACAjB,MAAA,CAAOQ,MAAA,CAAOE,eAAA,CAAgB,cAAa,GAAAC,WAAY;IACzD,CAAC;IACFV,EAAA;MAED,IAAAO,MAAS,GAAAN,mBAA2B,gBAAAJ,IAAA,CAAAM,QAAA;QAC/BG,KAAA;QACDE,IAAM;QACJJ,OAAA;QAGFa,QAAA;MACA;MACD,IAAAC,OAAA,GAAAX,MAAA,CAAAK,SAAA,CAAAO,gBAAA;MACFpB,MAAA,CAAAmB,OAAA,CAAAE,MAAA,EAAAC,IAAA;IACF","ignoreList":[]}