@linzjs/lui 12.1.1 → 12.1.2

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [12.1.2](https://github.com/linz/lui/compare/v12.1.1...v12.1.2) (2022-01-17)
+
+
+### Bug Fixes
+
+* FileInputBox not updating on error ([#498](https://github.com/linz/lui/issues/498)) ([7efa723](https://github.com/linz/lui/commit/7efa723f42cc15ceacb5f432d3d048f4447553f2))
+
 ## [12.1.1](https://github.com/linz/lui/compare/v12.1.0...v12.1.1) (2022-01-17)
 
 

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

@@ -1,4 +1,4 @@
-export interface Props {
+export interface LuiFileInputBoxProps {
     fileDescription: string;
     acceptedExtensions: string[];
     fileFormatText?: string;
@@ -8,7 +8,7 @@ export interface Props {
     width?: number;
     height?: number;
 }
-export declare const LuiFileInputBox: (props: Props) => JSX.Element;
+export declare const LuiFileInputBox: (props: LuiFileInputBoxProps) => JSX.Element;
 export interface FileUploadInfoProps {
     fileName: string | undefined;
     fileDescription: string;
@@ -18,8 +18,8 @@ export declare const FileUploadInfo: (props: FileUploadInfoProps) => JSX.Element
 /**
  * Get the extension from a filename in upper-case.
  *
- * @param fileName File-name to get extension from.
- * @return fileName extension in upper-case if found else empty string.
+ * @param fileName File-name to get extension from
+ * @return fileName extension in upper-case if found else empty string
  */
 export declare const getFileNameExtension: (fileName: string) => string;
 /**

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

@@ -1,6 +1,6 @@
 import { ComponentStory } from '@storybook/react';
 import { FileUploadInfo, LuiFileInputBox } from './LuiFileInputBox';
-declare const _default: import("@storybook/react").Meta<import("./LuiFileInputBox").Props>;
+declare const _default: import("@storybook/react").Meta<import("./LuiFileInputBox").LuiFileInputBoxProps>;
 export default _default;
 export declare const LuiFileInputWithExtensionFilterDefaultSize: ComponentStory<typeof LuiFileInputBox>;
 export declare const LuiFileInputWithExtensionFilterLargeWithExistingError: ComponentStory<typeof LuiFileInputBox>;

package/dist/lui.cjs.development.js

@@ -1066,20 +1066,6 @@ var LuiFileInputBox = function LuiFileInputBox(props) {
     }
   };
 
-  var FileFormatErrorDetails = function FileFormatErrorDetails() {
-    return React__default.createElement("div", {
-      className: "LuiFileInputBox-upload-container"
-    }, React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-      className: 'LuiFileInputBox-upload-icon-error'
-    }, React__default.createElement(LuiIcon, {
-      name: "ic_error_outline",
-      size: 'ns',
-      alt: "Error"
-    })), props.customFileErrorMessage ? React__default.createElement("p", null, props.customFileErrorMessage) : React__default.createElement("p", {
-      className: "LuiFileInputBox-upload-text"
-    }, "You must select a file with extension of", ' ', extensionsAsHumanReadableList(props.acceptedExtensions), ".")));
-  };
-
   var hasError = hasFileFormatError || props.showMustSelectFileError === true;
   return React__default.createElement("div", {
     className: clsx('LuiFileInputBox-upload', hasError && 'LuiFileInputBox-upload-error'),
@@ -1096,7 +1082,17 @@ var LuiFileInputBox = function LuiFileInputBox(props) {
       return "." + extension;
     }).join(','),
     onChange: onChange
-  }), React__default.createElement(React__default.Fragment, null, hasError ? React__default.createElement(FileFormatErrorDetails, null) : React__default.createElement(FileUploadInfo, {
+  }), React__default.createElement(React__default.Fragment, null, hasError ? React__default.createElement("div", {
+    className: "LuiFileInputBox-upload-container"
+  }, React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: 'LuiFileInputBox-upload-icon-error'
+  }, React__default.createElement(LuiIcon, {
+    name: "ic_error_outline",
+    size: 'ns',
+    alt: "Error"
+  })), props.customFileErrorMessage ? React__default.createElement("p", null, props.customFileErrorMessage) : React__default.createElement("p", {
+    className: "LuiFileInputBox-upload-text"
+  }, "You must select a file with extension of", ' ', extensionsAsHumanReadableList(props.acceptedExtensions), "."))) : React__default.createElement(FileUploadInfo, {
     fileName: file == null ? void 0 : file.name,
     fileFormatText: props.fileFormatText,
     fileDescription: props.fileDescription
@@ -1141,8 +1137,8 @@ var FileUploadInfo = function FileUploadInfo(props) {
 /**
  * Get the extension from a filename in upper-case.
  *
- * @param fileName File-name to get extension from.
- * @return fileName extension in upper-case if found else empty string.
+ * @param fileName File-name to get extension from
+ * @return fileName extension in upper-case if found else empty string
  */
 
 var getFileNameExtension = function getFileNameExtension(fileName) {