@jobber/components 4.1.1 → 4.1.2

package/dist/Autocomplete/index.js

@@ -11,10 +11,10 @@ var useEventListener = require('@use-it/event-listener');
 var Text = require('../Text-7ce00adb.js');
 var Icon = require('../Icon-405a216c.js');
 var Heading = require('../Heading-7b203f7f.js');
-var InputText = require('../InputText-95ea24f9.js');
+var InputText = require('../InputText-5d29e10a.js');
 require('../Typography-9262511f.js');
 require('@jobber/design');
-require('../FormField-79a0a375.js');
+require('../FormField-34e4701b.js');
 require('uuid');
 require('react-hook-form');
 require('../Button-16e043ec.js');

package/dist/DataTable/index.js

@@ -8,10 +8,10 @@ var React = require('react');
 var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var tslib_es6 = require('../tslib.es6-efe27175.js');
-var Option = require('../Option-4b665afd.js');
+var Option = require('../Option-5fd699dc.js');
 var Button = require('../Button-16e043ec.js');
 var Text = require('../Text-7ce00adb.js');
-require('../FormField-79a0a375.js');
+require('../FormField-34e4701b.js');
 require('uuid');
 require('react-hook-form');
 require('../Icon-405a216c.js');

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 { trigger, handleSubmit, formState: { isDirty, isValid, errors }, } = methods;
     React.useEffect(() => onStateChange && onStateChange({ isDirty, isValid }), [isDirty, isValid]);
     React.useImperativeHandle(ref, () => ({
         /**

package/dist/FormField/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormField = require('../FormField-79a0a375.js');
+var FormField = require('../FormField-34e4701b.js');
 require('../tslib.es6-efe27175.js');
 require('react');
 require('uuid');

package/dist/{FormField-79a0a375.js → FormField-34e4701b.js}

@@ -113,10 +113,11 @@ function FormFieldPostFix({ variation }) {
     return (React__default["default"].createElement("span", { className: styles.postfix }, variation === "select" ? (React__default["default"].createElement(Icon.Icon, { name: "arrowDown" })) : (React__default["default"].createElement(Spinner.Spinner, { size: "small" }))));
 }
 
+// eslint-disable-next-line max-statements
 function FormField(props) {
-    var _a;
+    var _a, _b;
     const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, inputRef, inline, keyboard, max, maxLength, min, name, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, } = props;
-    const { control, errors, setValue, watch } = reactHookForm.useFormContext() != undefined
+    const { control, formState: { errors }, setValue, watch, } = reactHookForm.useFormContext() != undefined
         ? reactHookForm.useFormContext()
         : reactHookForm.useForm({ mode: "onTouched" });
     const [identifier] = React.useState(uuid.v1());
@@ -137,10 +138,11 @@ function FormField(props) {
             setValue(controlledName, newValue);
         },
     }));
-    const error = errors[controlledName] && errors[controlledName].message;
+    const message = (_a = errors[controlledName]) === null || _a === void 0 ? void 0 : _a.message;
+    const error = getErrorMessage();
     React.useEffect(() => handleValidation(), [error]);
-    return (React__default["default"].createElement(reactHookForm.Controller, { control: control, name: controlledName, rules: Object.assign({}, validations), defaultValue: (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : "", render: (_a) => {
-            var { onChange: onControllerChange, onBlur: onControllerBlur, name: controllerName } = _a, rest = tslib_es6.__rest(_a, ["onChange", "onBlur", "name"]);
+    return (React__default["default"].createElement(reactHookForm.Controller, { control: control, name: controlledName, rules: Object.assign({}, validations), defaultValue: (_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : "", render: (_a) => {
+            var _b = _a.field, { onChange: onControllerChange, onBlur: onControllerBlur, name: controllerName } = _b, rest = tslib_es6.__rest(_b, ["onChange", "onBlur", "name"]);
             const fieldProps = Object.assign(Object.assign(Object.assign({}, rest), { id: identifier, className: styles.input, name: (validations || name) && controllerName, disabled: disabled, readOnly: readonly, inputMode: keyboard, onChange: handleChange }), (description &&
                 !inline && { "aria-describedby": descriptionIdentifier }));
             const textFieldProps = Object.assign(Object.assign({}, fieldProps), { onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown });
@@ -188,6 +190,12 @@ function FormField(props) {
                 onControllerBlur();
             }
         } }));
+    function getErrorMessage() {
+        if (typeof message === "string") {
+            return message;
+        }
+        return "";
+    }
     function handleValidation() {
         onValidation && onValidation(error);
     }

package/dist/InputDate/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var lodash = require('lodash');
 var React = require('react');
-var FormField = require('../FormField-79a0a375.js');
+var FormField = require('../FormField-34e4701b.js');
 var DatePicker = require('../DatePicker-0696b0f0.js');
 require('../tslib.es6-efe27175.js');
 require('uuid');

package/dist/InputEmail/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-79a0a375.js');
+var FormField = require('../FormField-34e4701b.js');
 require('../tslib.es6-efe27175.js');
 require('uuid');
 require('react-hook-form');

package/dist/InputNumber/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-79a0a375.js');
+var FormField = require('../FormField-34e4701b.js');
 require('../tslib.es6-efe27175.js');
 require('uuid');
 require('react-hook-form');

package/dist/InputPassword/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-79a0a375.js');
+var FormField = require('../FormField-34e4701b.js');
 require('../tslib.es6-efe27175.js');
 require('uuid');
 require('react-hook-form');

package/dist/InputText/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-95ea24f9.js');
+var InputText = require('../InputText-5d29e10a.js');
 require('react');
-require('../FormField-79a0a375.js');
+require('../FormField-34e4701b.js');
 require('../tslib.es6-efe27175.js');
 require('uuid');
 require('react-hook-form');

package/dist/{InputText-95ea24f9.js → InputText-5d29e10a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-79a0a375.js');
+var FormField = require('./FormField-34e4701b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputTime/index.js

@@ -6,7 +6,7 @@ var tslib_es6 = require('../tslib.es6-efe27175.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
 var temporal = require('@std-proposal/temporal');
-var FormField = require('../FormField-79a0a375.js');
+var FormField = require('../FormField-34e4701b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');

package/dist/{Option-4b665afd.js → Option-5fd699dc.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-79a0a375.js');
+var FormField = require('./FormField-34e4701b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Select/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Option = require('../Option-4b665afd.js');
+var Option = require('../Option-5fd699dc.js');
 require('react');
-require('../FormField-79a0a375.js');
+require('../FormField-34e4701b.js');
 require('../tslib.es6-efe27175.js');
 require('uuid');
 require('react-hook-form');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,7 +19,7 @@
   "dependencies": {
     "@jobber/design": "^0.29.5",
     "@jobber/formatters": "^0.2.2",
-    "@jobber/hooks": "^2.0.0",
+    "@jobber/hooks": "^2.0.1",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -39,7 +39,7 @@
     "react-countdown": "^2.3.2",
     "react-datepicker": "^4.10.0",
     "react-dropzone": "^11.0.2",
-    "react-hook-form": "^6.15.8",
+    "react-hook-form": "^7.43.7",
     "react-markdown": "^8.0.3",
     "react-popper": "^2.2.5",
     "react-router-dom": "^5.3.4",
@@ -82,5 +82,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "9891d91bae57b35d2693c71ec7a9c2f29df91537"
+  "gitHead": "514a966ad2c394e4b88de2b5af98ad61017a16fe"
 }