@multiplatform.one/forms 6.0.0

package/dist/esm/fields/Progress/index.native.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Progress as TamaguiProgress, View, XStack, styled } from "tamagui";
+import { Field, FieldLayout } from "../../fieldLayout.native.js";
+import { Skeleton } from "../../Skeleton/index.native.js";
+import { formControlColors } from "../../shared/colorRamps.native.js";
+import { getElevationWrapperProps, getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
+var ProgressFrame = styled(TamaguiProgress, {
+  backgroundColor: formControlColors.background,
+  borderWidth: 0,
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent"
+      }
+    }
+  }
+});
+var ProgressIndicator = styled(TamaguiProgress.Indicator, {
+  backgroundColor: formControlColors.border
+});
+function Progress(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    size,
+    id: idProp,
+    value,
+    defaultValue,
+    max = 100,
+    onBlur,
+    progressProps,
+    skeleton,
+    compact
+  } = param;
+  var {
+    resolvedForm,
+    knobProps,
+    elevation,
+    id
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = useResolvedValidators(required, validators, label, name);
+  if (skeleton) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */_jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: 6
+      })
+    });
+  }
+  var elevationWrapperProps = getElevationWrapperProps(knobProps, elevation);
+  var renderProgress = function renderProgress2(progressValue, blurHandler, hasError) {
+    var progressElement = /* @__PURE__ */_jsx(ProgressFrame, {
+      width: "100%",
+      size: knobProps.sizeToken,
+      borderRadius: knobProps.borderRadius.borderRadius,
+      outlined: knobProps.outlined,
+      ...progressProps,
+      id,
+      value: progressValue,
+      max,
+      ...(blurHandler ? {
+        onBlur: blurHandler
+      } : void 0),
+      "aria-required": required || void 0,
+      "aria-invalid": hasError || void 0,
+      children: /* @__PURE__ */_jsx(ProgressIndicator, {})
+    });
+    return /* @__PURE__ */_jsx(XStack, {
+      height: size || knobProps.sizeToken,
+      alignItems: "center",
+      width: "100%",
+      children: elevationWrapperProps.elevation ? /* @__PURE__ */_jsx(View, {
+        ...elevationWrapperProps,
+        borderRadius: knobProps.borderRadius.borderRadius,
+        width: "100%",
+        children: progressElement
+      }) : progressElement
+    });
+  };
+  if (!resolvedForm || !name) {
+    var _ref;
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      required,
+      helperText,
+      size,
+      knobProps,
+      children: renderProgress((_ref = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref !== void 0 ? _ref : 0, void 0, !!error)
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var _field_state_value;
+      var resolvedError = getFieldError(field, error);
+      return /* @__PURE__ */_jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        required,
+        helperText,
+        size,
+        knobProps,
+        children: renderProgress((_field_state_value = field.state.value) !== null && _field_state_value !== void 0 ? _field_state_value : 0, mergeFieldHandler(field, "handleBlur", onBlur), !!resolvedError)
+      });
+    }
+  });
+}
+export { Progress };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/fields/Progress/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Progress","TamaguiProgress","View","XStack","styled","Field","FieldLayout","Skeleton","formControlColors","getElevationWrapperProps","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","ProgressFrame","backgroundColor","background","borderWidth","variants","outlined","true","ProgressIndicator","Indicator","border","param","name","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","value","defaultValue","max","onBlur","progressProps","skeleton","compact","resolvedForm","knobProps","elevation","resolvedValidators","children","variant","width","height","elevationWrapperProps","renderProgress","renderProgress2","progressValue","blurHandler","hasError","progressElement","sizeToken","borderRadius","alignItems","_ref","field","_field_state_value","resolvedError","state"],"sources":["../../../../src/fields/Progress/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,195 @@
+import { useForm } from "@tanstack/react-form";
+import { act, fireEvent, waitFor } from "@testing-library/react";
+import { YStack } from "tamagui";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Button } from "../../Button/index.mjs";
+import { Form } from "../../Form/index.mjs";
+import { RadioGroup } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const mockOptions = [{
+  label: "Option 1",
+  value: "option1"
+}, {
+  label: "Option 2",
+  value: "option2"
+}, {
+  label: "Option 3",
+  value: "option3"
+}];
+let consoleErrorSpy = null;
+beforeEach(() => {
+  consoleErrorSpy = vi.spyOn(console, "error").mockImplementation((...args) => {
+    const message = args.map(String).join(" ");
+    if (message.includes("React does not recognize the `pressTheme` prop on a DOM element")) {
+      return;
+    }
+  });
+});
+afterEach(() => {
+  consoleErrorSpy?.mockRestore();
+  consoleErrorSpy = null;
+});
+describe("RadioGroup Components", () => {
+  describe("RadioGroup", () => {
+    describe("without form context", () => {
+      it("should display error message", () => {
+        renderWithProviders(/* @__PURE__ */jsx(RadioGroup, {
+          label: "Choose Option",
+          name: "option",
+          value: "",
+          error: "This field is required",
+          options: mockOptions
+        }));
+      });
+      it("should render required label with asterisk", () => {
+        const result = renderWithProviders(/* @__PURE__ */jsx(RadioGroup, {
+          label: "Required Radio Group",
+          name: "option",
+          required: true,
+          options: mockOptions
+        }));
+        const label = result.container.querySelector("label");
+        expect(label).toBeDefined();
+        expect(label?.textContent).toContain("Required Radio Group");
+        expect(label?.textContent).toContain("*");
+      });
+    });
+    describe("with form context", () => {
+      const FormExample = ({
+        defaultValue = "",
+        name = "option",
+        onSubmit = async _value => {}
+      }) => {
+        const form = useForm({
+          defaultValues: {
+            [name]: defaultValue
+          },
+          onSubmit: async ({
+            value
+          }) => {
+            if (onSubmit) {
+              await onSubmit(value);
+            }
+          }
+        });
+        return /* @__PURE__ */jsxs(Form, {
+          form,
+          children: [/* @__PURE__ */jsx(RadioGroup, {
+            label: "Choose Option",
+            name,
+            options: mockOptions
+          }), /* @__PURE__ */jsx(Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        });
+      };
+      it("should render with form context and handle form submission", async () => {
+        const onSubmit = vi.fn();
+        const result = renderWithProviders(/* @__PURE__ */jsx(YStack, {
+          children: /* @__PURE__ */jsx(FormExample, {
+            onSubmit
+          })
+        }));
+        const submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await act(async () => {
+            fireEvent.click(submitButton);
+          });
+        }
+        await waitFor(() => {
+          expect(onSubmit).toHaveBeenCalledWith({
+            option: ""
+          });
+        });
+      });
+      it("should handle form submission with selected value", async () => {
+        const onSubmit = vi.fn();
+        const TestForm = () => {
+          const form = useForm({
+            defaultValues: {
+              option: "option2"
+            },
+            onSubmit: async ({
+              value
+            }) => {
+              await onSubmit(value);
+            }
+          });
+          return /* @__PURE__ */jsx(Form, {
+            form,
+            children: /* @__PURE__ */jsx(Button, {
+              action: "submit",
+              children: "Submit"
+            })
+          });
+        };
+        const result = renderWithProviders(/* @__PURE__ */jsx(YStack, {
+          children: /* @__PURE__ */jsx(TestForm, {})
+        }));
+        const submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await act(async () => {
+            fireEvent.click(submitButton);
+          });
+        }
+        await waitFor(() => {
+          expect(onSubmit).toHaveBeenCalledWith({
+            option: "option2"
+          });
+        });
+      });
+    });
+    describe("with useForm hook directly", () => {
+      it("should handle form submission with useForm", async () => {
+        const onSubmitMock = vi.fn();
+        const TestComponent = () => {
+          const form = useForm({
+            defaultValues: {
+              preference: "light"
+            },
+            onSubmit: async ({
+              value
+            }) => {
+              onSubmitMock(value);
+            }
+          });
+          return /* @__PURE__ */jsxs(Form, {
+            form,
+            children: [/* @__PURE__ */jsx(RadioGroup, {
+              label: "Theme Preference",
+              name: "preference",
+              options: [{
+                label: "Light",
+                value: "light"
+              }, {
+                label: "Dark",
+                value: "dark"
+              }, {
+                label: "Auto",
+                value: "auto"
+              }]
+            }), /* @__PURE__ */jsx(Button, {
+              action: "submit",
+              children: "Submit"
+            })]
+          });
+        };
+        const result = renderWithProviders(/* @__PURE__ */jsx(TestComponent, {}));
+        const submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await act(async () => {
+            fireEvent.click(submitButton);
+          });
+        }
+        await waitFor(() => {
+          expect(onSubmitMock).toHaveBeenCalledWith({
+            preference: "light"
+          });
+        });
+      });
+    });
+  });
+});
+//# sourceMappingURL=RadioGroup.spec.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useForm","act","fireEvent","waitFor","YStack","afterEach","beforeEach","describe","expect","it","vi","renderWithProviders","Button","Form","RadioGroup","jsx","jsxs","mockOptions","label","value","consoleErrorSpy","spyOn","console","mockImplementation","args","message","map","String","join","includes","mockRestore","name","error","options","result","required","container","querySelector","toBeDefined","textContent","toContain","FormExample","defaultValue","onSubmit","_value","form","defaultValues","children","action","fn","submitButton","getSubmitButton","click","toHaveBeenCalledWith","option","TestForm","onSubmitMock","TestComponent","preference"],"sources":["../../../../src/fields/RadioGroup/RadioGroup.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,202 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useForm } from "@tanstack/react-form";
+import { act, fireEvent, waitFor } from "@testing-library/react";
+import { YStack } from "tamagui";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Button } from "../../Button/index.native.js";
+import { Form } from "../../Form/index.native.js";
+import { RadioGroup } from "./index.native.js";
+var mockOptions = [{
+  label: "Option 1",
+  value: "option1"
+}, {
+  label: "Option 2",
+  value: "option2"
+}, {
+  label: "Option 3",
+  value: "option3"
+}];
+var consoleErrorSpy = null;
+beforeEach(function () {
+  consoleErrorSpy = vi.spyOn(console, "error").mockImplementation(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var message = args.map(String).join(" ");
+    if (message.includes("React does not recognize the `pressTheme` prop on a DOM element")) {
+      return;
+    }
+  });
+});
+afterEach(function () {
+  consoleErrorSpy === null || consoleErrorSpy === void 0 ? void 0 : consoleErrorSpy.mockRestore();
+  consoleErrorSpy = null;
+});
+describe("RadioGroup Components", function () {
+  describe("RadioGroup", function () {
+    describe("without form context", function () {
+      it("should display error message", function () {
+        renderWithProviders(/* @__PURE__ */_jsx(RadioGroup, {
+          label: "Choose Option",
+          name: "option",
+          value: "",
+          error: "This field is required",
+          options: mockOptions
+        }));
+      });
+      it("should render required label with asterisk", function () {
+        var result = renderWithProviders(/* @__PURE__ */_jsx(RadioGroup, {
+          label: "Required Radio Group",
+          name: "option",
+          required: true,
+          options: mockOptions
+        }));
+        var label = result.container.querySelector("label");
+        expect(label).toBeDefined();
+        expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("Required Radio Group");
+        expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+      });
+    });
+    describe("with form context", function () {
+      var FormExample = function FormExample2(param) {
+        var {
+          defaultValue = "",
+          name = "option",
+          onSubmit = async function (_value) {}
+        } = param;
+        var form = useForm({
+          defaultValues: {
+            [name]: defaultValue
+          },
+          onSubmit: async function onSubmit1(param2) {
+            var {
+              value
+            } = param2;
+            if (onSubmit) {
+              await onSubmit(value);
+            }
+          }
+        });
+        return /* @__PURE__ */_jsxs(Form, {
+          form,
+          children: [/* @__PURE__ */_jsx(RadioGroup, {
+            label: "Choose Option",
+            name,
+            options: mockOptions
+          }), /* @__PURE__ */_jsx(Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        });
+      };
+      it("should render with form context and handle form submission", async function () {
+        var onSubmit = vi.fn();
+        var result = renderWithProviders(/* @__PURE__ */_jsx(YStack, {
+          children: /* @__PURE__ */_jsx(FormExample, {
+            onSubmit
+          })
+        }));
+        var submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await act(async function () {
+            fireEvent.click(submitButton);
+          });
+        }
+        await waitFor(function () {
+          expect(onSubmit).toHaveBeenCalledWith({
+            option: ""
+          });
+        });
+      });
+      it("should handle form submission with selected value", async function () {
+        var onSubmit = vi.fn();
+        var TestForm = function TestForm2() {
+          var form = useForm({
+            defaultValues: {
+              option: "option2"
+            },
+            onSubmit: async function onSubmit1(param) {
+              var {
+                value
+              } = param;
+              await onSubmit(value);
+            }
+          });
+          return /* @__PURE__ */_jsx(Form, {
+            form,
+            children: /* @__PURE__ */_jsx(Button, {
+              action: "submit",
+              children: "Submit"
+            })
+          });
+        };
+        var result = renderWithProviders(/* @__PURE__ */_jsx(YStack, {
+          children: /* @__PURE__ */_jsx(TestForm, {})
+        }));
+        var submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await act(async function () {
+            fireEvent.click(submitButton);
+          });
+        }
+        await waitFor(function () {
+          expect(onSubmit).toHaveBeenCalledWith({
+            option: "option2"
+          });
+        });
+      });
+    });
+    describe("with useForm hook directly", function () {
+      it("should handle form submission with useForm", async function () {
+        var onSubmitMock = vi.fn();
+        var TestComponent = function TestComponent2() {
+          var form = useForm({
+            defaultValues: {
+              preference: "light"
+            },
+            onSubmit: async function onSubmit(param) {
+              var {
+                value
+              } = param;
+              onSubmitMock(value);
+            }
+          });
+          return /* @__PURE__ */_jsxs(Form, {
+            form,
+            children: [/* @__PURE__ */_jsx(RadioGroup, {
+              label: "Theme Preference",
+              name: "preference",
+              options: [{
+                label: "Light",
+                value: "light"
+              }, {
+                label: "Dark",
+                value: "dark"
+              }, {
+                label: "Auto",
+                value: "auto"
+              }]
+            }), /* @__PURE__ */_jsx(Button, {
+              action: "submit",
+              children: "Submit"
+            })]
+          });
+        };
+        var result = renderWithProviders(/* @__PURE__ */_jsx(TestComponent, {}));
+        var submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await act(async function () {
+            fireEvent.click(submitButton);
+          });
+        }
+        await waitFor(function () {
+          expect(onSubmitMock).toHaveBeenCalledWith({
+            preference: "light"
+          });
+        });
+      });
+    });
+  });
+});
+//# sourceMappingURL=RadioGroup.spec.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useForm","act","fireEvent","waitFor","YStack","afterEach","beforeEach","describe","expect","it","vi","renderWithProviders","Button","Form","RadioGroup","mockOptions","label","value","consoleErrorSpy","spyOn","console","mockImplementation","_len","arguments","length","args","Array","_key","message","map","String","join","includes","mockRestore","name","error","options","result","required","container","querySelector","toBeDefined","textContent","toContain","FormExample","FormExample2","param","defaultValue","onSubmit","_value","form","defaultValues","onSubmit1","param2","children","action","fn","submitButton","getSubmitButton","click","toHaveBeenCalledWith","option","TestForm","TestForm2","onSubmitMock","TestComponent","TestComponent2","preference"],"sources":["../../../../src/fields/RadioGroup/RadioGroup.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}