@linzjs/lui 21.1.1 → 21.3.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [21.3.0](https://github.com/linz/lui/compare/v21.2.0...v21.3.0) (2023-10-24)
+
+
+### Features
+
+* **LuiFileInputBox:** Add optional prop for overriding 'upload file manually' button text ([#1028](https://github.com/linz/lui/issues/1028)) ([69e6a83](https://github.com/linz/lui/commit/69e6a836272f28ed856abef5eaeac9b98938f5b4))
+
+# [21.2.0](https://github.com/linz/lui/compare/v21.1.1...v21.2.0) (2023-10-20)
+
+
+### Features
+
+* **LuiFileInputBox:** Allow specifying strings for width and height props ([#1027](https://github.com/linz/lui/issues/1027)) ([f0eb7f0](https://github.com/linz/lui/commit/f0eb7f0fcbac3c1dc066c4132c76ba000b957ec4))
+
 ## [21.1.1](https://github.com/linz/lui/compare/v21.1.0...v21.1.1) (2023-10-13)
 
 

package/dist/components/LuiFormElements/LuiFileInputBox/LuiFileInputBox.d.ts

@@ -3,17 +3,19 @@ export interface LuiFileInputBoxProps {
     fileDescription: string;
     acceptedExtensions: string[];
     fileFormatText?: string;
+    openFileBrowserText?: string;
     onValidFileSelected: (file: File) => void;
     showMustSelectFileError?: boolean;
     customFileErrorMessage?: string;
-    width?: number;
-    height?: number;
+    width?: number | string;
+    height?: number | string;
 }
 export declare const LuiFileInputBox: (props: LuiFileInputBoxProps) => JSX.Element;
 export interface FileUploadInfoProps {
     fileName: string | undefined;
     fileDescription: string;
     fileFormatText: string | undefined;
+    openFileBrowserText: string | undefined;
 }
 export declare const FileUploadInfo: (props: FileUploadInfoProps) => JSX.Element;
 /**

package/dist/index.js

@@ -28329,16 +28329,21 @@ var LuiFileInputBox = function (props) {
                     "You must select a file with extension of",
                     ' ',
                     extensionsAsHumanReadableList(props.acceptedExtensions),
-                    "."))))) : (React__default["default"].createElement(FileUploadInfo, { fileName: file === null || file === void 0 ? void 0 : file.name, fileFormatText: props.fileFormatText, fileDescription: props.fileDescription })))));
+                    "."))))) : (React__default["default"].createElement(FileUploadInfo, { fileName: file === null || file === void 0 ? void 0 : file.name, fileFormatText: props.fileFormatText, fileDescription: props.fileDescription, openFileBrowserText: props.openFileBrowserText })))));
 };
 // Only exported for chromatic
 var FileUploadInfo = function (props) {
-    var DragAndDropInstruction = function () { return (React__default["default"].createElement("p", { className: "LuiFileInputBox-upload-text" },
-        "Drag and drop your ",
-        props.fileDescription,
-        " into the box",
-        React__default["default"].createElement("br", null),
-        React__default["default"].createElement("span", null, "(or upload file manually)"))); };
+    var DragAndDropInstruction = function () {
+        var _a;
+        return (React__default["default"].createElement("p", { className: "LuiFileInputBox-upload-text" },
+            "Drag and drop your ",
+            props.fileDescription,
+            " into the box",
+            React__default["default"].createElement("br", null),
+            React__default["default"].createElement("span", null,
+                "(", (_a = props.openFileBrowserText) !== null && _a !== void 0 ? _a : 'or upload file manually',
+                ")")));
+    };
     var WaitingForFileSelection = function () { return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", { className: 'LuiFileInputBox-upload-icon-upload' },
             React__default["default"].createElement(LuiIcon, { name: "ic_publish", size: 'ns', alt: "Upload" })),