@linzjs/lui 24.1.2 → 24.3.0

package/CHANGELOG.md

@@ -5,6 +5,20 @@
 
 * **LuiComboSelect:** restore interface to support styling of the input element. ([#1270](https://github.com/linz/lui/issues/1270)) ([7ce6a13](https://github.com/linz/lui/commit/7ce6a137c7f16ffa3acbe4357569a6eb59ef47db))
 
+## [24.3.0](https://github.com/linz/Lui/compare/lui-v24.2.0...lui-v24.3.0) (2025-11-20)
+
+
+### Features
+
+* CS-8474 - filter characters in LuiInput ([#1272](https://github.com/linz/Lui/issues/1272)) ([2b58207](https://github.com/linz/Lui/commit/2b58207f2844eb769d9c274f55a5b1b8e2336dcf))
+
+## [24.2.0](https://github.com/linz/Lui/compare/lui-v24.1.2...lui-v24.2.0) (2025-11-19)
+
+
+### Features
+
+* **LuiSearchInput:** prevent internal clear ([#1285](https://github.com/linz/Lui/issues/1285)) ([a8a8e93](https://github.com/linz/Lui/commit/a8a8e93fbf2c75c7dc640d548b698dd90593abb5))
+
 ## [24.1.2](https://github.com/linz/Lui/compare/lui-v24.1.1...lui-v24.1.2) (2025-11-18)
 
 

package/README.md

@@ -50,4 +50,4 @@ There are lots of things to do in this project, often things will be left until
 
 Storybook is the main source of documentation.
 
-- [Lui Storybook](https://linz.github.io/Lui/)
+- [Lui Storybook](https://linz.github.io/Lui/)

package/dist/components/LuiSearchInput/LuiSearchInput.d.ts

@@ -26,5 +26,12 @@ export interface ISearchInputProps<SearchResult extends ISearchResult = ISearchR
     hideSearchIcon?: boolean;
     filterElement?: ReactElement;
     trimBeforeMinCharCheck?: boolean;
+    /**
+     * When true, clicking the clear (X) icon will NOT clear the internal input
+     * value or results – it will only call onClearCallback().
+     * Useful when parent wants to treat clear as "navigation" and control
+     * when the text actually disappears (e.g. unsaved changes flows).
+     */
+    isClearable?: boolean;
 }
 export declare const LuiSearchInput: <SearchResult extends ISearchResult = ISearchResult>(props: React.PropsWithChildren<ISearchInputProps<SearchResult>>) => React.JSX.Element;

package/dist/components/common/Hooks.d.ts

@@ -10,6 +10,15 @@ export declare const useEscapeFunction: (onEscape: (e: KeyboardEvent) => void |
  * A hook which allows handling of click event anywhere on the page.
  * Provides a way of handling clicks done inside or outside the element bound to the returned react ref.
  *
+ * @deprecated
+ * This hook is deprecated. It's no longer supported and will be removed in future version.
+ *
+ * For click inside element handling, consider attaching an `onClick` handler directly onto the element.
+ *
+ * For click outside element handling, consider using the `useClickedOutsideElement` hook instead.
+ *
+ * For click anywhere (both inside and outside) handling, consider attaching an `onClick` handler directly onto the document.
+ *
  * @param onClickInsideArg handler for mouse clicks inside the element
  * @param onClickOutsideArg handler for mouse clicks outside the element
  * @return a react ref which can be bound to an html element

package/dist/contexts/LuiFilterCharactersProvider.d.ts

@@ -0,0 +1,11 @@
+import React, { ChangeEvent, PropsWithChildren } from 'react';
+export interface LuiFilterCharactersContext {
+    filterCharacters: (input: string | undefined) => string | undefined;
+    filterInputEvent: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+}
+export declare const LuiFilterCharactersContext: React.Context<LuiFilterCharactersContext>;
+export declare function useFilterCharacters(): LuiFilterCharactersContext;
+export type LuiFilterCharactersProviderProps = {
+    filterFunction?: (input: string) => string;
+};
+export declare const LuiFilterCharactersProvider: ({ children, filterFunction, }: PropsWithChildren<LuiFilterCharactersProviderProps>) => React.JSX.Element;

package/dist/functions/LinzFreeTextFilter.d.ts

@@ -0,0 +1,14 @@
+export type LinzFreeTextFilterType = (value?: string | null) => string;
+/**
+ * Default LINZ free text filter function.
+ * Silently converts some invalid characters with supported alternatives.
+ * Removes all other invalid characters.
+ */
+export declare const LinzFreeTextFilter: LinzFreeTextFilterType;
+/**
+ * LINZ free text filter function that leaves invalid characters intact.
+ * Silently converts some invalid characters with supported alternatives.
+ * Leaves all other invalid characters as is.
+ * Should be paired with LinzFreeTextValidator to warn users about invalid characters.
+ */
+export declare const LinzFreeTextFilterConvertOnly: LinzFreeTextFilterType;

package/dist/functions/LinzFreeTextValidator.d.ts

@@ -0,0 +1,2 @@
+export declare const LinzInvalidCharMatcher: RegExp;
+export declare const LinzFreeTextValidator: (value?: string | null, invalidCharMatcher?: RegExp, maxReportedChars?: number) => string | undefined;

package/dist/index.d.ts

@@ -85,3 +85,6 @@ export { LuiErrorPanel } from './components/LuiErrorPanel/LuiErrorPanel';
 export { DrawerGlobalProvider, useDrawerGlobalContext, DrawerGlobalContext, } from './components/Drawer/DrawerGlobalContext';
 export { Drawer, DrawerProps } from './components/Drawer/Drawer';
 export { DrawerGlobal, DrawerGlobalProps, } from './components/Drawer/DrawerGlobal';
+export { LuiFilterCharactersProvider, useFilterCharacters, } from './contexts/LuiFilterCharactersProvider';
+export { LinzFreeTextValidator } from './functions/LinzFreeTextValidator';
+export { LinzFreeTextFilter, LinzFreeTextFilterConvertOnly, } from './functions/LinzFreeTextFilter';

package/dist/index.js

@@ -7018,6 +7018,113 @@ var DateInput = React.forwardRef(function (props, ref) {
         } })));
 });
 
+// eslint-disable-next-line no-control-regex
+var LinzInvalidCharMatcher = /([^\u0000-\u017f])/gu;
+var LinzFreeTextValidator = function (value, invalidCharMatcher, maxReportedChars) {
+    if (invalidCharMatcher === void 0) { invalidCharMatcher = LinzInvalidCharMatcher; }
+    if (maxReportedChars === void 0) { maxReportedChars = 10; }
+    if (!value) {
+        return undefined;
+    }
+    var matchedItems = value.match(invalidCharMatcher);
+    if (matchedItems === null) {
+        return undefined;
+    }
+    var invalidCharacters = Array.from(new Set(matchedItems)).slice(0, maxReportedChars);
+    return "Invalid character".concat(invalidCharacters.length === 1 ? '' : 's', " ").concat(invalidCharacters.join(', '));
+};
+
+function CreateLinzFreeTextFilter(removeInvalidChars) {
+    if (removeInvalidChars === void 0) { removeInvalidChars = true; }
+    return function (value) {
+        if (!value) {
+            return '';
+        }
+        var strLength = value.length;
+        if (!strLength) {
+            return '';
+        }
+        return Array.prototype.flatMap
+            .call(value, function (char) {
+            // Supported character range
+            if (char.match(LinzInvalidCharMatcher) === null) {
+                return char;
+            }
+            var charCode = char.charCodeAt(0);
+            // Silent conversion characters
+            // why: https://toitutewhenua.atlassian.net/wiki/spaces/STEP/pages/124322198/Minimum+Text+Validation#Silent-conversion-characters
+            switch (charCode) {
+                case 0x2018:
+                case 0x2019:
+                    return "'";
+                case 0x201c:
+                case 0x201d:
+                    return '"';
+                case 0x2022:
+                    return '*';
+                case 0x2013:
+                case 0x2014:
+                    return '-';
+            }
+            return removeInvalidChars ? '' : char;
+        })
+            .join('');
+    };
+}
+/**
+ * Default LINZ free text filter function.
+ * Silently converts some invalid characters with supported alternatives.
+ * Removes all other invalid characters.
+ */
+var LinzFreeTextFilter = CreateLinzFreeTextFilter(true);
+/**
+ * LINZ free text filter function that leaves invalid characters intact.
+ * Silently converts some invalid characters with supported alternatives.
+ * Leaves all other invalid characters as is.
+ * Should be paired with LinzFreeTextValidator to warn users about invalid characters.
+ */
+var LinzFreeTextFilterConvertOnly = CreateLinzFreeTextFilter(false);
+
+var LuiFilterCharactersContext = React.createContext({
+    filterCharacters: function (input) {
+        // Default implementation: return input as is.
+        return input;
+    },
+    filterInputEvent: function () {
+        // Default implementation: do nothing.
+        return;
+    }
+});
+function useFilterCharacters() {
+    return React.useContext(LuiFilterCharactersContext);
+}
+var LuiFilterCharactersProvider = function (_a) {
+    var children = _a.children, filterFunction = _a.filterFunction;
+    var filterCharacters = React.useCallback(function (input) {
+        if (input === undefined) {
+            return input;
+        }
+        var filter = typeof filterFunction === 'function'
+            ? filterFunction
+            : LinzFreeTextFilter;
+        return filter(input);
+    }, [filterFunction]);
+    var filterInputEvent = React.useCallback(function (event) {
+        var value = event.target.value;
+        var filteredValue = filterCharacters(value);
+        if (filteredValue !== value) {
+            var caretPosition = event.target.selectionStart;
+            event.target.value = filteredValue;
+            if (caretPosition !== null) {
+                var positionOffset = value.length - filteredValue.length;
+                var newCaretPosition = Math.max(caretPosition - positionOffset, 0);
+                event.target.setSelectionRange(newCaretPosition, newCaretPosition);
+            }
+        }
+    }, [filterFunction]);
+    return (React__default["default"].createElement(LuiFilterCharactersContext.Provider, { value: { filterCharacters: filterCharacters, filterInputEvent: filterInputEvent } }, children));
+};
+
 function useGenerateOrDefaultId(idFromProps) {
     var id = React.useState(idFromProps ? idFromProps : v4())[0];
     return id;
@@ -7026,6 +7133,7 @@ var BareInput = React.forwardRef(function (props, ref) { return React__default["
 var LuiTextInput = React.forwardRef(function (props, ref) {
     var _a, _b, _c;
     var id = useGenerateOrDefaultId((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.id);
+    var filterInputEvent = useFilterCharacters().filterInputEvent;
     var LuiInput = ((_b = props.inputProps) === null || _b === void 0 ? void 0 : _b.type) === 'date' ? DateInput : BareInput;
     return (React__default["default"].createElement("div", { className: clsx$1('LuiTextInput', props.error && 'hasError', props.warning && 'hasWarning', props.className) },
         React__default["default"].createElement("label", { className: 'LuiTextInput-label', htmlFor: id },
@@ -7033,7 +7141,15 @@ var LuiTextInput = React.forwardRef(function (props, ref) {
             React__default["default"].createElement("span", { className: 'LuiTextInput-label-text ' +
                     clsx$1(props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
             React__default["default"].createElement("span", { className: "LuiTextInput-inputWrapper" },
-                React__default["default"].createElement(LuiInput, __assign({ ref: ref, className: clsx$1('LuiTextInput-input', props.showPadlockIcon ? 'LuiTextInput-padlock-icon ' : '', props.size ? "LuiTextInput-".concat(props.size) : ''), min: ((_c = props.inputProps) === null || _c === void 0 ? void 0 : _c.type) === 'date' ? undefined : '0', value: props.value, onChange: props.onChange }, props.inputProps, { id: id })),
+                React__default["default"].createElement(LuiInput, __assign({ ref: ref, className: clsx$1('LuiTextInput-input', props.showPadlockIcon ? 'LuiTextInput-padlock-icon ' : '', props.size ? "LuiTextInput-".concat(props.size) : ''), min: ((_c = props.inputProps) === null || _c === void 0 ? void 0 : _c.type) === 'date' ? undefined : '0', value: props.value, onChange: function (event) {
+                        var _a;
+                        if (((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.type) !== 'date') {
+                            filterInputEvent(event);
+                        }
+                        if (props.onChange) {
+                            props.onChange(event);
+                        }
+                    } }, props.inputProps, { id: id })),
                 props.icon),
             props.error && (React__default["default"].createElement("span", { className: "LuiTextInput-error" },
                 React__default["default"].createElement(LuiIcon, { alt: "error", name: "ic_error", className: "LuiTextInput-error-icon", size: "sm", status: "error" }),
@@ -7178,13 +7294,22 @@ var LuiSelectInput = function (props) {
 var LuiTextAreaInput = React__default["default"].forwardRef(function (props, ref) {
     var _a, _b;
     var id = useGenerateOrDefaultId((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.id);
+    var filterInputEvent = useFilterCharacters().filterInputEvent;
     var rows = props.rows !== undefined ? props.rows : 5;
     return (React__default["default"].createElement("div", { className: clsx$1('LuiTextAreaInput', ((_b = props.inputProps) === null || _b === void 0 ? void 0 : _b.disabled) ? 'isDisabled' : '', props.error ? 'hasError' : '', props.warning ? 'hasWarning' : '') },
         React__default["default"].createElement("label", { htmlFor: id },
             props.mandatory && (React__default["default"].createElement("span", { className: "LuiTextAreaInput-mandatory" }, "*")),
             React__default["default"].createElement("span", { className: "LuiTextAreaInput-label" }, props.label),
             React__default["default"].createElement("div", { className: "LuiTextAreaInput-wrapper" },
-                React__default["default"].createElement("textarea", __assign({ id: id, value: props.value, onChange: props.onChange, ref: ref, rows: rows }, props.inputProps)))),
+                React__default["default"].createElement("textarea", __assign({ id: id, value: props.value, onChange: function (event) {
+                        var _a;
+                        if (((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.type) !== 'date') {
+                            filterInputEvent(event);
+                        }
+                        if (props.onChange) {
+                            props.onChange(event);
+                        }
+                    }, ref: ref, rows: rows }, props.inputProps)))),
         props.error && (React__default["default"].createElement("span", { className: "LuiTextAreaInput-error" },
             React__default["default"].createElement(LuiIcon, { alt: "error", name: "ic_error", className: "LuiTextAreaInput-error-icon", size: "sm", status: "error" }),
             props.error)),
@@ -15763,6 +15888,14 @@ var logo = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idX
 
 var motif = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxMTMuNHB4IiBoZWlnaHQ9IjEwMi42cHgiIHZpZXdCb3g9IjAgMCAxMTMuNCAxMDIuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTEzLjQgMTAyLjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIgo+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0MntmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDN7ZmlsbDp1cmwoI1NWR0lEXzNfKTt9Cgkuc3Q0e2ZpbGw6dXJsKCNTVkdJRF80Xyk7fQoJLnN0NXtmaWxsOnVybCgjU1ZHSURfNV8pO30KCS5zdDZ7b3BhY2l0eTowLjQ7ZmlsbDp1cmwoI1NWR0lEXzZfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KCTxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExMi45LDIxLjZjLTAuNy0xLjQtMi4zLTIuNC0zLjgtMi42bC0xLjctMC4xYzAuMS0wLjEsMC4zLTAuNCwwLjMtMC42YzEuNC0yLjMsMC43LTUuMi0xLjYtNi43CgkJYy0wLjctMC40LTEuNC0wLjYtMi4xLTAuN2gtMC4zaC0wLjFoLTAuMWgtMC4zSDEwM2wtMi40LTAuM2MwLjEtMi42LTEuOC00LjgtNC41LTVoLTFoLTAuMUM4NS45LDUsNzcsNC41LDY4LjEsNC41CgkJYy0yLDAtNS4xLDAtNy4xLDAuMWwtMC4zLTAuNGMtMC40LTAuNy0wLjktMS4zLTEuMy0xLjhjLTAuNi0wLjYtMS4xLTEuMS0xLjgtMS42QzU2LjcsMC4zLDU2LDAsNTUsMGgtMC4xaC0xbDAsMEg1M2wwLDAKCQljLTMuNSwwLjEtNy4xLDAuMy0xMC42LDAuNmgtMC4zYy0zLjMsMC4zLTYuMiwwLjYtOC45LDAuOWMtMS4xLDAuMS0yLjEsMC43LTMsMS40Yy00LjUsNC41LTkuMSwxMS4zLTEzLjYsMjAuM3YwLjEKCQljLTAuMSwwLjEtMC4xLDAuNC0wLjMsMC42Yy0xLjcsMy4zLTMuMyw2LjgtNC44LDEwLjZjMCwwLDAsMCwwLDAuMWwtMC4zLDAuN2MtMS40LDMuNC0yLjgsNy00LjEsMTAuNVY0NmwtMC4xLDAuNGwtMC4xLDAuM3YwLjEKCQljLTEuMywzLjUtMi40LDctMy4zLDEwLjR2MC4xbC0wLjEsMC40djAuMVY1OEMyLjEsNjIuNCwxLDY2LjUsMC4yLDcwLjJsMCwwdjAuMWwwLDB2MC4zbC0wLjEsMC40Yy0wLjYsMi43LDEuMyw1LjEsMy44LDUuNwoJCWMwLjMsMCwwLjYsMC4xLDAuOSwwLjFoMC4xYy0wLjEsMC42LTAuMywxLjMtMC40LDEuOHYwLjFsLTAuMSwwLjljLTAuNCwyLjYsMS4zLDUuMSwzLjgsNS43YzAuMywwLDAuNywwLjEsMSwwLjFoMC4xCgkJYy0wLjEsMC43LTAuMywxLjMtMC40LDEuOHYwLjF2MC4xbDAsMFY4OHYwLjF2MC4zYy0wLjYsMi42LDEuMSw1LjIsMy43LDUuN2MwLjMsMCwwLjYsMC4xLDAuNywwLjFoMC4xYy0wLjEsMC42LTAuMywxLTAuMywxLjYKCQljLTAuNiwyLjcsMS4zLDUuMSwzLjgsNS43YzAuMywwLDAuNiwwLjEsMC45LDAuMWMwLjMsMCwwLjQsMCwwLjcsMGM5LjUtMS4zLDE5LjItMS44LDI4LjgtMS43YzEyLjYsMCwyNS4zLDAuOSwzNy45LDIuNAoJCWMwLjEsMCwwLjQsMCwwLjYsMGMyLjQsMCw0LjQtMS43LDQuOC00LjFjMy40LTIyLjQsMTAuOS01My4xLDIyLTcxLjhDMTEzLjYsMjQuOCwxMTMuNiwyMy4xLDExMi45LDIxLjZ6Ii8+CgoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDAuMjU3IiB5MT0iOTYzLjkxOTUiIHgyPSIxMDQuNTE5NSIgeTI9IjEwMjguMTkyNiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTkyNi4xMTAyKSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzczQzhFMSIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojMDA3MTk5Ii8+Cgk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMDguNiwyNC4xYy0yMi4xLTEuOC00My0xLjQtNTcuOSwwLjRDMzcsMzguNywyMi41LDczLjYsMTcuOCw5Ny41YzE1LjctMi40LDQxLjktMi44LDY4LjEsMC40CgkJQzg5LjIsNzUuOSw5Ni45LDQ0LDEwOC42LDI0LjF6Ii8+CgoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzUuMzI4IiB5MT0iOTU2LjA4NjEiIHgyPSI5OC45MSIgeTI9IjEwMTkuNjY4MiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgLTkyNi4xMTAyKSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6Izc1Q0JDNyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojMDA4NzgyIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMDMuMSwxNmMtMjIuMS0xLjgtNDIuOC0xLjQtNTcuOSwwLjRDMzEuMywzMC42LDE4LDY1LjcsMTMuMiw4OS41YzE1LjktMi40LDM5LjQtMy4xLDY1LTAuNwoJCUM4Mi4yLDY0LDkwLjYsMzcsMTAzLjEsMTZ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzLDg5LjlsMC4xLTAuOWMxNy40LTIuNiw0MS40LTIuOCw2NC40LTAuN2M0LjgtMjcuNywxMy42LTUzLjMsMjUtNzIuNGwwLjksMC4xYy0xMS4zLDE5LTIwLjMsNDUuMS0yNSw3Mi44CgkJbC0wLjEsMC40SDc4QzU0LjksODcuMSwzMC42LDg3LjQsMTMsODkuOXoiLz4KCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzMC4wNzE5IiB5MT0iOTQ5Ljk4MjUiIHgyPSI5MS4wNzg0IiB5Mj0iMTAxMC45Nzg2IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtOTI2LjExMDIpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojOUREMTlBIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuNSIgc3R5bGU9InN0b3AtY29sb3I6IzA2QTI0QSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNNzEuMiw0OGwyLjMtNi4ybDEwLjgtMTIuM2MwLjQtMC4xLDAuOS0wLjEsMS4zLTAuMWMyLjgtNi40LDYtMTIuNiw5LjUtMTguNmMtMjEuMy0xLjgtNDEuMS0xLjQtNTUuNiwwLjQKCQlDMjYuMiwyNC41LDEzLjIsNTgsOC42LDgwLjZjOC4yLTEuMSwxNi41LTEuOCwyNC43LTJjLTAuNi0wLjMtMC4xLTIuMy0wLjEtMi4zYzAuNi0yLjQsMi4zLTQuMyw0LjUtNi4yYzIuMy0yLDEuMy0zLjMsMy4xLTQKCQljMy44LTEuNyw3LjUtMy44LDEwLjktNi4yYzQuMy0zLjEsNS44LTE0LDYtMTMuM2MwLjEsMC43LDEuNywwLjQsMS43LDEuMWMwLDAuNiwwLjQsMS44LDAuNywyYzAuMywwLDEuNi0zLjMsNC41LTMuMwoJCWMxLjgsMC4xLDMuNSwwLjcsNSwyYzAuMSwwLDEuMy0wLjEsMS4zLTAuMUw3MS4yLDQ4eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04NS4yLDMwLjZsLTAuNy0wLjRsMC42LTEuMWMyLjctNi40LDUuOC0xMi41LDkuNC0xOC40aDAuOWMtMy41LDYtNi44LDEyLjItOS42LDE4LjdMODUuMiwzMC42eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01Ny43LDkuMmMtMC4zLDAuMSwwLjEsMC4zLDAuNywxYzAuOSwxLDEuNCwyLDEuOCwzLjNjMCwwLjYtMC43LDAuMywwLjEsMS4zYzAuOSwxLDMuNSw1LDMuOCw1LjcKCQlzMC45LDAuNiwwLjksMC4xczAuNCwwLjMsMC42LDAuN2MwLDAuMy0wLjMsMC4xLTAuMywwLjNjMCwwLjEsMC45LDEuMywxLjYsMy4xYzAuOSwyLjEsMS42LDMuMywxLjMsNS4yYy0wLjEsMi0wLjYsNS0yLjEsNS44CgkJYy0xLjYsMC45LTIuOCwxLTIuNywyLjRjMC4xLDEuNCwxLjcsMS42LDIuOCwyLjRzMi44LDAuNCwzLjQsMmMwLjYsMS40LTAuMSw0LjEtMS4xLDUuMnMtMS40LDEuNy0wLjksMi4xYzAuNiwwLjQsMC45LDAuNCwxLjMsMC4zCgkJYzAuNC0wLjEsMC45LDAuMSwwLjksMC43YzAsMC42LDAuMywwLjcsMi0wLjNzMi40LTMuMSwzLjctNC44YzEuMS0xLjYsMi4xLTMuMSwzLTVjMC4xLTAuMywwLjEtMC40LTAuNC0wLjcKCQljLTAuNi0wLjEtMC45LTAuOS0wLjYtMS40YzAsMCwwLTAuMSwwLjEtMC4xYzAuNy0xLjMsMS43LTEuNiwzLTEuOGMwLjYtMC4xLDEuMS0wLjEsMS43LDBjMC40LDAuNCwwLjEsMS4zLDAuNCwxczAuNi0wLjcsMC43LTEKCQljMC0wLjEsMC0wLjEtMC4xLTAuM2MtMC4xLTAuMS0wLjYtMC40LTAuMS0xLjNjMC40LTEuMSwxLjgtMC45LDIuMS0yLjhjMC40LTIsMS42LTMuMywxLTRzLTEuOC0wLjQtMi44LTAuMWMtMSwwLjQtMi4xLDIuNC0zLjUsMgoJCWMtMS4zLTAuNC00LjUtMS40LTUuMS0yLjNjLTAuNy0xLjctMS4xLTMuMy0xLjQtNS4xYy0wLjEtMS4xLTEtMC43LTEuNC0xLjRjLTAuNC0wLjYtMC43LDAuNC0wLjYsMS40YzAuMSwxLjEsMS4xLDIuMSwwLjYsMi42CgkJYy0wLjcsMC40LTEuMS0xLjYtMi4xLTJjLTEtMC40LTEuNC0xLTEuMS0yLjhjMC4xLTItMS43LTIuMy0xLjQtMy4zczAuNi0yLjEtMS43LTMuN2MtMi4zLTEuNi0zLjctMS00LjUtMS43CgkJYy0wLjktMC45LTEuNC0xLjMtMS42LTJjLTAuMS0wLjksMC42LTEtMC42LTAuN0M1OC4xLDkuMiw1OCw5LjEsNTcuNyw5LjJ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTY0LjQsNTMuNmMwLjQtMC40LDAuNy0xLDEtMS43YzAuMS0wLjQtMS0wLjMtMS0xLjFjMC0wLjksMC42LTEuNywwLjYtMi4xYzAtMC4zLTAuMy0wLjEtMC40LTAuMQoJCXMtMC40LTAuMS0wLjQtMC4zYy0wLjEtMC40LTAuNi0wLjYtMS42LTAuMWMtMSwwLjQtMS44LDEuNC0yLjEsMS40Yy0wLjMsMC0wLjctMS40LTAuNy0yYzAtMC43LTEuNy0wLjQtMS42LTEuMQoJCWMwLTAuMywwLjEtMC42LDAuMy0wLjljMC0wLjEsMC4xLTAuMSwwLTAuM2MtMS4zLTAuMS0yLjMsMS4xLTIuOCwxLjdjLTAuNiwwLjYsMC45LDIuOC0wLjcsNC4xYy0xLjYsMS4zLTIuMSwwLjktMi4zLDEuNgoJCWMtMC40LDMtMiw1LjgtNC41LDcuNWMtNC4zLDMuMy02LjUsNS4yLTguMiw2LjFjLTEuNywwLjctMi4xLDMuMS00LjMsNS4xYy0yLjEsMi0zLjUsNi40LTIuNCw3LjVjMC45LDAuOSwyLjEsMS4xLDMuMywwLjcKCQljMC42LTAuMSwxLjMsMC4xLDEuNywwLjZjMC4zLDAuNCwxLjQtMC4xLDIsMC40YzEsMC42LDIuMSwwLjksMy4zLDAuN2MxLjQtMC4xLDQuMS0xLjMsNi4yLTQuOGMyLjMtMy41LDEuOC02LjUsMi40LTcuOAoJCWMwLjctMS43LDItMy4xLDMuNy0zLjdjMS44LTAuNiwyLjEtMC43LDIuOC0wLjRzMiwwLjYsMS44LTAuN2MtMC4xLTEuMy0xLjctMC43LTEuNy0xLjdzLTAuMy0xLjYsMC45LTIuMWMxLjEtMC40LDEuOC0yLjEsMi42LTMuNAoJCUM2Mi43LDU1LjMsNjMuNSw1NC45LDY0LjQsNTMuNnoiLz4KCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxNi44NTkyIiB5MT0iOTUyLjAxMzciIHgyPSI2Mi45MjU1IiB5Mj0iOTk4LjA5MDUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAwIC05MjYuMTEwMikiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiM5REQxOUEiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzA2QTI0QSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNjkuNSw0Mi42Yy0wLjEtMC4zLTAuMy0wLjQtMC40LTAuNmMtMC4xLTAuMS0wLjMtMC4zLTAuNC0wLjNjLTAuNy0wLjQtMS43LTAuNC0yLjYtMWMtMS4xLTAuOS0yLjctMS0yLjgtMi40CgkJYy0wLjEtMS40LDEuMS0xLjcsMi43LTIuNGMxLjYtMC45LDItMy43LDIuMS01LjhjMC4xLTItMC42LTMuMy0xLjMtNS4yYy0wLjctMS44LTEuNi0yLjgtMS42LTMuMXMwLjMsMCwwLjMtMC4zCgkJYy0wLjEtMC40LTAuNi0xLTAuNi0wLjdzLTAuNCwwLjYtMC45LTAuMWMtMC40LTAuNy0zLjEtNC43LTMuOC01LjdjLTAuNy0xLTAuMS0wLjctMC4xLTEuM2MtMC40LTEuMS0xLTIuMy0xLjgtMy4zCgkJYy0wLjEtMC4zLTAuNC0wLjYtMC43LTAuN2wwLDBjLTAuMSwwLTAuMSwwLDAsMGMtMC4xLTAuMS0wLjEtMC4xLTAuMS0wLjNjLTAuNi0xLjMtMS40LTIuNi0yLjMtMy43Yy0wLjEtMC4xLTAuMy0wLjMtMC42LTAuNAoJCUM0Ny4xLDUuNCwzOS4xLDYsMzMuMiw2LjdDMjAuNywxOS40LDguNiw1MC4yLDQuMiw3MS44YzYuNC0wLjksMjAtMiwyOS4yLTIuMWgxLjFoMS4zaDEuNGMwLjktMS4zLDEuNC0yLjQsMi40LTIuOAoJCWMxLjctMC43LDQuMS0yLjgsOC4yLTYuMWMyLjQtMS44LDQuMS00LjUsNC41LTcuNWMwLjEtMC42LDAuNy0wLjMsMi4zLTEuNmMxLjYtMS4zLDAuMS0zLjUsMC43LTQuMWMwLjYtMC42LDEuNi0yLDIuOC0xLjcKCQljMC4xLDAsMCwwLjEsMCwwLjNDNTguMSw0Ni40LDU4LDQ2LjcsNTgsNDdjMCwwLjksMS42LDAuNiwxLjYsMS4xYzAsMC43LDAuNCwyLDAuNywyYzAuMywwLDEuMS0xLDIuMS0xLjRsMC4zLTAuMWwwLDAKCQljMC4xLDAsMC4zLTAuMSwwLjQtMC4xbDAsMGMxLDAsMS44LDAuMywyLjcsMC42YzAuNCwwLjMsMC43LDAuNiwxLDFjMC0wLjQsMC40LTAuOSwxLTEuN0M2OS4yLDQ2LjcsNzAsNDQsNjkuNSw0Mi42eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMyw3OC4zYy04LjEsMC4zLTE2LDAuOS0yNC4xLDJsLTAuMSwwLjljOC4yLTEuMSwxNi41LTEuNywyNC44LTJMMzMuNCw3OUMzMy4yLDc4LjksMzMsNzguNiwzMyw3OC4zeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNy42LDY5LjJoLTEuNGgtMS4zaC0xLjFjLTkuMiwwLjMtMjIuOCwxLjMtMjkuMiwyLjF2MC4xdjAuM2wtMC4xLDAuNmM2LjItMC45LDIwLjEtMiwyOS41LTIuMUgzNWgxLjgKCQljMC4xLTAuMSwwLjMtMC40LDAuNC0wLjZsMCwwTDM3LjYsNjkuMkwzNy42LDY5LjJ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM4LjUsODEuN2MtMC45LTAuMy0wLjQsMC40LTAuNCwxYzAsMC42LTAuMywwLjYtMC40LDFjLTAuMSwwLjYtMC40LDEtMC4xLDEuM2MwLjEsMC4zLDAuMywwLjMsMC43LTAuMQoJCWMwLjQtMC40LDAuNC0wLjQsMS0wLjRjMC42LDAsMC45LTAuMSwwLjktMUM0MCw4Mi42LDM5LjMsODEuOSwzOC41LDgxLjd6Ii8+CgoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjIuODEyMSIgeTE9Ijk0Mi4zMTA0IiB4Mj0iNDcuOTI4NyIgeTI9Ijk4OC41NTQ4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtOTI2LjExMDIpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZGRkZGO3N0b3Atb3BhY2l0eTowLjkiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRjtzdG9wLW9wYWNpdHk6MC4xIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0xMyw3MC42aDAuN2MxLTQuMSwyLTguMSwzLjEtMTEuOGMzLTAuMSw2LjQtMC40LDEwLjEtMC42Yy0xLjEsMy43LTIuMSw3LjUtMy4xLDExLjZoMC43CgkJYzEtNC4xLDItNy45LDMuMS0xMS41YzMuMy0wLjEsNi43LTAuMywxMC4xLTAuM2MtMS4xLDMuNS0yLjEsNy40LTMuMSwxMS41aDAuM2gwLjNjMS00LDItNy44LDMuMS0xMS41YzMuNCwwLDYuOCwwLDEwLjEsMAoJCUM0OC4xLDU5LDQ3LjgsNjAsNDcuNSw2MWMwLjEtMC4xLDAuNC0wLjMsMC42LTAuNGwwLjMtMC4zYzAuMS0wLjcsMC40LTEuNCwwLjYtMi4xaDEuNGMwLjEtMC4xLDAuMy0wLjQsMC40LTAuNkg0OQoJCWMxLjEtMy43LDIuMy03LjIsMy40LTEwLjVsMy4xLDAuMWMwLjEtMC4xLDAuMy0wLjQsMC42LTAuNmMtMS4xLDAtMi4zLTAuMS0zLjQtMC4xYzEuNC0zLjcsMi43LTcuMiw0LjEtMTAuNQoJCWMyLjgsMCw1LjUsMC4xLDguMiwwLjNjMC4zLTAuMSwwLjYtMC4zLDAuOS0wLjRjMC4xLDAsMC4xLTAuMSwwLjMtMC4xYy0yLjgtMC4xLTYtMC4zLTguOS0wLjRjMS43LTMuOCwzLjQtNy40LDUtMTAuNQoJCWMxLjYsMCwzLjEsMC4xLDQuNywwLjFsLTAuMS0wLjNsLTAuMS0wLjNjLTEuNCwwLTIuNy0wLjEtNC4zLTAuMWMwLjctMS4xLDEuMy0yLjQsMS44LTMuNGMtMC4xLTAuMS0wLjEtMC4xLTAuMy0wLjNsLTAuMS0wLjMKCQljLTAuNywxLjMtMS40LDIuNi0yLjEsNGMtMy40LDAtNi44LDAtMTAuMSwwYzIuMS00LjMsNC4zLTcuNyw2LjEtMTAuNUg2MHYtMC4xYzAtMC4xLDAtMC4zLTAuMS0wLjRINThjMC4zLTAuNiwwLjctMSwxLTEuNgoJCWMtMC4xLTAuMS0wLjMtMC40LTAuNC0wLjZjLTAuNCwwLjctMC45LDEuMy0xLjQsMi4xYy0zLjQsMC02LjgsMC4xLTkuOSwwLjNjMS44LTMsNC01LjcsNi4yLTguNGgtMC45Yy0yLjMsMi42LTQuMyw1LjQtNi4xLDguMgoJCWMtMy43LDAuMS03LjEsMC4zLTkuOSwwLjZjMS44LTMsNC01LjcsNi4yLTguNEg0MmMtMi4zLDIuNy00LjMsNS40LTYuMSw4LjRjLTQuNSwwLjMtNy44LDAuNi05LjEsMC43Yy0wLjEsMC4xLTAuMywwLjQtMC40LDAuNwoJCWMwLjYsMCw0LTAuMyw5LjEtMC43Yy0xLjgsMi44LTMuOCw2LjItNi4xLDEwLjVjLTQuNSwwLjMtNy44LDAuNi04LjksMC43bC0wLjMsMC43YzAuNywwLDQuMS0wLjMsOC45LTAuN2MtMS42LDMuMS0zLjMsNi41LTUsMTAuNAoJCWMtNC4zLDAuMy03LjUsMC42LTguOCwwLjdMMTUsMzcuNWMxLjEtMC4xLDQuNC0wLjQsOC44LTAuN2MtMS40LDMuMy0yLjgsNi43LTQuMSwxMC41Yy00LjEsMC4zLTcuNCwwLjQtOC40LDAuNkwxMSw0OC40CgkJYzAuNywwLDQtMC4zLDguOC0wLjdjLTEuMSwzLjMtMi4zLDYuOC0zLjQsMTAuNWMtNC40LDAuMy03LjcsMC42LTguNywwLjZjMCwwLjEtMC4xLDAuNC0wLjEsMC42YzAuNywwLDQtMC4zLDguNy0wLjcKCQlDMTUsNjIuNiwxNCw2Ni40LDEzLDcwLjZ6IE0zNy44LDU3LjNjLTMuNSwwLTcsMC4xLTEwLjEsMC4zYzEuMS0zLjcsMi4zLTcuMSwzLjQtMTAuNWMzLjMtMC4xLDYuNy0wLjMsMTAuMS0wLjMKCQlDNDAuMSw1MC4xLDM5LDUzLjYsMzcuOCw1Ny4zeiBNNDUuNiwzNS43Yy0xLjQsMy4zLTIuNyw2LjctNC4xLDEwLjVjLTMuNSwwLTcsMC4xLTEwLjEsMC4zYzEuNC0zLjcsMi43LTcuMiw0LjMtMTAuNQoJCUMzOC43LDM1LjksNDIuMSwzNS45LDQ1LjYsMzUuN3ogTTM1LjksMzUuNWMxLjctMy44LDMuNC03LjQsNS0xMC41YzMuMS0wLjEsNi41LTAuMywxMC4xLTAuM2MtMS42LDMuMS0zLjMsNi41LTUsMTAuNQoJCUM0Mi40LDM1LjIsMzksMzUuMywzNS45LDM1LjV6IE00OC42LDU3LjNjLTMuNCwwLTYuOCwwLTEwLjEsMGMxLjEtMy43LDIuMy03LjIsMy40LTEwLjVjMy40LDAsNi44LDAsMTAuMSwwCgkJQzUwLjksNTAuMSw0OS44LDUzLjYsNDguNiw1Ny4zeiBNNTIuMyw0Ni4yYy0zLjQsMC02LjgsMC0xMC4xLDBjMS40LTMuNywyLjctNy4yLDQuMS0xMC41YzMuNCwwLDYuNywwLDEwLjEsMAoJCUM1NSwzOSw1My43LDQyLjYsNTIuMyw0Ni4yeiBNNjEuNSwyNC43Yy0xLjYsMy4xLTMuMyw2LjUtNSwxMC41Yy0zLjQsMC02LjgsMC0xMC4xLDBjMS43LTMuOCwzLjQtNy40LDUtMTAuNQoJCUM1NC45LDI0LjcsNTguMywyNC43LDYxLjUsMjQuN0w2MS41LDI0Ljd6IE00Ny4yLDE0YzMuMS0wLjEsNi41LTAuMyw5LjktMC4zYy0xLjgsMi44LTMuOCw2LjItNiwxMC41Yy0zLjQsMC02LjgsMC4xLTEwLjEsMC4zCgkJQzQzLjIsMjAuMyw0NS40LDE2LjcsNDcuMiwxNHogTTM2LjQsMTQuNmMyLjgtMC4xLDYuMi0wLjQsOS45LTAuNmMtMS44LDIuOC0zLjgsNi4yLTYuMSwxMC41Yy0zLjcsMC4xLTcuMSwwLjMtMTAuMSwwLjYKCQlDMzIuNiwyMC45LDM0LjYsMTcuMywzNi40LDE0LjZ6IE0zMCwyNS41YzMtMC4xLDYuNC0wLjQsMTAuMS0wLjZjLTEuNiwzLjEtMy4zLDYuNS01LDEwLjVjLTMuNywwLjEtNy4xLDAuMy0xMC4xLDAuNgoJCUMyNi44LDMyLjIsMjguMywyOC43LDMwLDI1LjV6IE0yNC44LDM2LjZjMy0wLjEsNi40LTAuNCwxMC4xLTAuNmMtMS40LDMuMy0yLjcsNi43LTQuMSwxMC41Yy0zLjcsMC4xLTcuMiwwLjMtMTAuMSwwLjYKCQlDMjIsNDMuMywyMy40LDM5LjksMjQuOCwzNi42eiBNMjAuNCw0Ny43YzMtMC4xLDYuNC0wLjQsMTAuMS0wLjZjLTEuMSwzLjMtMi4zLDYuOC0zLjQsMTAuNGMtMy43LDAuMS03LjIsMC4zLTEwLjEsMC42CgkJQzE4LjEsNTQuNSwxOS4zLDUwLjksMjAuNCw0Ny43eiIvPgoKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjYxLjU3OTkiIHkxPSI5NjguNDMxIiB4Mj0iNjUuMzkwOSIgeTI9Ijk3NS40NjY2IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAtOTI2LjExMDIpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZGNzk5O3N0b3Atb3BhY2l0eTowLjkiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRjhBMztzdG9wLW9wYWNpdHk6MC4xIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik02My43LDQ2LjdjMC43LTIuMSwxLjYtNC4zLDIuNC02LjJjLTAuMS0wLjEtMC4zLTAuMy0wLjYtMC4zYy0wLjksMi4xLTEuNyw0LjMtMi40LDYuNAoJCWMtMS42LTAuMS0zLjEtMC4xLTQuOC0wLjNjMCwwLjQsMC40LDAuNiwwLjksMC43YzEuMywwLDIuNiwwLjEsMy43LDAuMWwtMC40LDEuMWgwLjFjMC4xLTAuMSwwLjQtMC4xLDAuNy0wLjFsMC4zLTAuNwoJCWMxLjcsMC4xLDMuMywwLjMsNSwwLjRjMC4xLTAuMSwwLjMtMC40LDAuNC0wLjZDNjcuMSw0Nyw2NS40LDQ2LjgsNjMuNyw0Ni43eiIvPgo8L2c+Cjwvc3ZnPg==';
 
+function useDeprecatedWarning(componentName) {
+    React.useEffect(function () {
+        if (window.location.hostname.includes('localhost')) {
+            console.warn("".concat(componentName, " will be deprecated in future versions of Lui. Please see the 'Current Deprecations' page in Lui docs."));
+        }
+    }, []);
+}
+
 /**
  * A hook which allows you to register a handler when the escape key is pressed
  *
@@ -15789,11 +15922,21 @@ var useEscapeFunction = function (onEscape, trigger, elRef) {
  * A hook which allows handling of click event anywhere on the page.
  * Provides a way of handling clicks done inside or outside the element bound to the returned react ref.
  *
+ * @deprecated
+ * This hook is deprecated. It's no longer supported and will be removed in future version.
+ *
+ * For click inside element handling, consider attaching an `onClick` handler directly onto the element.
+ *
+ * For click outside element handling, consider using the `useClickedOutsideElement` hook instead.
+ *
+ * For click anywhere (both inside and outside) handling, consider attaching an `onClick` handler directly onto the document.
+ *
  * @param onClickInsideArg handler for mouse clicks inside the element
  * @param onClickOutsideArg handler for mouse clicks outside the element
  * @return a react ref which can be bound to an html element
  */
 var usePageClickFunction = function (onClickInsideArg, onClickOutsideArg) {
+    useDeprecatedWarning('usePageClickFunction');
     var elementRef = React.useRef(null);
     var onClickInside = React.useCallback(onClickInsideArg, [onClickInsideArg]);
     var onClickOutside = React.useCallback(onClickOutsideArg, [onClickOutsideArg]);
@@ -15858,14 +16001,6 @@ var buildHideClassDict = function (_a) {
     };
 };
 
-function useDeprecatedWarning(componentName) {
-    React.useEffect(function () {
-        if (window.location.hostname.includes('localhost')) {
-            console.warn("".concat(componentName, " will be deprecated in future versions of Lui. Please see the 'Current Deprecations' page in Lui docs."));
-        }
-    }, []);
-}
-
 /**
  * @deprecated: this is replaced by LuiHeaderV2
  */
@@ -18652,10 +18787,18 @@ var LuiSearchInput = function (props) {
     }, [typedValue]);
     var cancelIcon = typedValue !== '' ? (React__default["default"].createElement(LuiIcon, { alt: "clear", name: "ic_cancel_clear", size: "md", className: 'LuiSearchInput-iconPosition', spanProps: {
             onClick: function () {
-                var _a;
+                var _a, _b, _c;
+                var canClearInternally = (_a = props.isClearable) !== null && _a !== void 0 ? _a : true;
+                if (!canClearInternally) {
+                    // Parent (e.g. unsaved-changes flow) will decide when
+                    // input gets cleared. We only signal the intent.
+                    (_b = props.onClearCallback) === null || _b === void 0 ? void 0 : _b.call(props);
+                    return;
+                }
+                // Default behaviour: clear input + results, and notify parent
                 setInputValue('');
-                (_a = props.onClearCallback) === null || _a === void 0 ? void 0 : _a.call(props);
                 setResults([]);
+                (_c = props.onClearCallback) === null || _c === void 0 ? void 0 : _c.call(props);
             }
         } })) : null;
     var searchIcon = props.externalSearch ? (React__default["default"].createElement(LuiIcon, { className: "LuiSearchInput-startIconPosition ".concat(typedValue ? 'LuiSearchInput-startIconPosition-enabled' : ''), name: "ic_create", size: "md", alt: "edit", spanProps: { onClick: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } } })) : (React__default["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(); } } }));
@@ -41326,6 +41469,9 @@ exports.Drawer = Drawer;
 exports.DrawerGlobal = DrawerGlobal;
 exports.DrawerGlobalContext = DrawerGlobalContext;
 exports.DrawerGlobalProvider = DrawerGlobalProvider;
+exports.LinzFreeTextFilter = LinzFreeTextFilter;
+exports.LinzFreeTextFilterConvertOnly = LinzFreeTextFilterConvertOnly;
+exports.LinzFreeTextValidator = LinzFreeTextValidator;
 exports.LuiAccordicard = LuiAccordicard;
 exports.LuiAccordicardStatic = LuiAccordicardStatic;
 exports.LuiAccordion = LuiAccordion;
@@ -41368,6 +41514,7 @@ exports.LuiErrorPage = LuiErrorPage;
 exports.LuiErrorPanel = LuiErrorPanel;
 exports.LuiExpandableBanner = LuiExpandableBanner;
 exports.LuiFileInputBox = LuiFileInputBox;
+exports.LuiFilterCharactersProvider = LuiFilterCharactersProvider;
 exports.LuiFilterContainer = LuiFilterContainer;
 exports.LuiFilterMenu = LuiFilterMenu;
 exports.LuiFooter = LuiFooter;
@@ -41438,6 +41585,7 @@ exports.isChromatic = isChromatic;
 exports.useClickedOutsideElement = useClickedOutsideElement;
 exports.useDrawerGlobalContext = useDrawerGlobalContext;
 exports.useEscapeFunction = useEscapeFunction;
+exports.useFilterCharacters = useFilterCharacters;
 exports.useLuiCloseableHeaderMenuContextV2 = useLuiCloseableHeaderMenuContextV2;
 exports.useMediaQuery = useMediaQuery;
 exports.usePageClickFunction = usePageClickFunction;