@multiplatform.one/forms 6.0.0

package/dist/cjs/fields/Stepper/index.native.js

@@ -0,0 +1,347 @@
+"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 Stepper_exports = {};
+__export(Stepper_exports, {
+  Stepper: () => Stepper
+});
+module.exports = __toCommonJS(Stepper_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_utils = require("../../shared/utils.native.js");
+var import_useWheelIncrement = require("../../shared/useWheelIncrement.native.js");
+var import_InputParts = require("../../InputParts/index.native.js");
+var import_ControlGroup = require("../../ControlGroup/index.native.js");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_Button = require("../../Button/index.native.js");
+var repeatDelay = 400;
+var repeatInterval = 80;
+function useRepeatAction(action) {
+  var timerRef = (0, import_react.useRef)(null);
+  var intervalRef = (0, import_react.useRef)(null);
+  var actionRef = (0, import_react.useRef)(action);
+  actionRef.current = action;
+  var stop = (0, import_react.useCallback)(function () {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+      intervalRef.current = null;
+    }
+  }, []);
+  var start = (0, import_react.useCallback)(function () {
+    stop();
+    actionRef.current();
+    timerRef.current = setTimeout(function () {
+      intervalRef.current = setInterval(function () {
+        return actionRef.current();
+      }, repeatInterval);
+    }, repeatDelay);
+  }, [stop]);
+  (0, import_react.useEffect)(function () {
+    return stop;
+  }, [stop]);
+  return {
+    onPressIn: start,
+    onPressOut: stop
+  };
+}
+function Stepper(props) {
+  var {
+    defaultValue,
+    form,
+    inputProps,
+    min,
+    max,
+    step = 1,
+    precision = 0,
+    showButtons = true,
+    buttonPosition = "both",
+    allowEmpty = false,
+    placeholder,
+    mode,
+    name,
+    preserveValue,
+    validators,
+    disabled,
+    readOnly,
+    label,
+    labelProps,
+    error: errorProp,
+    helperText,
+    required,
+    size,
+    onBlur,
+    skeleton,
+    compact,
+    id: idProp,
+    ...restProps
+  } = (0, import_tamagui.useProps)(props);
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = (0, import_utils.useFormField)({
+    form,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  var [inputValue, setInputValue] = (0, import_react.useState)(function () {
+    if (defaultValue !== void 0 && defaultValue !== null) {
+      return precision > 0 ? defaultValue.toFixed(precision) : String(defaultValue);
+    }
+    return "";
+  });
+  var incrementRef = (0, import_react.useRef)(function () {});
+  var decrementRef = (0, import_react.useRef)(function () {});
+  var repeatIncrement = useRepeatAction(function () {
+    return incrementRef.current();
+  });
+  var repeatDecrement = useRepeatAction(function () {
+    return decrementRef.current();
+  });
+  var formatValue = (0, import_react.useCallback)(function (value) {
+    if (value === null || value === void 0) return "";
+    return precision > 0 ? value.toFixed(precision) : value.toString();
+  }, [precision]);
+  var parseValue = (0, import_react.useCallback)(function (value) {
+    if (value === "" && allowEmpty) return null;
+    var parsed = Number.parseFloat(value);
+    return Number.isNaN(parsed) ? null : parsed;
+  }, [allowEmpty]);
+  var clampValue = (0, import_react.useCallback)(function (value) {
+    if (value === null) return null;
+    if (min !== void 0 && value < min) return min;
+    if (max !== void 0 && value > max) return max;
+    return value;
+  }, [min, max]);
+  var increment = (0, import_react.useCallback)(function () {
+    var currentValue = parseValue(inputValue) || 0;
+    var newValue = clampValue(currentValue + step);
+    if (newValue !== null) {
+      setInputValue(formatValue(newValue));
+    }
+  }, [inputValue, parseValue, clampValue, step, formatValue]);
+  var decrement = (0, import_react.useCallback)(function () {
+    var currentValue = parseValue(inputValue) || 0;
+    var newValue = clampValue(currentValue - step);
+    if (newValue !== null) {
+      setInputValue(formatValue(newValue));
+    }
+  }, [inputValue, parseValue, clampValue, step, formatValue]);
+  incrementRef.current = increment;
+  decrementRef.current = decrement;
+  var {
+    wheelProps
+  } = (0, import_useWheelIncrement.useWheelIncrement)({
+    onIncrement: increment,
+    onDecrement: decrement,
+    disabled,
+    readOnly
+  });
+  var handleInputChange = (0, import_react.useCallback)(function (text) {
+    if (text === "" && allowEmpty) {
+      setInputValue("");
+      return;
+    }
+    var cleanText = text.replace(/[^0-9.-]/g, "");
+    if (precision === 0 && cleanText.includes(".")) {
+      return;
+    }
+    setInputValue(cleanText);
+  }, [allowEmpty, precision]);
+  var renderNumberRow = function renderNumberRow2(onBlurHandler, onFocusHandler, hasError) {
+    var controlGroup = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_ControlGroup.ControlGroup, {
+      children: [showButtons && !readOnly && (buttonPosition === "left" || buttonPosition === "both") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        size: knobProps.sizeToken,
+        disabled,
+        tabIndex: -1,
+        "aria-label": "Decrease",
+        onPressIn: repeatDecrement.onPressIn,
+        onPressOut: repeatDecrement.onPressOut,
+        icon: import_lucide_icons_2.Minus
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+        value: inputValue,
+        placeholder,
+        keyboardType: "numeric",
+        disabled,
+        readOnly: !!readOnly,
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0,
+        "aria-readonly": readOnly || void 0,
+        onChangeText: readOnly ? void 0 : handleInputChange,
+        textAlign: "center",
+        ...(onBlurHandler ? {
+          onBlur: onBlurHandler
+        } : void 0),
+        ...(onFocusHandler ? {
+          onFocus: onFocusHandler
+        } : void 0),
+        ...inputProps
+      }), showButtons && !readOnly && (buttonPosition === "right" || buttonPosition === "both") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        size: knobProps.sizeToken,
+        disabled,
+        tabIndex: -1,
+        "aria-label": "Increase",
+        onPressIn: repeatIncrement.onPressIn,
+        onPressOut: repeatIncrement.onPressOut,
+        icon: import_lucide_icons_2.Plus
+      })]
+    });
+    if (import_tamagui.isWeb && !disabled && !readOnly) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+        ...wheelProps,
+        children: controlGroup
+      });
+    }
+    return controlGroup;
+  };
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input, {
+      size: size || knobProps.sizeToken,
+      children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "text",
+        width: "30%",
+        height: 14
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })]
+    });
+  }
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+        size: size || knobProps.sizeToken,
+        children: renderNumberRow(void 0, void 0, !!errorProp)
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StepperFieldRenderer, {
+        field,
+        fieldProps: {
+          label,
+          labelProps,
+          error: errorProp,
+          helperText,
+          required,
+          size,
+          readOnly,
+          onBlur,
+          ...restProps
+        },
+        id,
+        inputValue,
+        setInputValue,
+        formatValue,
+        parseValue,
+        clampValue,
+        knobProps,
+        renderNumberRow
+      });
+    }
+  });
+}
+function StepperFieldRenderer(param) {
+  var {
+    field,
+    fieldProps,
+    id,
+    inputValue,
+    setInputValue,
+    formatValue,
+    parseValue,
+    clampValue,
+    knobProps,
+    renderNumberRow
+  } = param;
+  var isFieldUpdateRef = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(function () {
+    var fieldValue = field.state.value;
+    if (fieldValue !== void 0 && fieldValue !== null) {
+      var formatted = formatValue(fieldValue);
+      if (formatted !== inputValue) {
+        isFieldUpdateRef.current = true;
+        setInputValue(formatted);
+      }
+    } else if (fieldValue === null && inputValue !== "") {
+      isFieldUpdateRef.current = true;
+      setInputValue("");
+    }
+  }, [field.state.value, formatValue, setInputValue]);
+  (0, import_react.useEffect)(function () {
+    if (isFieldUpdateRef.current) {
+      isFieldUpdateRef.current = false;
+      return;
+    }
+    var parsedValue = parseValue(inputValue);
+    var clampedValue = clampValue(parsedValue);
+    if (clampedValue !== field.state.value) {
+      field.handleChange(clampedValue);
+    }
+  }, [inputValue, parseValue, clampValue, field.handleChange, field.state.value]);
+  var error = (0, import_utils.getFieldError)(field, fieldProps.error);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+    id,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    size: fieldProps.size,
+    knobProps,
+    onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", fieldProps.onBlur),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+      size: fieldProps.size || knobProps.sizeToken,
+      children: renderNumberRow(void 0, function () {
+        return field.handleChange(parseValue(inputValue));
+      }, !!error)
+    })
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/fields/Stepper/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Stepper_exports","__export","Stepper","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_Skeleton","import_fieldLayout","import_utils","import_useWheelIncrement","import_InputParts","import_ControlGroup","import_lucide_icons_2","import_Button","repeatDelay","repeatInterval","useRepeatAction","action","timerRef","useRef","intervalRef","actionRef","current","stop","useCallback","clearTimeout","clearInterval","start","setTimeout","setInterval","useEffect","onPressIn","onPressOut","props","defaultValue","form","inputProps","min","max","step","precision","showButtons","buttonPosition","allowEmpty","placeholder","mode","name","preserveValue","validators","disabled","readOnly","label","labelProps","error","errorProp","helperText","required","size","onBlur","skeleton","compact","id","idProp","restProps","useProps","resolvedForm","knobProps","useFormField","resolvedValidators","useResolvedValidators","inputValue","setInputValue","useState","toFixed","String","incrementRef","decrementRef","repeatIncrement","repeatDecrement","formatValue","toString","parseValue","parsed","Number","parseFloat","isNaN","clampValue","increment","currentValue","newValue","decrement","wheelProps","useWheelIncrement","onIncrement","onDecrement","handleInputChange","text","cleanText","replace","includes","renderNumberRow","renderNumberRow2","onBlurHandler","onFocusHandler","hasError","controlGroup","jsxs","ControlGroup","children","jsx","Button","sizeToken","tabIndex","icon","Minus","Input","Area","keyboardType","onChangeText","textAlign","onFocus","Plus","isWeb","Skeleton","variant","width","height","FieldLayout","Field","field","StepperFieldRenderer","fieldProps","param","isFieldUpdateRef","fieldValue","state","formatted","parsedValue","clampedValue","handleChange","getFieldError","mergeFieldHandler"],"sources":["../../../../src/fields/Stepper/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA8E,CAAAK,eAAA;AAC9E,IAAAK,kBAAgC,GAAAC,OAAA;AAIhC,IAAAC,YAAA,GAAAD,OAAyB;AACzB,IAAAE,cAAA,GAAAF,OAAmC;AACnC,IAAAG,eAKO,GAAAH,OAAA;AACP,IAAAI,kBAAA,GAAAJ,OAAkC;AAElC,IAAAK,YAAA,GAAAL,OAAoC;AACpC,IAAAM,wBAA6B,GAAAN,OAAA;AAC7B,IAAAO,iBAAA,GAAAP,OAA4B;AAC5B,IAAAQ,mBAAuB,GAAAR,OAAA;AA+MjB,IAAAS,qBAAA,GAAAT,OAAA;AA5MN,IAAAU,aAAM,GAAcV,OAAA;AACpB,IAAAW,WAAM;AAEN,IAAAC,cAAS;AACP,SAAMC,eAAWA,CAAAC,MAAA;EACjB,IAAAC,QAAM,OAAAd,YAAc,CAAAe,MAAA,OAA8C;EAClE,IAAAC,WAAM,OAAYhB,YAAA,CAAAe,MAAA,EAAO;EACzB,IAAAE,SAAU,OAAUjB,YAAA,CAAAe,MAAA,EAAAF,MAAA;EAEpBI,SAAM,CAAAC,OAAO,GAAAL,MAAA;EACX,IAAAM,IAAI,OAASnB,YAAS,CAAAoB,WAAA;IACpB,IAAAN,QAAA,CAAAI,OAAa;MACbG,YAAS,CAAAP,QAAU,CAAAI,OAAA;MACrBJ,QAAA,CAAAI,OAAA;IACA;IACE,IAAAF,WAAA,CAAcE,OAAA;MACdI,aAAY,CAAAN,WAAU,CAAAE,OAAA;MACxBF,WAAA,CAAAE,OAAA;IACF;EAEA,MAAM;EACJ,IAAAK,KAAK,OAAAvB,YAAA,CAAAoB,WAAA;IACLD,IAAA;IACAF,SAAS,CAAAC,OAAA,EAAU;IACjBJ,QAAA,CAAAI,OAAY,GAAAM,UAAU,aAAY;MACpCR,WAAG,CAAWE,OAAA,GAAAO,WAAA;QACZ,OAAKR,SAAA,CAAAC,OAAA;MAET,GAAAP,cAAA;IAEA,GAAAD,WAAS;EACX,IAkCOS,IAAA,CAOL;EAAM,EACJ,EAAAnB,YAAA,CAAA0B,SAAA;IACA,OAAAP,IAAA;EAAA,GACA,CACAA,IAAA,EACA;EAAA,OACA;IACAQ,SAAA,EAAAJ,KAAY;IACZK,UAAA,EAAAT;EAAc;AACG;AACJ,SACbxB,QAAAkC,KAAA;EAAA,IACA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,IAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC,IAAA;IAAAC,aAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,EAAA,EAAAC,MAAA;IAAA,GAAAC;EAAA,QAAA1D,cAAA,CAAA2D,QAAA,EAAA/B,KAAA;EAAA,IACA;IAAAgC,YAAA;IAAAC,SAAA;IAAAL;EAAA,QAAArD,YAAA,CAAA2D,YAAA;IACAhC,IAAA;IACA0B,EAAA,EAAAC,MAAA;IACAF;EAAA,EACA;EAAA,IACAQ,kBAAA,OAAA5D,YAAA,CAAA6D,qBAAA,EAAAb,QAAA,EAAAR,UAAA,EAAAG,KAAA,EAAAL,IAAA;EAAA,IACA,CAAAwB,UAAA,EAAAC,aAAA,QAAAnE,YAAA,CAAAoE,QAAA;IACA,IAAAtC,YAAO,eAAAA,YAAA;MACP,OAAAM,SAAA,OAAAN,YAAA,CAAAuC,OAAA,CAAAjC,SAAA,IAAAkC,MAAA,CAAAxC,YAAA;IACA;IACA;EAAA,EACA;EAAA,IACAyC,YAAA,OAAAvE,YAAA,CAAAe,MAAA,iBACA;EAAA,IACAyD,YAAI,OAAAxE,YAAA,CAAAe,MAAA,iBACJ;EACF,IAAA0D,eAAI,GAAA7D,eAAS,CAAK;IAElB,OAAQ2D,YAAA,CAAcrD,OAAA;EACtB;EAGA,IAAAwD,eAAmB,GAAA9D,eAAa,aAAI;IAClC,OAAI4D,YAAA,CAAAtD,OAAiB;EACnB;EAAwF,IAC1FyD,WAAA,OAAA3E,YAAA,CAAAoB,WAAA,YAAA5B,KAAA;IACA,IAAAA,KAAO,aAAAA,KAAA;IACR,OAAA4C,SAAA,OAAA5C,KAAA,CAAA6E,OAAA,CAAAjC,SAAA,IAAA5C,KAAA,CAAAoF,QAAA;EACD,IAAgDxC,SAAA,CAChD;EAA+C,IAACyC,UAAA,OAAA7E,YAAA,CAAAoB,WAAA,YAAA5B,KAAA;IAChD,IAAMA,KAAA,WAAA+C,UAAkB,SAAgB;IACxC,IAAMuC,MAAA,GAAAC,MAAA,CAAAC,UAAkB,CAAAxF,KAAA;IAGxB,OAAMuF,MAAA,CAAAE,KAAA,CAAAH,MAAc,WAAAA,MAAA;EAAA,GACjB,CACCvC,UAAI,CACJ;EAAiE,IACnE2C,UAAA,OAAAlF,YAAA,CAAAoB,WAAA,YAAA5B,KAAA;IACA,IAACA,KAAA,KAAS;IACZ,IAAAyC,GAAA,eAAAzC,KAAA,GAAAyC,GAAA,SAAAA,GAAA;IAGA,IAAMC,GAAA,eAAa1C,KAAA,GAAA0C,GAAA,SAAAA,GAAA;IACjB,OAAC1C,KAAiC;EAChC,IACAyC,GAAA,EACAC,GAAA,CAAqC,CACvC;EAAA,IACCiD,SAAU,OAAAnF,YAAA,CAAAoB,WAAA;IACb,IAAAgE,YAAA,GAAAP,UAAA,CAAAX,UAAA;IAGA,IAAMmB,QAAA,GAAAH,UAAa,CAAAE,YAAA,GAAAjD,IAAA;IACjB,IAACkD,QAAwC;MACvClB,aAAI,CAAUQ,WAAM,CAAAU,QAAO;IAC3B;EACA,IACAnB,UAAO,EACTW,UAAA,EACAK,UAAS,EACX/C,IAAA,EAGAwC,WAAM,CACJ;EACA,IAAAW,SAAM,OAAWtF,YAAW,CAAAoB,WAAA,EAAe,YAAI;IAC/C,IAAIgE,YAAA,GAAaP,UAAM,CAAAX,UAAA;IACrB,IAAAmB,QAAA,GAAAH,UAAc,CAAAE,YAAqB,GAAAjD,IAAA;IACrC,IAAAkD,QAAA;MACElB,aAAY,CAAAQ,WAAY,CAAAU,QAAA,EAAY;IAGxC;EACE,IACAnB,UAAM,EACNW,UAAI,EACFK,UAAA,EACF/C,IAAA,EACFwC,WAAI,CAEJ;EACAJ,YAAA,CAAarD,OAAA,GAAUiE,SAAA;EAEvBX,YAAQ,CAAAtD,OAAW,GAAAoE,SAAI;EAAkB,IACvC;IAAAC;EAAa,QAAAlF,wBAAA,CAAAmF,iBAAA;IACbC,WAAA,EAAaN,SAAA;IACbO,WAAA,EAAAJ,SAAA;IACAzC,QAAA;IACDC;EAGD;EAA0B,IACvB6C,iBAAiB,OAAA3F,YAAA,CAAAoB,WAAA,YAAAwE,IAAA;IAEhB,IAAAA,IAAI,OAAS,IAAArD,UAAM;MACjB4B,aAAA,GAAc;MACd;IAAA;IAIF,IAAA0B,SAAM,GAAAD,IAAY,CAAAE,OAAK,YAAQ;IAG/B,IAAA1D,SAAI,UAAcyD,SAAK,CAAAE,QAAU,IAAS,GAAG;MAC3C;IAAA;IAGF5B,aAAA,CAAA0B,SAAc;EAAS,GACzB,CACAtD,UAAC,EACHH,SAAA,CAEA;EAKE,IAAA4D,eAAM,YACJC,iBAAAC,aAAA,EAAAC,cAAC,EAAAC,QAAA;IACE,IAAAC,YAAA,GAAgB,eAAa,IAAAvG,kBAAmB,CAAAwG,IAAU,EAAA/F,mBAAmB,CAAAgG,YAC5E;MAAAC,QAAC,GAAAnE,WAAA,KAAAS,QAAA,KAAAR,cAAA,eAAAA,cAAA,mCAAAxC,kBAAA,CAAA2G,GAAA,EAAAhG,aAAA,CAAAiG,MAAA;QACCrD,IAAA,EAAMS,SAAA,CAAU6C,SAAA;QAChB9D,QAAA;QACA+D,QAAA,EAAU;QACV,cAAW;QACXjF,SAAA,EAAW+C,eAAA,CAAgB/C,SAAA;QAC3BC,UAAA,EAAY8C,eAAA,CAAgB9C,UAAA;QAC5BiF,IAAA,EAAMrG,qBAAA,CAAAsG;MAAA,IACR,mBAAAhH,kBAAA,CAAA2G,GAAA,EAAAnG,iBAAA,CAAAyG,KAAA,CAAAC,IAAA;QAGFxH,KAAA,EAAA0E,UAAA;QAAC1B,WAAA;QAAAyE,YAAA;QACCpE,QAAO;QACPC,QAAA,IAAAA,QAAA;QACA,eAAa,EAAAM,QAAA;QACb,gBAAAgD,QAAA;QACA,eAAY,EAAAtD,QAAA;QACZoE,YAAA,EAAApE,QAAe,QAAY,IAAA6C,iBAAA;QAC3BwB,SAAA,UAAc;QACd,IAAAjB,aAAA,GAAe;UACf5C,MAAA,EAAA4C;QACA;QACC,IAAIC,cAAA,GAAgB;UACpBiB,OAAI,EAAAjB;QACJ,IAAI;QAAA,GAAAnE;MACP,IAECK,WAAA,IAAgB,CAAAS,QAAA,KAAaR,cAAA,KAAmB,WAAWA,cAAA,KAAmB,WAC7E,mBAAAxC,kBAAA,CAAA2G,GAAA,EAAAhG,aAAA,CAAAiG,MAAA;QAACrD,IAAA,EAAAS,SAAA,CAAA6C,SAAA;QAAA9D,QAAA;QACC+D,QAAM;QACN;QACAjF,SAAA,EAAU8C,eAAA,CAAA9C,SAAA;QACVC,UAAA,EAAA6C,eAAW,CAAA7C,UAAA;QACXiF,IAAA,EAAArG,qBAA2B,CAAA6G;MAAA,EAC3B;IACM;IAAA,IACRpH,cAAA,CAAAqH,KAAA,KAAAzE,QAAA,KAAAC,QAAA;MAAA,OAEJ,mBAAAhD,kBAAA,CAAA2G,GAAA;QAIE,GAAAlB,UAAA;QACFiB,QAAO,EAAAH;MACT;IACA;IACF,OAAAA,YAAA;EAGA;EACE,IAAA9C,QACE;IACG,sBAAS,IAAAzD,kBAAA,CAAAwG,IAAA,EAAAhG,iBAAC,CAAAyG,KAAA;MACX1D,IAAA,EAAAA,IAAA,IAAAS,SAAA,CAAA6C,SAAA;MAAsEH,QACxE,GAEJzD,KAAA,uBAAAjD,kBAAA,CAAA2G,GAAA,EAAAvG,eAAA,CAAAqH,QAAA;QAEKC,OAAA,QAAiB;QACpBC,KACE;QAACC,MAAA;MAAA,IACC,mBAAA5H,kBAAA,CAAA2G,GAAA,EAAAvG,eAAA,CAAAqH,QAAA;QACAC,OAAA;QACAC,KAAA;QACAC,MAAO,EAAA5D,SAAA,CAAA6C;MACP;IACA;EACA;EACA,KAAA9C,YACA,KAAAnB,IAAA;IAAA,OAEA,mBAAA5C,kBAAA,CAAA2G,GAAA,EAAAtG,kBAAC,CAAAwH,WAAA;MAEDlE,EAAA;MACFV,KAAA;MAEJC,UAAA;MAGAC,KACE,EAAAC,SAAA;MAACC,UAAA;MAAAC,QAAA;MACCC,IAAA;MACAS,SAAM;MACNR,MAAA;MACAkD,QAAA,qBAAA1G,kBAAA,CAAA2G,GAAA,EAAAnG,iBAAA,CAAAyG,KAAA;QACA1D,IAAA,EAAAA,IAAA,IAAAS,SAAA,CAAA6C,SAAA;QACAH,QAAA,EAAYR,eAAA,mBAAA9C,SAAA;MAEX;IACC;EAAC;EAAA,sBACC,IAAApD,kBAAA,CAAA2G,GAAA,EAAAtG,kBAAA,CAAAyH,KAAA;IAAA9F,YACA;IAAYC,IAAA,EAAA8B,YACV;IAAApB,IAAA;IACAC,IAAA;IACOC,aACP;IAAAC,UACA,EAAAoB,kBAAA;IAAAwC,QACA,WAAAA,SAAAqB,KAAA;MAAA,OACA,mBAAA/H,kBAAA,CAAA2G,GAAA,EAAAqB,oBAAA;QAAAD,KACA;QAAAE,UACG;UACLhF,KAAA;UACAC,UAAA;UACAC,KAAA,EAAAC,SAAA;UACAC,UAAA;UACAC,QAAA;UACAC,IAAA;UACAP,QAAA;UACAQ,MAAA;UACA,GAAAK;QAAA;QACFF,EAAA;QAAAS,UAAA;QAEJC,aAAA;QAEJQ,WAAA;QAEAE,UAAS;QACPK,UAAA;QACApB,SAAA;QACAkC;MACA;IACA;EACA;AAAA;AACA,SACA8B,qBAAAE,KAAA;EACA;IAAAH,KAAA;IAAAE,UAAA;IAAAtE,EAAA;IAAAS,UAAA;IAAAC,aAAA;IAAAQ,WAAA;IAAAE,UAAA;IAAAK,UAAA;IAAApB,SAAA;IAAAkC;EAAA,IAAAgC,KAAA;EACA,IAAAC,gBAAA,OAAAjI,YAAA,CAAAe,MAAA;EACF,CAAQ,GAAAf,YAAA,CAAA0B,SAAA;IACN,IAAMwG,UAAA,GAAAL,KAAA,CAAAM,KAAmB,CAAA3I,KAAA;IAEzB,IAAA0I,UAAA,eAAUA,UAAM;MACd,IAAME,SAAA,GAAAzD,WAAmB,CAAAuD,UAAM;MAC/B,IAAIE,SAAA,KAAelE,UAAa;QAC9B+D,gBAAkB,CAAA/G,OAAA,OAAY;QAC9BiD,aAAI,CAAAiE,SAAc;MAChB;IACA,WAAAF,UAAc,SAAS,IAAAhE,UAAA;MACzB+D,gBAAA,CAAA/G,OAAA;MACFiD,aAAW;IACT;EACA,IACF0D,KAAA,CAAAM,KAAA,CAAA3I,KAAA,EACFmF,WAAU,EAEVR,aAAA,CACE;EACE,IAAAnE,YAAA,CAAA0B,SAAiB,cAAU;IAC3B,IAAAuG,gBAAA,CAAA/G,OAAA;MACF+G,gBAAA,CAAA/G,OAAA;MACA;IACA;IACA,IAAImH,WAAA,GAAAxD,UAAuB,CAAAX,UAAM,CAAO;IACtC,IAAAoE,YAAM,GAAApD,UAAa,CAAAmD,WAAqB;IAC1C,IAAAC,YAAA,KAAAT,KAAA,CAAAM,KAAA,CAAA3I,KAAA;MACEqI,KAAA,CAAAU,YAAY,CAAAD,YAAY;IAE5B;EAEA,IACGpE,UAAA,EAAAW,UAAA,EAAAK,UACC,EAAA2C,KACA,CAAAU,YAAO,EAAWV,KAClB,CAAAM,KAAA,CAAA3I,KAAY,CAAW;EACvB,IACAyD,KAAA,OAAY7C,YAAW,CAAAoI,aAAA,EAAAX,KAAA,EAAAE,UAAA,CAAA9E,KAAA;EAAA,OACvB,eAAU,EAAW,EAAAnD,kBAAA,CAAA2G,GAAA,EAAAtG,kBAAA,CAAAwH,WAAA;IAAAlE,EACrB;IAAiBV,KACjB,EAAAgF,UAAA,CAAAhF,KAAA;IAAAC,UACA,EAAA+E,UAAQ,CAAA/E,UAAA;IAAwDC,KAEhE;IACGE,UACC,EAAA4E,UAAA,CAAA5E,UAAA;IAAAC,QACA,EAAM2E,UAAM,CAAA3E,QAAa;IAA+BC,IACxD,EAAE0E,UAAA,CAAA1E,IAAA;IAAAS,SAEN;IAAAR,MAAA,MAAAlD,YAAA,CAAAqI,iBAAA,EAAAZ,KAAA,gBAAAE,UAAA,CAAAzE,MAAA;IACFkD,QAAA,qBAAA1G,kBAAA,CAAA2G,GAAA,EAAAnG,iBAAA,CAAAyG,KAAA;MAEJ1D,IAAA,EAAA0E,UAAA,CAAA1E,IAAA,IAAAS,SAAA,CAAA6C,SAAA","ignoreList":[]}

package/dist/cjs/fields/Switch/Switch.spec.cjs

@@ -0,0 +1,182 @@
+var import_react_form = require("@tanstack/react-form");
+var import_react = require("@testing-library/react");
+var import_tamagui = require("tamagui");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_Button = require("../../Button/index.cjs");
+var import_Form = require("../../Form/index.cjs");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_vitest.describe)("Switch", () => {
+  (0, import_vitest.describe)("without form context", () => {
+    (0, import_vitest.it)("should render with label and helper text correctly", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Switch, {
+        label: "Enable notifications",
+        helperText: "Receive push notifications",
+        name: "notifications",
+        defaultValue: false
+      }));
+      const switchElement = result.getSwitch();
+      (0, import_vitest.expect)(switchElement?.getAttribute("aria-checked")).toBe("false");
+      (0, import_vitest.expect)(switchElement?.hasAttribute("disabled")).toBeFalsy();
+    });
+    (0, import_vitest.it)("should render required label with asterisk", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Switch, {
+        label: "Required Switch",
+        name: "switch",
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      (0, import_vitest.expect)(label?.textContent).toContain("Required Switch");
+      (0, import_vitest.expect)(label?.textContent).toContain("*");
+    });
+    (0, import_vitest.it)("should handle custom id prop", () => {
+      const customId = "custom-switch-id";
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Switch, {
+        id: customId,
+        label: "Test",
+        defaultValue: false
+      }));
+      const switchElement = result.getSwitch();
+      (0, import_vitest.expect)(switchElement?.id).toBe(customId);
+    });
+    (0, import_vitest.it)("should handle state transitions", async () => {
+      const onCheckedChange = import_vitest.vi.fn();
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Switch, {
+        name: "switch",
+        defaultValue: false,
+        onCheckedChange
+      }));
+      const switchElement = result.getSwitch();
+      await (0, import_react.act)(async () => {
+        if (switchElement) import_react.fireEvent.click(switchElement);
+      });
+      (0, import_vitest.expect)(onCheckedChange).toHaveBeenCalledWith(true);
+      if (switchElement) import_react.fireEvent.click(switchElement);
+      (0, import_vitest.expect)(onCheckedChange).toHaveBeenCalledWith(false);
+    });
+  });
+  (0, import_vitest.describe)("with form context", () => {
+    const FormExample = ({
+      defaultValue = false,
+      name = "switch",
+      onSubmit = async _value => {}
+    }) => {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+        formOptions: {
+          defaultValues: {
+            [name]: defaultValue
+          }
+        },
+        onSubmit: async value => {
+          await onSubmit(value);
+        },
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Switch, {
+          label: "Test Switch",
+          name
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          action: "submit",
+          children: "Submit"
+        })]
+      });
+    };
+    (0, import_vitest.it)("should render with form context and handle form submission", async () => {
+      const onSubmit = import_vitest.vi.fn();
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {
+          onSubmit
+        })
+      }));
+      const switchElement = result.getSwitch();
+      const submitButton = result.getSubmitButton();
+      (0, import_vitest.expect)(switchElement?.getAttribute("aria-checked")).toBe("false");
+      await (0, import_react.act)(async () => {
+        if (submitButton) import_react.fireEvent.click(submitButton);
+      });
+      await (0, import_react.waitFor)(() => {
+        (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+          switch: false
+        });
+      });
+      await (0, import_react.act)(async () => {
+        if (switchElement) import_react.fireEvent.click(switchElement);
+        if (submitButton) import_react.fireEvent.click(submitButton);
+      });
+      await (0, import_react.waitFor)(() => {
+        (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+          switch: true
+        });
+      });
+    });
+    (0, import_vitest.it)("should handle disabled state in form context", async () => {
+      const onCheckedChange = import_vitest.vi.fn();
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        formOptions: {
+          defaultValues: {
+            switch: false
+          }
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Switch, {
+          label: "Test Switch",
+          name: "switch",
+          disabled: true,
+          onCheckedChange
+        })
+      }));
+      const switchElement = result.getSwitch();
+      await (0, import_react.act)(async () => {
+        if (switchElement) import_react.fireEvent.click(switchElement);
+      });
+      (0, import_vitest.expect)(onCheckedChange).not.toHaveBeenCalled();
+      (0, import_vitest.expect)(switchElement?.getAttribute("aria-checked")).toBe("false");
+      (0, import_vitest.expect)(switchElement?.getAttribute("aria-disabled")).toBe("true");
+    });
+  });
+  (0, import_vitest.describe)("with useForm hook directly", () => {
+    (0, import_vitest.it)("should handle form submission with useForm", async () => {
+      const onSubmitMock = import_vitest.vi.fn();
+      const TestComponent = () => {
+        const form = (0, import_react_form.useForm)({
+          defaultValues: {
+            notifications: false
+          },
+          onSubmit: async ({
+            value
+          }) => {
+            onSubmitMock(value);
+          }
+        });
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+          form,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Switch, {
+            label: "Enable Notifications",
+            name: "notifications"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        });
+      };
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
+      const switchElement = result.getSwitch();
+      const submitButton = result.getSubmitButton();
+      await (0, import_react.act)(async () => {
+        if (submitButton) import_react.fireEvent.click(submitButton);
+      });
+      await (0, import_react.waitFor)(() => {
+        (0, import_vitest.expect)(onSubmitMock).toHaveBeenCalledWith({
+          notifications: false
+        });
+      });
+      await (0, import_react.act)(async () => {
+        if (switchElement) import_react.fireEvent.click(switchElement);
+        if (submitButton) import_react.fireEvent.click(submitButton);
+      });
+      await (0, import_react.waitFor)(() => {
+        (0, import_vitest.expect)(onSubmitMock).toHaveBeenCalledWith({
+          notifications: true
+        });
+      });
+    });
+  });
+});