@jobber/components 4.1.0 → 4.1.1

package/dist/InputFile/index.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputFile = require('../InputFile-e108a7f8.js');
-require('../tslib.es6-5b50eb8e.js');
+var InputFile = require('../InputFile-5e0ed2b5.js');
+require('../tslib.es6-efe27175.js');
 require('react');
 require('classnames');
 require('react-dropzone');
 require('axios');
 require('uuid');
 require('../style-inject.es-dcee06b6.js');
-require('../Button-cd30df0f.js');
+require('../Button-16e043ec.js');
 require('react-router-dom');
-require('../Icon-d5ad1a6d.js');
+require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-fbe0ed6e.js');
-require('../Content-18de5fbb.js');
+require('../Typography-9262511f.js');
+require('../Content-05df8f7f.js');
 
 
 

package/dist/{InputFile-e108a7f8.js → InputFile-5e0ed2b5.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
+var tslib_es6 = require('./tslib.es6-efe27175.js');
 var React = require('react');
 var classnames = require('classnames');
 var reactDropzone = require('react-dropzone');
 var axios = require('axios');
 var uuid = require('uuid');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var Button = require('./Button-cd30df0f.js');
-var Content = require('./Content-18de5fbb.js');
-var Typography = require('./Typography-fbe0ed6e.js');
+var Button = require('./Button-16e043ec.js');
+var Content = require('./Content-05df8f7f.js');
+var Typography = require('./Typography-9262511f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -21,10 +21,8 @@ var css = "._2CgKZHQp30gXtQyW8h2Ex_ {\n  font-size: 0;\n  line-height: 0;\n  -we
 var styles = {"dropZoneBase":"_2CgKZHQp30gXtQyW8h2Ex_","dropZone":"_3nre5MPe67v_oDs44x2IDC","active":"_1wLTm5Es7oqZzzwFiOySeN"};
 styleInject_es.styleInject(css);
 
-function InputFile(_a) {
-    var _b;
-    var _c = _a.variation, variation = _c === void 0 ? "dropzone" : _c, _d = _a.size, size = _d === void 0 ? "base" : _d, providedButtonLabel = _a.buttonLabel, _e = _a.allowMultiple, allowMultiple = _e === void 0 ? false : _e, _f = _a.allowedTypes, allowedTypes = _f === void 0 ? "all" : _f, getUploadParams = _a.getUploadParams, onUploadStart = _a.onUploadStart, onUploadProgress = _a.onUploadProgress, onUploadComplete = _a.onUploadComplete;
-    var options = {
+function InputFile({ variation = "dropzone", size = "base", buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, }) {
+    const options = {
         multiple: allowMultiple,
         onDrop: React.useCallback(handleDrop, []),
     };
@@ -34,66 +32,54 @@ function InputFile(_a) {
     else if (allowedTypes === "basicImages") {
         options.accept = "image/png, image/jpg, image/jpeg";
     }
-    var _g = reactDropzone.useDropzone(options), getRootProps = _g.getRootProps, getInputProps = _g.getInputProps, isDragActive = _g.isDragActive;
-    var _h = getLabels(providedButtonLabel, allowMultiple, allowedTypes), buttonLabel = _h.buttonLabel, hintText = _h.hintText;
-    var dropZone = classnames__default["default"](styles.dropZoneBase, (_b = {},
-        _b[styles.dropZone] = variation === "dropzone",
-        _b[styles.active] = isDragActive,
-        _b));
-    return (React__default["default"].createElement("div", tslib_es6.__assign({}, getRootProps({ className: dropZone }), { tabIndex: variation === "button" ? -1 : 0 }),
-        React__default["default"].createElement("input", tslib_es6.__assign({}, getInputProps())),
+    const { getRootProps, getInputProps, isDragActive } = reactDropzone.useDropzone(options);
+    const { buttonLabel, hintText } = getLabels(providedButtonLabel, allowMultiple, allowedTypes);
+    const dropZone = classnames__default["default"](styles.dropZoneBase, {
+        [styles.dropZone]: variation === "dropzone",
+        [styles.active]: isDragActive,
+    });
+    return (React__default["default"].createElement("div", Object.assign({}, getRootProps({ className: dropZone }), { tabIndex: variation === "button" ? -1 : 0 }),
+        React__default["default"].createElement("input", Object.assign({}, getInputProps())),
         variation === "dropzone" && (React__default["default"].createElement(Content.Content, { spacing: "small" },
             React__default["default"].createElement(Button.Button, { label: buttonLabel, size: "small", type: "secondary" }),
             size === "base" && (React__default["default"].createElement(Typography.Typography, { size: "small", textColor: "textSecondary" }, hintText)))),
         variation === "button" && (React__default["default"].createElement(Button.Button, { label: buttonLabel, size: size, type: "secondary", fullWidth: true }))));
     function handleDrop(acceptedFiles) {
-        acceptedFiles.forEach(function (file) {
+        acceptedFiles.forEach(file => {
             uploadFile(file);
         });
     }
     function uploadFile(file) {
-        return tslib_es6.__awaiter(this, void 0, void 0, function () {
-            var _a, url, _b, key, _c, fields, _d, httpMethod, fileUpload, handleUploadProgress, handleUploadComplete, axiosConfig;
-            return tslib_es6.__generator(this, function (_e) {
-                switch (_e.label) {
-                    case 0: return [4 /*yield*/, getUploadParams(file)];
-                    case 1:
-                        _a = _e.sent(), url = _a.url, _b = _a.key, key = _b === void 0 ? uuid.v1() : _b, _c = _a.fields, fields = _c === void 0 ? {} : _c, _d = _a.httpMethod, httpMethod = _d === void 0 ? "POST" : _d;
-                        fileUpload = getFileUpload(file, key);
-                        onUploadStart && onUploadStart(tslib_es6.__assign({}, fileUpload));
-                        handleUploadProgress = function (progressEvent) {
-                            onUploadProgress &&
-                                onUploadProgress(tslib_es6.__assign(tslib_es6.__assign({}, fileUpload), { progress: progressEvent.loaded / progressEvent.total }));
-                        };
-                        handleUploadComplete = function () {
-                            onUploadComplete === null || onUploadComplete === void 0 ? void 0 : onUploadComplete(tslib_es6.__assign(tslib_es6.__assign({}, fileUpload), { progress: 1 }));
-                        };
-                        axiosConfig = createAxiosConfig({
-                            url: url,
-                            httpMethod: httpMethod,
-                            fields: fields,
-                            file: file,
-                            handleUploadProgress: handleUploadProgress,
-                        });
-                        axios__default["default"].request(axiosConfig).then(handleUploadComplete);
-                        return [2 /*return*/];
-                }
+        return tslib_es6.__awaiter(this, void 0, void 0, function* () {
+            const { url, key = uuid.v1(), fields = {}, httpMethod = "POST", } = yield getUploadParams(file);
+            const fileUpload = getFileUpload(file, key);
+            onUploadStart && onUploadStart(Object.assign({}, fileUpload));
+            const handleUploadProgress = (progressEvent) => {
+                onUploadProgress &&
+                    onUploadProgress(Object.assign(Object.assign({}, fileUpload), { progress: progressEvent.loaded / progressEvent.total }));
+            };
+            const handleUploadComplete = () => {
+                onUploadComplete === null || onUploadComplete === void 0 ? void 0 : onUploadComplete(Object.assign(Object.assign({}, fileUpload), { progress: 1 }));
+            };
+            const axiosConfig = createAxiosConfig({
+                url,
+                httpMethod,
+                fields,
+                file,
+                handleUploadProgress,
             });
+            axios__default["default"].request(axiosConfig).then(handleUploadComplete);
         });
     }
 }
-function createAxiosConfig(_a) {
-    var url = _a.url, _b = _a.httpMethod, httpMethod = _b === void 0 ? "POST" : _b, _c = _a.fields, fields = _c === void 0 ? {} : _c, file = _a.file, handleUploadProgress = _a.handleUploadProgress;
-    var data;
-    var headers;
+function createAxiosConfig({ url, httpMethod = "POST", fields = {}, file, handleUploadProgress, }) {
+    let data;
+    let headers;
     if (httpMethod === "POST") {
-        var formData_1 = new FormData();
-        Object.entries(fields).forEach(function (_a) {
-            var _b = tslib_es6.__read(_a, 2), field = _b[0], value = _b[1];
-            return formData_1.append(field, value);
-        });
-        formData_1.append("file", file);
-        data = formData_1;
+        const formData = new FormData();
+        Object.entries(fields).forEach(([field, value]) => formData.append(field, value));
+        formData.append("file", file);
+        data = formData;
         headers = { "X-Requested-With": "XMLHttpRequest" };
     }
     else {
@@ -109,8 +95,8 @@ function createAxiosConfig(_a) {
     };
 }
 function getLabels(providedButtonLabel, multiple, allowedTypes) {
-    var buttonLabel = multiple ? "Upload Files" : "Upload File";
-    var hintText = multiple
+    let buttonLabel = multiple ? "Upload Files" : "Upload File";
+    let hintText = multiple
         ? "or drag files here to upload"
         : "or drag a file here to upload";
     if (allowedTypes === "images" || allowedTypes === "basicImages") {
@@ -121,7 +107,7 @@ function getLabels(providedButtonLabel, multiple, allowedTypes) {
     }
     if (providedButtonLabel)
         buttonLabel = providedButtonLabel;
-    return { buttonLabel: buttonLabel, hintText: hintText };
+    return { buttonLabel, hintText };
 }
 function getFileUpload(file, key) {
     return {
@@ -133,9 +119,9 @@ function getFileUpload(file, key) {
         src: getSrc,
     };
     function getSrc() {
-        var promise = new Promise(function (resolve, reject) {
-            var reader = new FileReader();
-            reader.onload = function (event) {
+        const promise = new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = event => {
                 if (event.target &&
                     event.target.result &&
                     typeof event.target.result === "string") {
@@ -159,8 +145,8 @@ function getFileUpload(file, key) {
  * @returns FileUpload[] updated set of files.
  */
 function updateFiles(updatedFile, files) {
-    var newFiles = tslib_es6.__spread(files);
-    var index = files.findIndex(function (file) { return file.key === updatedFile.key; });
+    const newFiles = [...files];
+    const index = files.findIndex(file => file.key === updatedFile.key);
     if (index !== -1) {
         newFiles[index] = updatedFile;
     }

package/dist/InputGroup/index.js

@@ -15,18 +15,17 @@ var css = "._1UKIybTcnyfJQlTx901rF5 > *:not(:last-child) {\n  margin-bottom: -1p
 var styles = {"vertical":"_1UKIybTcnyfJQlTx901rF5","horizontal":"_26qQBed5Rzu9i2ZIDEaESr","inputGroup":"_3kywSyvvwSdmNSTOqX-AQA"};
 styleInject_es.styleInject(css);
 
-function InputGroup(_a) {
-    var children = _a.children, _b = _a.flowDirection, flowDirection = _b === void 0 ? "vertical" : _b;
+function InputGroup({ children, flowDirection = "vertical", }) {
     if (isInvalidGroupNesting(children))
         return React__default["default"].createElement(React__default["default"].Fragment, null);
-    var className = classnames__default["default"](styles.inputGroup, styles[flowDirection]);
+    const className = classnames__default["default"](styles.inputGroup, styles[flowDirection]);
     return React__default["default"].createElement("div", { className: className }, children);
 }
 function isInvalidGroupNesting(childs) {
-    return React__default["default"].Children.toArray(childs).some(function (child) {
+    return React__default["default"].Children.toArray(childs).some(child => {
         if (child.type === InputGroup &&
             child.props.flowDirection != "horizontal") {
-            console.error("ERROR: InputGroup not rendered: nesting 'flowDirection=\"vertical\"' columns not supported.", "https://atlantis.getjobber.com/components/input-group#nested-example");
+            console.error(`ERROR: InputGroup not rendered: nesting 'flowDirection="vertical"' columns not supported.`, `https://atlantis.getjobber.com/components/input-group#nested-example`);
             return true;
         }
         return false;

package/dist/InputNumber/index.js

@@ -2,64 +2,64 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-ac310b6f.js');
+var FormField = require('../FormField-79a0a375.js');
+require('../tslib.es6-efe27175.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-cd30df0f.js');
+require('../Button-16e043ec.js');
 require('react-router-dom');
-require('../Icon-d5ad1a6d.js');
+require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-fbe0ed6e.js');
-require('../Text-e012fb46.js');
-require('../InputValidation-06a8a7ba.js');
+require('../Typography-9262511f.js');
+require('../Text-7ce00adb.js');
+require('../InputValidation-97dd0dcf.js');
 require('framer-motion');
-require('../Spinner-e4e9c8eb.js');
+require('../Spinner-ae4c8a85.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function InputNumberInternal(props, ref) {
-    var inputRef = React.createRef();
-    React.useImperativeHandle(ref, function () { return ({
-        blur: function () {
-            var input = inputRef.current;
+    const inputRef = React.createRef();
+    React.useImperativeHandle(ref, () => ({
+        blur: () => {
+            const input = inputRef.current;
             if (input) {
                 input.blur();
             }
         },
-        focus: function () {
-            var input = inputRef.current;
+        focus: () => {
+            const input = inputRef.current;
             if (input) {
                 input.focus();
             }
         },
-    }); });
-    return (React__default["default"].createElement(FormField.FormField, tslib_es6.__assign({}, props, { type: "number", inputRef: inputRef, onChange: handleChange, validations: tslib_es6.__assign(tslib_es6.__assign({}, props.validations), { validate: getOverLimitMessage }) })));
+    }));
+    return (React__default["default"].createElement(FormField.FormField, Object.assign({}, props, { type: "number", inputRef: inputRef, onChange: handleChange, validations: Object.assign(Object.assign({}, props.validations), { validate: getOverLimitMessage }) })));
     function handleChange(newValue) {
         props.onChange && props.onChange(newValue);
     }
     function getOverLimitMessage(value) {
-        var isOverMax = props.max != undefined && value && value > props.max;
-        var isUnderMin = props.min != undefined && value && value < props.min;
+        const isOverMax = props.max != undefined && value && value > props.max;
+        const isUnderMin = props.min != undefined && value && value < props.min;
         if (isOverMax || isUnderMin || (value && value.toString() === "")) {
             if (props.min != undefined && props.max === undefined) {
-                return "Enter a number that is greater than or equal to " + props.min;
+                return `Enter a number that is greater than or equal to ${props.min}`;
             }
             else if (props.max != undefined && props.min === undefined) {
-                return "Enter a number that is less than or equal to " + props.max;
+                return `Enter a number that is less than or equal to ${props.max}`;
             }
             else if (props.min != undefined && props.max != undefined) {
-                return "Enter a number between " + props.min + " and " + props.max;
+                return `Enter a number between ${props.min} and ${props.max}`;
             }
         }
         return true;
     }
 }
-var InputNumber = React.forwardRef(InputNumberInternal);
+const InputNumber = React.forwardRef(InputNumberInternal);
 
 exports.InputNumber = InputNumber;

package/dist/InputPassword/index.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-ac310b6f.js');
+var FormField = require('../FormField-79a0a375.js');
+require('../tslib.es6-efe27175.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-cd30df0f.js');
+require('../Button-16e043ec.js');
 require('react-router-dom');
-require('../Icon-d5ad1a6d.js');
+require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-fbe0ed6e.js');
-require('../Text-e012fb46.js');
-require('../InputValidation-06a8a7ba.js');
+require('../Typography-9262511f.js');
+require('../Text-7ce00adb.js');
+require('../InputValidation-97dd0dcf.js');
 require('framer-motion');
-require('../Spinner-e4e9c8eb.js');
+require('../Spinner-ae4c8a85.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function InputPassword(props) {
-    var _a = props.hasVisibility, hasVisibility = _a === void 0 ? false : _a;
-    var _b = tslib_es6.__read(React.useState(false), 2), visible = _b[0], setVisibility = _b[1];
-    return (React__default["default"].createElement(FormField.FormField, tslib_es6.__assign({}, props, (hasVisibility && {
+    const { hasVisibility = false } = props;
+    const [visible, setVisibility] = React.useState(false);
+    return (React__default["default"].createElement(FormField.FormField, Object.assign({}, props, (hasVisibility && {
         suffix: {
             ariaLabel: visible ? "Hide password" : "Show password",
             icon: visible ? "eye" : "eyeCrossed",
-            onClick: function () { return setVisibility(!visible); },
+            onClick: () => setVisibility(!visible),
         },
     }), { type: visible ? "text" : "password", onChange: handleChange })));
     function handleChange(newValue) {

package/dist/InputText/InputText.d.ts

@@ -25,5 +25,5 @@ interface MultilineProps extends BaseProps {
      */
     readonly rows?: number | RowRange;
 }
-export declare const InputText: React.ForwardRefExoticComponent<(import("ts-xor/dist/types/Without.type").Without<BaseProps, MultilineProps> & MultilineProps & React.RefAttributes<InputTextRef>) | (import("ts-xor/dist/types/Without.type").Without<MultilineProps, BaseProps> & BaseProps & React.RefAttributes<InputTextRef>)>;
+export declare const InputText: React.ForwardRefExoticComponent<((import("ts-xor/dist/types/Without.type").Without<BaseProps, MultilineProps> & MultilineProps) | (import("ts-xor/dist/types/Without.type").Without<MultilineProps, BaseProps> & BaseProps)) & React.RefAttributes<InputTextRef>>;
 export {};

package/dist/InputText/index.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-70f7d947.js');
-require('../tslib.es6-5b50eb8e.js');
+var InputText = require('../InputText-95ea24f9.js');
 require('react');
-require('../FormField-ac310b6f.js');
+require('../FormField-79a0a375.js');
+require('../tslib.es6-efe27175.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-cd30df0f.js');
+require('../Button-16e043ec.js');
 require('react-router-dom');
-require('../Icon-d5ad1a6d.js');
+require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-fbe0ed6e.js');
-require('../Text-e012fb46.js');
-require('../InputValidation-06a8a7ba.js');
+require('../Typography-9262511f.js');
+require('../Text-7ce00adb.js');
+require('../InputValidation-97dd0dcf.js');
 require('framer-motion');
-require('../Spinner-e4e9c8eb.js');
+require('../Spinner-ae4c8a85.js');
 
 
 

package/dist/{InputText-70f7d947.js → InputText-95ea24f9.js}

@@ -1,35 +1,34 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('./FormField-ac310b6f.js');
+var FormField = require('./FormField-79a0a375.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function InputTextInternal(props, ref) {
-    var inputRef = React.createRef();
-    var actionsRef = React.createRef();
-    var rowRange = getRowRange();
-    React.useImperativeHandle(ref, function () { return ({
-        insert: function (text) {
+    const inputRef = React.createRef();
+    const actionsRef = React.createRef();
+    const rowRange = getRowRange();
+    React.useImperativeHandle(ref, () => ({
+        insert: (text) => {
             insertText(text);
         },
-        blur: function () {
-            var input = inputRef.current;
+        blur: () => {
+            const input = inputRef.current;
             if (input) {
                 input.blur();
             }
         },
-        focus: function () {
-            var input = inputRef.current;
+        focus: () => {
+            const input = inputRef.current;
             if (input) {
                 input.focus();
             }
         },
-    }); });
-    return (React__default["default"].createElement(FormField.FormField, tslib_es6.__assign({}, props, { type: props.multiline ? "textarea" : "text", inputRef: inputRef, actionsRef: actionsRef, onChange: handleChange, rows: rowRange.min })));
+    }));
+    return (React__default["default"].createElement(FormField.FormField, Object.assign({}, props, { type: props.multiline ? "textarea" : "text", inputRef: inputRef, actionsRef: actionsRef, onChange: handleChange, rows: rowRange.min })));
     function handleChange(newValue) {
         props.onChange && props.onChange(newValue);
         if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
@@ -54,35 +53,35 @@ function InputTextInternal(props, ref) {
         textArea.style.height = textAreaHeight(textArea) + "px";
     }
     function textAreaHeight(textArea) {
-        var _a = window.getComputedStyle(textArea), lineHeight = _a.lineHeight, borderBottomWidth = _a.borderBottomWidth, borderTopWidth = _a.borderTopWidth, paddingBottom = _a.paddingBottom, paddingTop = _a.paddingTop;
-        var maxHeight = rowRange.max * parseFloat(lineHeight) +
+        const { lineHeight, borderBottomWidth, borderTopWidth, paddingBottom, paddingTop, } = window.getComputedStyle(textArea);
+        const maxHeight = rowRange.max * parseFloat(lineHeight) +
             parseFloat(borderTopWidth) +
             parseFloat(borderBottomWidth) +
             parseFloat(paddingTop) +
             parseFloat(paddingBottom);
-        var scrollHeight = textArea.scrollHeight +
+        const scrollHeight = textArea.scrollHeight +
             parseFloat(borderTopWidth) +
             parseFloat(borderBottomWidth);
         return Math.min(scrollHeight, maxHeight);
     }
     function insertText(text) {
         var _a;
-        var input = inputRef.current;
+        const input = inputRef.current;
         if (input) {
             insertAtCursor(input, text);
-            var newValue = input.value;
+            const newValue = input.value;
             (_a = actionsRef.current) === null || _a === void 0 ? void 0 : _a.setValue(newValue);
             props.onChange && props.onChange(newValue);
         }
     }
 }
-var InputText = React.forwardRef(InputTextInternal);
+const InputText = React.forwardRef(InputTextInternal);
 function insertAtCursor(input, newText) {
-    var start = input.selectionStart || 0;
-    var end = input.selectionEnd || 0;
-    var text = input.value;
-    var before = text.substring(0, start);
-    var after = text.substring(end, text.length);
+    const start = input.selectionStart || 0;
+    const end = input.selectionEnd || 0;
+    const text = input.value;
+    const before = text.substring(0, start);
+    const after = text.substring(end, text.length);
     input.value = before + newText + after;
     input.selectionStart = input.selectionEnd = start + newText.length;
     input.focus();

package/dist/InputTime/index.js

@@ -2,24 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
+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-ac310b6f.js');
+var FormField = require('../FormField-79a0a375.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-cd30df0f.js');
+require('../Button-16e043ec.js');
 require('react-router-dom');
-require('../Icon-d5ad1a6d.js');
+require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-fbe0ed6e.js');
-require('../Text-e012fb46.js');
-require('../InputValidation-06a8a7ba.js');
+require('../Typography-9262511f.js');
+require('../Text-7ce00adb.js');
+require('../InputValidation-97dd0dcf.js');
 require('framer-motion');
-require('../Spinner-e4e9c8eb.js');
+require('../Spinner-ae4c8a85.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -884,7 +884,7 @@ function civilTimeToHTMLTime(civilTime) {
     if (civilTime == undefined) {
         return "";
     }
-    var timeString = civilTime.toString();
+    const timeString = civilTime.toString();
     return timeString.slice(0, 5);
 }
 function htmlTimeToCivilTime(timeString) {
@@ -897,13 +897,13 @@ function htmlTimeToCivilTime(timeString) {
 }
 
 function InputTimeSafari(_a) {
-    var defaultValue = _a.defaultValue, value = _a.value, onChange = _a.onChange, params = tslib_es6.__rest(_a, ["defaultValue", "value", "onChange"]);
-    var inputTime = React__default["default"].createRef();
-    var debouncedHandleChange = debounce__default["default"](handleChange, 1000);
-    var changeHandler = generateEventHandler(debouncedHandleChange);
-    var blurHandler = generateEventHandler(handleChange);
-    React.useLayoutEffect(function () {
-        var input = inputTime.current;
+    var { defaultValue, value, onChange } = _a, params = tslib_es6.__rest(_a, ["defaultValue", "value", "onChange"]);
+    const inputTime = React__default["default"].createRef();
+    const debouncedHandleChange = debounce__default["default"](handleChange, 1000);
+    const changeHandler = generateEventHandler(debouncedHandleChange);
+    const blurHandler = generateEventHandler(handleChange);
+    React.useLayoutEffect(() => {
+        const input = inputTime.current;
         new TimePolyfill(input);
         if (value) {
             input.value = civilTimeToHTMLTime(value);
@@ -915,13 +915,13 @@ function InputTimeSafari(_a) {
         }
         input.addEventListener("change", changeHandler);
         input.addEventListener("blur", blurHandler);
-        return function () {
+        return () => {
             window.removeEventListener("change", changeHandler);
             window.removeEventListener("blur", blurHandler);
         };
     }, []);
-    React.useLayoutEffect(function () {
-        var input = inputTime.current;
+    React.useLayoutEffect(() => {
+        const input = inputTime.current;
         if (value) {
             input.value = civilTimeToHTMLTime(value);
             input.polyfill.update();
@@ -931,13 +931,13 @@ function InputTimeSafari(_a) {
             input.polyfill.update();
         }
     }, [value, defaultValue]);
-    return React__default["default"].createElement(FormField.FormField, tslib_es6.__assign({ inputRef: inputTime, type: "time" }, params));
+    return React__default["default"].createElement(FormField.FormField, Object.assign({ inputRef: inputTime, type: "time" }, params));
     function handleChange(newValue) {
         onChange && onChange(htmlTimeToCivilTime(newValue));
     }
     function generateEventHandler(handler) {
-        return function (event) {
-            var newValue = event.currentTarget.dataset.value;
+        return (event) => {
+            const newValue = event.currentTarget.dataset.value;
             if (newValue != undefined) {
                 handler(newValue);
             }
@@ -946,16 +946,16 @@ function InputTimeSafari(_a) {
 }
 
 function InputTime(_a) {
-    var defaultValue = _a.defaultValue, value = _a.value, onChange = _a.onChange, params = tslib_es6.__rest(_a, ["defaultValue", "value", "onChange"]);
-    var handleChange = function (newValue) {
+    var { defaultValue, value, onChange } = _a, params = tslib_es6.__rest(_a, ["defaultValue", "value", "onChange"]);
+    const handleChange = (newValue) => {
         onChange && onChange(htmlTimeToCivilTime(newValue));
     };
     if (supportsTime) {
-        var fieldProps = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({ onChange: handleChange }, (defaultValue && { defaultValue: civilTimeToHTMLTime(defaultValue) })), (!defaultValue && { value: civilTimeToHTMLTime(value) })), params);
-        return React__default["default"].createElement(FormField.FormField, tslib_es6.__assign({ type: "time" }, fieldProps));
+        const fieldProps = Object.assign(Object.assign(Object.assign({ onChange: handleChange }, (defaultValue && { defaultValue: civilTimeToHTMLTime(defaultValue) })), (!defaultValue && { value: civilTimeToHTMLTime(value) })), params);
+        return React__default["default"].createElement(FormField.FormField, Object.assign({ type: "time" }, fieldProps));
     }
     else {
-        return (React__default["default"].createElement(InputTimeSafari, tslib_es6.__assign({ defaultValue: defaultValue, value: value, onChange: onChange }, params)));
+        return (React__default["default"].createElement(InputTimeSafari, Object.assign({ defaultValue: defaultValue, value: value, onChange: onChange }, params)));
     }
 }