@multiplatform.one/forms 6.0.0

package/dist/cjs/fields/Slider/index.cjs

@@ -0,0 +1,198 @@
+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 Slider_exports = {};
+__export(Slider_exports, {
+  Slider: () => Slider
+});
+module.exports = __toCommonJS(Slider_exports);
+var import_tamagui = require("tamagui");
+var import_Skeleton = require("../../Skeleton/index.cjs");
+var import_fieldLayout = require("../../fieldLayout.cjs");
+var import_colorRamps = require("../../shared/colorRamps.cjs");
+var import_utils = require("../../shared/utils.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const getTrackProps = (outlined, borderRadius) => ({
+  unstyled: false,
+  // Ensure track gets default Tamagui dimensions (height/width 100%)
+  backgroundColor: outlined ? "transparent" : import_colorRamps.formControlColors.background,
+  borderWidth: outlined ? 1 : 0,
+  borderColor: outlined ? import_colorRamps.formControlColors.border : void 0,
+  borderRadius
+});
+const SliderThumbFrame = (0, import_tamagui.styled)(import_tamagui.Slider.Thumb, {
+  size: "$1.5",
+  circular: true,
+  borderWidth: 0,
+  backgroundColor: import_colorRamps.formControlColors.thumb.base,
+  hoverStyle: {
+    backgroundColor: import_colorRamps.formControlColors.thumb.hover
+  },
+  pressStyle: {
+    backgroundColor: import_colorRamps.formControlColors.thumb.press
+  }
+});
+function Slider({
+  name,
+  form: formProp,
+  validators,
+  label,
+  labelProps,
+  helperText,
+  error,
+  required,
+  disabled,
+  readOnly,
+  size,
+  id: idProp,
+  value,
+  defaultValue,
+  onValueChange,
+  onBlur,
+  min = 0,
+  max = 100,
+  step = 1,
+  sliderProps,
+  skeleton,
+  compact
+}) {
+  const {
+    resolvedForm,
+    knobProps,
+    elevation,
+    id
+  } = (0, import_utils.useFormField)({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  const resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  const elevationWrapperProps = (0, import_utils.getElevationWrapperProps)(knobProps, elevation);
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        height: size || knobProps.sizeToken,
+        alignItems: "center",
+        width: "100%",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: 6
+        })
+      })
+    });
+  }
+  const renderSlider = (sliderValue, handleChange, handleBlur, hasError) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+    height: size || knobProps.sizeToken,
+    alignItems: "center",
+    width: "100%",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Slider, {
+      size: knobProps.sizeToken,
+      width: "100%",
+      ...sliderProps,
+      disabled,
+      ...(readOnly ? {
+        pointerEvents: "none"
+      } : void 0),
+      id,
+      defaultValue: sliderValue,
+      min,
+      max,
+      step,
+      onValueChange: values => {
+        if (disabled) return;
+        handleChange?.(values);
+        onValueChange?.(values);
+      },
+      ...(handleBlur ? {
+        onBlur: handleBlur
+      } : void 0),
+      "aria-required": required || void 0,
+      "aria-invalid": hasError || void 0,
+      "aria-readonly": readOnly || void 0,
+      children: [elevationWrapperProps.elevation ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        ...elevationWrapperProps,
+        borderRadius: knobProps.borderRadius.borderRadius,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, {
+          ...getTrackProps(knobProps.outlined, knobProps.borderRadius.borderRadius),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {
+            backgroundColor: import_colorRamps.formControlColors.border
+          })
+        })
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, {
+        ...getTrackProps(knobProps.outlined, knobProps.borderRadius.borderRadius),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {
+          backgroundColor: import_colorRamps.formControlColors.border
+        })
+      }), elevationWrapperProps.elevation ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        ...elevationWrapperProps,
+        borderRadius: 1e3,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SliderThumbFrame, {
+          index: 0
+        })
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(SliderThumbFrame, {
+        index: 0
+      })]
+    })
+  });
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      required,
+      helperText,
+      size,
+      knobProps,
+      children: renderSlider(value ?? defaultValue ?? [min], void 0, onBlur, !!error)
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: field => {
+      const resolvedError = (0, import_utils.getFieldError)(field, error);
+      const formValue = field.state.value;
+      const normalizedValue = Array.isArray(formValue) ? formValue : [formValue ?? min];
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        required,
+        helperText,
+        size,
+        knobProps,
+        children: renderSlider(value !== void 0 ? value : normalizedValue, values => {
+          field.handleChange(values[0]);
+        }, (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur), !!resolvedError)
+      });
+    }
+  });
+}

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

@@ -0,0 +1,207 @@
+"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 Slider_exports = {};
+__export(Slider_exports, {
+  Slider: () => Slider
+});
+module.exports = __toCommonJS(Slider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_utils = require("../../shared/utils.native.js");
+var getTrackProps = function getTrackProps2(outlined, borderRadius) {
+  return {
+    unstyled: false,
+    // Ensure track gets default Tamagui dimensions (height/width 100%)
+    backgroundColor: outlined ? "transparent" : import_colorRamps.formControlColors.background,
+    borderWidth: outlined ? 1 : 0,
+    borderColor: outlined ? import_colorRamps.formControlColors.border : void 0,
+    borderRadius
+  };
+};
+var SliderThumbFrame = (0, import_tamagui.styled)(import_tamagui.Slider.Thumb, {
+  size: "$1.5",
+  circular: true,
+  borderWidth: 0,
+  backgroundColor: import_colorRamps.formControlColors.thumb.base,
+  hoverStyle: {
+    backgroundColor: import_colorRamps.formControlColors.thumb.hover
+  },
+  pressStyle: {
+    backgroundColor: import_colorRamps.formControlColors.thumb.press
+  }
+});
+function Slider(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    disabled,
+    readOnly,
+    size,
+    id: idProp,
+    value,
+    defaultValue,
+    onValueChange,
+    onBlur,
+    min = 0,
+    max = 100,
+    step = 1,
+    sliderProps,
+    skeleton,
+    compact
+  } = param;
+  var {
+    resolvedForm,
+    knobProps,
+    elevation,
+    id
+  } = (0, import_utils.useFormField)({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  var elevationWrapperProps = (0, import_utils.getElevationWrapperProps)(knobProps, elevation);
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        height: size || knobProps.sizeToken,
+        alignItems: "center",
+        width: "100%",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: 6
+        })
+      })
+    });
+  }
+  var renderSlider = function renderSlider2(sliderValue, handleChange, handleBlur, hasError) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      height: size || knobProps.sizeToken,
+      alignItems: "center",
+      width: "100%",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Slider, {
+        size: knobProps.sizeToken,
+        width: "100%",
+        ...sliderProps,
+        disabled,
+        ...(readOnly ? {
+          pointerEvents: "none"
+        } : void 0),
+        id,
+        defaultValue: sliderValue,
+        min,
+        max,
+        step,
+        onValueChange: function onValueChange1(values) {
+          if (disabled) return;
+          handleChange === null || handleChange === void 0 ? void 0 : handleChange(values);
+          onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(values);
+        },
+        ...(handleBlur ? {
+          onBlur: handleBlur
+        } : void 0),
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0,
+        "aria-readonly": readOnly || void 0,
+        children: [elevationWrapperProps.elevation ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          ...elevationWrapperProps,
+          borderRadius: knobProps.borderRadius.borderRadius,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, {
+            ...getTrackProps(knobProps.outlined, knobProps.borderRadius.borderRadius),
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {
+              backgroundColor: import_colorRamps.formControlColors.border
+            })
+          })
+        }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, {
+          ...getTrackProps(knobProps.outlined, knobProps.borderRadius.borderRadius),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {
+            backgroundColor: import_colorRamps.formControlColors.border
+          })
+        }), elevationWrapperProps.elevation ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          ...elevationWrapperProps,
+          borderRadius: 1e3,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SliderThumbFrame, {
+            index: 0
+          })
+        }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(SliderThumbFrame, {
+          index: 0
+        })]
+      })
+    });
+  };
+  if (!resolvedForm || !name) {
+    var _ref;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      required,
+      helperText,
+      size,
+      knobProps,
+      children: renderSlider((_ref = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref !== void 0 ? _ref : [min], void 0, onBlur, !!error)
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var resolvedError = (0, import_utils.getFieldError)(field, error);
+      var formValue = field.state.value;
+      var normalizedValue = Array.isArray(formValue) ? formValue : [formValue !== null && formValue !== void 0 ? formValue : min];
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        required,
+        helperText,
+        size,
+        knobProps,
+        children: renderSlider(value !== void 0 ? value : normalizedValue, function (values) {
+          field.handleChange(values[0]);
+        }, (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur), !!resolvedError)
+      });
+    }
+  });
+}
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Slider_exports","__export","Slider","module","exports","import_jsx_runtime","require","import_tamagui","import_Skeleton","import_fieldLayout","import_colorRamps","import_utils","getTrackProps","getTrackProps2","outlined","borderRadius","unstyled","backgroundColor","formControlColors","background","borderWidth","borderColor","border","SliderThumbFrame","styled","Thumb","size","circular","thumb","base","hoverStyle","hover","pressStyle","press","param","name","form","formProp","validators","label","labelProps","helperText","error","required","disabled","readOnly","id","idProp","defaultValue","onValueChange","onBlur","min","max","step","sliderProps","skeleton","compact","resolvedForm","knobProps","elevation","useFormField","resolvedValidators","useResolvedValidators","elevationWrapperProps","getElevationWrapperProps","jsx","FieldLayout","children","XStack","height","sizeToken","alignItems","width","Skeleton","variant","renderSlider","renderSlider2","sliderValue","handleChange","handleBlur","hasError","jsxs","pointerEvents","onValueChange1","values","View","Track","TrackActive","index","_ref","Field","field","resolvedError","getFieldError","formValue","state","normalizedValue","Array","isArray"],"sources":["../../../../src/fields/Slider/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/Stepper/Stepper.spec.cjs

@@ -0,0 +1,203 @@
+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_Form = require("../../Form/index.cjs");
+var import_Button = require("../../Button/index.cjs");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_vitest.describe)("Stepper", () => {
+  (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.Stepper, {
+        label: "Quantity",
+        helperText: "Enter a number",
+        name: "quantity",
+        defaultValue: 5
+      }));
+      const input = result.getInput();
+      (0, import_vitest.expect)(result.container.textContent).toContain("Quantity");
+      (0, import_vitest.expect)(result.container.textContent).toContain("Enter a number");
+      (0, import_vitest.expect)(input?.value).toBe("5");
+      (0, import_vitest.expect)(input?.hasAttribute("disabled")).toBeFalsy();
+    });
+    (0, import_vitest.it)("should handle disabled state", async () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Stepper, {
+        label: "Quantity",
+        name: "quantity",
+        defaultValue: 10,
+        disabled: true
+      }));
+      const input = result.getInput();
+      await (0, import_react.act)(async () => {
+        import_react.fireEvent.change(input, {
+          target: {
+            value: "25"
+          }
+        });
+      });
+      const isDisabled = input?.hasAttribute("disabled") || input?.getAttribute("aria-disabled") === "true";
+      (0, import_vitest.expect)(isDisabled).toBeTruthy();
+    });
+    (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.Stepper, {
+        label: "Required Field",
+        name: "quantity",
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      (0, import_vitest.expect)(label?.textContent).toContain("Required Field");
+      (0, import_vitest.expect)(label?.textContent).toContain("*");
+    });
+    (0, import_vitest.it)("should handle custom input props", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Stepper, {
+        label: "Custom Input",
+        name: "quantity",
+        inputProps: {
+          placeholder: "Enter number",
+          maxLength: 5
+        }
+      }));
+      const input = result.getInput();
+      (0, import_vitest.expect)(input?.getAttribute("placeholder")).toBe("Enter number");
+      (0, import_vitest.expect)(input?.getAttribute("maxLength")).toBe("5");
+    });
+  });
+  (0, import_vitest.describe)("with form context", () => {
+    const FormExample = ({
+      defaultValue = 0,
+      name = "quantity",
+      onSubmit = async _value => {}
+    }) => {
+      const form = (0, import_react_form.useForm)({
+        defaultValues: {
+          [name]: defaultValue
+        },
+        onSubmit: async ({
+          value
+        }) => {
+          await onSubmit(value);
+        }
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+        form,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Stepper, {
+          label: "Quantity",
+          name,
+          min: 0,
+          max: 100
+        }), /* @__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 input = result.getInput();
+      const submitButton = result.getSubmitButton();
+      (0, import_vitest.expect)(input?.value).toBe("0");
+      if (submitButton) {
+        await (0, import_react.act)(async () => {
+          import_react.fireEvent.click(submitButton);
+        });
+        await (0, import_react.waitFor)(() => {
+          (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+            quantity: 0
+          });
+        });
+        await (0, import_react.act)(async () => {
+          import_react.fireEvent.change(input, {
+            target: {
+              value: "25"
+            }
+          });
+        });
+        await (0, import_react.act)(async () => {
+          import_react.fireEvent.click(submitButton);
+        });
+      }
+      await (0, import_react.waitFor)(() => {
+        (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+          quantity: 25
+        });
+      });
+    });
+    (0, import_vitest.it)("should display error message when error prop is passed in form context", async () => {
+      const onSubmit = import_vitest.vi.fn();
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {
+          onSubmit
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Stepper, {
+          label: "Quantity",
+          name: "quantity",
+          error: "This field is required"
+        })]
+      }));
+      (0, import_vitest.expect)(result.findTextElement("This field is required")).toBeDefined();
+    });
+  });
+  (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: {
+            quantity: 5
+          },
+          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.Stepper, {
+            label: "Quantity",
+            name: "quantity",
+            min: 0,
+            max: 50
+          }), /* @__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 input = result.getInput();
+      const submitButton = result.getSubmitButton() || Array.from(result.container.querySelectorAll("button")).find(btn => btn.textContent?.includes("Submit"));
+      if (submitButton) {
+        await (0, import_react.act)(async () => {
+          import_react.fireEvent.click(submitButton);
+        });
+        await (0, import_react.waitFor)(() => {
+          (0, import_vitest.expect)(onSubmitMock).toHaveBeenCalledWith({
+            quantity: 5
+          });
+        });
+        await (0, import_react.act)(async () => {
+          import_react.fireEvent.change(input, {
+            target: {
+              value: "30"
+            }
+          });
+        });
+        await (0, import_react.act)(async () => {
+          import_react.fireEvent.click(submitButton);
+        });
+      }
+      await (0, import_react.waitFor)(() => {
+        (0, import_vitest.expect)(onSubmitMock).toHaveBeenCalledWith({
+          quantity: 30
+        });
+      });
+    });
+  });
+});