@linzjs/lui 12.1.0 → 12.1.4

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [12.1.4](https://github.com/linz/lui/compare/v12.1.3...v12.1.4) (2022-01-20)
+
+
+### Bug Fixes
+
+* **LuiTextAreaInput:** Fixed Error Styling for when the component ([#528](https://github.com/linz/lui/issues/528)) ([b790b7e](https://github.com/linz/lui/commit/b790b7e60d9bde93de6000476e84f82c7a4d2e08))
+
+## [12.1.3](https://github.com/linz/lui/compare/v12.1.2...v12.1.3) (2022-01-18)
+
+
+### Bug Fixes
+
+* LuiTextInput mandatory star style ([#526](https://github.com/linz/lui/issues/526)) ([7cabbd0](https://github.com/linz/lui/commit/7cabbd0537b194d2a8884ea601da8918a10d7111))
+
+## [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)
+
+
+### Bug Fixes
+
+* Fix for importing svg path breaking downstream projects ([#523](https://github.com/linz/lui/issues/523)) ([6c1e84c](https://github.com/linz/lui/commit/6c1e84c2e28561ee56a442f7adb567de45e81206))
+
 # [12.1.0](https://github.com/linz/lui/compare/v12.0.1...v12.1.0) (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/components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.stories.d.ts

@@ -28,3 +28,7 @@ export declare const Mandatory: {
     (): JSX.Element;
     storyName: string;
 };
+export declare const ErrorWithNonTransparentBackground: {
+    (): JSX.Element;
+    storyName: string;
+};

package/dist/components/LuiTooltip/LuiTooltip.stories.d.ts

@@ -8,4 +8,3 @@ declare const _default: {
 };
 export default _default;
 export declare const TooltipTopBottom: Story<{}>;
-export declare const TooltipLeftRight: Story<{}>;

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) {