@jobber/components 2.86.0 → 2.86.1

package/dist/InputFile/index.js

@@ -2,175 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var __chunk_1 = require('../chunk-b67af3cb.js');
-var React = require('react');
-var React__default = _interopDefault(React);
-var __chunk_2 = require('../chunk-17e02351.js');
-var classnames = _interopDefault(require('classnames'));
-var index = require('../Typography/index.js');
-require('@jobber/design');
-require('../Icon/index.js');
-var uuid = require('uuid');
+var InputFile = require('../InputFile-b5cf90c3.js');
+require('../tslib.es6-5b50eb8e.js');
+require('react');
+require('classnames');
+require('react-dropzone');
+require('axios');
+require('uuid');
+require('../style-inject.es-dcee06b6.js');
+require('../Button-5b2f1636.js');
 require('react-router-dom');
-var index$5 = require('../Button/index.js');
-var index$2$1 = require('../Content/index.js');
-var reactDropzone = require('react-dropzone');
-var axios = _interopDefault(require('axios'));
+require('../Icon-d5ad1a6d.js');
+require('@jobber/design');
+require('../Typography-7e542a72.js');
+require('../Content-18de5fbb.js');
 
-var css = "._2CgKZHQp30gXtQyW8h2Ex_ {\n  font-size: 0;\n  line-height: 0;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n}\n\n._2CgKZHQp30gXtQyW8h2Ex_:focus,\n._2CgKZHQp30gXtQyW8h2Ex_[focus-within] {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n._2CgKZHQp30gXtQyW8h2Ex_:focus,\n._2CgKZHQp30gXtQyW8h2Ex_[focus-within] {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n._2CgKZHQp30gXtQyW8h2Ex_:focus,\n._2CgKZHQp30gXtQyW8h2Ex_:focus-within {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n._3nre5MPe67v_oDs44x2IDC {\n  padding: var(--space-base);\n  border: var(--color-border) dashed var(--border-thick);\n  border-radius: var(--radius-larger);\n  text-align: center;\n}\n\n._3nre5MPe67v_oDs44x2IDC._1wLTm5Es7oqZzzwFiOySeN {\n  border-color: var(--color-focus);\n  background-color: var(--color-surface--hover);\n}\n";
-var styles = {"dropZoneBase":"_2CgKZHQp30gXtQyW8h2Ex_","dropZone":"_3nre5MPe67v_oDs44x2IDC","active":"_1wLTm5Es7oqZzzwFiOySeN"};
-__chunk_2.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 = {
-        multiple: allowMultiple,
-        onDrop: React.useCallback(handleDrop, []),
-    };
-    if (allowedTypes === "images") {
-        options.accept = "image/*";
-    }
-    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(styles.dropZoneBase, (_b = {},
-        _b[styles.dropZone] = variation === "dropzone",
-        _b[styles.active] = isDragActive,
-        _b));
-    return (React__default.createElement("div", __chunk_1.__assign({}, getRootProps({ className: dropZone }), { tabIndex: variation === "button" ? -1 : 0 }),
-        React__default.createElement("input", __chunk_1.__assign({}, getInputProps())),
-        variation === "dropzone" && (React__default.createElement(index$2$1.Content, { spacing: "small" },
-            React__default.createElement(index$5.Button, { label: buttonLabel, size: "small", type: "secondary" }),
-            size === "base" && (React__default.createElement(index.Typography, { size: "small", textColor: "greyBlue" }, hintText)))),
-        variation === "button" && (React__default.createElement(index$5.Button, { label: buttonLabel, size: size, type: "secondary", fullWidth: true }))));
-    function handleDrop(acceptedFiles) {
-        acceptedFiles.forEach(function (file) {
-            uploadFile(file);
-        });
-    }
-    function uploadFile(file) {
-        return __chunk_1.__awaiter(this, void 0, void 0, function () {
-            var _a, url, _b, key, _c, fields, _d, httpMethod, fileUpload, handleUploadProgress, handleUploadComplete, axiosConfig;
-            return __chunk_1.__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(__chunk_1.__assign({}, fileUpload));
-                        handleUploadProgress = function (progressEvent) {
-                            onUploadProgress &&
-                                onUploadProgress(__chunk_1.__assign(__chunk_1.__assign({}, fileUpload), { progress: progressEvent.loaded / progressEvent.total }));
-                        };
-                        handleUploadComplete = function () {
-                            onUploadComplete === null || onUploadComplete === void 0 ? void 0 : onUploadComplete(__chunk_1.__assign(__chunk_1.__assign({}, fileUpload), { progress: 1 }));
-                        };
-                        axiosConfig = createAxiosConfig({
-                            url: url,
-                            httpMethod: httpMethod,
-                            fields: fields,
-                            file: file,
-                            handleUploadProgress: handleUploadProgress,
-                        });
-                        axios.request(axiosConfig).then(handleUploadComplete);
-                        return [2 /*return*/];
-                }
-            });
-        });
-    }
-}
-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;
-    if (httpMethod === "POST") {
-        var formData_1 = new FormData();
-        Object.entries(fields).forEach(function (_a) {
-            var _b = __chunk_1.__read(_a, 2), field = _b[0], value = _b[1];
-            return formData_1.append(field, value);
-        });
-        formData_1.append("file", file);
-        data = formData_1;
-        headers = { "X-Requested-With": "XMLHttpRequest" };
-    }
-    else {
-        data = file;
-        headers = fields;
-    }
-    return {
-        method: httpMethod,
-        url: url,
-        headers: headers,
-        data: data,
-        onUploadProgress: handleUploadProgress,
-    };
-}
-function getLabels(providedButtonLabel, multiple, allowedTypes) {
-    var buttonLabel = multiple ? "Upload Files" : "Upload File";
-    var hintText = multiple
-        ? "or drag files here to upload"
-        : "or drag a file here to upload";
-    if (allowedTypes === "images" || allowedTypes === "basicImages") {
-        buttonLabel = multiple ? "Upload Images" : "Upload Image";
-        hintText = multiple
-            ? "or drag images here to upload"
-            : "or drag an image here to upload";
-    }
-    if (providedButtonLabel)
-        buttonLabel = providedButtonLabel;
-    return { buttonLabel: buttonLabel, hintText: hintText };
-}
-function getFileUpload(file, key) {
-    return {
-        key: key,
-        name: file.name,
-        type: file.type,
-        size: file.size,
-        progress: 0,
-        src: getSrc,
-    };
-    function getSrc() {
-        var promise = new Promise(function (resolve, reject) {
-            var reader = new FileReader();
-            reader.onload = function (event) {
-                if (event.target &&
-                    event.target.result &&
-                    typeof event.target.result === "string") {
-                    resolve(event.target.result);
-                }
-                else {
-                    reject("Could not generate file data url.");
-                }
-            };
-            reader.readAsDataURL(file);
-        });
-        return promise;
-    }
-}
-/**
- * Upsert a given `FileUpload` into an array of `FileUpload`s.
- * `key` is used to uniquely identify files.
- *
- * @param updatedFile FileUpload File that was updated.
- * @param files Existing array of FileUploads.
- * @returns FileUpload[] updated set of files.
- */
-function updateFiles(updatedFile, files) {
-    var newFiles = __chunk_1.__spread(files);
-    var index = files.findIndex(function (file) { return file.key === updatedFile.key; });
-    if (index !== -1) {
-        newFiles[index] = updatedFile;
-    }
-    else {
-        newFiles.push(updatedFile);
-    }
-    return newFiles;
-}
 
-exports.InputFile = InputFile;
-exports.updateFiles = updateFiles;
+exports.InputFile = InputFile.InputFile;
+exports.updateFiles = InputFile.updateFiles;

package/dist/InputFile-b5cf90c3.js

@@ -0,0 +1,174 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-5b50eb8e.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-5b2f1636.js');
+var Content = require('./Content-18de5fbb.js');
+var Typography = require('./Typography-7e542a72.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+
+var css = "._2CgKZHQp30gXtQyW8h2Ex_ {\n  font-size: 0;\n  line-height: 0;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n}\n\n._2CgKZHQp30gXtQyW8h2Ex_:focus,\n._2CgKZHQp30gXtQyW8h2Ex_[focus-within] {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n._2CgKZHQp30gXtQyW8h2Ex_:focus,\n._2CgKZHQp30gXtQyW8h2Ex_[focus-within] {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n._2CgKZHQp30gXtQyW8h2Ex_:focus,\n._2CgKZHQp30gXtQyW8h2Ex_:focus-within {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n._3nre5MPe67v_oDs44x2IDC {\n  padding: var(--space-base);\n  border: var(--color-border) dashed var(--border-thick);\n  border-radius: var(--radius-larger);\n  text-align: center;\n}\n\n._3nre5MPe67v_oDs44x2IDC._1wLTm5Es7oqZzzwFiOySeN {\n  border-color: var(--color-focus);\n  background-color: var(--color-surface--hover);\n}\n";
+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 = {
+        multiple: allowMultiple,
+        onDrop: React.useCallback(handleDrop, []),
+    };
+    if (allowedTypes === "images") {
+        options.accept = "image/*";
+    }
+    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())),
+        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: "greyBlue" }, hintText)))),
+        variation === "button" && (React__default["default"].createElement(Button.Button, { label: buttonLabel, size: size, type: "secondary", fullWidth: true }))));
+    function handleDrop(acceptedFiles) {
+        acceptedFiles.forEach(function (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*/];
+                }
+            });
+        });
+    }
+}
+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;
+    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;
+        headers = { "X-Requested-With": "XMLHttpRequest" };
+    }
+    else {
+        data = file;
+        headers = fields;
+    }
+    return {
+        method: httpMethod,
+        url: url,
+        headers: headers,
+        data: data,
+        onUploadProgress: handleUploadProgress,
+    };
+}
+function getLabels(providedButtonLabel, multiple, allowedTypes) {
+    var buttonLabel = multiple ? "Upload Files" : "Upload File";
+    var hintText = multiple
+        ? "or drag files here to upload"
+        : "or drag a file here to upload";
+    if (allowedTypes === "images" || allowedTypes === "basicImages") {
+        buttonLabel = multiple ? "Upload Images" : "Upload Image";
+        hintText = multiple
+            ? "or drag images here to upload"
+            : "or drag an image here to upload";
+    }
+    if (providedButtonLabel)
+        buttonLabel = providedButtonLabel;
+    return { buttonLabel: buttonLabel, hintText: hintText };
+}
+function getFileUpload(file, key) {
+    return {
+        key: key,
+        name: file.name,
+        type: file.type,
+        size: file.size,
+        progress: 0,
+        src: getSrc,
+    };
+    function getSrc() {
+        var promise = new Promise(function (resolve, reject) {
+            var reader = new FileReader();
+            reader.onload = function (event) {
+                if (event.target &&
+                    event.target.result &&
+                    typeof event.target.result === "string") {
+                    resolve(event.target.result);
+                }
+                else {
+                    reject("Could not generate file data url.");
+                }
+            };
+            reader.readAsDataURL(file);
+        });
+        return promise;
+    }
+}
+/**
+ * Upsert a given `FileUpload` into an array of `FileUpload`s.
+ * `key` is used to uniquely identify files.
+ *
+ * @param updatedFile FileUpload File that was updated.
+ * @param files Existing array of FileUploads.
+ * @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; });
+    if (index !== -1) {
+        newFiles[index] = updatedFile;
+    }
+    else {
+        newFiles.push(updatedFile);
+    }
+    return newFiles;
+}
+
+exports.InputFile = InputFile;
+exports.updateFiles = updateFiles;

package/dist/InputGroup/InputGroup.d.ts

@@ -1,11 +1,11 @@
-import { ReactElement } from "react";
-interface InputGroupProps {
-    readonly children: ReactElement | ReactElement[];
-    /**
-     * Determine the direction the fields are laid out in.
-     * @default "vertical"
-     */
-    readonly flowDirection?: "horizontal" | "vertical";
-}
-export declare function InputGroup({ children, flowDirection, }: InputGroupProps): JSX.Element;
-export {};
+import { ReactElement } from "react";
+interface InputGroupProps {
+    readonly children: ReactElement | ReactElement[];
+    /**
+     * Determine the direction the fields are laid out in.
+     * @default "vertical"
+     */
+    readonly flowDirection?: "horizontal" | "vertical";
+}
+export declare function InputGroup({ children, flowDirection, }: InputGroupProps): JSX.Element;
+export {};

package/dist/InputGroup/index.d.ts

@@ -1 +1 @@
-export { InputGroup } from "./InputGroup";
+export { InputGroup } from "./InputGroup";

package/dist/InputGroup/index.js

@@ -2,33 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
-var __chunk_2 = require('../chunk-17e02351.js');
-var classnames = _interopDefault(require('classnames'));
+var classnames = require('classnames');
+var styleInject_es = require('../style-inject.es-dcee06b6.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var css = "._1UKIybTcnyfJQlTx901rF5 > *:not(:last-child) {\n  margin-bottom: -1px !important;\n}\n\n._26qQBed5Rzu9i2ZIDEaESr {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: end;\n      align-items: flex-end;\n}\n\n._26qQBed5Rzu9i2ZIDEaESr > *:not(:last-child) {\n  margin-bottom: auto;\n  margin-right: -1px;\n}\n\n/* Border corners are rounded on the outside edges of the group  */\n\n._3kywSyvvwSdmNSTOqX-AQA {\n  --public-field--top-left-radius: 0;\n  --public-field--top-right-radius: 0;\n  --public-field--bottom-left-radius: 0;\n  --public-field--bottom-right-radius: 0;\n}\n\n._1UKIybTcnyfJQlTx901rF5 > :first-child:not(._26qQBed5Rzu9i2ZIDEaESr) {\n  --public-field--top-left-radius: var(--radius-base);\n  --public-field--top-right-radius: var(--radius-base);\n}\n\n._1UKIybTcnyfJQlTx901rF5 > :last-child:not(._26qQBed5Rzu9i2ZIDEaESr) {\n  --public-field--bottom-left-radius: var(--radius-base);\n  --public-field--bottom-right-radius: var(--radius-base);\n}\n\n/* First Horizontal Input Group */\n\n._26qQBed5Rzu9i2ZIDEaESr:first-child > :first-child {\n  --public-field--top-left-radius: var(--radius-base);\n}\n\n._26qQBed5Rzu9i2ZIDEaESr:first-child > :last-child {\n  --public-field--top-right-radius: var(--radius-base);\n}\n\n/* Last Horizontal Input Group */\n\n._26qQBed5Rzu9i2ZIDEaESr:last-child > :first-child {\n  --public-field--bottom-left-radius: var(--radius-base);\n}\n\n._26qQBed5Rzu9i2ZIDEaESr:last-child > :last-child {\n  --public-field--bottom-right-radius: var(--radius-base);\n}\n";
 var styles = {"vertical":"_1UKIybTcnyfJQlTx901rF5","horizontal":"_26qQBed5Rzu9i2ZIDEaESr","inputGroup":"_3kywSyvvwSdmNSTOqX-AQA"};
-__chunk_2.styleInject(css);
+styleInject_es.styleInject(css);
 
-function InputGroup(_a) {
-    var children = _a.children, _b = _a.flowDirection, flowDirection = _b === void 0 ? "vertical" : _b;
-    if (isInvalidGroupNesting(children))
-        return React__default.createElement(React__default.Fragment, null);
-    var className = classnames(styles.inputGroup, styles[flowDirection]);
-    return React__default.createElement("div", { className: className }, children);
-}
-function isInvalidGroupNesting(childs) {
-    return React__default.Children.toArray(childs).some(function (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");
-            return true;
-        }
-        return false;
-    });
+function InputGroup(_a) {
+    var children = _a.children, _b = _a.flowDirection, flowDirection = _b === void 0 ? "vertical" : _b;
+    if (isInvalidGroupNesting(children))
+        return React__default["default"].createElement(React__default["default"].Fragment, null);
+    var 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) {
+        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");
+            return true;
+        }
+        return false;
+    });
 }
 
 exports.InputGroup = InputGroup;

package/dist/InputNumber/InputNumber.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-import { CommonFormFieldProps, FormFieldProps } from "../FormField";
-interface InputNumberProps extends CommonFormFieldProps, Pick<FormFieldProps, "maxLength" | "autocomplete" | "max" | "min" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations" | "readonly" | "defaultValue"> {
-    value?: number;
-}
-export interface InputNumberRef {
-    blur(): void;
-    focus(): void;
-}
-export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<InputNumberRef>>;
-export {};
+import React from "react";
+import { CommonFormFieldProps, FormFieldProps } from "../FormField";
+interface InputNumberProps extends CommonFormFieldProps, Pick<FormFieldProps, "maxLength" | "autocomplete" | "max" | "min" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations" | "readonly" | "defaultValue"> {
+    value?: number;
+}
+export interface InputNumberRef {
+    blur(): void;
+    focus(): void;
+}
+export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<InputNumberRef>>;
+export {};

package/dist/InputNumber/index.d.ts

@@ -1 +1 @@
-export { InputNumber, InputNumberRef } from "./InputNumber";
+export { InputNumber, InputNumberRef } from "./InputNumber";

package/dist/InputNumber/index.js

@@ -2,63 +2,64 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var __chunk_1 = require('../chunk-b67af3cb.js');
+var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('../chunk-17e02351.js');
-require('classnames');
-require('../Typography/index.js');
-require('../Text/index.js');
-require('@jobber/design');
-require('../Icon/index.js');
+var FormField = require('../FormField-a92c7bac.js');
 require('uuid');
 require('react-hook-form');
-var index$4 = require('../FormField/index.js');
+require('../style-inject.es-dcee06b6.js');
+require('classnames');
+require('../Button-5b2f1636.js');
 require('react-router-dom');
-require('../Button/index.js');
+require('../Icon-d5ad1a6d.js');
+require('@jobber/design');
+require('../Typography-7e542a72.js');
+require('../Text-9bc093e9.js');
+require('../InputValidation-24d3621a.js');
 require('framer-motion');
-require('../InputValidation/index.js');
-require('../Spinner/index.js');
+require('../Spinner-18d3dee6.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;
-            if (input) {
-                input.blur();
-            }
-        },
-        focus: function () {
-            var input = inputRef.current;
-            if (input) {
-                input.focus();
-            }
-        },
-    }); });
-    return (React__default.createElement(index$4.FormField, __chunk_1.__assign({}, props, { type: "number", inputRef: inputRef, onChange: handleChange, validations: __chunk_1.__assign(__chunk_1.__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;
-        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;
-            }
-            else if (props.max != undefined && props.min === undefined) {
-                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 true;
-    }
-}
+function InputNumberInternal(props, ref) {
+    var inputRef = React.createRef();
+    React.useImperativeHandle(ref, function () { return ({
+        blur: function () {
+            var input = inputRef.current;
+            if (input) {
+                input.blur();
+            }
+        },
+        focus: function () {
+            var 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 }) })));
+    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;
+        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;
+            }
+            else if (props.max != undefined && props.min === undefined) {
+                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 true;
+    }
+}
 var InputNumber = React.forwardRef(InputNumberInternal);
 
 exports.InputNumber = InputNumber;

package/dist/InputPassword/InputPassword.d.ts

@@ -1,12 +1,12 @@
-import { CommonFormFieldProps, FormFieldProps } from "../FormField";
-interface InputPasswordProps extends CommonFormFieldProps, Pick<FormFieldProps, "autocomplete" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations" | "defaultValue"> {
-    value?: string;
-    onChange?(newValue: string): void;
-    /**
-     * Display toggle to change the visibility of the password input
-     * @default false
-     */
-    hasVisibility?: boolean;
-}
-export declare function InputPassword(props: InputPasswordProps): JSX.Element;
-export {};
+import { CommonFormFieldProps, FormFieldProps } from "../FormField";
+interface InputPasswordProps extends CommonFormFieldProps, Pick<FormFieldProps, "autocomplete" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations" | "defaultValue"> {
+    value?: string;
+    onChange?(newValue: string): void;
+    /**
+     * Display toggle to change the visibility of the password input
+     * @default false
+     */
+    hasVisibility?: boolean;
+}
+export declare function InputPassword(props: InputPasswordProps): JSX.Element;
+export {};

package/dist/InputPassword/index.d.ts

@@ -1 +1 @@
-export { InputPassword } from "./InputPassword";
+export { InputPassword } from "./InputPassword";