@jobber/components 4.9.1 → 4.9.2-give-form-.2

package/dist/Form/Form.d.ts

@@ -1,18 +1,19 @@
 import React, { ReactNode } from "react";
+import { NestedValue, UnpackNestedValue } from "react-hook-form";
 export interface FormRef {
     submit(): void;
 }
-interface FormProps {
+interface FormProps<T = NestedValue> {
     readonly children: ReactNode;
     /**
      * Callback for when the form has been sucessfully
      * submitted.
      */
-    onSubmit?(): void;
+    onSubmit?(data: UnpackNestedValue<T>): void;
     onStateChange?(formState: {
         isDirty: boolean;
         isValid: boolean;
     }): void;
 }
-export declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<FormRef>>;
+export declare const Form: React.ForwardRefExoticComponent<FormProps<NestedValue<unknown[] | Record<string, unknown>>> & React.RefAttributes<FormRef>>;
 export {};

package/dist/Form/index.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const Form = React.forwardRef(function InternalForm({ onSubmit, children, onStateChange }, ref) {
     const methods = reactHookForm.useForm({ mode: "onTouched" });
-    const { errors, trigger, handleSubmit, formState: { isDirty, isValid }, } = methods;
+    const { errors, trigger, handleSubmit, formState: { isDirty, isValid }, getValues, } = methods;
     React.useEffect(() => onStateChange && onStateChange({ isDirty, isValid }), [isDirty, isValid]);
     React.useImperativeHandle(ref, () => ({
         /**
@@ -24,7 +24,7 @@ const Form = React.forwardRef(function InternalForm({ onSubmit, children, onStat
         submit: () => tslib_es6.__awaiter(this, void 0, void 0, function* () {
             const valid = yield trigger();
             if (valid) {
-                submitHandler();
+                submitHandler(getValues());
             }
             else {
                 trigger();
@@ -43,8 +43,8 @@ const Form = React.forwardRef(function InternalForm({ onSubmit, children, onStat
     };
     return (React__default["default"].createElement(reactHookForm.FormProvider, Object.assign({}, methods),
         React__default["default"].createElement(Wrapper, Object.assign({}, formProps, { "data-testid": "atlantis-form" }), children)));
-    function submitHandler() {
-        onSubmit && onSubmit();
+    function submitHandler(data) {
+        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(data);
     }
     function errorHandler(errs) {
         const firstErrName = Object.keys(errs)[0];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.9.1",
+  "version": "4.9.2-give-form-.2+4bf78caf",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.36.0",
-    "@jobber/formatters": "*",
+    "@jobber/formatters": "^0.2.2",
     "@jobber/hooks": "^2.1.0",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
@@ -81,5 +81,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "a4406e1100b016fdab1fb33bace5bf79d6b88183"
+  "gitHead": "4bf78caf52b5e976d1192c2b5fd645e132015ea2"
 }