@jobber/components 4.60.14 → 4.62.0

package/dist/Autocomplete/index.js

@@ -13,10 +13,10 @@ var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var Text = require('../Text-54334431.js');
 var Icon = require('../Icon-405a216c.js');
 var Heading = require('../Heading-4cde9989.js');
-var InputText = require('../InputText-ab237501.js');
+var InputText = require('../InputText-3ca5c1c8.js');
 require('../Typography-83915c54.js');
 require('@jobber/design');
-require('../FormField-fa9254dc.js');
+require('../FormField-3a4f196c.js');
 require('uuid');
 require('react-hook-form');
 require('../Button-db6114a6.js');

package/dist/ConfirmationModal/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ConfirmationModal = require('../ConfirmationModal-285c3cbe.js');
+var ConfirmationModal = require('../ConfirmationModal-467f6d4e.js');
 require('react');
 require('@jobber/hooks/useOnKeyDown');
-require('../Modal-c17cc105.js');
+require('../Modal-7daf6831.js');
 require('react-dom');
 require('classnames');
 require('framer-motion');

package/dist/{ConfirmationModal-285c3cbe.js → ConfirmationModal-467f6d4e.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var Modal = require('./Modal-c17cc105.js');
+var Modal = require('./Modal-7daf6831.js');
 var Content = require('./Content-2ca1ffe1.js');
 var Markdown = require('./Markdown-d53b01bf.js');
 

package/dist/DataList/index.js

@@ -29,7 +29,7 @@ var Combobox = require('../Combobox-c6ec6d59.js');
 var Chip = require('../Chip-a1bdcab2.js');
 var Icon = require('../Icon-405a216c.js');
 var debounce = require('lodash/debounce');
-var InputText = require('../InputText-ab237501.js');
+var InputText = require('../InputText-3ca5c1c8.js');
 var Spinner = require('../Spinner-9d8fc7ff.js');
 var Typography = require('../Typography-83915c54.js');
 require('../Content-2ca1ffe1.js');
@@ -39,7 +39,7 @@ require('react-hook-form');
 require('@jobber/hooks/useAssert');
 require('../Avatar-1aa30ee1.js');
 require('color');
-require('../FormField-fa9254dc.js');
+require('../FormField-3a4f196c.js');
 require('../InputValidation-377d6c62.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/DataTable/index.js

@@ -9,11 +9,11 @@ var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Glimmer = require('../Glimmer-cfa92a88.js');
 var tslib_es6 = require('../tslib.es6-5b8768b7.js');
-var Option = require('../Option-07a24acd.js');
+var Option = require('../Option-0abeda54.js');
 var Button = require('../Button-db6114a6.js');
 var Text = require('../Text-54334431.js');
 require('../Content-2ca1ffe1.js');
-require('../FormField-fa9254dc.js');
+require('../FormField-3a4f196c.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-fa9254dc.js');
+var FormField = require('../FormField-3a4f196c.js');
 require('../tslib.es6-5b8768b7.js');
 require('react');
 require('uuid');

package/dist/{FormField-fa9254dc.js → FormField-3a4f196c.js}

@@ -154,9 +154,9 @@ function FormField(props) {
     React.useEffect(() => handleValidation(), [error]);
     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 &&
+            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, onBlur: handleBlur, onFocus: handleFocus }), (description &&
                 !inline && { "aria-describedby": descriptionIdentifier }));
-            const textFieldProps = Object.assign(Object.assign({}, fieldProps), { onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown });
+            const textFieldProps = Object.assign(Object.assign({}, fieldProps), { onKeyDown: handleKeyDown });
             return (React__default["default"].createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: error, identifier: identifier, descriptionIdentifier: descriptionIdentifier }), renderField()));
             function renderField() {
                 switch (type) {
@@ -194,7 +194,9 @@ function FormField(props) {
             }
             function handleFocus(event) {
                 const target = event.currentTarget;
-                setTimeout(() => readonly && target.select());
+                if (target.select) {
+                    setTimeout(() => readonly && target.select());
+                }
                 onFocus && onFocus();
             }
             function handleBlur() {

package/dist/FormatFile/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormatFile = require('../FormatFile-6423c3b5.js');
+var FormatFile = require('../FormatFile-bdd09938.js');
 require('react');
 require('classnames');
 require('filesize');
@@ -12,9 +12,9 @@ require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-83915c54.js');
-require('../ConfirmationModal-285c3cbe.js');
+require('../ConfirmationModal-467f6d4e.js');
 require('@jobber/hooks/useOnKeyDown');
-require('../Modal-c17cc105.js');
+require('../Modal-7daf6831.js');
 require('react-dom');
 require('framer-motion');
 require('@jobber/hooks/useRefocusOnActivator');

package/dist/{FormatFile-6423c3b5.js → FormatFile-bdd09938.js}

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 var getHumanReadableFileSize = require('filesize');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Button = require('./Button-db6114a6.js');
-var ConfirmationModal = require('./ConfirmationModal-285c3cbe.js');
+var ConfirmationModal = require('./ConfirmationModal-467f6d4e.js');
 var Glimmer = require('./Glimmer-cfa92a88.js');
 var Icon = require('./Icon-405a216c.js');
 var Typography = require('./Typography-83915c54.js');

package/dist/Gallery/index.js

@@ -6,7 +6,7 @@ var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var LightBox = require('../LightBox-93ef99b9.js');
-var FormatFile = require('../FormatFile-6423c3b5.js');
+var FormatFile = require('../FormatFile-bdd09938.js');
 var Button = require('../Button-db6114a6.js');
 require('framer-motion');
 require('react-dom');
@@ -16,8 +16,8 @@ require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useFocusTrap');
 require('../ButtonDismiss-1ccb84ec.js');
 require('filesize');
-require('../ConfirmationModal-285c3cbe.js');
-require('../Modal-c17cc105.js');
+require('../ConfirmationModal-467f6d4e.js');
+require('../Modal-7daf6831.js');
 require('../Heading-4cde9989.js');
 require('../Typography-83915c54.js');
 require('../Content-2ca1ffe1.js');

package/dist/InputDate/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var omit = require('lodash/omit');
 var React = require('react');
-var FormField = require('../FormField-fa9254dc.js');
+var FormField = require('../FormField-3a4f196c.js');
 var DatePicker = require('../DatePicker-49213434.js');
 require('../tslib.es6-5b8768b7.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-fa9254dc.js');
+var FormField = require('../FormField-3a4f196c.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');

package/dist/InputNumber/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputNumber = require('../InputNumber-ea9fcee1.js');
+var InputNumber = require('../InputNumber-50eb0958.js');
 require('react');
-require('../FormField-fa9254dc.js');
+require('../FormField-3a4f196c.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');

package/dist/{InputNumber-ea9fcee1.js → InputNumber-50eb0958.js}

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

package/dist/InputPassword/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-fa9254dc.js');
+var FormField = require('../FormField-3a4f196c.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');

package/dist/InputPhoneNumber/index.js

@@ -6,7 +6,7 @@ var tslib_es6 = require('../tslib.es6-5b8768b7.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var FormField = require('../FormField-fa9254dc.js');
+var FormField = require('../FormField-3a4f196c.js');
 require('uuid');
 require('classnames');
 require('../Button-db6114a6.js');

package/dist/InputText/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-ab237501.js');
+var InputText = require('../InputText-3ca5c1c8.js');
 require('react');
-require('../FormField-fa9254dc.js');
+require('../FormField-3a4f196c.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');

package/dist/{InputText-ab237501.js → InputText-3ca5c1c8.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-fa9254dc.js');
+var FormField = require('./FormField-3a4f196c.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-fa9254dc.js');
+var FormField = require('../FormField-3a4f196c.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');

package/dist/Modal/Modal.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from "react";
 import sizes from "./Sizes.css";
 import { ButtonProps } from "../Button";
-interface ModalProps {
+export interface ModalProps {
     /**
      * @default false
      */
@@ -19,4 +19,3 @@ interface ModalProps {
     onRequestClose?(): void;
 }
 export declare function Modal({ open, title, size, dismissible, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }: ModalProps): React.ReactPortal;
-export {};

package/dist/Modal/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Modal = require('../Modal-c17cc105.js');
+var Modal = require('../Modal-7daf6831.js');
 require('react');
 require('react-dom');
 require('classnames');

package/dist/{Modal-c17cc105.js → Modal-7daf6831.js}

@@ -31,7 +31,7 @@ function Modal({ open = false, title, size, dismissible = true, children, primar
     useRefocusOnActivator.useRefocusOnActivator(open);
     const modalRef = useFocusTrap.useFocusTrap(open);
     useOnKeyDown.useOnKeyDown(handleRequestClose, "Escape");
-    const template = (React__default["default"].createElement(framerMotion.AnimatePresence, null, open && (React__default["default"].createElement("div", { ref: modalRef, className: styles.container, tabIndex: 0 },
+    const template = (React__default["default"].createElement(framerMotion.AnimatePresence, null, open && (React__default["default"].createElement("div", { ref: modalRef, role: "dialog", className: styles.container, tabIndex: 0 },
         React__default["default"].createElement(framerMotion.motion.div, { key: styles.overlay, className: styles.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
         React__default["default"].createElement(framerMotion.motion.div, { key: styles.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {
                 duration: 0.2,

package/dist/{Option-07a24acd.js → Option-0abeda54.js}

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

package/dist/RecurringSelect/index.js

@@ -9,11 +9,11 @@ var RadioGroup = require('../RadioGroup-9bdd8a59.js');
 var Text = require('../Text-54334431.js');
 require('classnames');
 require('../Typography-83915c54.js');
-var Option = require('../Option-07a24acd.js');
-var InputNumber = require('../InputNumber-ea9fcee1.js');
+var Option = require('../Option-0abeda54.js');
+var InputNumber = require('../InputNumber-50eb0958.js');
 var InputGroup = require('../InputGroup-3fdde16b.js');
 var Content = require('../Content-2ca1ffe1.js');
-require('../FormField-fa9254dc.js');
+require('../FormField-3a4f196c.js');
 require('../tslib.es6-5b8768b7.js');
 require('react-hook-form');
 require('../Button-db6114a6.js');

package/dist/Select/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Option = require('../Option-07a24acd.js');
+var Option = require('../Option-0abeda54.js');
 require('react');
-require('../FormField-fa9254dc.js');
+require('../FormField-3a4f196c.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.60.14",
+  "version": "4.62.0",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -83,5 +83,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "3426284f93f6e6447681a4da8c79abff3c8e6d8c"
+  "gitHead": "fc326c01fb124414c9a84198655d88476c40e7ae"
 }