@jobber/components 2.86.0 → 2.86.2

package/dist/InputAvatar/index.js

@@ -2,71 +2,72 @@
 
 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);
-var __chunk_2 = require('../chunk-17e02351.js');
+var styleInject_es = require('../style-inject.es-dcee06b6.js');
+var Avatar = require('../Avatar-cfd04e86.js');
+var InputFile = require('../InputFile-b5cf90c3.js');
+var ProgressBar = require('../ProgressBar-e9a49129.js');
+var Button = require('../Button-5b2f1636.js');
 require('classnames');
-require('../Typography/index.js');
-require('@jobber/design');
-require('../Icon/index.js');
-require('uuid');
-require('react-router-dom');
-var index$5 = require('../Button/index.js');
-var index$3 = require('../Avatar/index.js');
 require('color');
-require('../Content/index.js');
-var index$8$1 = require('../ProgressBar/index.js');
+require('../Icon-d5ad1a6d.js');
+require('@jobber/design');
 require('react-dropzone');
 require('axios');
-var index$1 = require('../InputFile/index.js');
+require('uuid');
+require('../Content-18de5fbb.js');
+require('../Typography-7e542a72.js');
+require('react-router-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var css = "._1e1D2becaB2vzZJ8QkTQFY {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n._1e1D2becaB2vzZJ8QkTQFY > *:not(:last-child) {\n  margin-right: var(--space-small);\n}\n\n.TQgDlkCH4_o4LkH2hOqde {\n  position: relative;\n}\n\n.zq7uZTFFJ0aS_hIEAvVPX {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  height: 100%;\n  margin: 0 var(--space-small);\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n._3wSTh_yNalSZ5i5bnf_clw {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n._3wSTh_yNalSZ5i5bnf_clw::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: var(--radius-circle);\n  background-color: var(--color-blue--dark);\n  opacity: 0.3;\n  mix-blend-mode: multiply;\n}\n";
 var styles = {"inputAvatar":"_1e1D2becaB2vzZJ8QkTQFY","preview":"TQgDlkCH4_o4LkH2hOqde","centered":"zq7uZTFFJ0aS_hIEAvVPX","overlay":"_3wSTh_yNalSZ5i5bnf_clw"};
-__chunk_2.styleInject(css);
+styleInject_es.styleInject(css);
 
-function InputAvatar(_a) {
-    var getUploadParams = _a.getUploadParams, onUploadComplete = _a.onUploadComplete, onChange = _a.onChange, avatarProps = __chunk_1.__rest(_a, ["getUploadParams", "onUploadComplete", "onChange"]);
-    var _b = __chunk_1.__read(React.useState(1), 2), progress = _b[0], setProgress = _b[1];
-    return (React__default.createElement("div", { className: styles.inputAvatar },
-        React__default.createElement("div", { className: styles.preview },
-            React__default.createElement(index$3.Avatar, __chunk_1.__assign({ size: "large" }, avatarProps)),
-            progress < 1 && (React__default.createElement(Overlay, null,
-                React__default.createElement(Centered, null,
-                    React__default.createElement(index$8$1.ProgressBar, { size: "small", currentStep: progress * 100, totalSteps: 100 }))))),
-        React__default.createElement(index$1.InputFile, { variation: "button", buttonLabel: avatarProps.imageUrl ? "Change Image" : undefined, size: "small", allowedTypes: "images", getUploadParams: getUploadParams, onUploadStart: handleChange, onUploadProgress: handleUpload, onUploadComplete: handleUploadComplete }),
-        avatarProps.imageUrl != undefined && progress === 1 && (React__default.createElement(index$5.Button, { label: "Remove", size: "small", type: "secondary", variation: "destructive", onClick: clearAvatar }))));
-    function handleChange(newFile) {
-        onChange && onChange(newFile);
-        handleUpload(newFile);
-    }
-    function handleUploadComplete(newFile) {
-        onUploadComplete && onUploadComplete(newFile);
-        handleUpload(newFile);
-    }
-    function handleUpload(newFile) {
-        return __chunk_1.__awaiter(this, void 0, void 0, function () {
-            return __chunk_1.__generator(this, function (_a) {
-                setProgress(newFile.progress);
-                return [2 /*return*/];
-            });
-        });
-    }
-    function clearAvatar() {
-        onChange && onChange(undefined);
-        setProgress(1);
-    }
-}
-function Overlay(_a) {
-    var children = _a.children;
-    return React__default.createElement("div", { className: styles.overlay }, children);
-}
-function Centered(_a) {
-    var children = _a.children;
-    // Note: this HIGHLY experimental Centered component is applying margin.
-    return React__default.createElement("div", { className: styles.centered }, children);
+function InputAvatar(_a) {
+    var getUploadParams = _a.getUploadParams, onUploadComplete = _a.onUploadComplete, onChange = _a.onChange, avatarProps = tslib_es6.__rest(_a, ["getUploadParams", "onUploadComplete", "onChange"]);
+    var _b = tslib_es6.__read(React.useState(1), 2), progress = _b[0], setProgress = _b[1];
+    return (React__default["default"].createElement("div", { className: styles.inputAvatar },
+        React__default["default"].createElement("div", { className: styles.preview },
+            React__default["default"].createElement(Avatar.Avatar, tslib_es6.__assign({ size: "large" }, avatarProps)),
+            progress < 1 && (React__default["default"].createElement(Overlay, null,
+                React__default["default"].createElement(Centered, null,
+                    React__default["default"].createElement(ProgressBar.ProgressBar, { size: "small", currentStep: progress * 100, totalSteps: 100 }))))),
+        React__default["default"].createElement(InputFile.InputFile, { variation: "button", buttonLabel: avatarProps.imageUrl ? "Change Image" : undefined, size: "small", allowedTypes: "images", getUploadParams: getUploadParams, onUploadStart: handleChange, onUploadProgress: handleUpload, onUploadComplete: handleUploadComplete }),
+        avatarProps.imageUrl != undefined && progress === 1 && (React__default["default"].createElement(Button.Button, { label: "Remove", size: "small", type: "secondary", variation: "destructive", onClick: clearAvatar }))));
+    function handleChange(newFile) {
+        onChange && onChange(newFile);
+        handleUpload(newFile);
+    }
+    function handleUploadComplete(newFile) {
+        onUploadComplete && onUploadComplete(newFile);
+        handleUpload(newFile);
+    }
+    function handleUpload(newFile) {
+        return tslib_es6.__awaiter(this, void 0, void 0, function () {
+            return tslib_es6.__generator(this, function (_a) {
+                setProgress(newFile.progress);
+                return [2 /*return*/];
+            });
+        });
+    }
+    function clearAvatar() {
+        onChange && onChange(undefined);
+        setProgress(1);
+    }
+}
+function Overlay(_a) {
+    var children = _a.children;
+    return React__default["default"].createElement("div", { className: styles.overlay }, children);
+}
+function Centered(_a) {
+    var children = _a.children;
+    // Note: this HIGHLY experimental Centered component is applying margin.
+    return React__default["default"].createElement("div", { className: styles.centered }, children);
 }
 
 exports.InputAvatar = InputAvatar;

package/dist/InputDate/InputDate.d.ts

@@ -1,19 +1,19 @@
-import { CommonFormFieldProps, FormFieldProps } from "../FormField";
-interface InputDateProps extends CommonFormFieldProps, Pick<FormFieldProps, "readonly" | "disabled" | "onEnter" | "onFocus" | "inputRef" | "validations" | "placeholder" | "onChange" | "onBlur"> {
-    /**
-     * A Date object value
-     * (e.g., `new Date("11/11/2011")`)
-     * */
-    readonly value?: Date;
-    onChange(newValue: Date): void;
-    /**
-     * The maximum selectable date.
-     */
-    readonly maxDate?: Date;
-    /**
-     * The minimum selectable date.
-     */
-    readonly minDate?: Date;
-}
-export declare function InputDate(inputProps: InputDateProps): JSX.Element;
-export {};
+import { CommonFormFieldProps, FormFieldProps } from "../FormField";
+interface InputDateProps extends CommonFormFieldProps, Pick<FormFieldProps, "readonly" | "disabled" | "onEnter" | "onFocus" | "inputRef" | "validations" | "placeholder" | "onChange" | "onBlur"> {
+    /**
+     * A Date object value
+     * (e.g., `new Date("11/11/2011")`)
+     * */
+    readonly value?: Date;
+    onChange(newValue: Date): void;
+    /**
+     * The maximum selectable date.
+     */
+    readonly maxDate?: Date;
+    /**
+     * The minimum selectable date.
+     */
+    readonly minDate?: Date;
+}
+export declare function InputDate(inputProps: InputDateProps): JSX.Element;
+export {};

package/dist/InputDate/index.d.ts

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

package/dist/InputDate/index.js

@@ -2,46 +2,47 @@
 
 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 lodash = require('lodash');
 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');
+var DatePicker = require('../DatePicker-ad6f8630.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('@jobber/hooks');
-var lodash = require('lodash');
+require('../Spinner-18d3dee6.js');
 require('react-datepicker');
-var index$3 = require('../DatePicker/index.js');
+require('@jobber/hooks');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function InputDate(inputProps) {
-    return (React__default.createElement(index$3.DatePicker, { selected: inputProps.value, onChange: inputProps.onChange, disabled: inputProps.disabled, readonly: inputProps.readonly, fullWidth: !inputProps.inline, minDate: inputProps.minDate, maxDate: inputProps.maxDate, smartAutofocus: false, activator: function (activatorProps) {
-            var onChange = activatorProps.onChange, onClick = activatorProps.onClick, value = activatorProps.value;
-            var newActivatorProps = lodash.omit(activatorProps, ["activator"]);
-            var suffix = __chunk_1.__assign({ icon: "calendar" }, (onClick && {
-                onClick: onClick,
-                ariaLabel: "Show calendar",
-            }));
-            return (React__default.createElement(index$4.FormField, __chunk_1.__assign({}, newActivatorProps, inputProps, { value: value, onChange: function (_, event) { return onChange && onChange(event); }, onBlur: function () {
-                    inputProps.onBlur && inputProps.onBlur();
-                    activatorProps.onBlur && activatorProps.onBlur();
-                }, onFocus: function () {
-                    inputProps.onFocus && inputProps.onFocus();
-                    activatorProps.onFocus && activatorProps.onFocus();
-                }, suffix: suffix })));
-        } }));
+function InputDate(inputProps) {
+    return (React__default["default"].createElement(DatePicker.DatePicker, { selected: inputProps.value, onChange: inputProps.onChange, disabled: inputProps.disabled, readonly: inputProps.readonly, fullWidth: !inputProps.inline, minDate: inputProps.minDate, maxDate: inputProps.maxDate, smartAutofocus: false, activator: function (activatorProps) {
+            var onChange = activatorProps.onChange, onClick = activatorProps.onClick, value = activatorProps.value;
+            var newActivatorProps = lodash.omit(activatorProps, ["activator"]);
+            var suffix = tslib_es6.__assign({ icon: "calendar" }, (onClick && {
+                onClick: onClick,
+                ariaLabel: "Show calendar",
+            }));
+            return (React__default["default"].createElement(FormField.FormField, tslib_es6.__assign({}, newActivatorProps, inputProps, { value: value, onChange: function (_, event) { return onChange && onChange(event); }, onBlur: function () {
+                    inputProps.onBlur && inputProps.onBlur();
+                    activatorProps.onBlur && activatorProps.onBlur();
+                }, onFocus: function () {
+                    inputProps.onFocus && inputProps.onFocus();
+                    activatorProps.onFocus && activatorProps.onFocus();
+                }, suffix: suffix })));
+        } }));
 }
 
 exports.InputDate = InputDate;

package/dist/InputEmail/InputEmail.d.ts

@@ -1,5 +1,5 @@
-import { CommonFormFieldProps, FormFieldProps } from "../FormField";
-declare type InputEmailProps = CommonFormFieldProps & Pick<FormFieldProps, "maxLength" | "readonly" | "validations" | "defaultValue">;
-export declare const validationMessage = "Please enter a valid email";
-export declare function InputEmail(props: InputEmailProps): JSX.Element;
-export {};
+import { CommonFormFieldProps, FormFieldProps } from "../FormField";
+declare type InputEmailProps = CommonFormFieldProps & Pick<FormFieldProps, "maxLength" | "readonly" | "validations" | "defaultValue">;
+export declare const validationMessage = "Please enter a valid email";
+export declare function InputEmail(props: InputEmailProps): JSX.Element;
+export {};

package/dist/InputEmail/index.d.ts

@@ -1 +1 @@
-export { InputEmail, validationMessage } from "./InputEmail";
+export { InputEmail, validationMessage } from "./InputEmail";

package/dist/InputEmail/index.js

@@ -2,40 +2,41 @@
 
 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);
 
-var validationMessage = "Please enter a valid email";
-function InputEmail(props) {
-    var validations = props.validations;
-    return (React__default.createElement(index$4.FormField, __chunk_1.__assign({}, props, { type: "email", validations: __chunk_1.__assign(__chunk_1.__assign({}, validations), { validate: checkForValidEmail }) })));
-    function checkForValidEmail(value) {
-        var emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-        if (!value) {
-            return true;
-        }
-        if (!value.match(emailRegex)) {
-            return validationMessage;
-        }
-        return true;
-    }
+var validationMessage = "Please enter a valid email";
+function InputEmail(props) {
+    var validations = props.validations;
+    return (React__default["default"].createElement(FormField.FormField, tslib_es6.__assign({}, props, { type: "email", validations: tslib_es6.__assign(tslib_es6.__assign({}, validations), { validate: checkForValidEmail }) })));
+    function checkForValidEmail(value) {
+        var emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+        if (!value) {
+            return true;
+        }
+        if (!value.match(emailRegex)) {
+            return validationMessage;
+        }
+        return true;
+    }
 }
 
 exports.InputEmail = InputEmail;

package/dist/InputFile/InputFile.d.ts

@@ -1,121 +1,121 @@
-export interface FileUpload {
-    /**
-     * File Identifier
-     */
-    readonly key: string;
-    /**
-     * The name of the file.
-     */
-    readonly name: string;
-    /**
-     * The [MIME](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types) type of the file
-     */
-    readonly type: string;
-    /**
-     * The size of the file in bytes.
-     */
-    readonly size: number;
-    /**
-     * The progress of a file upload between 0 and 1.
-     * - `0` represents Upload just started.
-     * - `1` represents a complete upload.
-     */
-    readonly progress: number;
-    /**
-     * The data url of the file.
-     */
-    src(): Promise<string>;
-}
-export interface UploadParams {
-    /**
-     * Url to POST file to.
-     */
-    readonly url: string;
-    /**
-     * Key to identify file.
-     * If unspecified a `uuid` will be used.
-     */
-    readonly key?: string;
-    /**
-     * Any extra fields or headers to send with the upload.
-     * If unspecified only the file will be included.
-     */
-    readonly fields?: {
-        [field: string]: string;
-    };
-    /**
-     * The HTTP method which we wish to use for the upload
-     *
-     * When the HTTP method is `"PUT"`, the `fields` will
-     * be used as headers for the request
-     *
-     * When the HTTP method is `"POST"` the `fields` are
-     * form fields
-     *
-     * @default "POST"
-     */
-    readonly httpMethod?: "POST" | "PUT";
-}
-interface InputFileProps {
-    /**
-     * Display variation.
-     * @default "dropzone"
-     */
-    readonly variation?: "dropzone" | "button";
-    /**
-     * Size of the InputFile
-     * @default "base"
-     */
-    readonly size?: "small" | "base";
-    /**
-     * Label for the InputFile's button.
-     * @default Automatic
-     */
-    readonly buttonLabel?: string;
-    /**
-     * Allowed File types.
-     *
-     * @param "images" - only accepts all types of image
-     * @param "basicImages" - only accepts png, jpg and jpeg
-     *
-     * @default "all"
-     */
-    readonly allowedTypes?: "all" | "images" | "basicImages";
-    /**
-     * Allow for multiple files to be selected for upload.
-     *
-     * @default false
-     */
-    readonly allowMultiple?: boolean;
-    /**
-     * A callback that receives a file object and returns a `UploadParams` needed
-     * to upload the file.
-     *
-     * More info is available at:
-     * https://atlantis.getjobber.com/components/input-file#getuploadparams
-     */
-    getUploadParams(file: File): UploadParams | Promise<UploadParams>;
-    /**
-     * Upload event handler. Triggered on upload start.
-     */
-    onUploadStart?(file: FileUpload): void;
-    /**
-     * Upload event handler. Triggered as upload progresses.
-     */
-    onUploadProgress?(file: FileUpload): void;
-    /**
-     * Upload event handler. Triggered on upload completion.
-     */
-    onUploadComplete?(file: FileUpload): void;
-}
-export declare function InputFile({ variation, size, buttonLabel: providedButtonLabel, allowMultiple, allowedTypes, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, }: InputFileProps): JSX.Element;
-/**
- * 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.
- */
-export declare function updateFiles(updatedFile: FileUpload, files: FileUpload[]): FileUpload[];
-export {};
+export interface FileUpload {
+    /**
+     * File Identifier
+     */
+    readonly key: string;
+    /**
+     * The name of the file.
+     */
+    readonly name: string;
+    /**
+     * The [MIME](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types) type of the file
+     */
+    readonly type: string;
+    /**
+     * The size of the file in bytes.
+     */
+    readonly size: number;
+    /**
+     * The progress of a file upload between 0 and 1.
+     * - `0` represents Upload just started.
+     * - `1` represents a complete upload.
+     */
+    readonly progress: number;
+    /**
+     * The data url of the file.
+     */
+    src(): Promise<string>;
+}
+export interface UploadParams {
+    /**
+     * Url to POST file to.
+     */
+    readonly url: string;
+    /**
+     * Key to identify file.
+     * If unspecified a `uuid` will be used.
+     */
+    readonly key?: string;
+    /**
+     * Any extra fields or headers to send with the upload.
+     * If unspecified only the file will be included.
+     */
+    readonly fields?: {
+        [field: string]: string;
+    };
+    /**
+     * The HTTP method which we wish to use for the upload
+     *
+     * When the HTTP method is `"PUT"`, the `fields` will
+     * be used as headers for the request
+     *
+     * When the HTTP method is `"POST"` the `fields` are
+     * form fields
+     *
+     * @default "POST"
+     */
+    readonly httpMethod?: "POST" | "PUT";
+}
+interface InputFileProps {
+    /**
+     * Display variation.
+     * @default "dropzone"
+     */
+    readonly variation?: "dropzone" | "button";
+    /**
+     * Size of the InputFile
+     * @default "base"
+     */
+    readonly size?: "small" | "base";
+    /**
+     * Label for the InputFile's button.
+     * @default Automatic
+     */
+    readonly buttonLabel?: string;
+    /**
+     * Allowed File types.
+     *
+     * @param "images" - only accepts all types of image
+     * @param "basicImages" - only accepts png, jpg and jpeg
+     *
+     * @default "all"
+     */
+    readonly allowedTypes?: "all" | "images" | "basicImages";
+    /**
+     * Allow for multiple files to be selected for upload.
+     *
+     * @default false
+     */
+    readonly allowMultiple?: boolean;
+    /**
+     * A callback that receives a file object and returns a `UploadParams` needed
+     * to upload the file.
+     *
+     * More info is available at:
+     * https://atlantis.getjobber.com/components/input-file#getuploadparams
+     */
+    getUploadParams(file: File): UploadParams | Promise<UploadParams>;
+    /**
+     * Upload event handler. Triggered on upload start.
+     */
+    onUploadStart?(file: FileUpload): void;
+    /**
+     * Upload event handler. Triggered as upload progresses.
+     */
+    onUploadProgress?(file: FileUpload): void;
+    /**
+     * Upload event handler. Triggered on upload completion.
+     */
+    onUploadComplete?(file: FileUpload): void;
+}
+export declare function InputFile({ variation, size, buttonLabel: providedButtonLabel, allowMultiple, allowedTypes, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, }: InputFileProps): JSX.Element;
+/**
+ * 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.
+ */
+export declare function updateFiles(updatedFile: FileUpload, files: FileUpload[]): FileUpload[];
+export {};

package/dist/InputFile/index.d.ts

@@ -1 +1 @@
-export { InputFile, updateFiles, FileUpload, UploadParams } from "./InputFile";
+export { InputFile, updateFiles, FileUpload, UploadParams } from "./InputFile";