@linzjs/lui 16.2.3 → 16.2.6

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [16.2.6](https://github.com/linz/lui/compare/v16.2.5...v16.2.6) (2022-03-31)
+
+
+### Bug Fixes
+
+* Remove GlobalHeader from Lui ([#644](https://github.com/linz/lui/issues/644)) ([8385cc4](https://github.com/linz/lui/commit/8385cc4fb315f1a6b22b5d500917a9be559eda02))
+
+## [16.2.5](https://github.com/linz/lui/compare/v16.2.4...v16.2.5) (2022-03-31)
+
+
+### Bug Fixes
+
+* updating to accept classname (also convert from FC) ([#640](https://github.com/linz/lui/issues/640)) ([9b4aa50](https://github.com/linz/lui/commit/9b4aa50ba2aca8f1aca049f23c0566d881e6c2a0))
+
+## [16.2.4](https://github.com/linz/lui/compare/v16.2.3...v16.2.4) (2022-03-29)
+
+
+### Bug Fixes
+
+* wrong type for mandatory ([#639](https://github.com/linz/lui/issues/639)) ([f6fdffa](https://github.com/linz/lui/commit/f6fdffa936345fe701e32e709dc9e185290997d7))
+
 ## [16.2.3](https://github.com/linz/lui/compare/v16.2.2...v16.2.3) (2022-03-28)
 
 

package/dist/assets/icons/search.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14Zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14Z" /></svg>

package/dist/assets/svg-content.tsx

@@ -587,6 +587,12 @@ iconMap['ic_saved_area_interest'] = (
   </svg>
 );
 
+iconMap['ic_search'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14Zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14Z" />
+  </svg>
+);
+
 iconMap['ic_send'] = (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path d="M1.5 21v-6.984L16.5 12l-15-2.016V3l21 9z" />

package/dist/components/LuiBanner/LuiBanner.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-declare type Props = {
+declare type ILuiBanner = {
     level: 'success' | 'info' | 'warning' | 'error';
     children: ReactNode;
     className?: string;
 };
 export declare function getMaterialIconForLevel(level: 'success' | 'info' | 'warning' | 'error'): "info" | "warning" | "error" | "check_circle";
-export declare const LuiBanner: (props: Props) => JSX.Element;
-export declare const LuiBannerContent: (props: Props) => JSX.Element;
+export declare const LuiBanner: (props: ILuiBanner) => JSX.Element;
+export declare const LuiBannerContent: (props: ILuiBanner) => JSX.Element;
 export {};

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

@@ -8,6 +8,6 @@ export interface LuiCheckboxProps {
     error?: string;
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     className?: string;
-    mandatory?: string;
+    mandatory?: boolean;
 }
 export declare const LuiCheckboxInput: (props: LuiCheckboxProps) => JSX.Element;

package/dist/components/LuiStaticMessage/LuiStaticMessage.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-export declare const LuiStaticMessage: React.FC<{
+export interface ILuiStaticMessage {
     level: 'success' | 'info' | 'warning' | 'error';
     closable?: boolean;
-}>;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const LuiStaticMessage: (props: ILuiStaticMessage) => JSX.Element;

package/dist/index.js

@@ -348,6 +348,8 @@ iconMap['ic_save_download'] = (React__default["default"].createElement("svg", {
     React__default["default"].createElement("path", { d: "M19 13v5c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1v-5c0-.55-.45-1-1-1s-1 .45-1 1v6c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1Zm-6-.33 1.88-1.88a.996.996 0 1 1 1.41 1.41l-3.59 3.59a.996.996 0 0 1-1.41 0L7.7 12.2a.996.996 0 1 1 1.41-1.41L11 12.67V4c0-.55.45-1 1-1s1 .45 1 1v8.67Z" })));
 iconMap['ic_saved_area_interest'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M5 14H3v4c0 1.1.9 2 2 2h4v-2H5v-4Zm0-8h4V4H5c-1.1 0-2 .9-2 2v4h2V6Zm14-2h-4v2h4v4h2V6c0-1.1-.9-2-2-2Zm0 14h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4Zm-5.027-2.36-1.94-1.13-1.94 1.13a.502.502 0 0 1-.74-.55l.51-2.2-1.69-1.46c-.33-.29-.16-.84.28-.88l2.23-.19.88-2.06c.17-.4.75-.4.92 0l.88 2.06 2.23.19a.5.5 0 0 1 .28.88l-1.69 1.46.51 2.2a.49.49 0 0 1-.72.55Z" })));
+iconMap['ic_search'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14Zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14Z" })));
 iconMap['ic_send'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default["default"].createElement("path", { d: "M1.5 21v-6.984L16.5 12l-15-2.016V3l21 9z" })));
 iconMap['ic_send_email_dart'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -457,13 +459,13 @@ var LuiBannerContent = function (props) {
 var LuiStaticMessage = function (props) {
     var _a = React.useState(true), display = _a[0], setDisplay = _a[1];
     var materialIcon = getMaterialIconForLevel(props.level);
-    return display ? (React__default["default"].createElement("div", { className: "lui-msg-" + props.level, "data-testid": 'static-message-container' },
+    return display ? (React__default["default"].createElement("div", { className: clsx("lui-msg-" + props.level, props.className), "data-testid": 'static-message-container' },
         React__default["default"].createElement(LuiIcon, { name: "ic_" + materialIcon, alt: props.level + " static icon", size: "lg", className: "lui-msg-status-icon" }),
         props.children,
         (props.closable === undefined || props.closable) && (React__default["default"].createElement("button", { "aria-label": "Close dialog", onClick: function () {
                 setDisplay(false);
             } },
-            React__default["default"].createElement(LuiIcon, { name: "ic_clear", alt: 'close', size: "md", className: "LuiStaticMsg-close" }))))) : null;
+            React__default["default"].createElement(LuiIcon, { name: "ic_clear", alt: 'close', size: "md", className: "LuiStaticMsg-close" }))))) : (React__default["default"].createElement(React__default["default"].Fragment, null));
 };
 
 var PlainButton = React__default["default"].forwardRef(function (props, ref) {
@@ -890,7 +892,7 @@ var LuiCheckboxInput = function (props) {
             'LuiCheckboxInput--isDisabled': !!props.isDisabled,
         }, props.className) },
         React__default["default"].createElement("label", { htmlFor: id, className: "LuiCheckboxInput-group" },
-            props.mandatory && (React__default["default"].createElement("span", { className: "LuiCheckboxInput-mandatory" }, "*")),
+            props.mandatory && (React__default["default"].createElement("span", { "aria-label": "Required", className: "LuiCheckboxInput-mandatory" }, "*")),
             React__default["default"].createElement("input", __assign({ className: clsx('LuiCheckboxInput-input'), id: id, type: "checkbox", value: props.value, onChange: props.onChange, checked: props.isChecked, disabled: props.isDisabled }, props.inputProps)),
             React__default["default"].createElement("span", { className: "LuiCheckboxInput-label" },
                 props.label,