@linzjs/lui 17.10.1 → 17.10.2

package/dist/lui.esm.js

@@ -7,46 +7,7 @@ import require$$1, { createPortal } from 'react-dom';
 import lottie from 'lottie-web/build/player/lottie_light';
 import { useQuery } from 'react-query';
 
-function toVal(mix) {
-	var k, y, str='';
-
-	if (typeof mix === 'string' || typeof mix === 'number') {
-		str += mix;
-	} else if (typeof mix === 'object') {
-		if (Array.isArray(mix)) {
-			for (k=0; k < mix.length; k++) {
-				if (mix[k]) {
-					if (y = toVal(mix[k])) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else {
-			for (k in mix) {
-				if (mix[k]) {
-					str && (str += ' ');
-					str += k;
-				}
-			}
-		}
-	}
-
-	return str;
-}
-
-function clsx () {
-	var i=0, tmp, x, str='';
-	while (i < arguments.length) {
-		if (tmp = arguments[i++]) {
-			if (x = toVal(tmp)) {
-				str && (str += ' ');
-				str += x;
-			}
-		}
-	}
-	return str;
-}
+function r$2(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r$2(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r$2(e))&&(n&&(n+=" "),n+=t);return n}
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -157,15 +118,6 @@ function __read(o, n) {
     return ar;
 }
 
-/** @deprecated */
-function __spreadArrays() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-}
-
 function __spreadArray(to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -484,7 +436,7 @@ var ICON_SIZES = {
     md: 'LuiIcon--md',
     lg: 'LuiIcon--lg',
     xl: 'LuiIcon--xl',
-    ns: 'LuiIcon--noSize',
+    ns: 'LuiIcon--noSize'
 };
 var ICON_STATUS = {
     none: '',
@@ -492,13 +444,13 @@ var ICON_STATUS = {
     warning: 'LuiIcon--warning',
     success: 'LuiIcon--success',
     interactive: 'LuiIcon--interactive',
-    disabled: 'LuiIcon--disabled',
+    disabled: 'LuiIcon--disabled'
 };
 var LuiIcon = function (_a) {
     var name = _a.name, className = _a.className, _b = _a.size, size = _b === void 0 ? 'ns' : _b, title = _a.title, alt = _a.alt, _c = _a.status, status = _c === void 0 ? 'none' : _c, spanProps = _a.spanProps;
     var iconSVG = ICONS[name];
     if (!iconSVG) {
-        console.warn("<LuiIcon>: No icon found for: " + iconSVG);
+        console.warn("<LuiIcon>: No icon found for: ".concat(iconSVG));
         return null;
     }
     return (React.createElement("span", __assign({ className: clsx('LuiIcon', className, size && ICON_SIZES[size], status && ICON_STATUS[status]), "data-icon": name, title: title, "aria-label": alt }, spanProps), iconSVG));
@@ -517,21 +469,21 @@ function getMaterialIconForLevel(level) {
     }
 }
 var LuiBanner = function (props) {
-    return (React__default.createElement("div", { className: clsx('lui-msg-banner-container', props.className ? props.className + "-bannerContainer" : '') },
+    return (React__default.createElement("div", { className: clsx('lui-msg-banner-container', props.className ? "".concat(props.className, "-bannerContainer") : '') },
         React__default.createElement(LuiBannerContent, { level: props.level, className: props.className }, props.children)));
 };
 var LuiBannerContent = function (props) {
     var materialIcon = getMaterialIconForLevel(props.level);
-    return (React__default.createElement("div", { className: clsx("lui-msg-" + props.level + " lui-msg-dynamic-banner", props.className) },
-        React__default.createElement(LuiIcon, { name: "ic_" + materialIcon, alt: props.level + " banner icon", size: "lg", className: "lui-msg-status-icon" }),
+    return (React__default.createElement("div", { className: clsx("lui-msg-".concat(props.level, " lui-msg-dynamic-banner"), props.className) },
+        React__default.createElement(LuiIcon, { name: "ic_".concat(materialIcon), alt: "".concat(props.level, " banner icon"), size: "lg", className: "lui-msg-status-icon" }),
         React__default.createElement("div", null, props.children)));
 };
 
 var LuiStaticMessage = function (props) {
     var _a = useState(true), display = _a[0], setDisplay = _a[1];
     var materialIcon = getMaterialIconForLevel(props.level);
-    return display ? (React__default.createElement("div", { className: clsx("lui-msg-" + props.level, props.className), "data-testid": 'static-message-container' },
-        React__default.createElement(LuiIcon, { name: "ic_" + materialIcon, alt: props.level + " static icon", size: "lg", className: "lui-msg-status-icon" }),
+    return display ? (React__default.createElement("div", { className: clsx("lui-msg-".concat(props.level), props.className), "data-testid": 'static-message-container' },
+        React__default.createElement(LuiIcon, { name: "ic_".concat(materialIcon), alt: "".concat(props.level, " static icon"), size: "lg", className: "lui-msg-status-icon" }),
         props.children,
         (props.closable === undefined || props.closable) && (React__default.createElement("button", { "aria-label": "Close dialog", onClick: function () {
                 setDisplay(false);
@@ -540,7 +492,7 @@ var LuiStaticMessage = function (props) {
 };
 
 var PlainButton = React__default.forwardRef(function (props, ref) {
-    return (React__default.createElement("button", __assign({}, props.buttonProps, { type: props.type, title: props.title, disabled: props.disabled, name: props.name, onClick: props.onClick, className: clsx('lui-button', "lui-button-" + props.level, "lui-button-" + props.size, props.className), "data-testid": props['data-testid'], style: props.style, ref: ref }), props.children));
+    return (React__default.createElement("button", __assign({}, props.buttonProps, { type: props.type, title: props.title, disabled: props.disabled, name: props.name, onClick: props.onClick, className: clsx('lui-button', "lui-button-".concat(props.level), "lui-button-".concat(props.size), props.className), "data-testid": props['data-testid'], style: props.style, ref: ref }), props.children));
 });
 var LuiButton = React__default.forwardRef(function (props, ref) {
     var _level = props.level ? props.level : 'primary';
@@ -551,8 +503,8 @@ var LuiButton = React__default.forwardRef(function (props, ref) {
             'data-testid': props['data-testid'],
             name: props.name,
             title: props.title,
-            className: clsx('lui-button', "lui-button-" + props.level, "lui-button-" + props.size, props.className),
-            style: props.style,
+            className: clsx('lui-button', "lui-button-".concat(props.level), "lui-button-".concat(props.size), props.className),
+            style: props.style
         };
         if (props.openInNewTab) {
             aProps.target = '_blank';
@@ -609,7 +561,7 @@ var LuiToastMessage = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [display]);
-    return (React__default.createElement("div", { role: "status", "data-testid": className, className: "lui-msg-" + level + " lui-msg-toast lui-msg-toast-dismissable " + className },
+    return (React__default.createElement("div", { role: "status", "data-testid": className, className: "lui-msg-".concat(level, " lui-msg-toast lui-msg-toast-dismissable ").concat(className) },
         React__default.createElement("i", { className: "lui-msg-status-icon material-icons-round" }, materialIcon),
         children,
         React__default.createElement("button", { "aria-label": "Close dialog", type: type || 'button', onClick: function () {
@@ -621,7 +573,7 @@ var LuiToastMessage = function (_a) {
 
 var UIMessagingContext = createContext({
     // @ts-ignore
-    showMessage: function (props) { },
+    showMessage: function (props) { }
 });
 function useShowLUIMessage() {
     return useContext(UIMessagingContext).showMessage;
@@ -728,10 +680,10 @@ var LuiSelectMenu = function (_a) {
 };
 var LuiSelectMenuItem = function (_a) {
     var iconName = _a.iconName, iconAlt = _a.iconAlt, level = _a.level, _b = _a.noPadding, noPadding = _b === void 0 ? false : _b, rest = __rest(_a, ["iconName", "iconAlt", "level", "noPadding"]);
-    return (React__default.createElement(MenuItem, __assign({}, rest, { className: clsx('lui-select-menuItem', "lui-select-menuItem--" + (level ? level : 'primary'), rest.className), "data-testid": rest['data-testid'] }),
+    return (React__default.createElement(MenuItem, __assign({}, rest, { className: clsx('lui-select-menuItem', "lui-select-menuItem--".concat(level ? level : 'primary'), rest.className), "data-testid": rest['data-testid'] }),
         iconName ? (React__default.createElement(LuiIcon, { className: "lui-select-icon", name: iconName, alt: iconAlt ? iconAlt : '', size: "md" })) : (''),
         React__default.createElement("p", { className: clsx('lui-select-menuItemText', {
-                'lui-select-menuItemText--noPadding': noPadding,
+                'lui-select-menuItemText--noPadding': noPadding
             }) }, rest.children)));
 };
 var LuiSelectSubMenuItem = function (_a) {
@@ -878,7 +830,7 @@ var LuiFilterMenu = function (props) {
 
 var LuiTabsContext = React__default.createContext({
     activePanel: null,
-    setActivePanel: function () { },
+    setActivePanel: function () { }
 });
 var LuiTabs = function (props) {
     var _a = useState(props.defaultPanel), activePanel = _a[0], setActivePanel = _a[1];
@@ -887,12 +839,12 @@ var LuiTabs = function (props) {
 };
 
 var LuiTab = function (props) {
-    return (React__default.createElement("button", { className: clsx('LuiTab', props.active && 'LuiTab--active'), id: props.id, role: "tab", "aria-selected": props.active, "aria-controls": "" + props.ariaControls, onClick: props.onClick }, props.children));
+    return (React__default.createElement("button", { className: clsx('LuiTab', props.active && 'LuiTab--active'), id: props.id, role: "tab", "aria-selected": props.active, "aria-controls": "".concat(props.ariaControls), title: props.titleAttribute, onClick: props.onClick }, props.children));
 };
 
 // import './LuiTabsGroup.scss';
 var LuiTabsGroup = function (props) {
-    return (React__default.createElement("div", { className: "LuiTabsGroup " + (props.justify ? 'LuiTabsGroup--justified' : ''), role: "tablist", "aria-label": props.ariaLabel }, props.children));
+    return (React__default.createElement("div", { className: "LuiTabsGroup ".concat(props.justify ? 'LuiTabsGroup--justified' : ''), role: "tablist", "aria-label": props.ariaLabel }, props.children));
 };
 
 var LuiTabsPanel = function (_a) {
@@ -905,13 +857,13 @@ var LuiTabsPanel = function (_a) {
             setShouldShow(true);
         }
     }, [active, shouldShow]);
-    return (React__default.createElement("div", { className: clsx('LuiTabsPanel', active && 'LuiTabsPanel--active'), id: panel + "-tab-panel", role: "tabpanel", "aria-labelledby": panel + "-tab" }, shouldShow ? children : null));
+    return (React__default.createElement("div", { className: clsx('LuiTabsPanel', active && 'LuiTabsPanel--active'), id: "".concat(panel, "-tab-panel"), role: "tabpanel", "aria-labelledby": "".concat(panel, "-tab") }, shouldShow ? children : null));
 };
 
 var LuiTabsPanelSwitch = function (props) {
     var context = useContext(LuiTabsContext);
     var active = context.activePanel === props.targetPanel;
-    return (React__default.createElement(LuiTab, { id: props.targetPanel + "-tab", ariaControls: props.targetPanel + "-tab-panel", active: active, onClick: function () {
+    return (React__default.createElement(LuiTab, { id: "".concat(props.targetPanel, "-tab"), ariaControls: "".concat(props.targetPanel, "-tab-panel"), active: active, onClick: function () {
             if (context.setActivePanel)
                 context.setActivePanel(props.targetPanel);
         } }, props.children));
@@ -920,7 +872,7 @@ var LuiTabsPanelSwitch = function (props) {
 function useDeprecatedWarning(componentName) {
     useEffect(function () {
         if (window.location.hostname.includes('localhost')) {
-            console.warn(componentName + " will be deprecated in future versions of Lui. Please see the 'Current Deprecations' page in Lui docs.");
+            console.warn("".concat(componentName, " will be deprecated in future versions of Lui. Please see the 'Current Deprecations' page in Lui docs."));
         }
     }, []);
 }
@@ -930,7 +882,9 @@ function LuiFormikForm(props) {
     // this spreads all keys, except className
     var _a = __assign({}, props); _a.className; var formikProps = __rest(_a, ["className"]);
     var classNames = clsx(props.className);
-    return (React__default.createElement(Formik, __assign({}, formikProps),
+    return (
+    // @ts-ignore not fixing due this component being deprecated
+    React__default.createElement(Formik, __assign({}, formikProps),
         React__default.createElement("div", { className: classNames },
             React__default.createElement(Form, null,
                 props.children,
@@ -942,9 +896,9 @@ styleInject(css_248z$5);
 
 var LuiError = function (_a) {
     var error = _a.error, className = _a.className;
-    return (React__default.createElement("div", { className: "LuiError " + className + "-error" },
-        React__default.createElement(LuiIcon, { className: "LuiError-errorIcon " + className + "-errorIcon", alt: 'Error', name: "ic_error", size: "md", status: "error" }),
-        error && (React__default.createElement("span", { className: "LuiError-errorText " + className + "-errorText" }, error))));
+    return (React__default.createElement("div", { className: "LuiError ".concat(className, "-error") },
+        React__default.createElement(LuiIcon, { className: "LuiError-errorIcon ".concat(className, "-errorIcon"), alt: 'Error', name: "ic_error", size: "md", status: "error" }),
+        error && (React__default.createElement("span", { className: "LuiError-errorText ".concat(className, "-errorText") }, error))));
 };
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
@@ -1048,14 +1002,14 @@ var LuiCheckboxInput = function (props) {
     return (React__default.createElement("div", { className: clsx('LuiCheckboxInput', {
             'LuiCheckboxInput--isChecked': props.isChecked,
             'LuiCheckboxInput--hasError': !!props.error,
-            'LuiCheckboxInput--isDisabled': !!props.isDisabled,
+            'LuiCheckboxInput--isDisabled': !!props.isDisabled
         }, props.className) },
         React__default.createElement("label", { htmlFor: id, className: "LuiCheckboxInput-group" },
             props.mandatory && (React__default.createElement("span", { "aria-label": "Required", className: "LuiCheckboxInput-mandatory" }, "*")),
             React__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.createElement("span", { className: "LuiCheckboxInput-label" },
                 props.label,
-                React__default.createElement(LuiIcon, { name: props.isIndeterminate ? 'ic_zoom_out' : 'ic_check', size: "md", alt: props.isIndeterminate ? 'Indeterminate Check' : 'Check', className: "LuiCheckboxInput-labelCheck" }))),
+                React__default.createElement(LuiIcon, { name: props.isIndeterminate ? 'ic_zoom_out' : 'ic_check', size: "md", alt: props.isIndeterminate ? 'Indeterminate Check' : 'Check', className: "LuiCheckboxInput-labelCheck", title: props.titleAttribute }))),
         props.error && (React__default.createElement(LuiError, { className: "LuiCheckboxInput", error: props.error }))));
 };
 
@@ -1086,7 +1040,7 @@ var LuiFileInputBox = function (props) {
     var hasError = hasFileFormatError || props.showMustSelectFileError === true;
     return (React__default.createElement("div", { className: clsx('LuiFileInputBox-upload', hasError && 'LuiFileInputBox-upload-error'), style: { width: props.width || 320, height: props.height || 320 } },
         React__default.createElement("input", { role: "button", "aria-label": "File Upload", type: "file", className: "LuiFileInputBox-upload-input", accept: props.acceptedExtensions
-                .map(function (extension) { return "." + extension; })
+                .map(function (extension) { return ".".concat(extension); })
                 .join(','), onChange: onChange }),
         React__default.createElement(React__default.Fragment, null, hasError ? (React__default.createElement("div", { className: "LuiFileInputBox-upload-container" },
             React__default.createElement(React__default.Fragment, null,
@@ -1143,7 +1097,7 @@ var extensionsAsHumanReadableList = function (extensions) {
         return '';
     if (extensions.length === 1)
         return uppercaseExtensions[0];
-    return uppercaseExtensions.slice(0, -1).join(', ') + " or " + uppercaseExtensions[extensions.length - 1];
+    return "".concat(uppercaseExtensions.slice(0, -1).join(', '), " or ").concat(uppercaseExtensions[extensions.length - 1]);
 };
 
 var LuiSelectInput = function (props) {
@@ -1184,17 +1138,17 @@ var LuiRadioInput = function (props) {
     var id = useGenerateOrDefaultId((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.id);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: clsx('LuiRadioInput', {
-                'LuiRadioInput--hasError': props.error,
+                'LuiRadioInput--hasError': props.error
             }) },
             React__default.createElement("fieldset", { className: 'LuiRadioInput-fieldset' },
                 props.legend && (React__default.createElement("legend", { className: "LuiRadioInput-legend" }, props.legend)),
                 props.options.map(function (option, index) {
-                    var radioId = id + "-" + index;
+                    var radioId = "".concat(id, "-").concat(index);
                     var isSelected = props.selectedValue === option;
                     var isDisabled = props.isOptionDisabled && props.isOptionDisabled(index);
                     return (React__default.createElement("label", { htmlFor: radioId, className: clsx('LuiRadioInput-label', {
                             'LuiRadioInput-label--isDisabled': isDisabled,
-                            'LuiRadioInput-label--isSelected': isSelected,
+                            'LuiRadioInput-label--isSelected': isSelected
                         }), key: radioId },
                         React__default.createElement("input", __assign({ disabled: isDisabled, className: "LuiRadioInput-input", type: "radio", id: radioId, name: option, value: option, checked: isSelected, onChange: props.onChange }, props.inputProps)),
                         props.renderLabelFor ? props.renderLabelFor(option) : option));
@@ -1222,7 +1176,7 @@ function LuiFormikCheckbox(props) {
 
 var LuiFormikFormLabel = function (props) {
     useDeprecatedWarning('LuiFormikFormLabel');
-    return (React__default.createElement("div", { className: clsx('LuiFormLabel-wrapper', props.className && "" + props.className) },
+    return (React__default.createElement("div", { className: clsx('LuiFormLabel-wrapper', props.className && "".concat(props.className)) },
         props.children,
         React__default.createElement("label", { className: "LuiFormLabel", htmlFor: props["for"] },
             props.required && React__default.createElement("span", { className: "lui-required-input-icon" }, "*"),
@@ -1243,7 +1197,7 @@ var LuiFormikTextInput = connect(function (props) {
                 if (props.onValueChange) {
                     props.onValueChange({
                         value: event.target.value,
-                        formik: props.formik,
+                        formik: props.formik
                     });
                 }
             } }))) : (React__default.createElement("textarea", __assign({ id: props.name, "data-testid": props.name }, field, { rows: 1 }, props.inputProps, { onChange: function (event) {
@@ -1252,12 +1206,12 @@ var LuiFormikTextInput = connect(function (props) {
                 if (props.onValueChange) {
                     props.onValueChange({
                         value: event.target.value,
-                        formik: props.formik,
+                        formik: props.formik
                     });
                 }
             } })));
     };
-    return (React__default.createElement("div", { className: clsx(props.className && "" + props.className) },
+    return (React__default.createElement("div", { className: clsx(props.className && "".concat(props.className)) },
         props.label && (React__default.createElement(LuiFormikFormLabel, { required: props.required, label: props.label, "for": props.name, tooltip: props.tooltip })),
         props.helperInfo,
         React__default.createElement(Field, { name: props.name, validate: props.validate }, function (_a) {
@@ -1466,7 +1420,7 @@ var LuiBearingInput = function (props) {
             remainder += '0';
         }
         var minutes = parseInt(remainder.substr(0, 2));
-        var seconds = parseFloat(remainder.substr(2, 2) + "." + (remainder.length > 4 ? remainder.substr(4, 2) : '0'));
+        var seconds = parseFloat("".concat(remainder.substr(2, 2), ".").concat(remainder.length > 4 ? remainder.substr(4, 2) : '0'));
         return { sign: sign, degrees: degrees, minutes: minutes, seconds: seconds };
     };
     var validateBearing = function (bearing) {
@@ -1484,13 +1438,13 @@ var LuiBearingInput = function (props) {
     var formatBearing = function (decimalIsh) {
         var _a = parseBearing(decimalIsh), sign = _a.sign, degrees = _a.degrees, minutes = _a.minutes, seconds = _a.seconds;
         var displaySign = degrees === 0 && minutes === 0 && seconds === 0 ? '' : sign;
-        return displaySign + " " + degrees + "\u00B0 " + padToTwo(minutes) + "' " + padToTwo(seconds) + "\"";
+        return "".concat(displaySign, " ").concat(degrees, "\u00B0 ").concat(padToTwo(minutes), "' ").concat(padToTwo(seconds), "\"");
     };
     var onChange = function (event) {
         var newValue = event.target.value;
         if (newValue === '' ||
             newValue === '-' ||
-            newValue.match(RegExp("^-?[0-9]+(\\.[0-9]{0," + maxAfterDP + "})?$"))) {
+            newValue.match(RegExp("^-?[0-9]+(\\.[0-9]{0,".concat(maxAfterDP, "})?$")))) {
             props.onChange && props.onChange(event);
         }
         else {
@@ -25040,7 +24994,7 @@ var LuiLottieLight = function (_a) {
                 container: element.current,
                 rendererSettings: rendererSettings,
                 autoplay: autoplay,
-                loop: loop,
+                loop: loop
             });
         }
         return function () {
@@ -25055,7 +25009,7 @@ var LuiLottieLight = function (_a) {
 var autoplay = !isChromatic();
 var style = { height: 148, width: 148 };
 var renderSettings = {
-    preserveAspectRatio: 'xMidYMid slice',
+    preserveAspectRatio: 'xMidYMid slice'
 };
 var LuiLoadingSpinnerBase = function (props) {
     return (React__default.createElement("div", { style: {
@@ -25064,7 +25018,7 @@ var LuiLoadingSpinnerBase = function (props) {
             left: '50%',
             zIndex: 1000,
             marginLeft: '-74px',
-            marginTop: '-74px',
+            marginTop: '-74px'
         }, "data-testid": "loading-spinner" },
         React__default.createElement(LuiLottieLight, { animationData: props.animationData, loop: true, autoplay: autoplay, rendererSettings: renderSettings, style: style })));
 };
@@ -25079,17 +25033,17 @@ var LuiStatusSpinner = function (props) {
                 top: '50%',
                 left: '50%',
                 marginLeft: '-150px',
-                marginTop: '74px',
+                marginTop: '74px'
             } },
             React__default.createElement("div", { style: {
                     textAlign: 'center',
-                    width: '300px',
+                    width: '300px'
                 } }, props.children))));
 };
 var LuiMiniSpinner = function (props) {
     return (React__default.createElement("div", __assign({}, props.divProps),
         React__default.createElement(LuiLottieLight, { animationData: loaderData, loop: true, autoplay: autoplay, rendererSettings: {
-                preserveAspectRatio: 'xMidYMid slice',
+                preserveAspectRatio: 'xMidYMid slice'
             }, style: { height: props.size, width: props.size } })));
 };
 var LuiLoadingSpinner = function () {
@@ -25103,7 +25057,8 @@ var LuiLoadingSpinnerChristmas = function () {
 };
 // this function was extracted from chromatic/isChromatic. It was causing TS issues for the consumer
 function isChromatic() {
-    return !!((window === null || window === void 0 ? void 0 : window.navigator.userAgent.match(/Chromatic/)) || (window === null || window === void 0 ? void 0 : window.location.href.match(/chromatic=true/)));
+    return !!((window === null || window === void 0 ? void 0 : window.navigator.userAgent.match(/Chromatic/)) ||
+        (window === null || window === void 0 ? void 0 : window.location.href.match(/chromatic=true/)));
 }
 
 var css_248z$4 = ":export {\n  charcoal: #2a292c;\n  fuscous: #6b6966;\n  gray: #989189;\n  silver: #beb9b4;\n  lily: #eaeaea;\n  hint: #f9f9f9;\n  snow: #ffffff;\n  white: #ffffff;\n  teal: #00425d;\n  sea: #007198;\n  electric: #0096cc;\n  spray: #73c8e1;\n  polar: #e2f3f7;\n  sherpa: #004b50;\n  surfie: #017a76;\n  persian: #00a599;\n  downy: #73cdc8;\n  iceberg: #dcf5f0;\n  sacramento: #004e32;\n  salem: #08814d;\n  pigment: #0aa245;\n  granny: #9bd79b;\n  panache: #e9fae7;\n  brand-primary: #004b50;\n  brand-secondary: #017a76;\n  error: #cc0000;\n  error-bg: #f5cccc;\n  error-focus: #5a0000;\n  warning: #ea6a2e;\n  warning-bg: #fbdfd2;\n  warning-focus: #b33a01;\n  success: #0aa245;\n  success-bg: #e9fae7;\n  info: #3a7cdf;\n  info-bg: #d8e5f9;\n  visited: #00425d;\n  green-hover: #107c3a;\n  green-active: #094a22;\n  green-btn: #0aa245;\n  txt-link: #0096cc;\n  primary-hover-btn: #005678;\n  selection: #c7e9f3;\n  heading-color: #017a76;\n  heading-color--secondary: #2a292c;\n  base-type-color: #2a292c;\n  input-text: #2a292c;\n  input-placeholder: #6b6966;\n  input-placeholder-when-disabled: #989189;\n  base-icon-color: #007198;\n  disabled-color: #989189;\n  disabled-color-dark: #6b6966;\n  linz-color-primary: #023d48;\n  linz-color-primary-hover: #01818a;\n  linz-color-tertiary: #e1e44a;\n  linz-color-tertiary-hover: #cdcf59;\n  color-test-pink: #f09;\n  linz-linear-gradient-blue: linear-gradient(70deg, #00425d 12%, #007198 100%);\n  linz-linear-gradient-teal: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);\n}";
@@ -25221,8 +25176,8 @@ var LuiLoadingIndicator = function () { return React__default.createElement(LuiM
 function LuiComboSelectActual(givenProps, ref) {
     var props = Object.assign({
         noOptionsMessage: function (i) {
-            return "No options found containing '" + i.inputValue + "'";
-        },
+            return "No options found containing '".concat(i.inputValue, "'");
+        }
     }, givenProps);
     props.components = __assign({ LoadingIndicator: LuiLoadingIndicator }, props.components);
     // box-shadow: "-8px 0px 0 0 #cc0000";
@@ -25232,12 +25187,12 @@ function LuiComboSelectActual(givenProps, ref) {
             control: function (provided, state) { return (__assign(__assign({}, provided), { 
                 /* matches style of .LuiTextInput-input */
                 boxShadow: 'none', border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2', '&:hover, &:active': {
-                    borderColor: '#053d52',
+                    borderColor: '#053d52'
                 } })); },
             dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: css_248z$4['fuscous'] })); },
             indicatorSeparator: function (provided) { return (__assign(__assign({}, provided), { width: 0 })); },
             input: function (provided) { return (__assign(__assign({}, provided), { height: '40px', minHeight: '40px', fontWeight: 400, input: {
-                    height: '38px !important',
+                    height: '38px !important'
                 } })); },
             singleValue: function (provided) { return (__assign(__assign({}, provided), { color: '#414042', fontWeight: 400 })); },
             placeholder: function (provided) { return (__assign(__assign({}, provided), { 
@@ -25246,7 +25201,7 @@ function LuiComboSelectActual(givenProps, ref) {
             option: function (provided, _a) {
                 var isSelected = _a.isSelected;
                 return (__assign(__assign({}, provided), { color: css_248z$4['input-text'], backgroundColor: isSelected ? css_248z$4['selection'] : css_248z$4['white'] }));
-            },
+            }
         } });
     return (React__default.createElement("label", { htmlFor: id, className: clsx('LuiComboSelect-label', props.error && 'hasError') },
         React__default.createElement("span", { className: clsx('LuiSelect-label-text', props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
@@ -25336,7 +25291,7 @@ var buildHideClassDict = function (_a) {
         'lui-hide-sm': inRange('sm'),
         'lui-hide-md': inRange('md'),
         'lui-hide-lg': inRange('lg'),
-        'lui-hide-xl': inRange('xl'),
+        'lui-hide-xl': inRange('xl')
     };
 };
 
@@ -25356,7 +25311,7 @@ var LuiHeader = function (_a) {
             'lui-header': true,
             'lui-header-transparent': transparent,
             'lui-header-small': size === 'small',
-            'lui-header-sticky': sticky,
+            'lui-header-sticky': sticky
         }) },
         React__default.createElement("div", { className: "lui-header-row" },
             React__default.createElement("div", { className: "lui-header-col" },
@@ -25376,7 +25331,7 @@ var LuiHeaderMenuItem = forwardRef(function (_a, ref) {
     var resolvedIcon = !icon && !label ? 'menu' : icon;
     return (React__default.createElement("div", { className: menuItemClasses, ref: ref },
         React__default.createElement("div", { className: clsx('lui-header-menu-icon', onClick && 'clickable'), onClick: onClick, "data-testid": dataTestId },
-            resolvedIcon && (React__default.createElement("i", { className: "material-icons-round md-36" }, resolvedIcon)),
+            resolvedIcon && (React__default.createElement("i", { title: "Main menu", className: "material-icons-round md-36" }, resolvedIcon)),
             label && React__default.createElement("div", { className: "lui-menu-label" }, label),
             badge && React__default.createElement("div", { className: "badge" }, badge)),
         children));
@@ -25384,7 +25339,7 @@ var LuiHeaderMenuItem = forwardRef(function (_a, ref) {
 var LuiCloseableHeaderMenuContext = createContext({
     isOpen: function () { return false; },
     open: function () { },
-    close: function () { },
+    close: function () { }
 });
 var LuiCloseableHeaderMenuItem = function (_a) {
     var open = _a.open, setOpen = _a.setOpen, props = __rest(_a, ["open", "setOpen"]);
@@ -25398,7 +25353,7 @@ var LuiCloseableHeaderMenuItem = function (_a) {
     var menuControls = {
         isOpen: function () { return open; },
         open: function () { return setOpen(true); },
-        close: function () { return setOpen(false); },
+        close: function () { return setOpen(false); }
     };
     var menuItemProps = __assign({ onClick: function () { return menuControls.open(); } }, props);
     return (React__default.createElement(LuiCloseableHeaderMenuContext.Provider, { value: menuControls },
@@ -25431,8 +25386,7 @@ var LuiDrawerMenu = function (_a) {
     var restOfProps = __rest(_a, []);
     var children = restOfProps.children, _b = restOfProps.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest(restOfProps, ["children", "hasStickyHeader"]);
     var _c = useState(false), open = _c[0], setOpen = _c[1];
-    var closeableMenuProps = __assign(__assign({}, menuPropsCopy), { open: open,
-        setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
+    var closeableMenuProps = __assign(__assign({}, menuPropsCopy), { open: open, setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
     useEffect(function () {
         // Support for non-sticky headers. Scroll back to top when menu is opened
         if (open && !hasStickyHeader) {
@@ -25449,7 +25403,7 @@ var LuiDrawerMenu = function (_a) {
     return (React__default.createElement(LuiCloseableHeaderMenuItem, __assign({}, closeableMenuProps),
         React__default.createElement("div", { className: clsx({
                 'lui-menu-drawer': true,
-                'lui-menu-drawer-closed': !open,
+                'lui-menu-drawer-closed': !open
             }), "data-testid": 'drawer', "aria-hidden": !open }, children)));
 };
 var LuiDropdownMenu = function (_a) {
@@ -25460,7 +25414,7 @@ var LuiDropdownMenu = function (_a) {
     return (React__default.createElement(LuiCloseableHeaderMenuItem, __assign({}, closeableMenuProps),
         React__default.createElement("div", { className: clsx({
                 'lui-menu-dropdown lui-box-shadow': true,
-                'lui-menu-dropdown-closed': !open,
+                'lui-menu-dropdown-closed': !open
             }), "data-testid": 'dropdown', "aria-hidden": !open },
             children,
             ' ')));
@@ -27823,8 +27777,8 @@ function polyfill(Component) {
 }
 
 var reactLifecyclesCompat_es = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	polyfill: polyfill
+    __proto__: null,
+    polyfill: polyfill
 });
 
 var require$$6 = /*@__PURE__*/getAugmentedNamespace(reactLifecyclesCompat_es);
@@ -28183,7 +28137,7 @@ var LuiModal = function (props) {
         }
     }
     return (React__default.createElement(Modal, __assign({ key: props.key, isOpen: true, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick, onRequestClose: props.onClose, overlayClassName: "modal", className: props.lowContrast ? 'lui-scrim-low-contrast' : 'lui-scrim', ariaHideApp: !isTest }, (props.appendToElement && {
-        parentSelector: props.appendToElement,
+        parentSelector: props.appendToElement
     })),
         React__default.createElement("div", { ref: node, className: clsx('lui-modal lui-box-shadow', props.maxWidth && 'lui-max-width', props.headingText && 'lui-modal-no-padding', props.className) },
             props.headingText && (React__default.createElement(LuiModalHeader, { headingText: props.headingText, onClose: props.onClose })),
@@ -28191,8 +28145,8 @@ var LuiModal = function (props) {
 };
 var LuiAlertModal = function (props) {
     var materialIcon = getMaterialIconForLevel(props.level);
-    return (React__default.createElement(LuiModal, { key: props.key, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick, onClose: props.onClose, className: clsx("lui-modal-" + props.level, props.className), appendToElement: props.appendToElement },
-        React__default.createElement(LuiIcon, { name: "ic_" + materialIcon, alt: props.level + " status icon", size: "lg", className: "lui-msg-status-icon" }),
+    return (React__default.createElement(LuiModal, { key: props.key, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick, onClose: props.onClose, className: clsx("lui-modal-".concat(props.level), props.className), appendToElement: props.appendToElement },
+        React__default.createElement(LuiIcon, { name: "ic_".concat(materialIcon), alt: "".concat(props.level, " status icon"), size: "lg", className: "lui-msg-status-icon" }),
         props.children));
 };
 var LuiAlertModalButtons = function (props) {
@@ -28382,7 +28336,7 @@ var LuiSearchInput = function (props) {
     function moveUp() {
         var items = flatten(results);
         var takeNext = false;
-        for (var _i = 0, _a = __spreadArrays(items).reverse(); _i < _a.length; _i++) {
+        for (var _i = 0, _a = __spreadArray([], items, true).reverse(); _i < _a.length; _i++) {
             var item = _a[_i];
             if (item.id === selectedId) {
                 takeNext = true;
@@ -28462,7 +28416,7 @@ var LuiSearchInput = function (props) {
             onClick: function () {
                 setInputValue('');
                 setResults([]);
-            },
+            }
         } })) : null;
     var searchIcon = (React__default.createElement(LuiIcon, { className: 'LuiSearchInput-startIconPosition', name: "ic_search", size: "md", alt: "search", spanProps: { onClick: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } } }));
     var typeMore = 'You need to type a few more characters';
@@ -28480,7 +28434,7 @@ var LuiSearchInput = function (props) {
             return typeMore;
         }
         if (props.name)
-            return "The " + props.name + " could not be displayed or does not exist.";
+            return "The ".concat(props.name, " could not be displayed or does not exist.");
         else
             return null;
     }
@@ -28566,17 +28520,17 @@ var renderSelectMenu = function (items, onClick) { return (React__default.create
     return (React__default.createElement(React__default.Fragment, { key: item.value },
         item.groupDivider ? React__default.createElement(LuiSelectMenuDivider, null) : null,
         item.groupTitle ? (React__default.createElement(LuiSelectMenuHeader, null, item.groupTitle)) : null,
-        React__default.createElement(LuiSelectMenuItem, { "data-testid": "select-box-" + item.value, value: item.value, onClick: onClick, noPadding: true }, item.title)));
+        React__default.createElement(LuiSelectMenuItem, { "data-testid": "select-box-".concat(item.value), value: item.value, onClick: onClick, noPadding: true }, item.title)));
 }))); };
 
 var exampleSearchResults = [
     {
         id: 'DP44035-1',
-        description: 'This is a example Newlands search result',
+        description: 'This is a example Newlands search result'
     },
     {
         id: 'DP44035-2',
-        description: 'This is a example Newlands search result 2',
+        description: 'This is a example Newlands search result 2'
     },
 ];
 var getDefaultOptions = function (input) {
@@ -28609,28 +28563,28 @@ var searchBoxOptions = [
         disclaimer: 'This is a default disclaimer, add your own search options',
         getOption: getDefaultOptions,
         onSelectOption: defaultSelectOption,
-        renderItem: defaultRenderItem,
+        renderItem: defaultRenderItem
     },
     {
         value: 'titleReference',
         title: 'Title Reference',
         placeholderText: 'Enter a title reference e.g. TN117/154',
         getOption: getDefaultOptions,
-        onSelectOption: defaultSelectOption,
+        onSelectOption: defaultSelectOption
     },
     {
         value: 'ownerName',
         title: 'Registered Owner',
         placeholderText: 'Enter owners name',
         getOption: getDefaultOptions,
-        onSelectOption: defaultSelectOption,
+        onSelectOption: defaultSelectOption
     },
     {
         value: 'lgdId',
         title: 'Legal Description',
         placeholderText: 'Example: Lot 2 DP 1234',
         getOption: getDefaultOptions,
-        onSelectOption: defaultSelectOption,
+        onSelectOption: defaultSelectOption
     },
     {
         value: 'parcelId',
@@ -28638,7 +28592,7 @@ var searchBoxOptions = [
         placeholderText: 'Enter a parcel id e.g 93851642',
         disclaimer: 'testdd2',
         getOption: getDefaultOptions,
-        onSelectOption: defaultSelectOption,
+        onSelectOption: defaultSelectOption
     },
     {
         groupTitle: 'Survey',
@@ -28647,7 +28601,7 @@ var searchBoxOptions = [
         title: 'Survey number',
         placeholderText: 'Enter a survey number, e.g. DP 44035',
         getOption: getDefaultOptions,
-        onSelectOption: defaultSelectOption,
+        onSelectOption: defaultSelectOption
     },
     {
         groupTitle: 'Instrument',
@@ -28656,7 +28610,7 @@ var searchBoxOptions = [
         title: 'Instrument Number',
         placeholderText: 'Example: 7723502.2',
         getOption: getDefaultOptions,
-        onSelectOption: defaultSelectOption,
+        onSelectOption: defaultSelectOption
     },
 ];
 var getDefaultSearchMenuOptions = function () {
@@ -28701,7 +28655,7 @@ var LOLUserContext = React__default.createContext({
         console.error('Called changeFirm before UserContext loaded', firmId);
     },
     isInternal: function () { return false; },
-    hasAnyPrivilege: function () { return false; },
+    hasAnyPrivilege: function () { return false; }
 });
 function LOLUserContextProvider(props) {
     var _a = useGetUserInfo(), isLoading = _a.isLoading, data = _a.data, isError = _a.isError;
@@ -28782,7 +28736,7 @@ function LOLUserContextProvider(props) {
                 selectedFirm: selectedFirm,
                 changeFirm: changeFirm,
                 isInternal: isInternal,
-                hasAnyPrivilege: hasAnyPrivilege,
+                hasAnyPrivilege: hasAnyPrivilege
             } }, props.children));
     }
     else {
@@ -28811,8 +28765,8 @@ function useGetUserInfo() {
     }); });
 }
 function reAuthUser() {
-    var redirectPath = "" + window.location.pathname + window.location.search + window.location.hash;
-    window.location.assign("/auth/login?redirectPath=" + encodeURIComponent(redirectPath));
+    var redirectPath = "".concat(window.location.pathname).concat(window.location.search).concat(window.location.hash);
+    window.location.assign("/auth/login?redirectPath=".concat(encodeURIComponent(redirectPath)));
 }
 function checkForStandardErrors(res) {
     return __awaiter(this, void 0, void 0, function () {
@@ -28869,7 +28823,7 @@ var LuiFilterContainer = function (props) {
     return (React__default.createElement("div", null,
         showFilter && (React__default.createElement("div", { className: 'LuiFilterContainer-filter-container LuiDeprecatedForms' },
             isFilterClearable && (React__default.createElement(ClearableLuiTextInput, { label: 'Filter', inputProps: {
-                    placeholder: 'Type to filter',
+                    placeholder: 'Type to filter'
                 }, hideLabel: true, onValueChange: function (value) { return setFilter(value); } })),
             !isFilterClearable && (React__default.createElement("input", { type: "text", placeholder: "Type to filter", value: filter, onChange: function (e) { return setFilter(e.target.value); } })))),
         renderFunction(filterFunction(filter))));
@@ -28882,7 +28836,7 @@ var LOLGlobalClientRefContext = React__default.createContext({
     clientRef: '',
     changeClientRef: function () {
         // no-op
-    },
+    }
 });
 var LOLGlobalClientRefContextProvider = function (props) {
     var useUserIdAsClientReference = props.useUserIdAsClientReference;
@@ -28927,7 +28881,7 @@ var LOLGlobalClientRefContextProvider = function (props) {
     ]);
     return (React__default.createElement(LOLGlobalClientRefContext.Provider, { value: {
             clientRef: clientRef,
-            changeClientRef: changeClientRef,
+            changeClientRef: changeClientRef
         } }, props.children));
 };
 var GLOBAL_CLIENT_REFERENCE_KEY = 'globalClientReference';
@@ -28980,7 +28934,7 @@ var LOLFirmSwitcherMenuContent = function (_a) {
 };
 var FirmOption = function (_a) {
     var _b = _a.value, id = _b.id, name = _b.name, onSelect = _a.onSelect, selected = _a.selected, disabled = _a.disabled;
-    return (React__default.createElement("div", { className: 'LOLFirmSwitcherMenu-option', onClick: function () { return onSelect(id); }, "aria-disabled": disabled, "data-testid": "firm-" + id },
+    return (React__default.createElement("div", { className: 'LOLFirmSwitcherMenu-option', onClick: function () { return onSelect(id); }, "aria-disabled": disabled, "data-testid": "firm-".concat(id) },
         React__default.createElement("span", null, name),
         selected && React__default.createElement("i", { className: "material-icons-round" }, "check_circle")));
 };
@@ -29040,13 +28994,13 @@ var LOLLogoutLink = function (props) {
                 case 3:
                     res = _b.sent();
                     if (res.status === 200) {
-                        window.location.assign("/auth/login?redirectPath=" + redirectPathString);
+                        window.location.assign("/auth/login?redirectPath=".concat(redirectPathString));
                     }
                     return [2 /*return*/];
             }
         });
     }); };
-    return React__default.createElement(LuiDrawerMenuOption, { label: "Logout " + user.id, onClick: logout });
+    return React__default.createElement(LuiDrawerMenuOption, { label: "Logout ".concat(user.id), onClick: logout });
 };
 
 var LOLUserLastLogin = function () {
@@ -29137,7 +29091,7 @@ function createLink(pathname, label, target, activeIcon, icon, anyPrivileges) {
         activeIcon: activeIcon,
         active: pathname.startsWith(target),
         anyPrivileges: anyPrivileges,
-        openExternally: true,
+        openExternally: true
     };
 }
 var SEARCH_LABEL = 'Search';
@@ -29241,7 +29195,7 @@ var LOLCommonDrawerMenuAfterLinks = function (props) {
     };
     return (React__default.createElement(React__default.Fragment, null,
         !isInternal() && (React__default.createElement(LuiDrawerMenuOption, { label: "Change password", onClick: function () {
-                gotoLink("/manage/my-preferences?redirectPath=" + encodeURIComponent(path));
+                gotoLink("/manage/my-preferences?redirectPath=".concat(encodeURIComponent(path)));
             } })),
         React__default.createElement(LOLLogoutLink, { redirectPath: function () { return contextPath; } })));
 };
@@ -32787,19 +32741,19 @@ var id = 0;
 var getKey = function () { return id++; };
 var LuiTooltip = function (props) {
     var children = props.children, message = props.message, placement = props.placement, trigger = props.trigger, _a = props.animation, animation = _a === void 0 ? true : _a;
-    var id = "LuiToolTip_" + useMemo(getKey, []);
+    var id = "LuiToolTip_".concat(useMemo(getKey, []));
     if (typeof message !== 'string') {
         throw new Error('LuiTooltip message must be a string!');
     }
     useEffect(function () {
-        tippy("#" + id, {
+        tippy("#".concat(id), {
             content: message,
             arrow: true,
             trigger: trigger,
             theme: 'LUI',
             placement: placement,
             offset: [0, 24],
-            animation: animation,
+            animation: animation
         });
         return function () {
             var _a, _b;
@@ -32864,7 +32818,7 @@ var LuiSidePanelContainer = function (props) {
             transition: 'width 0.2s ease',
             boxShadow: '-0.1em 0 0.4em rgba(0, 0, 0, 0.2)',
             padding: 0,
-            zIndex: 3,
+            zIndex: 3
         } },
         children && (React__default.createElement("button", { type: "button", "data-testid": "close", onClick: onClose, style: {
                 color: '#5e5e61',
@@ -32875,7 +32829,7 @@ var LuiSidePanelContainer = function (props) {
                 border: 'none',
                 display: 'flex',
                 cursor: 'pointer',
-                borderBottomLeftRadius: '5px',
+                borderBottomLeftRadius: '5px'
             } },
             React__default.createElement(LuiIcon, { alt: "Close", name: "ic_clear", size: "lg", status: "interactive" }))),
         children));
@@ -40468,14 +40422,14 @@ var LuiAccordicard = function (props) {
                         opacity: {
                             delay: 0.1,
                             duration: 0.6,
-                            ease: [0.04, 0.62, 0.23, 0.98],
+                            ease: [0.04, 0.62, 0.23, 0.98]
                         },
                         height: {
                             delay: 0,
                             duration: 0.2,
-                            ease: [0.04, 0.62, 0.23, 0.98],
-                        },
-                    },
+                            ease: [0.04, 0.62, 0.23, 0.98]
+                        }
+                    }
                 },
                 collapsed: {
                     opacity: 0,
@@ -40484,15 +40438,15 @@ var LuiAccordicard = function (props) {
                         opacity: {
                             delay: 0,
                             duration: 0.2,
-                            ease: [0.04, 0.62, 0.23, 0.98],
+                            ease: [0.04, 0.62, 0.23, 0.98]
                         },
                         height: {
                             delay: 0.1,
                             duration: 0.2,
-                            ease: [0.04, 0.62, 0.23, 0.98],
-                        },
-                    },
-                },
+                            ease: [0.04, 0.62, 0.23, 0.98]
+                        }
+                    }
+                }
             } },
             React__default.createElement("div", { className: clsx('LuiAccordicard-content', isOpen ? 'LuiAccordicard-content--isOpen' : null) }, isOpen ? children : React__default.createElement(React__default.Fragment, null))));
     };
@@ -40513,7 +40467,7 @@ var LuiAccordicardStatic = function (props) {
         React__default.createElement("div", { className: clsx('LuiAccordicardStatic-contentWrapper', isOpen ? 'LuiAccordicardStatic-contentWrapper--isOpen' : null) },
             React__default.createElement("div", { className: clsx('LuiAccordicardStatic-content', isOpen ? 'LuiAccordicardStatic-content--isOpen' : null) }, isOpen ? children : React__default.createElement(React__default.Fragment, null))),
         React__default.createElement("button", { "aria-label": isOpen ? 'Expanded' : 'Closed', className: "LuiAccordicardStatic-trigger", onClick: function () { return setIsOpen(!isOpen); } },
-            React__default.createElement(LuiIcon, { className: clsx('LuiAccordicardStatic-chevron', isOpen ? 'LuiAccordicardStatic-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", size: "md" }))));
+            React__default.createElement(LuiIcon, { className: clsx('LuiAccordicardStatic-chevron', isOpen ? 'LuiAccordicardStatic-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", title: "Expand and collapse panel", size: "md" }))));
 };
 
 export { FIRM_KEY, FIRM_NAME_KEY, GLOBAL_CLIENT_REFERENCE_KEY, LOLActiveFirmMessage, LOLAuthorisedLink, LOLCommonDrawerMenu, LOLCommonDrawerMenuAfterLinks, LOLDrawerMenu, LOLFirmSwitcherMenu, LOLGlobalClientRefContext, LOLGlobalClientRefContextProvider, LOLLogoutLink, LOLSearchBox, LOLUserContext, LOLUserContextProvider, LOLUserLastLogin, LuiAccordicard, LuiAccordicardStatic, LuiAlertModal, LuiAlertModalButtons, LuiBadge, LuiBanner, LuiBannerContent, LuiBearingFormikInput, LuiBearingInput, LuiButton, LuiButtonGroup, LuiCheckboxInput, LuiCloseableHeaderMenuContext, LuiCloseableHeaderMenuItem, LuiComboSelect, LuiControlledMenu, LuiDrawerMenu, LuiDrawerMenuDivider, LuiDrawerMenuOption, LuiDrawerMenuOptions, LuiDrawerMenuSection, LuiDropdownMenu, LuiErrorPage, LuiExpandableBanner, LuiFileInputBox, LuiFilterContainer, LuiFilterMenu, LuiFooter, LuiFormSectionHeader, LuiFormikCheckbox, LuiFormikForm, LuiFormikFormLabel, LuiFormikFormSubmitButton, LuiFormikRadioButton, LuiFormikRadioGroup, LuiFormikSelect, LuiFormikTextInput, LuiHeader, LuiHeaderMenuItem, LuiIcon, LuiLoadingSpinner, LuiLoadingSpinnerChristmas, LuiLoadingSpinnerEaster, LuiMenu, LuiMenuCloseButton, LuiMessagingContextProvider, LuiMiniSpinner, LuiModal, LuiRadioInput, LuiSearchBox, LuiSearchInput, LuiSelectDataMenu, LuiSelectInput, LuiSelectMenu, LuiSelectMenuItem, LuiSelectSubMenuItem, LuiShadow, LuiSidePanel, LuiSidePanelProvider, LuiStaticMessage, LuiStatusSpinner, LuiSwitchButton, LuiTab, LuiTabs, LuiTabsContext, LuiTabsGroup, LuiTabsPanel, LuiTabsPanelSwitch, LuiTextAreaInput, LuiTextInput, LuiToastMessage, LuiTooltip, LuiUpdatesSplashModal, getDefaultSearchMenuOptions, isChromatic, useClickedOutsideElement, useLOLGlobalClientRefContext, useLOLUserContext, useShowLUIMessage };