@linzjs/lui 21.53.3 → 21.54.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [21.54.0](https://github.com/linz/lui/compare/v21.53.4...v21.54.0) (2024-11-21)
+
+
+### Features
+
+* Add className to LuiSelectInput props ([#1175](https://github.com/linz/lui/issues/1175)) ([b9ddacd](https://github.com/linz/lui/commit/b9ddacdd69c3291fb4c93c43afe05345d61d4ac5))
+
+## [21.53.4](https://github.com/linz/lui/compare/v21.53.3...v21.53.4) (2024-11-20)
+
+
+### Bug Fixes
+
+* Missing useCallback on LuiMessagingContextProvider showMessage ([#1173](https://github.com/linz/lui/issues/1173)) ([50f95c0](https://github.com/linz/lui/commit/50f95c0cc4485e1a94951fd29823a34d31a3c0db))
+
 ## [21.53.3](https://github.com/linz/lui/compare/v21.53.2...v21.53.3) (2024-11-20)
 
 

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

@@ -15,5 +15,6 @@ export interface SelectProps {
     selectProps?: DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
     label: JSX.Element | string;
     placeholderText?: string;
+    className?: string;
 }
 export declare const LuiSelectInput: (props: SelectProps) => JSX.Element;

package/dist/components/Toast/Upgrade/index.d.ts

@@ -33,7 +33,7 @@ export declare const LuiMessagingContextProvider: (props: ProviderProps) => JSX.
  * const toaster = useShowLUIMessage();
  * toaster({ message: 'Failed to save', messageType: 'toast', messageLevel: 'error' });
  */
-export declare const useShowLUIMessage: () => (props: import("../../../contexts/LuiMessagingContextProvider").ShowMessageProps) => void;
+export declare const useShowLUIMessage: () => (messageProps: import("../../../contexts/LuiMessagingContextProvider").ShowMessageProps) => void;
 declare type LuiToastMessageProps = ComponentProps<typeof LuiToastMessageOld>;
 export declare const LuiToastMessage: (props: LuiToastMessageProps) => JSX.Element;
 export {};

package/dist/contexts/LuiMessagingContextProvider.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
+import { PropsWithChildren } from 'react';
 export declare type MessageLevel = 'success' | 'info' | 'warning' | 'error';
 export declare type MessageType = 'toast';
 export interface IUIMessagingContext {
-    showMessage: (props: ShowMessageProps) => void;
+    showMessage: (messageProps: ShowMessageProps) => void;
 }
-export declare function useShowLUIMessage(): (props: ShowMessageProps) => void;
+export declare function useShowLUIMessage(): (messageProps: ShowMessageProps) => void;
 export interface ShowMessageProps {
     message: string | JSX.Element;
     messageType: MessageType;
     messageLevel: MessageLevel;
     requireDismiss?: boolean;
 }
-export declare const LuiMessagingContextProvider: React.FC<React.PropsWithChildren<unknown>>;
+export declare const LuiMessagingContextProvider: ({ children, }: PropsWithChildren<unknown>) => JSX.Element;

package/dist/index.js

@@ -31986,7 +31986,7 @@ var extensionsAsHumanReadableList = function (extensions) {
 var LuiSelectInput = function (props) {
     var _a, _b;
     var id = useGenerateOrDefaultId((_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.id);
-    return (React__default["default"].createElement("div", { className: clsx('LuiSelect', ((_b = props.selectProps) === null || _b === void 0 ? void 0 : _b.disabled) ? 'isDisabled' : '', props.error ? 'hasError' : '', props.warning ? 'hasWarning' : '') },
+    return (React__default["default"].createElement("div", { className: clsx('LuiSelect', ((_b = props.selectProps) === null || _b === void 0 ? void 0 : _b.disabled) ? 'isDisabled' : '', props.error ? 'hasError' : '', props.warning ? 'hasWarning' : '', props.className) },
         React__default["default"].createElement("label", { htmlFor: id, className: "LuiSelect-label" },
             props.mandatory && React__default["default"].createElement("span", { className: "LuiSelect-mandatory" }, "*"),
             React__default["default"].createElement("span", { className: clsx('LuiSelect-label-text', props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
@@ -59960,25 +59960,27 @@ var LuiToastMessage$1 = function (_a) {
 };
 
 var UIMessagingContext = React.createContext({
-    // @ts-ignore
-    showMessage: function (props) { }
+    showMessage: function (messageProps) {
+        console.error('No UIMessagingContext.Provider found for showMessage', messageProps);
+    }
 });
 function useShowLUIMessage$1() {
     return React.useContext(UIMessagingContext).showMessage;
 }
-var LuiMessagingContextProvider$1 = function (props) {
-    var _a = React.useState(), _message = _a[0], setMessage = _a[1];
-    var _b = React.useState(), _messageType = _b[0], setMessageType = _b[1];
-    var _c = React.useState('success'), _messageLevel = _c[0], setMessageLevel = _c[1];
-    var _d = React.useState(true), _requireDismiss = _d[0], setRequireDismiss = _d[1];
-    var showMessage = function (props) {
-        setMessage(props.message);
-        setMessageType(props.messageType);
-        setMessageLevel(props.messageLevel);
-        setRequireDismiss(props.requireDismiss === undefined
-            ? props.messageLevel === 'error'
-            : props.requireDismiss);
-    };
+var LuiMessagingContextProvider$1 = function (_a) {
+    var children = _a.children;
+    var _b = React.useState(), _message = _b[0], setMessage = _b[1];
+    var _c = React.useState(), _messageType = _c[0], setMessageType = _c[1];
+    var _d = React.useState('success'), _messageLevel = _d[0], setMessageLevel = _d[1];
+    var _e = React.useState(true), _requireDismiss = _e[0], setRequireDismiss = _e[1];
+    var showMessage = React.useCallback(function (messageProps) {
+        setMessage(messageProps.message);
+        setMessageType(messageProps.messageType);
+        setMessageLevel(messageProps.messageLevel);
+        setRequireDismiss(messageProps.requireDismiss === undefined
+            ? messageProps.messageLevel === 'error'
+            : messageProps.requireDismiss);
+    }, []);
     var renderMessage = function () {
         switch (_messageType) {
             case 'toast':
@@ -59992,7 +59994,7 @@ var LuiMessagingContextProvider$1 = function (props) {
     };
     return (React__default["default"].createElement(UIMessagingContext.Provider, { value: { showMessage: showMessage } },
         _message && renderMessage(),
-        props.children));
+        children));
 };
 
 var LuiToastMessageCompatibleInterface = function (props) {
@@ -60046,9 +60048,9 @@ var getTimeout = function (_a) {
  */
 var useShowLUIMessageCompatibleInterface = function () {
     var t = useToast();
-    return function (props) {
+    return React.useCallback(function (props) {
         return t[props.messageLevel](props.message, { timeout: getTimeout(props) });
-    };
+    }, []);
 };
 
 /**