@jobber/components 6.92.0 → 6.93.0

package/dist/InputFile/InputFile.d.ts

@@ -84,6 +84,10 @@ interface InputFileProps {
      * @default "base"
      */
     readonly size?: "small" | "base";
+    /**
+     * Sets the `name` attribute on the underlying `<input>` element.
+     */
+    readonly name?: string;
     /**
      * Label for the InputFile's button.
      * @default Automatic
@@ -162,7 +166,7 @@ interface InputFileProps {
      */
     readonly validator?: <T extends File>(file: T) => FileError | FileError[] | null;
 }
-export declare function InputFile({ variation, size, buttonLabel: providedButtonLabel, allowMultiple, allowedTypes, description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }: InputFileProps): React.JSX.Element;
+export declare function InputFile({ variation, size, name, buttonLabel: providedButtonLabel, allowMultiple, allowedTypes, description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }: InputFileProps): React.JSX.Element;
 export declare namespace InputFile {
     var Button: typeof InputFileButton;
     var Description: typeof InputFileDescription;

package/dist/InputFile-cjs.js

@@ -1538,7 +1538,7 @@ function InputFileValidationErrors({ validationErrors, }) {
 }
 
 /* eslint-disable max-statements */
-function InputFile({ variation = "dropzone", size = "base", buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }) {
+function InputFile({ variation = "dropzone", size = "base", name, buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }) {
     const maxFiles = (maxFilesValidation === null || maxFilesValidation === void 0 ? void 0 : maxFilesValidation.maxFiles) || 0;
     const numberOfCurrentFiles = (maxFilesValidation === null || maxFilesValidation === void 0 ? void 0 : maxFilesValidation.numberOfCurrentFiles) || 0;
     const handleValidation = React.useCallback((file) => {
@@ -1635,7 +1635,7 @@ function InputFile({ variation = "dropzone", size = "base", buttonLabel: provide
         variation === "button" && React.createElement(InputFile.Button, { fullWidth: true })));
     return (React.createElement(React.Fragment, null,
         React.createElement("div", Object.assign({}, getRootProps({ className: dropZone }), { tabIndex: variation === "button" ? -1 : 0 }),
-            React.createElement("input", Object.assign({}, getInputProps(), { "data-testid": "input-file-input" })),
+            React.createElement("input", Object.assign({}, getInputProps(), { "data-testid": "input-file-input", name: name })),
             React.createElement(InputFileContentContext.Provider, { value: contentContext }, children || defaultContent)),
         React.createElement(InputFileValidationErrors, { validationErrors: validationErrors })));
     function handleDrop(acceptedFiles) {

package/dist/InputFile-es.js

@@ -1536,7 +1536,7 @@ function InputFileValidationErrors({ validationErrors, }) {
 }
 
 /* eslint-disable max-statements */
-function InputFile({ variation = "dropzone", size = "base", buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }) {
+function InputFile({ variation = "dropzone", size = "base", name, buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }) {
     const maxFiles = (maxFilesValidation === null || maxFilesValidation === void 0 ? void 0 : maxFilesValidation.maxFiles) || 0;
     const numberOfCurrentFiles = (maxFilesValidation === null || maxFilesValidation === void 0 ? void 0 : maxFilesValidation.numberOfCurrentFiles) || 0;
     const handleValidation = useCallback((file) => {
@@ -1633,7 +1633,7 @@ function InputFile({ variation = "dropzone", size = "base", buttonLabel: provide
         variation === "button" && React__default.createElement(InputFile.Button, { fullWidth: true })));
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", Object.assign({}, getRootProps({ className: dropZone }), { tabIndex: variation === "button" ? -1 : 0 }),
-            React__default.createElement("input", Object.assign({}, getInputProps(), { "data-testid": "input-file-input" })),
+            React__default.createElement("input", Object.assign({}, getInputProps(), { "data-testid": "input-file-input", name: name })),
             React__default.createElement(InputFileContentContext.Provider, { value: contentContext }, children || defaultContent)),
         React__default.createElement(InputFileValidationErrors, { validationErrors: validationErrors })));
     function handleDrop(acceptedFiles) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.92.0",
+  "version": "6.93.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -541,5 +541,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "a623e4d884e7089cce658fd1e7948923ee8553f5"
+  "gitHead": "d480a80ad2846af668deb353e70c9604b1343e0b"
 }