@jobber/components 6.63.3 → 6.64.0

package/dist/InputFile/FileTypes.d.ts

@@ -3,6 +3,9 @@ export declare enum FileTypes {
     JPG = "image/jpg",
     PNG = "image/png",
     HEIC = "image/heic",
+    WEBP = "image/webp",
+    GIF = "image/gif",
+    AVIF = "image/avif",
     PDF = "application/pdf",
     DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
     XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",

package/dist/InputFile-cjs.js

@@ -1448,6 +1448,9 @@ var FileTypes;
     FileTypes["JPG"] = "image/jpg";
     FileTypes["PNG"] = "image/png";
     FileTypes["HEIC"] = "image/heic";
+    FileTypes["WEBP"] = "image/webp";
+    FileTypes["GIF"] = "image/gif";
+    FileTypes["AVIF"] = "image/avif";
     FileTypes["PDF"] = "application/pdf";
     FileTypes["DOCX"] = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
     FileTypes["XLSX"] = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";

package/dist/InputFile-es.js

@@ -1446,6 +1446,9 @@ var FileTypes;
     FileTypes["JPG"] = "image/jpg";
     FileTypes["PNG"] = "image/png";
     FileTypes["HEIC"] = "image/heic";
+    FileTypes["WEBP"] = "image/webp";
+    FileTypes["GIF"] = "image/gif";
+    FileTypes["AVIF"] = "image/avif";
     FileTypes["PDF"] = "application/pdf";
     FileTypes["DOCX"] = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
     FileTypes["XLSX"] = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";

package/dist/InputTime/index.cjs

@@ -209,8 +209,9 @@ function InputTimeRebuilt(_a) {
         handleChange,
     });
     const { inputStyle } = FormField.useFormFieldWrapperStyles(params);
+    const wrapperRef = React.useRef(null);
     const id = getId(params);
-    return (React.createElement(FormField.FormFieldWrapper, { disabled: params.disabled, size: params.size, align: params.align, inline: params.inline, name: params.name, error: params.error || "", identifier: id, descriptionIdentifier: `descriptionUUID--${id}`, invalid: Boolean(params.invalid), description: params.description, clearable: (_c = params.clearable) !== null && _c !== void 0 ? _c : "never", onClear: handleClear, type: "time", readonly: params.readonly, placeholder: params.placeholder, value: dateToTimeString(value) },
+    return (React.createElement(FormField.FormFieldWrapper, { disabled: params.disabled, size: params.size, align: params.align, inline: params.inline, name: params.name, error: params.error || "", identifier: id, descriptionIdentifier: `descriptionUUID--${id}`, invalid: Boolean(params.invalid), description: params.description, clearable: (_c = params.clearable) !== null && _c !== void 0 ? _c : "never", onClear: handleClear, type: "time", readonly: params.readonly, placeholder: params.placeholder, value: dateToTimeString(value), wrapperRef: wrapperRef },
         React.createElement("input", { ref: ref, type: "time", name: params.name, className: inputStyle, onBlur: handleBlur, id: id, disabled: params.disabled, readOnly: params.readonly, onChange: handleChangeEvent, onFocus: handleFocus, "data-testid": "ATL-InputTime-input", onKeyUp: e => {
                 if (params.disabled || params.readonly)
                     return;
@@ -250,13 +251,14 @@ function InputTimeRebuilt(_a) {
 function InputTime$1(_a) {
     var { defaultValue, value, onChange } = _a, params = tslib_es6.__rest(_a, ["defaultValue", "value", "onChange"]);
     const ref = React.useRef(null);
+    const wrapperRef = React.useRef(null);
     const { setTypedTime } = useTimePredict({ value, handleChange });
     const fieldProps = omit.omit(Object.assign(Object.assign(Object.assign({ onChange: handleChange }, (defaultValue && { defaultValue: dateToTimeString(defaultValue) })), (!defaultValue && { value: dateToTimeString(value) })), params), ["version"]);
     return (React.createElement(FormField.FormField, Object.assign({ inputRef: ref, type: "time" }, fieldProps, { onBlur: handleBlur, onKeyUp: e => {
             var _a;
             (_a = fieldProps.onKeyUp) === null || _a === void 0 ? void 0 : _a.call(fieldProps, e);
             !isNaN(parseInt(e.key, 10)) && setTypedTime(prev => prev + e.key);
-        } })));
+        }, wrapperRef: wrapperRef })));
     function handleChange(newValue) {
         onChange === null || onChange === void 0 ? void 0 : onChange(timeStringToDate(newValue));
     }

package/dist/InputTime/index.mjs

@@ -207,8 +207,9 @@ function InputTimeRebuilt(_a) {
         handleChange,
     });
     const { inputStyle } = useFormFieldWrapperStyles(params);
+    const wrapperRef = React__default.useRef(null);
     const id = getId(params);
-    return (React__default.createElement(FormFieldWrapper, { disabled: params.disabled, size: params.size, align: params.align, inline: params.inline, name: params.name, error: params.error || "", identifier: id, descriptionIdentifier: `descriptionUUID--${id}`, invalid: Boolean(params.invalid), description: params.description, clearable: (_c = params.clearable) !== null && _c !== void 0 ? _c : "never", onClear: handleClear, type: "time", readonly: params.readonly, placeholder: params.placeholder, value: dateToTimeString(value) },
+    return (React__default.createElement(FormFieldWrapper, { disabled: params.disabled, size: params.size, align: params.align, inline: params.inline, name: params.name, error: params.error || "", identifier: id, descriptionIdentifier: `descriptionUUID--${id}`, invalid: Boolean(params.invalid), description: params.description, clearable: (_c = params.clearable) !== null && _c !== void 0 ? _c : "never", onClear: handleClear, type: "time", readonly: params.readonly, placeholder: params.placeholder, value: dateToTimeString(value), wrapperRef: wrapperRef },
         React__default.createElement("input", { ref: ref, type: "time", name: params.name, className: inputStyle, onBlur: handleBlur, id: id, disabled: params.disabled, readOnly: params.readonly, onChange: handleChangeEvent, onFocus: handleFocus, "data-testid": "ATL-InputTime-input", onKeyUp: e => {
                 if (params.disabled || params.readonly)
                     return;
@@ -248,13 +249,14 @@ function InputTimeRebuilt(_a) {
 function InputTime$1(_a) {
     var { defaultValue, value, onChange } = _a, params = __rest(_a, ["defaultValue", "value", "onChange"]);
     const ref = useRef(null);
+    const wrapperRef = useRef(null);
     const { setTypedTime } = useTimePredict({ value, handleChange });
     const fieldProps = omit(Object.assign(Object.assign(Object.assign({ onChange: handleChange }, (defaultValue && { defaultValue: dateToTimeString(defaultValue) })), (!defaultValue && { value: dateToTimeString(value) })), params), ["version"]);
     return (React__default.createElement(FormField, Object.assign({ inputRef: ref, type: "time" }, fieldProps, { onBlur: handleBlur, onKeyUp: e => {
             var _a;
             (_a = fieldProps.onKeyUp) === null || _a === void 0 ? void 0 : _a.call(fieldProps, e);
             !isNaN(parseInt(e.key, 10)) && setTypedTime(prev => prev + e.key);
-        } })));
+        }, wrapperRef: wrapperRef })));
     function handleChange(newValue) {
         onChange === null || onChange === void 0 ? void 0 : onChange(timeStringToDate(newValue));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.63.3",
+  "version": "6.64.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -542,5 +542,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "d56a2ccd266e490f2a4ebce54a5fa9fc90437f5e"
+  "gitHead": "33eceb2f5045af7c89bad1e5faaeb49f02d0e07b"
 }