@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,160 @@
+"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 Progress_exports = {};
+__export(Progress_exports, {
+  Progress: () => Progress
+});
+module.exports = __toCommonJS(Progress_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_utils = require("../../shared/utils.native.js");
+var ProgressFrame = (0, import_tamagui.styled)(import_tamagui.Progress, {
+  backgroundColor: import_colorRamps.formControlColors.background,
+  borderWidth: 0,
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent"
+      }
+    }
+  }
+});
+var ProgressIndicator = (0, import_tamagui.styled)(import_tamagui.Progress.Indicator, {
+  backgroundColor: import_colorRamps.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
+  } = (0, import_utils.useFormField)({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: 6
+      })
+    });
+  }
+  var elevationWrapperProps = (0, import_utils.getElevationWrapperProps)(knobProps, elevation);
+  var renderProgress = function renderProgress2(progressValue, blurHandler, hasError) {
+    var progressElement = /* @__PURE__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.jsx)(ProgressIndicator, {})
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      height: size || knobProps.sizeToken,
+      alignItems: "center",
+      width: "100%",
+      children: elevationWrapperProps.elevation ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        ...elevationWrapperProps,
+        borderRadius: knobProps.borderRadius.borderRadius,
+        width: "100%",
+        children: progressElement
+      }) : progressElement
+    });
+  };
+  if (!resolvedForm || !name) {
+    var _ref;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.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__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var _field_state_value;
+      var resolvedError = (0, import_utils.getFieldError)(field, error);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.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, (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur), !!resolvedError)
+      });
+    }
+  });
+}
+//# sourceMappingURL=index.native.js.map

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

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

package/dist/cjs/fields/RadioGroup/RadioGroup.spec.cjs

@@ -0,0 +1,194 @@
+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");
+const mockOptions = [{
+  label: "Option 1",
+  value: "option1"
+}, {
+  label: "Option 2",
+  value: "option2"
+}, {
+  label: "Option 3",
+  value: "option3"
+}];
+let consoleErrorSpy = null;
+(0, import_vitest.beforeEach)(() => {
+  consoleErrorSpy = import_vitest.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;
+    }
+  });
+});
+(0, import_vitest.afterEach)(() => {
+  consoleErrorSpy?.mockRestore();
+  consoleErrorSpy = null;
+});
+(0, import_vitest.describe)("RadioGroup Components", () => {
+  (0, import_vitest.describe)("RadioGroup", () => {
+    (0, import_vitest.describe)("without form context", () => {
+      (0, import_vitest.it)("should display error message", () => {
+        (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.RadioGroup, {
+          label: "Choose Option",
+          name: "option",
+          value: "",
+          error: "This field is required",
+          options: mockOptions
+        }));
+      });
+      (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.RadioGroup, {
+          label: "Required Radio Group",
+          name: "option",
+          required: true,
+          options: mockOptions
+        }));
+        const label = result.container.querySelector("label");
+        (0, import_vitest.expect)(label).toBeDefined();
+        (0, import_vitest.expect)(label?.textContent).toContain("Required Radio Group");
+        (0, import_vitest.expect)(label?.textContent).toContain("*");
+      });
+    });
+    (0, import_vitest.describe)("with form context", () => {
+      const FormExample = ({
+        defaultValue = "",
+        name = "option",
+        onSubmit = async _value => {}
+      }) => {
+        const form = (0, import_react_form.useForm)({
+          defaultValues: {
+            [name]: defaultValue
+          },
+          onSubmit: async ({
+            value
+          }) => {
+            if (onSubmit) {
+              await onSubmit(value);
+            }
+          }
+        });
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+          form,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.RadioGroup, {
+            label: "Choose Option",
+            name,
+            options: mockOptions
+          }), /* @__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 submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await (0, import_react.act)(async () => {
+            import_react.fireEvent.click(submitButton);
+          });
+        }
+        await (0, import_react.waitFor)(() => {
+          (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+            option: ""
+          });
+        });
+      });
+      (0, import_vitest.it)("should handle form submission with selected value", async () => {
+        const onSubmit = import_vitest.vi.fn();
+        const TestForm = () => {
+          const form = (0, import_react_form.useForm)({
+            defaultValues: {
+              option: "option2"
+            },
+            onSubmit: async ({
+              value
+            }) => {
+              await onSubmit(value);
+            }
+          });
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+            form,
+            children: /* @__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)(import_tamagui.YStack, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TestForm, {})
+        }));
+        const submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await (0, import_react.act)(async () => {
+            import_react.fireEvent.click(submitButton);
+          });
+        }
+        await (0, import_react.waitFor)(() => {
+          (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+            option: "option2"
+          });
+        });
+      });
+    });
+    (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: {
+              preference: "light"
+            },
+            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.RadioGroup, {
+              label: "Theme Preference",
+              name: "preference",
+              options: [{
+                label: "Light",
+                value: "light"
+              }, {
+                label: "Dark",
+                value: "dark"
+              }, {
+                label: "Auto",
+                value: "auto"
+              }]
+            }), /* @__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 submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await (0, import_react.act)(async () => {
+            import_react.fireEvent.click(submitButton);
+          });
+        }
+        await (0, import_react.waitFor)(() => {
+          (0, import_vitest.expect)(onSubmitMock).toHaveBeenCalledWith({
+            preference: "light"
+          });
+        });
+      });
+    });
+  });
+});

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

@@ -0,0 +1,204 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+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.native.js");
+var import_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+var mockOptions = [{
+  label: "Option 1",
+  value: "option1"
+}, {
+  label: "Option 2",
+  value: "option2"
+}, {
+  label: "Option 3",
+  value: "option3"
+}];
+var consoleErrorSpy = null;
+(0, import_vitest.beforeEach)(function () {
+  consoleErrorSpy = import_vitest.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;
+    }
+  });
+});
+(0, import_vitest.afterEach)(function () {
+  consoleErrorSpy === null || consoleErrorSpy === void 0 ? void 0 : consoleErrorSpy.mockRestore();
+  consoleErrorSpy = null;
+});
+(0, import_vitest.describe)("RadioGroup Components", function () {
+  (0, import_vitest.describe)("RadioGroup", function () {
+    (0, import_vitest.describe)("without form context", function () {
+      (0, import_vitest.it)("should display error message", function () {
+        (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.RadioGroup, {
+          label: "Choose Option",
+          name: "option",
+          value: "",
+          error: "This field is required",
+          options: mockOptions
+        }));
+      });
+      (0, import_vitest.it)("should render required label with asterisk", function () {
+        var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.RadioGroup, {
+          label: "Required Radio Group",
+          name: "option",
+          required: true,
+          options: mockOptions
+        }));
+        var label = result.container.querySelector("label");
+        (0, import_vitest.expect)(label).toBeDefined();
+        (0, import_vitest.expect)(label === null || label === void 0 ? void 0 : label.textContent).toContain("Required Radio Group");
+        (0, import_vitest.expect)(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+      });
+    });
+    (0, import_vitest.describe)("with form context", function () {
+      var FormExample = function FormExample2(param) {
+        var {
+          defaultValue = "",
+          name = "option",
+          onSubmit = async function (_value) {}
+        } = param;
+        var form = (0, import_react_form.useForm)({
+          defaultValues: {
+            [name]: defaultValue
+          },
+          onSubmit: async function onSubmit1(param2) {
+            var {
+              value
+            } = param2;
+            if (onSubmit) {
+              await onSubmit(value);
+            }
+          }
+        });
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+          form,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.RadioGroup, {
+            label: "Choose Option",
+            name,
+            options: mockOptions
+          }), /* @__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 function () {
+        var onSubmit = import_vitest.vi.fn();
+        var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {
+            onSubmit
+          })
+        }));
+        var submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await (0, import_react.act)(async function () {
+            import_react.fireEvent.click(submitButton);
+          });
+        }
+        await (0, import_react.waitFor)(function () {
+          (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+            option: ""
+          });
+        });
+      });
+      (0, import_vitest.it)("should handle form submission with selected value", async function () {
+        var onSubmit = import_vitest.vi.fn();
+        var TestForm = function TestForm2() {
+          var form = (0, import_react_form.useForm)({
+            defaultValues: {
+              option: "option2"
+            },
+            onSubmit: async function onSubmit1(param) {
+              var {
+                value
+              } = param;
+              await onSubmit(value);
+            }
+          });
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+            form,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+              action: "submit",
+              children: "Submit"
+            })
+          });
+        };
+        var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TestForm, {})
+        }));
+        var submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await (0, import_react.act)(async function () {
+            import_react.fireEvent.click(submitButton);
+          });
+        }
+        await (0, import_react.waitFor)(function () {
+          (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+            option: "option2"
+          });
+        });
+      });
+    });
+    (0, import_vitest.describe)("with useForm hook directly", function () {
+      (0, import_vitest.it)("should handle form submission with useForm", async function () {
+        var onSubmitMock = import_vitest.vi.fn();
+        var TestComponent = function TestComponent2() {
+          var form = (0, import_react_form.useForm)({
+            defaultValues: {
+              preference: "light"
+            },
+            onSubmit: async function onSubmit(param) {
+              var {
+                value
+              } = param;
+              onSubmitMock(value);
+            }
+          });
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+            form,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.RadioGroup, {
+              label: "Theme Preference",
+              name: "preference",
+              options: [{
+                label: "Light",
+                value: "light"
+              }, {
+                label: "Dark",
+                value: "dark"
+              }, {
+                label: "Auto",
+                value: "auto"
+              }]
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+              action: "submit",
+              children: "Submit"
+            })]
+          });
+        };
+        var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
+        var submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await (0, import_react.act)(async function () {
+            import_react.fireEvent.click(submitButton);
+          });
+        }
+        await (0, import_react.waitFor)(function () {
+          (0, import_vitest.expect)(onSubmitMock).toHaveBeenCalledWith({
+            preference: "light"
+          });
+        });
+      });
+    });
+  });
+});
+//# sourceMappingURL=RadioGroup.spec.native.js.map

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

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