@jobber/components 5.20.7 → 5.20.8-JOB-101907.27

package/dist/{Form-DdYpjl6Q.js → Form-DA6rw8kb.js}

@@ -1,12 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CRBTczJu.js');
+var tslib_es6 = require('./tslib.es6-B7DvPe1p.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 
 const Form = React.forwardRef(function InternalForm({ onSubmit, children, onStateChange }, ref) {
-    const methods = reactHookForm.useForm({ mode: "onTouched" });
-    const { trigger, handleSubmit, formState: { isDirty, isValid, errors }, } = methods;
+    const methods = reactHookForm.useForm({
+        mode: "onTouched",
+    });
+    const { trigger, handleSubmit, formState: { isDirty, isValid }, } = methods;
     React.useEffect(() => onStateChange && onStateChange({ isDirty, isValid }), [isDirty, isValid]);
     React.useImperativeHandle(ref, () => ({
         /**
@@ -16,14 +18,10 @@ const Form = React.forwardRef(function InternalForm({ onSubmit, children, onStat
          * `Form` component.
          */
         submit: () => tslib_es6.__awaiter(this, void 0, void 0, function* () {
-            const valid = yield trigger();
+            const valid = yield trigger(undefined, { shouldFocus: true });
             if (valid) {
                 submitHandler();
             }
-            else {
-                trigger();
-                errorHandler(errors);
-            }
         }),
     }));
     /**
@@ -33,18 +31,13 @@ const Form = React.forwardRef(function InternalForm({ onSubmit, children, onStat
      */
     const Wrapper = onSubmit ? "form" : "div";
     const formProps = {
-        onSubmit: onSubmit && handleSubmit(submitHandler, errorHandler),
+        onSubmit: onSubmit && handleSubmit(submitHandler),
     };
     return (React.createElement(reactHookForm.FormProvider, Object.assign({}, methods),
         React.createElement(Wrapper, Object.assign({}, formProps, { "data-testid": "atlantis-form" }), children)));
     function submitHandler() {
         onSubmit && onSubmit();
     }
-    function errorHandler(errs) {
-        const firstErrName = Object.keys(errs)[0];
-        const element = document.querySelector(`[name="${firstErrName}"]`);
-        element === null || element === void 0 ? void 0 : element.focus();
-    }
 });
 
 exports.Form = Form;

package/dist/FormField/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var FormField = require('../FormField-CAuaSp0s.js');
-require('../tslib.es6-CRBTczJu.js');
+var FormField = require('../FormField-ClclSOLA.js');
+require('../tslib.es6-B7DvPe1p.js');
 require('react');
 require('react-hook-form');
 require('classnames');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-Dz9Txb9H.js');
+require('../Button-CQQ3YKPV.js');
 require('react-router-dom');
-require('../Icon-Dy86SgKQ.js');
-require('../Typography-Da5uJdz4.js');
-require('../Text-B9yVgqL6.js');
-require('../useFormFieldFocus-hjj--gep.js');
-require('../InputValidation-Bj8LPULb.js');
-require('../Spinner-BUvv_dB7.js');
+require('../Icon-D9syM6bB.js');
+require('../Typography-CiLBthx3.js');
+require('../Text-C38Y8b_e.js');
+require('../useFormFieldFocus-CDtzbmvY.js');
+require('../InputValidation-t_kwRRjX.js');
+require('../Spinner-C4QJzVKQ.js');
 
 
 

package/dist/FormField/index.mjs

@@ -1,15 +1,15 @@
-export { F as FormField } from '../FormField-FIGzYJt8.js';
-import '../tslib.es6-BvYlgskK.js';
+export { F as FormField } from '../FormField-DK8lYun3.js';
+import '../tslib.es6-c8JZ6BM8.js';
 import 'react';
 import 'react-hook-form';
 import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-B6opn1hr.js';
+import '../Button-DaMX5Km4.js';
 import 'react-router-dom';
-import '../Icon-EBEQFLsi.js';
-import '../Typography-BxqozTX3.js';
-import '../Text-m37VkfMK.js';
-import '../useFormFieldFocus-CZiaCyjZ.js';
-import '../InputValidation-4paSqDl7.js';
-import '../Spinner-BVZg7jTZ.js';
+import '../Icon--atCG9Mb.js';
+import '../Typography-ssxp0zuF.js';
+import '../Text-C8jmRZK6.js';
+import '../useFormFieldFocus-DxGFgWtS.js';
+import '../InputValidation-CH3GKHIn.js';
+import '../Spinner-CH9m4bzw.js';

package/dist/{FormField-CAuaSp0s.js → FormField-ClclSOLA.js}

@@ -1,19 +1,19 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CRBTczJu.js');
+var tslib_es6 = require('./tslib.es6-B7DvPe1p.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
 var design = require('@jobber/design');
-var Button = require('./Button-Dz9Txb9H.js');
-var Icon = require('./Icon-Dy86SgKQ.js');
-var Text = require('./Text-B9yVgqL6.js');
-var useFormFieldFocus = require('./useFormFieldFocus-hjj--gep.js');
-var InputValidation = require('./InputValidation-Bj8LPULb.js');
-var Spinner = require('./Spinner-BUvv_dB7.js');
+var Button = require('./Button-CQQ3YKPV.js');
+var Icon = require('./Icon-D9syM6bB.js');
+var Text = require('./Text-C38Y8b_e.js');
+var useFormFieldFocus = require('./useFormFieldFocus-CDtzbmvY.js');
+var InputValidation = require('./InputValidation-t_kwRRjX.js');
+var Spinner = require('./Spinner-C4QJzVKQ.js');
 
-var styles$1 = {"container":"geR7qBhrMfk-","wrapper":"nPGhTEEzsoU-","horizontalWrapper":"q7AxfhwVVBs-","textarea":"mgPacJ6Z71Y-","safari":"g82RTxBqooQ-","timeInputLabel":"YhserUiOeFE-","miniLabel":"UIZq8hTmJVU-","large":"Ku8sWS0mLew-","text":"e4VYDAkWHAg-","invalid":"gJ-15M615eY-","disabled":"_1rsTLm5GwcM-","small":"o8D-H-lKfDk-","inline":"_5Hu2F3cBvng-","center":"s1WLQs6ffD8-","right":"a2r4QheWYIA-","maxLength":"KdAnXK1gClo-","inputWrapper":"iQFhpFYnz-8-","childrenWrapper":"Yo2Wi9dpa-Y-","input":"LSHPV7PwOTg-","select":"i31GQXcMz54-","label":"_3xREbTN5pPg-","postfix":"VtnAk1HYMMk-","affixIcon":"uPLklxvtfJw-","suffix":"pYqqDvv57JE-","hasAction":"eI44oQpuVlk-","affixLabel":"jO8P2iSHilM-","description":"_2GfgzNnLOSI-","toolbar":"_3GtIRFCkZMg-"};
+var styles$1 = {"container":"geR7qBhrMfk-","wrapper":"nPGhTEEzsoU-","horizontalWrapper":"q7AxfhwVVBs-","textarea":"mgPacJ6Z71Y-","safari":"g82RTxBqooQ-","timeInputLabel":"YhserUiOeFE-","miniLabel":"UIZq8hTmJVU-","large":"Ku8sWS0mLew-","text":"e4VYDAkWHAg-","invalid":"gJ-15M615eY-","disabled":"_1rsTLm5GwcM-","small":"o8D-H-lKfDk-","inline":"_5Hu2F3cBvng-","center":"s1WLQs6ffD8-","right":"a2r4QheWYIA-","maxLength":"KdAnXK1gClo-","inputWrapper":"iQFhpFYnz-8-","childrenWrapper":"Yo2Wi9dpa-Y-","input":"LSHPV7PwOTg-","label":"_3xREbTN5pPg-","select":"i31GQXcMz54-","postfix":"VtnAk1HYMMk-","affixIcon":"uPLklxvtfJw-","suffix":"pYqqDvv57JE-","hasAction":"eI44oQpuVlk-","affixLabel":"jO8P2iSHilM-","description":"_2GfgzNnLOSI-","toolbar":"_3GtIRFCkZMg-","spinning":"Ux16l9amgg0-"};
 
 var useShowClear$1 = {};
 
@@ -68,7 +68,7 @@ function FormFieldDescription({ id, description, }) {
         React.createElement(Text.Text, { size: "small", variation: "subdued" }, description)));
 }
 
-var styles = {"clearInput":"t1fFX8kDJh8-"};
+var styles = {"clearInput":"t1fFX8kDJh8-","spinning":"_8RDTUjNg02Y-"};
 
 function ClearAction({ onClick }) {
     return (React.createElement("button", { className: styles.clearInput, onClick: onClick, type: "button", "aria-label": "Clear input" },
@@ -186,6 +186,23 @@ function FormFieldPostFix({ variation }) {
     return (React.createElement("span", { className: styles$1.postfix }, variation === "select" ? (React.createElement(Icon.Icon, { name: "arrowDown" })) : (React.createElement(Spinner.Spinner, { size: "small" }))));
 }
 
+/**
+ * Given an array of refs, merge them into a single ref callback.
+ * This is useful for cases where you need to pass a multiple refs to a component.
+ */
+function mergeRefs(refs) {
+    return value => {
+        refs.forEach(ref => {
+            if (typeof ref === "function") {
+                ref(value);
+            }
+            else if (ref != null) {
+                ref.current = value;
+            }
+        });
+    };
+}
+
 function FormField(props) {
     // Warning: do not move useId into FormFieldInternal. This must be here to avoid
     // a problem where useId isn't stable across multiple StrictMode renders.
@@ -197,10 +214,9 @@ function FormField(props) {
 function FormFieldInternal(props) {
     var _a;
     const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, id, inputRef, inline, keyboard, max, maxLength, min, name: nameProp, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, onKeyUp, clearable = "never", autofocus, } = props;
-    const { control, setValue, watch } = reactHookForm.useFormContext() != undefined
-        ? reactHookForm.useFormContext()
-        : // If there isn't a Form Context being provided, get a form for this field.
-            reactHookForm.useForm({ mode: "onTouched" });
+    const formContext = reactHookForm.useFormContext();
+    // If there isn't a Form Context being provided, get a form for this field.
+    const { control, setValue, watch } = formContext !== null && formContext !== void 0 ? formContext : reactHookForm.useForm({ mode: "onTouched" });
     const descriptionIdentifier = `descriptionUUID--${id}`;
     /**
      * Generate a name if one is not supplied, this is the name
@@ -223,12 +239,13 @@ function FormFieldInternal(props) {
         control,
         rules: validations,
         defaultValue: (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : "",
-    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur } = _c, rest = tslib_es6.__rest(_c, ["onChange", "onBlur"]), { fieldState: { error } } = _b;
+    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur, ref: fieldRef } = _c, rest = tslib_es6.__rest(_c, ["onChange", "onBlur", "ref"]), { fieldState: { error } } = _b;
     const errorMessage = (error === null || error === void 0 ? void 0 : error.message) || "";
     React.useEffect(() => handleValidation(errorMessage), [errorMessage]);
     const fieldProps = Object.assign(Object.assign(Object.assign({}, rest), { id, className: styles$1.input, name: (validations || nameProp) && name, disabled: disabled, readOnly: readonly, inputMode: keyboard, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, autoFocus: autofocus }), (description &&
         !inline && { "aria-describedby": descriptionIdentifier }));
     const textFieldProps = Object.assign(Object.assign({}, fieldProps), { autoFocus: autofocus, onKeyDown: handleKeyDown });
+    const inputRefs = mergeRefs([inputRef, fieldRef]);
     return (React.createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: errorMessage, identifier: id, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
     function renderField() {
         switch (type) {
@@ -237,10 +254,10 @@ function FormFieldInternal(props) {
                     React.createElement("select", Object.assign({}, fieldProps), children),
                     React.createElement(FormFieldPostFix, { variation: "select" })));
             case "textarea":
-                return (React.createElement("textarea", Object.assign({}, textFieldProps, { rows: rows, ref: inputRef })));
+                return React.createElement("textarea", Object.assign({}, textFieldProps, { rows: rows, ref: inputRefs }));
             default:
                 return (React.createElement(React.Fragment, null,
-                    React.createElement("input", Object.assign({}, textFieldProps, { autoComplete: setAutocomplete(autocomplete), type: type, maxLength: maxLength, max: max, min: min, ref: inputRef, onKeyUp: onKeyUp })),
+                    React.createElement("input", Object.assign({}, textFieldProps, { autoComplete: setAutocomplete(autocomplete), type: type, maxLength: maxLength, max: max, min: min, ref: inputRefs, onKeyUp: onKeyUp })),
                     loading && React.createElement(FormFieldPostFix, { variation: "spinner" }),
                     children));
         }

package/dist/{FormField-FIGzYJt8.js → FormField-DK8lYun3.js}

@@ -1,17 +1,17 @@
-import { _ as __rest } from './tslib.es6-BvYlgskK.js';
+import { _ as __rest } from './tslib.es6-c8JZ6BM8.js';
 import React, { useRef, useState, useEffect, useId, useImperativeHandle } from 'react';
 import { useFormContext, useForm, useController } from 'react-hook-form';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
 import { tokens } from '@jobber/design';
-import { B as Button } from './Button-B6opn1hr.js';
-import { I as Icon } from './Icon-EBEQFLsi.js';
-import { T as Text } from './Text-m37VkfMK.js';
-import { u as useFormFieldFocus } from './useFormFieldFocus-CZiaCyjZ.js';
-import { I as InputValidation } from './InputValidation-4paSqDl7.js';
-import { S as Spinner } from './Spinner-BVZg7jTZ.js';
+import { B as Button } from './Button-DaMX5Km4.js';
+import { I as Icon } from './Icon--atCG9Mb.js';
+import { T as Text } from './Text-C8jmRZK6.js';
+import { u as useFormFieldFocus } from './useFormFieldFocus-DxGFgWtS.js';
+import { I as InputValidation } from './InputValidation-CH3GKHIn.js';
+import { S as Spinner } from './Spinner-CH9m4bzw.js';
 
-var styles$1 = {"container":"geR7qBhrMfk-","wrapper":"nPGhTEEzsoU-","horizontalWrapper":"q7AxfhwVVBs-","textarea":"mgPacJ6Z71Y-","safari":"g82RTxBqooQ-","timeInputLabel":"YhserUiOeFE-","miniLabel":"UIZq8hTmJVU-","large":"Ku8sWS0mLew-","text":"e4VYDAkWHAg-","invalid":"gJ-15M615eY-","disabled":"_1rsTLm5GwcM-","small":"o8D-H-lKfDk-","inline":"_5Hu2F3cBvng-","center":"s1WLQs6ffD8-","right":"a2r4QheWYIA-","maxLength":"KdAnXK1gClo-","inputWrapper":"iQFhpFYnz-8-","childrenWrapper":"Yo2Wi9dpa-Y-","input":"LSHPV7PwOTg-","select":"i31GQXcMz54-","label":"_3xREbTN5pPg-","postfix":"VtnAk1HYMMk-","affixIcon":"uPLklxvtfJw-","suffix":"pYqqDvv57JE-","hasAction":"eI44oQpuVlk-","affixLabel":"jO8P2iSHilM-","description":"_2GfgzNnLOSI-","toolbar":"_3GtIRFCkZMg-"};
+var styles$1 = {"container":"geR7qBhrMfk-","wrapper":"nPGhTEEzsoU-","horizontalWrapper":"q7AxfhwVVBs-","textarea":"mgPacJ6Z71Y-","safari":"g82RTxBqooQ-","timeInputLabel":"YhserUiOeFE-","miniLabel":"UIZq8hTmJVU-","large":"Ku8sWS0mLew-","text":"e4VYDAkWHAg-","invalid":"gJ-15M615eY-","disabled":"_1rsTLm5GwcM-","small":"o8D-H-lKfDk-","inline":"_5Hu2F3cBvng-","center":"s1WLQs6ffD8-","right":"a2r4QheWYIA-","maxLength":"KdAnXK1gClo-","inputWrapper":"iQFhpFYnz-8-","childrenWrapper":"Yo2Wi9dpa-Y-","input":"LSHPV7PwOTg-","label":"_3xREbTN5pPg-","select":"i31GQXcMz54-","postfix":"VtnAk1HYMMk-","affixIcon":"uPLklxvtfJw-","suffix":"pYqqDvv57JE-","hasAction":"eI44oQpuVlk-","affixLabel":"jO8P2iSHilM-","description":"_2GfgzNnLOSI-","toolbar":"_3GtIRFCkZMg-","spinning":"Ux16l9amgg0-"};
 
 var useShowClear$1 = {};
 
@@ -66,7 +66,7 @@ function FormFieldDescription({ id, description, }) {
         React.createElement(Text, { size: "small", variation: "subdued" }, description)));
 }
 
-var styles = {"clearInput":"t1fFX8kDJh8-"};
+var styles = {"clearInput":"t1fFX8kDJh8-","spinning":"_8RDTUjNg02Y-"};
 
 function ClearAction({ onClick }) {
     return (React.createElement("button", { className: styles.clearInput, onClick: onClick, type: "button", "aria-label": "Clear input" },
@@ -184,6 +184,23 @@ function FormFieldPostFix({ variation }) {
     return (React.createElement("span", { className: styles$1.postfix }, variation === "select" ? (React.createElement(Icon, { name: "arrowDown" })) : (React.createElement(Spinner, { size: "small" }))));
 }
 
+/**
+ * Given an array of refs, merge them into a single ref callback.
+ * This is useful for cases where you need to pass a multiple refs to a component.
+ */
+function mergeRefs(refs) {
+    return value => {
+        refs.forEach(ref => {
+            if (typeof ref === "function") {
+                ref(value);
+            }
+            else if (ref != null) {
+                ref.current = value;
+            }
+        });
+    };
+}
+
 function FormField(props) {
     // Warning: do not move useId into FormFieldInternal. This must be here to avoid
     // a problem where useId isn't stable across multiple StrictMode renders.
@@ -195,10 +212,9 @@ function FormField(props) {
 function FormFieldInternal(props) {
     var _a;
     const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, id, inputRef, inline, keyboard, max, maxLength, min, name: nameProp, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, onKeyUp, clearable = "never", autofocus, } = props;
-    const { control, setValue, watch } = useFormContext() != undefined
-        ? useFormContext()
-        : // If there isn't a Form Context being provided, get a form for this field.
-            useForm({ mode: "onTouched" });
+    const formContext = useFormContext();
+    // If there isn't a Form Context being provided, get a form for this field.
+    const { control, setValue, watch } = formContext !== null && formContext !== void 0 ? formContext : useForm({ mode: "onTouched" });
     const descriptionIdentifier = `descriptionUUID--${id}`;
     /**
      * Generate a name if one is not supplied, this is the name
@@ -221,12 +237,13 @@ function FormFieldInternal(props) {
         control,
         rules: validations,
         defaultValue: (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : "",
-    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur } = _c, rest = __rest(_c, ["onChange", "onBlur"]), { fieldState: { error } } = _b;
+    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur, ref: fieldRef } = _c, rest = __rest(_c, ["onChange", "onBlur", "ref"]), { fieldState: { error } } = _b;
     const errorMessage = (error === null || error === void 0 ? void 0 : error.message) || "";
     useEffect(() => handleValidation(errorMessage), [errorMessage]);
     const fieldProps = Object.assign(Object.assign(Object.assign({}, rest), { id, className: styles$1.input, name: (validations || nameProp) && name, disabled: disabled, readOnly: readonly, inputMode: keyboard, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, autoFocus: autofocus }), (description &&
         !inline && { "aria-describedby": descriptionIdentifier }));
     const textFieldProps = Object.assign(Object.assign({}, fieldProps), { autoFocus: autofocus, onKeyDown: handleKeyDown });
+    const inputRefs = mergeRefs([inputRef, fieldRef]);
     return (React.createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: errorMessage, identifier: id, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
     function renderField() {
         switch (type) {
@@ -235,10 +252,10 @@ function FormFieldInternal(props) {
                     React.createElement("select", Object.assign({}, fieldProps), children),
                     React.createElement(FormFieldPostFix, { variation: "select" })));
             case "textarea":
-                return (React.createElement("textarea", Object.assign({}, textFieldProps, { rows: rows, ref: inputRef })));
+                return React.createElement("textarea", Object.assign({}, textFieldProps, { rows: rows, ref: inputRefs }));
             default:
                 return (React.createElement(React.Fragment, null,
-                    React.createElement("input", Object.assign({}, textFieldProps, { autoComplete: setAutocomplete(autocomplete), type: type, maxLength: maxLength, max: max, min: min, ref: inputRef, onKeyUp: onKeyUp })),
+                    React.createElement("input", Object.assign({}, textFieldProps, { autoComplete: setAutocomplete(autocomplete), type: type, maxLength: maxLength, max: max, min: min, ref: inputRefs, onKeyUp: onKeyUp })),
                     loading && React.createElement(FormFieldPostFix, { variation: "spinner" }),
                     children));
         }

package/dist/FormatDate/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatDate = require('../FormatDate-DZDHxYXf.js');
+var FormatDate = require('../FormatDate-4dl6dJcj.js');
 require('react');
 
 

package/dist/FormatDate/index.mjs

@@ -1,2 +1,2 @@
-export { F as FormatDate, s as strFormatDate } from '../FormatDate-DjZ376a9.js';
+export { F as FormatDate, s as strFormatDate } from '../FormatDate-CAqaXSko.js';
 import 'react';

package/dist/FormatEmail/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatEmail = require('../FormatEmail-sP3aBKvL.js');
+var FormatEmail = require('../FormatEmail-C9GASuh3.js');
 require('react');
 require('classnames');
 

package/dist/FormatEmail/index.mjs

@@ -1,3 +1,3 @@
-export { F as FormatEmail } from '../FormatEmail-qWCssEZd.js';
+export { F as FormatEmail } from '../FormatEmail-bvkxXIGP.js';
 import 'react';
 import 'classnames';

package/dist/{FormatEmail-sP3aBKvL.js → FormatEmail-C9GASuh3.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 
-var styles = {"email":"Cr7OFSgq9WA-"};
+var styles = {"email":"Cr7OFSgq9WA-","spinning":"UymqIA-o-Fo-"};
 
 function FormatEmail({ email }) {
     const className = classnames(styles.email);

package/dist/{FormatEmail-qWCssEZd.js → FormatEmail-bvkxXIGP.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 
-var styles = {"email":"Cr7OFSgq9WA-"};
+var styles = {"email":"Cr7OFSgq9WA-","spinning":"UymqIA-o-Fo-"};
 
 function FormatEmail({ email }) {
     const className = classnames(styles.email);

package/dist/FormatFile/index.cjs

@@ -1,33 +1,33 @@
 'use strict';
 
-var FormatFile = require('../FormatFile-D20iNhBi.js');
+var FormatFile = require('../FormatFile-D4wV6e3W.js');
 require('react');
 require('classnames');
 require('filesize');
-require('../Button-Dz9Txb9H.js');
+require('../Button-CQQ3YKPV.js');
 require('react-router-dom');
-require('../Icon-Dy86SgKQ.js');
+require('../Icon-D9syM6bB.js');
 require('@jobber/design');
-require('../Typography-Da5uJdz4.js');
-require('../ConfirmationModal-5FPgBnod.js');
-require('../useOnKeyDown-DlNofEty.js');
-require('../Modal-BgWOC-ie.js');
+require('../Typography-CiLBthx3.js');
+require('../ConfirmationModal-CBIRWi_x.js');
+require('../useOnKeyDown-DU2bavbr.js');
+require('../Modal-DkWo1Y3L.js');
 require('react-dom');
 require('framer-motion');
-require('../useRefocusOnActivator-DxSjATa7.js');
-require('../useFocusTrap-BLjykTAB.js');
-require('../Heading-CPu8Wt-A.js');
-require('../ButtonDismiss-CmeL0Ikq.js');
-require('../Content-BAUhpPe9.js');
-require('../Markdown-BYhCiglu.js');
-require('../Text-B9yVgqL6.js');
-require('../Emphasis-afmKG0tG.js');
-require('../index-BtICwK2a.js');
-require('../_commonjsHelpers-BZDcliAj.js');
-require('../_polyfill-node.process-BnHRnp0X.js');
-require('../Glimmer-DFOqy6sk.js');
-require('../tslib.es6-CRBTczJu.js');
-require('../ProgressBar-ROeLp5zL.js');
+require('../useRefocusOnActivator-CJOwbPZS.js');
+require('../useFocusTrap-i93ioX0E.js');
+require('../Heading-DBgdRLwt.js');
+require('../ButtonDismiss-DZeRqf_q.js');
+require('../Content-BgNibLpZ.js');
+require('../Markdown-CAG-qgYj.js');
+require('../Text-C38Y8b_e.js');
+require('../Emphasis-BwiSHCkp.js');
+require('../index-DGivKYh_.js');
+require('../_commonjsHelpers-4scIqpFs.js');
+require('../_polyfill-node.process-PlNU1Uvy.js');
+require('../Glimmer-DTiPcO83.js');
+require('../tslib.es6-B7DvPe1p.js');
+require('../ProgressBar-DOu9DgSN.js');
 
 
 

package/dist/FormatFile/index.mjs

@@ -1,28 +1,28 @@
-export { F as FormatFile } from '../FormatFile-CBw3RWhq.js';
+export { F as FormatFile } from '../FormatFile-G-7UnQy-.js';
 import 'react';
 import 'classnames';
 import 'filesize';
-import '../Button-B6opn1hr.js';
+import '../Button-DaMX5Km4.js';
 import 'react-router-dom';
-import '../Icon-EBEQFLsi.js';
+import '../Icon--atCG9Mb.js';
 import '@jobber/design';
-import '../Typography-BxqozTX3.js';
-import '../ConfirmationModal-CrzNxOqB.js';
-import '../useOnKeyDown-Cmq3nxnj.js';
-import '../Modal-CnjbOSJ0.js';
+import '../Typography-ssxp0zuF.js';
+import '../ConfirmationModal-CsOj_F6S.js';
+import '../useOnKeyDown-CpFO8lNR.js';
+import '../Modal-BmfhmdDB.js';
 import 'react-dom';
 import 'framer-motion';
-import '../useRefocusOnActivator-gptVXTcT.js';
-import '../useFocusTrap-CUl_F5Ls.js';
-import '../Heading-D6cLIRsk.js';
-import '../ButtonDismiss-BX-PQNvt.js';
-import '../Content-DcWPKwOu.js';
-import '../Markdown-DkH7wLB-.js';
-import '../Text-m37VkfMK.js';
-import '../Emphasis-Bh-JUyJl.js';
-import '../index-B5u4T6IH.js';
-import '../_commonjsHelpers-XS-6o8CG.js';
-import '../_polyfill-node.process-CZWx6b00.js';
-import '../Glimmer-BRHqCsKj.js';
-import '../tslib.es6-BvYlgskK.js';
-import '../ProgressBar-Djl38dNH.js';
+import '../useRefocusOnActivator-BFnHHWxj.js';
+import '../useFocusTrap-Ukb6XcWI.js';
+import '../Heading-T8hn-zTW.js';
+import '../ButtonDismiss-rQED0XFt.js';
+import '../Content-Bgqj461a.js';
+import '../Markdown-skWFv1C3.js';
+import '../Text-C8jmRZK6.js';
+import '../Emphasis-CLQp4MV7.js';
+import '../index-DlRxMn-q.js';
+import '../_commonjsHelpers-Yv0wsc1f.js';
+import '../_polyfill-node.process-DGUjsI-H.js';
+import '../Glimmer-CAHS_iBj.js';
+import '../tslib.es6-c8JZ6BM8.js';
+import '../ProgressBar-DMm8hwA7.js';

package/dist/{FormatFile-D20iNhBi.js → FormatFile-D4wV6e3W.js}

@@ -3,15 +3,15 @@
 var React = require('react');
 var classnames = require('classnames');
 var getHumanReadableFileSize = require('filesize');
-var Button = require('./Button-Dz9Txb9H.js');
-var ConfirmationModal = require('./ConfirmationModal-5FPgBnod.js');
-var Glimmer = require('./Glimmer-DFOqy6sk.js');
-var Icon = require('./Icon-Dy86SgKQ.js');
-var Typography = require('./Typography-Da5uJdz4.js');
-var Text = require('./Text-B9yVgqL6.js');
-var ProgressBar = require('./ProgressBar-ROeLp5zL.js');
+var Button = require('./Button-CQQ3YKPV.js');
+var ConfirmationModal = require('./ConfirmationModal-CBIRWi_x.js');
+var Glimmer = require('./Glimmer-DTiPcO83.js');
+var Icon = require('./Icon-D9syM6bB.js');
+var Typography = require('./Typography-CiLBthx3.js');
+var Text = require('./Text-C38Y8b_e.js');
+var ProgressBar = require('./ProgressBar-DOu9DgSN.js');
 
-var styles$2 = {"formatFile":"izUmsxxh1nU-","expanded":"cx4iQqlNNvc-","compact":"nSaog7-7Jn0-","wrapper":"_9jVt97W52JY-","large":"z-kUGMs0Yfg-","base":"x1Ql0enaIxY-","thumbnail":"il9-MCeoBts-","clickable":"O9EG-xJYVco-","hoverable":"QmrRp5CTpGU-","progress":"N5qVYfi1Pgo-","contentBlock":"TyXXZnJuVwo-","deleteButton":"_7wDO6nPXy-g-","deleteable":"sgUJuNv0rUE-"};
+var styles$2 = {"formatFile":"izUmsxxh1nU-","expanded":"cx4iQqlNNvc-","compact":"nSaog7-7Jn0-","wrapper":"_9jVt97W52JY-","large":"z-kUGMs0Yfg-","base":"x1Ql0enaIxY-","thumbnail":"il9-MCeoBts-","clickable":"O9EG-xJYVco-","hoverable":"QmrRp5CTpGU-","progress":"N5qVYfi1Pgo-","contentBlock":"TyXXZnJuVwo-","deleteButton":"_7wDO6nPXy-g-","deleteable":"sgUJuNv0rUE-","spinning":"uO50kOFsUy4-"};
 
 function FormatFileDeleteButton({ size, onDelete }) {
     const buttonSize = size === "base" ? "small" : "base";
@@ -21,9 +21,9 @@ function FormatFileDeleteButton({ size, onDelete }) {
         React.createElement(ConfirmationModal.ConfirmationModal, { title: "Confirm Deletion", message: `Are you sure you want to delete this file?`, confirmLabel: "Delete", variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })));
 }
 
-var styles$1 = {"content":"M9Y7sOk6lTc-","hasName":"E4wclxY71oM-","large":"yReSfaruAh0-","fileName":"YXN92rsh2eU-","base":"psaqxO2Lu7E-"};
+var styles$1 = {"content":"M9Y7sOk6lTc-","hasName":"E4wclxY71oM-","large":"yReSfaruAh0-","fileName":"YXN92rsh2eU-","base":"psaqxO2Lu7E-","spinning":"_1JSVKfVcJj4-"};
 
-var styles = {"image":"_62D0xyydQwo-","fadeIn":"_5GIEBejwNJc-","hidden":"a5EQqLlJmCk-"};
+var styles = {"image":"_62D0xyydQwo-","fadeIn":"_5GIEBejwNJc-","hidden":"a5EQqLlJmCk-","spinning":"pRyMHShXCyE-"};
 
 function InternalThumbnailImage({ file }) {
     const { name, src } = file;

package/dist/{FormatFile-CBw3RWhq.js → FormatFile-G-7UnQy-.js}

@@ -1,15 +1,15 @@
 import React, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import getHumanReadableFileSize from 'filesize';
-import { B as Button } from './Button-B6opn1hr.js';
-import { C as ConfirmationModal } from './ConfirmationModal-CrzNxOqB.js';
-import { G as Glimmer } from './Glimmer-BRHqCsKj.js';
-import { I as Icon } from './Icon-EBEQFLsi.js';
-import { T as Typography } from './Typography-BxqozTX3.js';
-import { T as Text } from './Text-m37VkfMK.js';
-import { P as ProgressBar } from './ProgressBar-Djl38dNH.js';
+import { B as Button } from './Button-DaMX5Km4.js';
+import { C as ConfirmationModal } from './ConfirmationModal-CsOj_F6S.js';
+import { G as Glimmer } from './Glimmer-CAHS_iBj.js';
+import { I as Icon } from './Icon--atCG9Mb.js';
+import { T as Typography } from './Typography-ssxp0zuF.js';
+import { T as Text } from './Text-C8jmRZK6.js';
+import { P as ProgressBar } from './ProgressBar-DMm8hwA7.js';
 
-var styles$2 = {"formatFile":"izUmsxxh1nU-","expanded":"cx4iQqlNNvc-","compact":"nSaog7-7Jn0-","wrapper":"_9jVt97W52JY-","large":"z-kUGMs0Yfg-","base":"x1Ql0enaIxY-","thumbnail":"il9-MCeoBts-","clickable":"O9EG-xJYVco-","hoverable":"QmrRp5CTpGU-","progress":"N5qVYfi1Pgo-","contentBlock":"TyXXZnJuVwo-","deleteButton":"_7wDO6nPXy-g-","deleteable":"sgUJuNv0rUE-"};
+var styles$2 = {"formatFile":"izUmsxxh1nU-","expanded":"cx4iQqlNNvc-","compact":"nSaog7-7Jn0-","wrapper":"_9jVt97W52JY-","large":"z-kUGMs0Yfg-","base":"x1Ql0enaIxY-","thumbnail":"il9-MCeoBts-","clickable":"O9EG-xJYVco-","hoverable":"QmrRp5CTpGU-","progress":"N5qVYfi1Pgo-","contentBlock":"TyXXZnJuVwo-","deleteButton":"_7wDO6nPXy-g-","deleteable":"sgUJuNv0rUE-","spinning":"uO50kOFsUy4-"};
 
 function FormatFileDeleteButton({ size, onDelete }) {
     const buttonSize = size === "base" ? "small" : "base";
@@ -19,9 +19,9 @@ function FormatFileDeleteButton({ size, onDelete }) {
         React.createElement(ConfirmationModal, { title: "Confirm Deletion", message: `Are you sure you want to delete this file?`, confirmLabel: "Delete", variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })));
 }
 
-var styles$1 = {"content":"M9Y7sOk6lTc-","hasName":"E4wclxY71oM-","large":"yReSfaruAh0-","fileName":"YXN92rsh2eU-","base":"psaqxO2Lu7E-"};
+var styles$1 = {"content":"M9Y7sOk6lTc-","hasName":"E4wclxY71oM-","large":"yReSfaruAh0-","fileName":"YXN92rsh2eU-","base":"psaqxO2Lu7E-","spinning":"_1JSVKfVcJj4-"};
 
-var styles = {"image":"_62D0xyydQwo-","fadeIn":"_5GIEBejwNJc-","hidden":"a5EQqLlJmCk-"};
+var styles = {"image":"_62D0xyydQwo-","fadeIn":"_5GIEBejwNJc-","hidden":"a5EQqLlJmCk-","spinning":"pRyMHShXCyE-"};
 
 function InternalThumbnailImage({ file }) {
     const { name, src } = file;

package/dist/FormatRelativeDateTime/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatRelativeDateTime = require('../FormatRelativeDateTime-z5m90AOd.js');
+var FormatRelativeDateTime = require('../FormatRelativeDateTime-BxXBJvNz.js');
 require('react');
 
 

package/dist/FormatRelativeDateTime/index.mjs

@@ -1,2 +1,2 @@
-export { F as FormatRelativeDateTime } from '../FormatRelativeDateTime-DaHunuoE.js';
+export { F as FormatRelativeDateTime } from '../FormatRelativeDateTime-CkwdAECP.js';
 import 'react';

package/dist/FormatTime/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatTime = require('../FormatTime-BhWAHWJX.js');
+var FormatTime = require('../FormatTime-benJW3S-.js');
 require('react');
 
 

package/dist/FormatTime/index.mjs

@@ -1,2 +1,2 @@
-export { F as FormatTime } from '../FormatTime-BB60zgZm.js';
+export { F as FormatTime } from '../FormatTime-nGRLRy0W.js';
 import 'react';