@jobber/components 4.4.5 → 4.4.6-jeff.10

package/dist/Autocomplete/index.js

@@ -11,10 +11,10 @@ var useEventListener = require('@use-it/event-listener');
 var Text = require('../Text-668ba4fe.js');
 var Icon = require('../Icon-405a216c.js');
 var Heading = require('../Heading-4dc407a9.js');
-var InputText = require('../InputText-c056703c.js');
+var InputText = require('../InputText-87d76eac.js');
 require('../Typography-1aeeb56e.js');
 require('@jobber/design');
-require('../FormField-bdfb7a5a.js');
+require('../FormField-db4b9e0d.js');
 require('uuid');
 require('react-hook-form');
 require('../Button-e2452625.js');

package/dist/Chips/index.js

@@ -492,7 +492,7 @@ function InternalChipDismissibleInput(props) {
 function InternalChipDismissible(props) {
     const { availableChipOptions, ref: wrapperRef, sortedVisibleChipOptions, handleChipAdd, handleChipClick, handleChipKeyDown, handleChipRemove, handleCustomAdd, handleWrapperKeyDown, } = useInternalChipDismissible(props);
     return (React__default["default"].createElement("div", { ref: wrapperRef, className: styles.wrapper, "data-testid": "dismissible-chips", onKeyDown: handleWrapperKeyDown, role: "listbox" },
-        sortedVisibleChipOptions.map(chip => (React__default["default"].createElement(InternalChip, Object.assign({ key: chip.value }, chip, { onKeyDown: handleChipKeyDown(chip.value), onClick: handleChipClick(chip.value), ariaLabel: `${chip.value}. Press delete or backspace to remove ${chip.value}`, tabIndex: 0, suffix: React__default["default"].createElement(InternalChipButton, { icon: "remove", invalid: chip.invalid, disabled: chip.disabled, label: chip.label, onClick: handleChipRemove(chip.value) }) })))),
+        sortedVisibleChipOptions.map(chip => (React__default["default"].createElement(InternalChip, Object.assign({ key: chip.value }, chip, { onKeyDown: handleChipKeyDown(chip.value), onClick: handleChipClick(chip.value), ariaLabel: `${chip.label}. Press delete or backspace to remove ${chip.label}`, tabIndex: 0, suffix: React__default["default"].createElement(InternalChipButton, { icon: "remove", invalid: chip.invalid, disabled: chip.disabled, label: chip.label, onClick: handleChipRemove(chip.value) }) })))),
         React__default["default"].createElement(InternalChipDismissibleInput, { activator: props.activator, attachTo: wrapperRef, isLoadingMore: props.isLoadingMore, options: availableChipOptions, onOptionSelect: handleChipAdd, onCustomOptionSelect: handleCustomAdd, onSearch: props.onSearch, onLoadMore: props.onLoadMore })));
 }
 

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-9d2f5f4e.js');
 var tslib_es6 = require('../tslib.es6-5b8768b7.js');
-var Option = require('../Option-73a5502d.js');
+var Option = require('../Option-6eee901f.js');
 var Button = require('../Button-e2452625.js');
 var Text = require('../Text-668ba4fe.js');
-require('../FormField-bdfb7a5a.js');
+require('../FormField-db4b9e0d.js');
 require('uuid');
 require('react-hook-form');
 require('../Icon-405a216c.js');

package/dist/FormField/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormField = require('../FormField-bdfb7a5a.js');
+var FormField = require('../FormField-db4b9e0d.js');
 require('../tslib.es6-5b8768b7.js');
 require('react');
 require('uuid');

package/dist/{FormField-bdfb7a5a.js → FormField-db4b9e0d.js}

@@ -118,7 +118,8 @@ function FormField(props) {
     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
         ? reactHookForm.useFormContext()
-        : reactHookForm.useForm({ mode: "onTouched" });
+        : // If there isn't a Form Context being provided, get a form for this field.
+            reactHookForm.useForm({ mode: "onTouched" });
     const [identifier] = React.useState(uuid.v1());
     const [descriptionIdentifier] = React.useState(`descriptionUUID--${uuid.v1()}`);
     /**
@@ -134,7 +135,7 @@ function FormField(props) {
     }, [value, watch(controlledName)]);
     React.useImperativeHandle(actionsRef, () => ({
         setValue: newValue => {
-            setValue(controlledName, newValue);
+            setValue(controlledName, newValue, { shouldValidate: true });
         },
     }));
     const error = errors[controlledName] && errors[controlledName].message;

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-bdfb7a5a.js');
+var FormField = require('../FormField-db4b9e0d.js');
 var DatePicker = require('../DatePicker-90fd1823.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
@@ -28,20 +28,25 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function InputDate(inputProps) {
-    return (React__default["default"].createElement(DatePicker.DatePicker, { selected: inputProps.value, onChange: inputProps.onChange, disabled: inputProps.disabled, readonly: inputProps.readonly, fullWidth: !inputProps.inline, minDate: inputProps.minDate, maxDate: inputProps.maxDate, smartAutofocus: false, activator: activatorProps => {
+    const formFieldActionsRef = React.useRef(null);
+    return (React__default["default"].createElement(DatePicker.DatePicker, { selected: inputProps.value, onChange: inputProps === null || inputProps === void 0 ? void 0 : inputProps.onChange, disabled: inputProps.disabled, readonly: inputProps.readonly, fullWidth: !inputProps.inline, minDate: inputProps.minDate, maxDate: inputProps.maxDate, smartAutofocus: false, activator: activatorProps => {
+            var _a;
             const { onChange, onClick, value } = activatorProps;
             const newActivatorProps = lodash.omit(activatorProps, ["activator"]);
             const suffix = Object.assign({ icon: "calendar" }, (onClick && {
                 onClick: onClick,
                 ariaLabel: "Show calendar",
             }));
+            // Set form field to formatted date string immediately, to avoid validations
+            //  triggering incorrectly when it blurs (to handle the datepicker UI click)
+            value && ((_a = formFieldActionsRef.current) === null || _a === void 0 ? void 0 : _a.setValue(value));
             return (React__default["default"].createElement(FormField.FormField, Object.assign({}, newActivatorProps, inputProps, { value: value, onChange: (_, event) => onChange && onChange(event), onBlur: () => {
                     inputProps.onBlur && inputProps.onBlur();
                     activatorProps.onBlur && activatorProps.onBlur();
                 }, onFocus: () => {
                     inputProps.onFocus && inputProps.onFocus();
                     activatorProps.onFocus && activatorProps.onFocus();
-                }, suffix: suffix })));
+                }, actionsRef: formFieldActionsRef, suffix: suffix })));
         } }));
 }
 

package/dist/InputEmail/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-bdfb7a5a.js');
+var FormField = require('../FormField-db4b9e0d.js');
 require('../tslib.es6-5b8768b7.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-bdfb7a5a.js');
+var FormField = require('../FormField-db4b9e0d.js');
 require('../tslib.es6-5b8768b7.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-bdfb7a5a.js');
+var FormField = require('../FormField-db4b9e0d.js');
 require('../tslib.es6-5b8768b7.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-c056703c.js');
+var InputText = require('../InputText-87d76eac.js');
 require('react');
-require('../FormField-bdfb7a5a.js');
+require('../FormField-db4b9e0d.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');

package/dist/{InputText-c056703c.js → InputText-87d76eac.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-bdfb7a5a.js');
+var FormField = require('./FormField-db4b9e0d.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-5b8768b7.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
 var temporal = require('@std-proposal/temporal');
-var FormField = require('../FormField-bdfb7a5a.js');
+var FormField = require('../FormField-db4b9e0d.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');

package/dist/{Option-73a5502d.js → Option-6eee901f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-bdfb7a5a.js');
+var FormField = require('./FormField-db4b9e0d.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-73a5502d.js');
+var Option = require('../Option-6eee901f.js');
 require('react');
-require('../FormField-bdfb7a5a.js');
+require('../FormField-db4b9e0d.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.4.5",
+  "version": "4.4.6-jeff.10+8c8e89f1",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,9 +17,9 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.31.1",
-    "@jobber/formatters": "*",
-    "@jobber/hooks": "*",
+    "@jobber/design": "^0.31.2-jeff.16+8c8e89f1",
+    "@jobber/formatters": "^0.2.2",
+    "@jobber/hooks": "^2.0.2",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -81,5 +81,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "dd07c01a80cb742a8392ab98df5a92733e6f9830"
+  "gitHead": "8c8e89f15a412cbdb83fb81acaa75611d72ff35e"
 }