@jobber/components 3.5.7 → 3.5.8

package/dist/Autocomplete/index.js

@@ -11,10 +11,10 @@ var useEventListener = require('@use-it/event-listener');
 var Text = require('../Text-e012fb46.js');
 var Icon = require('../Icon-d5ad1a6d.js');
 var Heading = require('../Heading-a9a66964.js');
-var InputText = require('../InputText-f8000c6c.js');
+var InputText = require('../InputText-523d0e48.js');
 require('../Typography-fbe0ed6e.js');
 require('@jobber/design');
-require('../FormField-4280f5e9.js');
+require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../Button-cd30df0f.js');
@@ -134,11 +134,10 @@ function isOptionSelected(selectedOption, option) {
 function useOnKeyDown(keyName, handler) {
     // Pending: https://github.com/donavon/use-event-listener/pull/12
     // The types in useEventListener mistakenly require a SyntheticEvent for the passed generic.
-    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-    //@ts-ignore
     useEventListener__default["default"]("keydown", function (event) {
-        if (event.key === keyName) {
-            handler(event);
+        var newEvent = event;
+        if (newEvent.key === keyName) {
+            handler(newEvent);
         }
     });
 }

package/dist/DataTable/index.js

@@ -8,10 +8,10 @@ var classnames = require('classnames');
 var React = require('react');
 var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Option = require('../Option-93ff948a.js');
+var Option = require('../Option-fdf21181.js');
 var Button = require('../Button-cd30df0f.js');
 var Text = require('../Text-e012fb46.js');
-require('../FormField-4280f5e9.js');
+require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../Icon-d5ad1a6d.js');

package/dist/Drawer/index.js

@@ -27,7 +27,7 @@ function Drawer(_a) {
     var title = _a.title, children = _a.children, _b = _a.open, open = _b === void 0 ? true : _b, onRequestClose = _a.onRequestClose, id = _a.id;
     var drawerClassNames = classnames__default["default"](styles$1.container, open && styles$1.open);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("aside", { className: drawerClassNames, "data-testid": "drawer-container", "aria-label": title, "aria-visible": open, id: id },
+        React__default["default"].createElement("aside", { className: drawerClassNames, "data-testid": "drawer-container", "aria-label": title, "aria-hidden": !open, id: id },
             React__default["default"].createElement("div", { className: styles$1.drawer },
                 React__default["default"].createElement(Header, { title: title, onRequestClose: onRequestClose }),
                 React__default["default"].createElement("div", { className: styles$1.contentScroll },

package/dist/FormField/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormField = require('../FormField-4280f5e9.js');
+var FormField = require('../FormField-76068c0b.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('uuid');

package/dist/{FormField-4280f5e9.js → FormField-76068c0b.js}

@@ -102,11 +102,11 @@ function FormFieldWrapper(_a) {
             paddingRight: undefined,
         };
         if ((prefixRef === null || prefixRef === void 0 ? void 0 : prefixRef.current) && !hasValue) {
-            var offsetWidth = (prefixRef === null || prefixRef === void 0 ? void 0 : prefixRef.current).offsetWidth;
+            var offsetWidth = prefixRef.current.offsetWidth;
             newPadding.paddingLeft = offset(offsetWidth);
         }
         if ((suffixRef === null || suffixRef === void 0 ? void 0 : suffixRef.current) && !hasValue) {
-            var offsetWidth = (suffixRef === null || suffixRef === void 0 ? void 0 : suffixRef.current).offsetWidth;
+            var offsetWidth = suffixRef.current.offsetWidth;
             newPadding.paddingRight = offset(offsetWidth);
         }
         function offset(width) {

package/dist/InputDate/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var lodash = require('lodash');
 var React = require('react');
-var FormField = require('../FormField-4280f5e9.js');
+var FormField = require('../FormField-76068c0b.js');
 var DatePicker = require('../DatePicker-7c67e8d2.js');
 require('uuid');
 require('react-hook-form');

package/dist/InputEmail/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-4280f5e9.js');
+var FormField = require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');

package/dist/InputNumber/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-4280f5e9.js');
+var FormField = require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');

package/dist/InputPassword/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-4280f5e9.js');
+var FormField = require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');

package/dist/InputText/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-f8000c6c.js');
+var InputText = require('../InputText-523d0e48.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-4280f5e9.js');
+require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');

package/dist/{InputText-f8000c6c.js → InputText-523d0e48.js}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('./FormField-4280f5e9.js');
+var FormField = require('./FormField-76068c0b.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-5b50eb8e.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
 var temporal = require('@std-proposal/temporal');
-var FormField = require('../FormField-4280f5e9.js');
+var FormField = require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');

package/dist/{Option-93ff948a.js → Option-fdf21181.js}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('./FormField-4280f5e9.js');
+var FormField = require('./FormField-76068c0b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Select/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Option = require('../Option-93ff948a.js');
+var Option = require('../Option-fdf21181.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-4280f5e9.js');
+require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "3.5.7",
+  "version": "3.5.8",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,8 +18,8 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.29.4",
-    "@jobber/formatters": "^0.2.1",
-    "@jobber/hooks": "^1.13.2",
+    "@jobber/formatters": "^0.2.2",
+    "@jobber/hooks": "^1.13.3",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -83,5 +83,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "94558a0a6480fa07b101c997a7b12f040b8128bc"
+  "gitHead": "c92b6e7287a47c05434202bfbcd04375b6a7086f"
 }