@xh/hoist 70.0.0-SNAPSHOT.1731694945674 → 70.0.0-SNAPSHOT.1731695078472

package/CHANGELOG.md

@@ -56,6 +56,8 @@
   of the model.
 * Expanded the `JsonBlob` interface to include additional properties present on all blobs.
 * Corrected `DashViewSpec.title` to be optional - it can be defaulted from the `id`.
+* Corrected the return type for `SelectProps.loadingMessageFn` and `noOptionsMessageFn` to return
+  `ReactNode` vs `string`. The component supports rendering richer content via these options.
 
 ## 69.1.0 - 2024-11-07
 

package/build/types/desktop/cmp/input/Select.d.ts

@@ -72,7 +72,7 @@ export interface SelectProps extends HoistProps, HoistInputProps, LayoutProps {
     /** Icon to display inline on the left side of the input. */
     leftIcon?: ReactElement;
     /** Function to return loading message during an async query. Passed current query input. */
-    loadingMessageFn?: (query: string) => string;
+    loadingMessageFn?: (query: string) => ReactNode;
     /** Maximum height of the menu before scrolling. Defaults to 300px. */
     maxMenuHeight?: number;
     /** Placement of the dropdown menu relative to the input control. */
@@ -80,7 +80,7 @@ export interface SelectProps extends HoistProps, HoistInputProps, LayoutProps {
     /** Width in pixels for the dropdown menu - if unspecified, defaults to control width. */
     menuWidth?: number;
     /** Function to return message indicating no options loaded. Passed current query input. */
-    noOptionsMessageFn?: (query: string) => string;
+    noOptionsMessageFn?: (query: string) => ReactNode;
     /** True to auto-open the dropdown menu on input focus. */
     openMenuOnFocus?: boolean;
     /**
@@ -88,7 +88,7 @@ export interface SelectProps extends HoistProps, HoistInputProps, LayoutProps {
      * will contain at minimum a value and label field, as well as any other fields present in
      * the source objects).
      */
-    optionRenderer?: (SelectOption: any) => ReactNode;
+    optionRenderer?: (opt: SelectOption) => ReactNode;
     /**
      * Preset list of options for selection. Elements can be either a primitive or an object.
      * Primitives will be displayed via toString().

package/desktop/cmp/input/Select.ts

@@ -123,7 +123,7 @@ export interface SelectProps extends HoistProps, HoistInputProps, LayoutProps {
     leftIcon?: ReactElement;
 
     /** Function to return loading message during an async query. Passed current query input. */
-    loadingMessageFn?: (query: string) => string;
+    loadingMessageFn?: (query: string) => ReactNode;
 
     /** Maximum height of the menu before scrolling. Defaults to 300px. */
     maxMenuHeight?: number;
@@ -135,7 +135,7 @@ export interface SelectProps extends HoistProps, HoistInputProps, LayoutProps {
     menuWidth?: number;
 
     /** Function to return message indicating no options loaded. Passed current query input. */
-    noOptionsMessageFn?: (query: string) => string;
+    noOptionsMessageFn?: (query: string) => ReactNode;
 
     /** True to auto-open the dropdown menu on input focus. */
     openMenuOnFocus?: boolean;
@@ -145,7 +145,7 @@ export interface SelectProps extends HoistProps, HoistInputProps, LayoutProps {
      * will contain at minimum a value and label field, as well as any other fields present in
      * the source objects).
      */
-    optionRenderer?: (SelectOption) => ReactNode;
+    optionRenderer?: (opt: SelectOption) => ReactNode;
 
     /**
      * Preset list of options for selection. Elements can be either a primitive or an object.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "70.0.0-SNAPSHOT.1731694945674",
+  "version": "70.0.0-SNAPSHOT.1731695078472",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": "github:xh/hoist-react",
   "homepage": "https://xh.io",