@homebound/beam 2.269.0 → 2.270.0

package/dist/inputs/Autocomplete.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 import { PresentationFieldProps } from "../components/PresentationContext";
 import { TextFieldBaseProps } from "./TextFieldBase";
+import { Value } from "./Value";
 interface AutocompleteProps<T> extends Pick<PresentationFieldProps, "labelStyle">, Pick<TextFieldBaseProps<any>, "label" | "clearable" | "startAdornment"> {
     onSelect: (item: T) => void;
     /** A function that returns how to render the an option in the menu. If not set, `getOptionLabel` will be used */
@@ -19,6 +20,11 @@ interface AutocompleteProps<T> extends Pick<PresentationFieldProps, "labelStyle"
     placeholder?: string;
     /** Whether the input is disabled */
     disabled?: boolean;
+    /** A list of options that are disabled. Can be either the option itself or an object with the option and a reason why it is disabled */
+    disabledOptions?: (Value | {
+        value: Value;
+        reason: string;
+    })[];
 }
 export declare function Autocomplete<T extends object>(props: AutocompleteProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/inputs/Autocomplete.js

@@ -7,14 +7,17 @@ const react_aria_1 = require("react-aria");
 const react_stately_1 = require("react-stately");
 const components_1 = require("../components");
 const internal_1 = require("../components/internal");
+const ComboBoxBase_1 = require("./internal/ComboBoxBase");
 const ListBox_1 = require("./internal/ListBox");
 const TextFieldBase_1 = require("./TextFieldBase");
 const Value_1 = require("./Value");
 function Autocomplete(props) {
-    var _a;
-    const { onSelect, getOptionLabel, getOptionValue, getOptionMenuLabel, onInputChange, value, options, disabled, ...others } = props;
+    var _a, _b;
+    const { onSelect, getOptionLabel, getOptionValue, getOptionMenuLabel, onInputChange, value, options, disabled, disabledOptions, ...others } = props;
+    const disabledOptionsWithReasons = Object.fromEntries((_a = disabledOptions === null || disabledOptions === void 0 ? void 0 : disabledOptions.map(ComboBoxBase_1.disabledOptionToKeyedTuple)) !== null && _a !== void 0 ? _a : []);
     const comboBoxProps = {
         isDisabled: !!disabled,
+        disabledKeys: Object.keys(disabledOptionsWithReasons),
         onInputChange: onInputChange,
         inputValue: value,
         items: options,
@@ -54,12 +57,12 @@ function Autocomplete(props) {
     });
     positionProps.style = {
         ...positionProps.style,
-        width: (_a = inputWrapRef === null || inputWrapRef === void 0 ? void 0 : inputWrapRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth,
+        width: (_b = inputWrapRef === null || inputWrapRef === void 0 ? void 0 : inputWrapRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth,
         // Ensures the menu never gets too small.
         minWidth: 200,
     };
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextFieldBase_1.TextFieldBase, { inputRef: inputRef, inputWrapRef: inputWrapRef, inputProps: inputProps, labelProps: labelProps, onChange: onInputChange, clearable: true, 
                 // Respect if caller to passes in `startAdornment={undefined}`
-                startAdornment: "startAdornment" in props ? props.startAdornment : (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "search" }), ...others }), state.isOpen && ((0, jsx_runtime_1.jsx)(internal_1.Popover, { triggerRef: inputRef, popoverRef: popoverRef, positionProps: positionProps, onClose: () => state.close(), isOpen: state.isOpen, minWidth: 200, children: (0, jsx_runtime_1.jsx)(ListBox_1.ListBox, { ...listBoxProps, positionProps: positionProps, state: state, listBoxRef: listBoxRef, getOptionValue: (o) => (0, Value_1.valueToKey)(getOptionValue(o)), getOptionLabel: getOptionLabel }) }))] }));
+                startAdornment: "startAdornment" in props ? props.startAdornment : (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "search" }), ...others }), state.isOpen && ((0, jsx_runtime_1.jsx)(internal_1.Popover, { triggerRef: inputRef, popoverRef: popoverRef, positionProps: positionProps, onClose: () => state.close(), isOpen: state.isOpen, minWidth: 200, children: (0, jsx_runtime_1.jsx)(ListBox_1.ListBox, { ...listBoxProps, positionProps: positionProps, state: state, listBoxRef: listBoxRef, getOptionValue: (o) => (0, Value_1.valueToKey)(getOptionValue(o)), getOptionLabel: getOptionLabel, disabledOptionsWithReasons: disabledOptionsWithReasons }) }))] }));
 }
 exports.Autocomplete = Autocomplete;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.269.0",
+  "version": "2.270.0",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",