@homebound/beam 4.53.0 → 4.54.0

package/dist/index.d.cts

@@ -309,7 +309,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get bcBlack(): CssBuilder<T & {
         borderColor: csstype.Property.BorderColor | undefined;
     }, S>;
-    /** Sets `borderColor: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `borderColor: "rgba(250, 250, 250, 1)"`. */
     get bcGray50(): CssBuilder<T & {
         borderColor: csstype.Property.BorderColor | undefined;
     }, S>;
@@ -2263,7 +2263,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get black(): CssBuilder<T & {
         color: csstype.Property.Color | undefined;
     }, S>;
-    /** Sets `color: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `color: "rgba(250, 250, 250, 1)"`. */
     get gray50(): CssBuilder<T & {
         color: csstype.Property.Color | undefined;
     }, S>;
@@ -2559,7 +2559,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get bgBlack(): CssBuilder<T & {
         backgroundColor: csstype.Property.BackgroundColor | undefined;
     }, S>;
-    /** Sets `backgroundColor: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `backgroundColor: "rgba(250, 250, 250, 1)"`. */
     get bgGray50(): CssBuilder<T & {
         backgroundColor: csstype.Property.BackgroundColor | undefined;
     }, S>;
@@ -2855,7 +2855,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get fBlack(): CssBuilder<T & {
         fill: csstype.Property.Fill | undefined;
     }, S>;
-    /** Sets `fill: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `fill: "rgba(250, 250, 250, 1)"`. */
     get fGray50(): CssBuilder<T & {
         fill: csstype.Property.Fill | undefined;
     }, S>;
@@ -4945,7 +4945,7 @@ declare enum Palette {
     White = "rgba(255, 255, 255, 1)",
     Transparent = "rgba(0,0,0,0)",
     Black = "rgba(0, 0, 0, 1)",
-    Gray50 = "rgba(255, 253, 253, 1)",
+    Gray50 = "rgba(250, 250, 250, 1)",
     Gray100 = "rgba(247, 245, 245, 1)",
     Gray200 = "rgba(236, 235, 235, 1)",
     Gray300 = "rgba(221, 220, 220, 1)",
@@ -8376,7 +8376,7 @@ declare function ModalFilterItem({ label, children }: {
  */
 type Value = string | number | null | undefined | boolean;
 
-interface FilterProps<F extends Record<string, unknown>, G extends Value = string> {
+type FilterProps<F extends Record<string, unknown>, G extends Value = string> = {
     /** List of filters */
     filterDefs: FilterDefs<F>;
     /** The current filter value. */
@@ -8398,7 +8398,7 @@ interface FilterProps<F extends Record<string, unknown>, G extends Value = strin
     vertical?: boolean;
     /** Specifies the number of in line filters before more filters modal  */
     numberOfInlineFilters?: number;
-}
+};
 declare function Filters<F extends Record<string, unknown>, G extends Value = string>(props: FilterProps<F, G>): React$1.JSX.Element;
 declare const _Filters: typeof Filters;
 
@@ -8732,6 +8732,8 @@ type MenuSelectFieldBaseProps<O, V extends Value> = {
     getOptionMenuLabel?: (opt: O) => ReactNode;
     /** Extra text the menu search matches, in addition to `getOptionLabel`. */
     getOptionSearchText?: (opt: O) => string | readonly string[];
+    /** Debounced menu search text. The caller replaces `options` and should keep the current selection in that list. Closing calls this with `""`. */
+    onSearch?: (search: string) => void;
     disabledOptions?: (V | {
         value: V;
         reason: string;
@@ -8766,7 +8768,7 @@ type MenuMultiSelectFieldProps<O, V extends Value> = MenuSelectFieldBaseProps<O,
     proposedValues?: V[];
     onSelect: (values: V[], opts: O[]) => void;
 };
-/** Menu select that toggles several values and shows a count badge instead of the value. See `MenuMultiSelectField.mdx`. */
+/** Menu select that toggles several values and shows a count badge instead of the value. Search is included when the list is longer than `searchOptionLimit`, or when `onSearch` is set. See `MenuMultiSelectField.mdx`. */
 declare function MenuMultiSelectField<O, V extends Value>(props: MenuMultiSelectFieldProps<O, V>): JSX.Element;
 
 type BoundMenuMultiSelectFieldProps<O, V extends Value> = Omit<MenuMultiSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
@@ -10827,7 +10829,7 @@ type DateRangeFilterValue<O extends string> = {
 };
 declare function dateRangeFilter<O extends string>(props: DateRangeFilterProps<O>): (key: string) => Filter<DateRangeFilterValue<O>>;
 
-type MultiFilterProps<O, V extends Value> = Omit<MultiSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
+type MultiFilterProps<O, V extends Value> = Omit<MenuMultiSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
     defaultValue?: V[];
     label?: string;
 };
@@ -10845,20 +10847,18 @@ type NumberRangeFilterValue = {
 };
 declare function numberRangeFilter(props: NumberRangeFilterProps<NumberRangeFilterValue>): (key: string) => Filter<NumberRangeFilterValue>;
 
-type SingleFilterProps<O, V extends Value> = Omit<SelectFieldProps<O, V>, "value" | "onSelect" | "label"> & {
+type SingleFilterProps<O, V extends Value> = Omit<MenuSelectFieldProps<O, V>, "value" | "onSelect" | "label"> & {
     defaultValue?: V;
     label?: string;
 };
 declare function singleFilter<O, V extends Value>(props: SingleFilterProps<O, V>): (key: string) => Filter<V>;
 
-type TreeFilterProps<O, V extends Value> = Omit<TreeSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
+type TreeFilterProps<O, V extends Value> = Omit<MenuTreeSelectFieldProps<O, V>, "values" | "onSelect" | "label" | "selectionDisplay"> & {
     defaultValue?: V[];
     label?: string;
-    /** Defines which of the tree values to use in the filter - "root", "leaf", or "all"
-     * @default "root" */
-    filterBy?: TreeFilterBy;
+    /** Which selected values the filter stores: `"root"`, `"leaf"`, or `"all"`. @default "root" */
+    filterBy?: TreeSelectionDisplay;
 };
-type TreeFilterBy = keyof TreeSelectResponse<any, any>;
 declare function treeFilter<O, V extends Value>(props: TreeFilterProps<O, V>): (key: string) => Filter<V[]>;
 
 /**
@@ -11977,7 +11977,7 @@ type ErrorMessageProps = {
  */
 declare function ErrorMessage(props: ErrorMessageProps): React$1.JSX.Element;
 
-/** Select whose trigger shows the value and opens a menu. Search is included when the list is longer than `searchOptionLimit`. See `MenuSelectField.mdx`. */
+/** Select whose trigger shows the value and opens a menu. Search is included when the list is longer than `searchOptionLimit`, or when `onSearch` is set. See `MenuSelectField.mdx`. */
 declare function MenuSelectField<O, V extends Value>(props: MenuSelectFieldProps<O, V>): JSX.Element;
 
 type ToggleButtonProps = {

package/dist/index.d.ts

@@ -309,7 +309,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get bcBlack(): CssBuilder<T & {
         borderColor: csstype.Property.BorderColor | undefined;
     }, S>;
-    /** Sets `borderColor: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `borderColor: "rgba(250, 250, 250, 1)"`. */
     get bcGray50(): CssBuilder<T & {
         borderColor: csstype.Property.BorderColor | undefined;
     }, S>;
@@ -2263,7 +2263,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get black(): CssBuilder<T & {
         color: csstype.Property.Color | undefined;
     }, S>;
-    /** Sets `color: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `color: "rgba(250, 250, 250, 1)"`. */
     get gray50(): CssBuilder<T & {
         color: csstype.Property.Color | undefined;
     }, S>;
@@ -2559,7 +2559,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get bgBlack(): CssBuilder<T & {
         backgroundColor: csstype.Property.BackgroundColor | undefined;
     }, S>;
-    /** Sets `backgroundColor: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `backgroundColor: "rgba(250, 250, 250, 1)"`. */
     get bgGray50(): CssBuilder<T & {
         backgroundColor: csstype.Property.BackgroundColor | undefined;
     }, S>;
@@ -2855,7 +2855,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get fBlack(): CssBuilder<T & {
         fill: csstype.Property.Fill | undefined;
     }, S>;
-    /** Sets `fill: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `fill: "rgba(250, 250, 250, 1)"`. */
     get fGray50(): CssBuilder<T & {
         fill: csstype.Property.Fill | undefined;
     }, S>;
@@ -4945,7 +4945,7 @@ declare enum Palette {
     White = "rgba(255, 255, 255, 1)",
     Transparent = "rgba(0,0,0,0)",
     Black = "rgba(0, 0, 0, 1)",
-    Gray50 = "rgba(255, 253, 253, 1)",
+    Gray50 = "rgba(250, 250, 250, 1)",
     Gray100 = "rgba(247, 245, 245, 1)",
     Gray200 = "rgba(236, 235, 235, 1)",
     Gray300 = "rgba(221, 220, 220, 1)",
@@ -8376,7 +8376,7 @@ declare function ModalFilterItem({ label, children }: {
  */
 type Value = string | number | null | undefined | boolean;
 
-interface FilterProps<F extends Record<string, unknown>, G extends Value = string> {
+type FilterProps<F extends Record<string, unknown>, G extends Value = string> = {
     /** List of filters */
     filterDefs: FilterDefs<F>;
     /** The current filter value. */
@@ -8398,7 +8398,7 @@ interface FilterProps<F extends Record<string, unknown>, G extends Value = strin
     vertical?: boolean;
     /** Specifies the number of in line filters before more filters modal  */
     numberOfInlineFilters?: number;
-}
+};
 declare function Filters<F extends Record<string, unknown>, G extends Value = string>(props: FilterProps<F, G>): React$1.JSX.Element;
 declare const _Filters: typeof Filters;
 
@@ -8732,6 +8732,8 @@ type MenuSelectFieldBaseProps<O, V extends Value> = {
     getOptionMenuLabel?: (opt: O) => ReactNode;
     /** Extra text the menu search matches, in addition to `getOptionLabel`. */
     getOptionSearchText?: (opt: O) => string | readonly string[];
+    /** Debounced menu search text. The caller replaces `options` and should keep the current selection in that list. Closing calls this with `""`. */
+    onSearch?: (search: string) => void;
     disabledOptions?: (V | {
         value: V;
         reason: string;
@@ -8766,7 +8768,7 @@ type MenuMultiSelectFieldProps<O, V extends Value> = MenuSelectFieldBaseProps<O,
     proposedValues?: V[];
     onSelect: (values: V[], opts: O[]) => void;
 };
-/** Menu select that toggles several values and shows a count badge instead of the value. See `MenuMultiSelectField.mdx`. */
+/** Menu select that toggles several values and shows a count badge instead of the value. Search is included when the list is longer than `searchOptionLimit`, or when `onSearch` is set. See `MenuMultiSelectField.mdx`. */
 declare function MenuMultiSelectField<O, V extends Value>(props: MenuMultiSelectFieldProps<O, V>): JSX.Element;
 
 type BoundMenuMultiSelectFieldProps<O, V extends Value> = Omit<MenuMultiSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
@@ -10827,7 +10829,7 @@ type DateRangeFilterValue<O extends string> = {
 };
 declare function dateRangeFilter<O extends string>(props: DateRangeFilterProps<O>): (key: string) => Filter<DateRangeFilterValue<O>>;
 
-type MultiFilterProps<O, V extends Value> = Omit<MultiSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
+type MultiFilterProps<O, V extends Value> = Omit<MenuMultiSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
     defaultValue?: V[];
     label?: string;
 };
@@ -10845,20 +10847,18 @@ type NumberRangeFilterValue = {
 };
 declare function numberRangeFilter(props: NumberRangeFilterProps<NumberRangeFilterValue>): (key: string) => Filter<NumberRangeFilterValue>;
 
-type SingleFilterProps<O, V extends Value> = Omit<SelectFieldProps<O, V>, "value" | "onSelect" | "label"> & {
+type SingleFilterProps<O, V extends Value> = Omit<MenuSelectFieldProps<O, V>, "value" | "onSelect" | "label"> & {
     defaultValue?: V;
     label?: string;
 };
 declare function singleFilter<O, V extends Value>(props: SingleFilterProps<O, V>): (key: string) => Filter<V>;
 
-type TreeFilterProps<O, V extends Value> = Omit<TreeSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
+type TreeFilterProps<O, V extends Value> = Omit<MenuTreeSelectFieldProps<O, V>, "values" | "onSelect" | "label" | "selectionDisplay"> & {
     defaultValue?: V[];
     label?: string;
-    /** Defines which of the tree values to use in the filter - "root", "leaf", or "all"
-     * @default "root" */
-    filterBy?: TreeFilterBy;
+    /** Which selected values the filter stores: `"root"`, `"leaf"`, or `"all"`. @default "root" */
+    filterBy?: TreeSelectionDisplay;
 };
-type TreeFilterBy = keyof TreeSelectResponse<any, any>;
 declare function treeFilter<O, V extends Value>(props: TreeFilterProps<O, V>): (key: string) => Filter<V[]>;
 
 /**
@@ -11977,7 +11977,7 @@ type ErrorMessageProps = {
  */
 declare function ErrorMessage(props: ErrorMessageProps): React$1.JSX.Element;
 
-/** Select whose trigger shows the value and opens a menu. Search is included when the list is longer than `searchOptionLimit`. See `MenuSelectField.mdx`. */
+/** Select whose trigger shows the value and opens a menu. Search is included when the list is longer than `searchOptionLimit`, or when `onSearch` is set. See `MenuSelectField.mdx`. */
 declare function MenuSelectField<O, V extends Value>(props: MenuSelectFieldProps<O, V>): JSX.Element;
 
 type ToggleButtonProps = {