@jobber/components 3.4.9-pre.8 → 3.4.9-rc.13

package/dist/Autocomplete/index.js

@@ -11,17 +11,17 @@ 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-e14d01db.js');
+var InputText = require('../InputText-523d0e48.js');
 require('../Typography-fbe0ed6e.js');
 require('@jobber/design');
-require('../FormField-58711fc7.js');
+require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../Button-cd30df0f.js');
 require('react-router-dom');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -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/Chips/index.js

@@ -16,7 +16,7 @@ var lodash = require('lodash');
 var reactPopper = require('react-popper');
 var Text = require('../Text-e012fb46.js');
 var Button = require('../Button-cd30df0f.js');
-var Spinner = require('../Spinner-18d3dee6.js');
+var Spinner = require('../Spinner-e4e9c8eb.js');
 require('@jobber/design');
 require('color');
 require('react-dom');

package/dist/DataTable/index.js

@@ -8,17 +8,17 @@ 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-e7855759.js');
+var Option = require('../Option-fdf21181.js');
 var Button = require('../Button-cd30df0f.js');
 var Text = require('../Text-e012fb46.js');
-require('../FormField-58711fc7.js');
+require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 require('react-router-dom');
 require('../Typography-fbe0ed6e.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-58711fc7.js');
+var FormField = require('../FormField-76068c0b.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('uuid');
@@ -17,7 +17,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 
 

package/dist/{FormField-58711fc7.js → FormField-76068c0b.js}

@@ -10,7 +10,7 @@ var Button = require('./Button-cd30df0f.js');
 var Icon = require('./Icon-d5ad1a6d.js');
 var Text = require('./Text-e012fb46.js');
 var InputValidation = require('./InputValidation-06a8a7ba.js');
-var Spinner = require('./Spinner-18d3dee6.js');
+var Spinner = require('./Spinner-e4e9c8eb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -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-58711fc7.js');
+var FormField = require('../FormField-76068c0b.js');
 var DatePicker = require('../DatePicker-7c67e8d2.js');
 require('uuid');
 require('react-hook-form');
@@ -19,7 +19,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 require('react-datepicker');
 require('@jobber/hooks');
 

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-58711fc7.js');
+var FormField = require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -17,7 +17,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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-58711fc7.js');
+var FormField = require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -17,7 +17,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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-58711fc7.js');
+var FormField = require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -17,7 +17,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputText/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-e14d01db.js');
+var InputText = require('../InputText-523d0e48.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-58711fc7.js');
+require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -18,7 +18,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 
 

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

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

package/dist/InputTime/InputTimeProps.d.ts

@@ -1,6 +1,6 @@
 import { CivilTime } from "@std-proposal/temporal";
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
-export interface InputTimeProps extends Pick<CommonFormFieldProps, "align" | "disabled" | "invalid" | "inline" | "loading" | "name" | "onValidation" | "placeholder" | "size">, Pick<FormFieldProps, "maxLength" | "readonly" | "autocomplete" | "max" | "min" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations"> {
+export interface InputTimeProps extends Pick<CommonFormFieldProps, "align" | "description" | "disabled" | "invalid" | "inline" | "loading" | "name" | "onValidation" | "placeholder" | "size">, Pick<FormFieldProps, "maxLength" | "readonly" | "autocomplete" | "max" | "min" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations"> {
     /**
      * Intial value of the input. Only use this when you need to prepopulate the
      * field with a data that is not controlled by the components state. If a

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-58711fc7.js');
+var FormField = require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -19,7 +19,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/{Option-e7855759.js → Option-fdf21181.js}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('./FormField-58711fc7.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-e7855759.js');
+var Option = require('../Option-fdf21181.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-58711fc7.js');
+require('../FormField-76068c0b.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -18,7 +18,7 @@ require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
 require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
-require('../Spinner-18d3dee6.js');
+require('../Spinner-e4e9c8eb.js');
 
 
 

package/dist/Spinner/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Spinner = require('../Spinner-18d3dee6.js');
+var Spinner = require('../Spinner-e4e9c8eb.js');
 require('react');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');

package/dist/{Spinner-18d3dee6.js → Spinner-e4e9c8eb.js}

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css = "._2Vxgrs4a5osOKmp9b0i7ud {\n  width: var(--space-larger);\n  height: var(--space-larger);\n  box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);\n  border: solid var(--color-blue--light);\n  border-top-color: var(--color-white);\n  border-width: calc(var(--space-small) * 0.75);\n  border-radius: var(--radius-circle);\n  background-color: var(--color-blue--lightest);\n  -webkit-animation-duration: 1s;\n          animation-duration: 1s;\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-name: _3bn_eCsItKh7HS1dEQIERv;\n          animation-name: _3bn_eCsItKh7HS1dEQIERv;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n  will-change: transform;\n}\n\n@-webkit-keyframes _3bn_eCsItKh7HS1dEQIERv {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n            transform: rotate(359deg);\n  }\n}\n\n@keyframes _3bn_eCsItKh7HS1dEQIERv {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n            transform: rotate(359deg);\n  }\n}\n\n._3uMtJrFH9VsqhWvHLkG1SQ {\n  width: var(--space-base);\n  height: var(--space-base);\n  border-width: var(--space-smaller);\n}\n\n._20N4X28gVsanpe8jhUzYxj {\n  display: inline-block;\n  margin-top: calc(var(--space-smaller) * -1);\n  vertical-align: middle;\n}\n";
+var css = "._2Vxgrs4a5osOKmp9b0i7ud {\n  width: var(--space-larger);\n  height: var(--space-larger);\n  box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);\n  border: solid var(--color-blue--light);\n  border-top-color: var(--color-white);\n  border-width: calc(var(--space-small) * 0.75);\n  border-radius: var(--radius-circle);\n  background-color: var(--color-blue--lightest);\n  -webkit-animation-duration: calc(var(--timing-slowest) * 2);\n          animation-duration: calc(var(--timing-slowest) * 2);\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-name: _3bn_eCsItKh7HS1dEQIERv;\n          animation-name: _3bn_eCsItKh7HS1dEQIERv;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n  will-change: transform;\n}\n\n@-webkit-keyframes _3bn_eCsItKh7HS1dEQIERv {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n            transform: rotate(359deg);\n  }\n}\n\n@keyframes _3bn_eCsItKh7HS1dEQIERv {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n            transform: rotate(359deg);\n  }\n}\n\n._3uMtJrFH9VsqhWvHLkG1SQ {\n  width: var(--space-base);\n  height: var(--space-base);\n  border-width: var(--space-smaller);\n}\n\n._20N4X28gVsanpe8jhUzYxj {\n  display: inline-block;\n  margin-top: calc(var(--space-smaller) * -1);\n  vertical-align: middle;\n}\n";
 var styles = {"spinner":"_2Vxgrs4a5osOKmp9b0i7ud","animationSpin":"_3bn_eCsItKh7HS1dEQIERv","small":"_3uMtJrFH9VsqhWvHLkG1SQ","inline-left":"_20N4X28gVsanpe8jhUzYxj","inline-right":"_20N4X28gVsanpe8jhUzYxj","inline":"_20N4X28gVsanpe8jhUzYxj"};
 styleInject_es.styleInject(css);
 

package/dist/Toast/index.js

@@ -82,8 +82,10 @@ if (!target) {
 }
 var root = client.createRoot(target);
 function showToast(props) {
-    var _a;
-    if ((_a = document === null || document === void 0 ? void 0 : document.body) === null || _a === void 0 ? void 0 : _a.contains(target)) {
+    // Ensure target and body is still there when rendering the toast. This is due
+    // to an issue with ReactDOM createRoot assuming document is always there and
+    // Jest taking the document down.
+    if (document.body.contains(target)) {
         root.render(React__default["default"].createElement(ToasterOven, tslib_es6.__assign({}, props)));
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "3.4.9-pre.8+cf3f0498",
+  "version": "3.4.9-rc.13+f2d509e4",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -9,8 +9,7 @@
     "clean": "rm -rf dist/* tsconfig.tsbuildinfo",
     "prepublishOnly": "ts-node --project ../../tsconfig.bin.json scripts/entryPoints.ts",
     "prepare": "npm run clean; npm run build",
-    "postpublish": "ts-node --project ../../tsconfig.bin.json scripts/entryPoints.ts clean",
-    "ci:typescript-compile": "rm -rf tsconfig.ci.tsbuildinfo && tsc --project tsconfig.ci.json"
+    "postpublish": "ts-node --project ../../tsconfig.bin.json scripts/entryPoints.ts clean"
   },
   "files": [
     "*.js",
@@ -18,9 +17,9 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.29.4-pre.43+cf3f0498",
-    "@jobber/formatters": "^0.2.2-pre.43+cf3f0498",
-    "@jobber/hooks": "^1.13.2-pre.10+cf3f0498",
+    "@jobber/design": "^0.29.4-rc.48+f2d509e4",
+    "@jobber/formatters": "^0.2.2-rc.48+f2d509e4",
+    "@jobber/hooks": "^1.13.2-rc.15+f2d509e4",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -32,7 +31,7 @@
     "@types/uuid": "^8.3.3",
     "@use-it/event-listener": "^0.1.3",
     "axios": "^0.21.2",
-    "classnames": "^2.2.6",
+    "classnames": "^2.3.2",
     "color": "^3.1.2",
     "filesize": "^6.1.0",
     "framer-motion": "6.3.16",
@@ -51,11 +50,10 @@
   "devDependencies": {
     "@rollup/plugin-commonjs": "^23.0.0",
     "@rollup/plugin-typescript": "^9.0.1",
-    "@testing-library/jest-dom": "^5.10.1",
+    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^12.0.2",
-    "@types/classnames": "^2.2.7",
     "@types/glob": "^7.1.1",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
@@ -84,5 +82,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "cf3f0498db2762ca0b6737720a1d87b8a8e768ce"
+  "gitHead": "f2d509e41433cee216fc2320b05d783a0e9458cf"
 }

package/rollup.config.js

@@ -64,6 +64,5 @@ export default {
     "@jobber/design",
     "@jobber/formatters",
     "@jobber/hooks",
-    "@tanstack/react-table",
   ],
 };