@homebound/beam 2.377.1 → 2.377.3

package/dist/inputs/RichTextField.js

@@ -24,9 +24,8 @@ require("trix/dist/trix.css");
  * We also integrate [tributejs]{@link https://github.com/zurb/tribute} for @ mentions.
  */
 function RichTextField(props) {
-    var _a;
     const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
-    const { mergeTags, label, value = "", onChange, onBlur = utils_1.noop, onFocus = utils_1.noop, readOnly, fullWidth = (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.fullWidth) !== null && _a !== void 0 ? _a : false, } = props;
+    const { mergeTags, label, value = "", onChange, onBlur = utils_1.noop, onFocus = utils_1.noop, readOnly, fullWidth = fieldProps?.fullWidth ?? false, } = props;
     // We get a reference to the Editor instance after trix-init fires
     const [editor, setEditor] = (0, react_2.useState)();
     const editorElement = (0, react_2.useRef)();
@@ -123,7 +122,7 @@ function attachTributeJs(mergeTags, editorElement) {
         noMatchTemplate: () => `<span style:"visibility: hidden;"></span>`,
         // According to the Tribute Types, `original.value` should always be present.
         // However, we have received errors in DataDog for "Cannot read properties of undefined (reading 'original')", so we're adding some checks.
-        selectTemplate: (item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.original) === null || _a === void 0 ? void 0 : _a.value) ? `<span style="color: ${Css_1.Palette.Blue700};">@${item.original.value}</span>` : ""; },
+        selectTemplate: (item) => item?.original?.value ? `<span style="color: ${Css_1.Palette.Blue700};">@${item.original.value}</span>` : "",
         values,
     });
     // In dev mode, this fails because jsdom doesn't support contentEditable. Note that
@@ -132,7 +131,7 @@ function attachTributeJs(mergeTags, editorElement) {
     try {
         tribute.attach(editorElement);
     }
-    catch (_a) { }
+    catch { }
 }
 const trixCssOverrides = {
     ...Css_1.Css.relative.add({ wordBreak: "break-word" }).br4.bcGray300.ba.$,

package/dist/inputs/RichTextField.mock.d.ts

@@ -1,3 +1,4 @@
 import { RichTextFieldProps } from "./RichTextField";
 /** Mocks out `RichTextField` as a text `<input>` field. */
 export declare function RichTextField(props: RichTextFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RichTextField.mock.d.ts.map

package/dist/inputs/RichTextField.mock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextField.mock.d.ts","sourceRoot":"","sources":["../../src/inputs/RichTextField.mock.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,2DAA2D;AAC3D,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDAmBtD"}

package/dist/inputs/SelectField.d.ts

@@ -21,3 +21,4 @@ export declare function SelectField<O extends HasIdIsh<V> & HasNameIsh, V extend
 export declare function SelectField<O extends HasIdIsh<V>, V extends Value>(props: Optional<SelectFieldProps<O, V>, "getOptionValue">): JSX.Element;
 export declare function SelectField<O extends HasNameIsh, V extends Value>(props: Optional<SelectFieldProps<O, V>, "getOptionLabel">): JSX.Element;
 export declare function SelectField<O, V extends Value>(props: SelectFieldProps<O, V>): JSX.Element;
+//# sourceMappingURL=SelectField.d.ts.map

package/dist/inputs/SelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../src/inputs/SelectField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,WAAmB;AACnC,OAAO,EAAgB,iBAAiB,EAAe,gCAAyC;AAChG,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAkB;AAG3D,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CAClD,SAAQ,IAAI,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAC;IAC5E,uEAAuE;IACvE,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CAC9D;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,EAAE,CAAC,SAAS,KAAK,EAC7E,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,GAC3E,GAAG,CAAC,OAAO,CAAC;AACf,wBAAgB,WAAW,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAChE,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,GACxD,GAAG,CAAC,OAAO,CAAC;AACf,wBAAgB,WAAW,CAAC,CAAC,SAAS,UAAU,EAAE,CAAC,SAAS,KAAK,EAC/D,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,GACxD,GAAG,CAAC,OAAO,CAAC;AACf,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC"}

package/dist/inputs/Switch.d.ts

@@ -31,3 +31,4 @@ export declare const switchFocusStyles: {
 export declare const switchSelectedHoverStyles: {
     backgroundColor: import("csstype").Property.BackgroundColor | undefined;
 };
+//# sourceMappingURL=Switch.d.ts.map

package/dist/inputs/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/inputs/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAS1C,MAAM,WAAW,WAAW;IAC1B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oHAAoH;IACpH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;IAC3E,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,qCAAqC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,oDAqFxC;AAQD,eAAO,MAAM,iBAAiB;;CAAkB,CAAC;AACjD,eAAO,MAAM,iBAAiB;;CAAiB,CAAC;AAChD,eAAO,MAAM,yBAAyB;;CAAkB,CAAC"}

package/dist/inputs/Switch.js

@@ -13,7 +13,7 @@ const Icon_1 = require("../components/Icon");
 const utils_1 = require("../utils");
 function Switch(props) {
     const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
-    const { labelLeftFieldWidth = "50%" } = fieldProps !== null && fieldProps !== void 0 ? fieldProps : {};
+    const { labelLeftFieldWidth = "50%" } = fieldProps ?? {};
     const { selected: isSelected, disabled = false, onChange, withIcon, compact = false, label, labelStyle = "inline", hideLabel = false, ...otherProps } = props;
     const isDisabled = !!disabled;
     const ariaProps = { isSelected, isDisabled, ...otherProps };

package/dist/inputs/SwitchGroup.d.ts

@@ -18,3 +18,4 @@ export interface SwitchGroupProps {
 }
 export declare function SwitchGroup(props: SwitchGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=SwitchGroup.d.ts.map

package/dist/inputs/SwitchGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchGroup.d.ts","sourceRoot":"","sources":["../../src/inputs/SwitchGroup.tsx"],"names":[],"mappings":"AAKA,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,6BAA6B;IAC7B,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,iCAAiC;IACjC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDA0BlD"}

package/dist/inputs/TextAreaField.d.ts

@@ -6,3 +6,4 @@ export interface TextAreaFieldProps<X> extends BeamTextFieldProps<X> {
 }
 /** Returns a <textarea /> element that auto-adjusts height based on the field's value */
 export declare function TextAreaField<X extends Only<TextFieldXss, X>>(props: TextAreaFieldProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextAreaField.d.ts.map

package/dist/inputs/TextAreaField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../src/inputs/TextAreaField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,eAAgB;AAG/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,sBAAuB;AAIlE,MAAM,WAAW,kBAAkB,CAAC,CAAC,CAAE,SAAQ,kBAAkB,CAAC,CAAC,CAAC;IAElE,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,yFAAyF;AACzF,wBAAgB,aAAa,CAAC,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,oDAwD1F"}

package/dist/inputs/TextAreaField.js

@@ -23,12 +23,11 @@ function TextAreaField(props) {
         ...(preventNewLines
             ? {
                 onKeyDown: (e) => {
-                    var _a;
                     // Prevent user from typing the new line character
                     if (e.key === "Enter") {
                         e.preventDefault();
                         (0, utils_1.maybeCall)(onEnter);
-                        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+                        inputRef.current?.blur();
                     }
                 },
                 onInput: (e) => {

package/dist/inputs/TextField.d.ts

@@ -26,3 +26,4 @@ export declare function TextField<X extends Only<TextFieldXss, X>>(props: TextFi
 export type TextFieldApi = {
     focus: VoidFunction;
 };
+//# sourceMappingURL=TextField.d.ts.map

package/dist/inputs/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/inputs/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,IAAI,EAAE,eAAgB;AAE/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,sBAAuB;AAIlE,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,kBAAkB,CAAC,CAAC,CAAC;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,gBAAgB,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,oDA8DlF;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,YAAY,CAAC;CACrB,CAAC"}

package/dist/inputs/TextField.js

@@ -23,10 +23,9 @@ function TextField(props) {
     const { labelProps, inputProps } = (0, react_aria_1.useTextField)({
         ...textFieldProps,
         onKeyDown: (e) => {
-            var _a;
             if (e.key === "Enter") {
                 (0, utils_1.maybeCall)(onEnter);
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+                inputRef.current?.blur();
             }
             else if (e.key === "Escape" && onEscapeBubble) {
                 // Allow closing modals from within text fields...

package/dist/inputs/TextFieldBase.d.ts

@@ -22,3 +22,4 @@ export interface TextFieldBaseProps<X> extends Pick<BeamTextFieldProps<X>, "labe
     selectOnFocus?: boolean;
 }
 export declare function TextFieldBase<X extends Only<TextFieldXss, X>>(props: TextFieldBaseProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextFieldBase.d.ts.map

package/dist/inputs/TextFieldBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldBase.d.ts","sourceRoot":"","sources":["../../src/inputs/TextFieldBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAc,EAGZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,SAAS,EACT,sBAAsB,EAEvB,MAAM,OAAO,CAAC;AAOf,OAAO,EAAO,IAAI,EAAW,eAAgB;AAK7C,OAAO,EAAE,kBAAkB,EAA0B,YAAY,EAAE,sBAAuB;AAI1F,MAAM,WAAW,kBAAkB,CAAC,CAAC,CACnC,SAAQ,IAAI,CACR,kBAAkB,CAAC,CAAC,CAAC,EACnB,OAAO,GACP,UAAU,GACV,UAAU,GACV,gBAAgB,GAChB,QAAQ,GACR,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,SAAS,GACT,YAAY,GACZ,eAAe,GACf,kBAAkB,GAClB,WAAW,GACX,KAAK,GACL,mBAAmB,CACtB,EACD,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACnD,UAAU,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;IAChG,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,mBAAmB,GAAG,IAAI,CAAC,CAAC;IAC3E,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAG/B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAGD,wBAAgB,aAAa,CAAC,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,oDAgT1F"}

package/dist/inputs/TextFieldBase.js

@@ -18,11 +18,10 @@ const defaultTestId_1 = require("../utils/defaultTestId");
 const useTestIds_1 = require("../utils/useTestIds");
 // Used by both TextField and TextArea
 function TextFieldBase(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const { fieldProps, wrap = false } = (0, PresentationContext_1.usePresentationContext)();
-    const { labelLeftFieldWidth = "50%" } = fieldProps !== null && fieldProps !== void 0 ? fieldProps : {};
-    const { label, required, labelProps, inputProps, inputRef, inputWrapRef, groupProps, compact = (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.compact) !== null && _a !== void 0 ? _a : false, errorMsg, helperText, multiline = false, onChange, onBlur, onFocus, xss, endAdornment, startAdornment, labelStyle = (_b = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.labelStyle) !== null && _b !== void 0 ? _b : "above", contrast = false, borderless = (_c = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.borderless) !== null && _c !== void 0 ? _c : false, borderOnHover = (_d = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.borderOnHover) !== null && _d !== void 0 ? _d : false, textAreaMinHeight = 96, clearable = false, tooltip, visuallyDisabled = (_e = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.visuallyDisabled) !== null && _e !== void 0 ? _e : true, errorInTooltip = (_f = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.errorInTooltip) !== null && _f !== void 0 ? _f : false, hideErrorMessage = false, alwaysShowHelperText = false, fullWidth = (_g = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.fullWidth) !== null && _g !== void 0 ? _g : false, unfocusedPlaceholder, selectOnFocus = true, inputStylePalette, } = props;
-    const typeScale = (_h = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.typeScale) !== null && _h !== void 0 ? _h : (inputProps.readOnly && labelStyle !== "hidden" ? "smMd" : "sm");
+    const { labelLeftFieldWidth = "50%" } = fieldProps ?? {};
+    const { label, required, labelProps, inputProps, inputRef, inputWrapRef, groupProps, compact = fieldProps?.compact ?? false, errorMsg, helperText, multiline = false, onChange, onBlur, onFocus, xss, endAdornment, startAdornment, labelStyle = fieldProps?.labelStyle ?? "above", contrast = false, borderless = fieldProps?.borderless ?? false, borderOnHover = fieldProps?.borderOnHover ?? false, textAreaMinHeight = 96, clearable = false, tooltip, visuallyDisabled = fieldProps?.visuallyDisabled ?? true, errorInTooltip = fieldProps?.errorInTooltip ?? false, hideErrorMessage = false, alwaysShowHelperText = false, fullWidth = fieldProps?.fullWidth ?? false, unfocusedPlaceholder, selectOnFocus = true, inputStylePalette, } = props;
+    const typeScale = fieldProps?.typeScale ?? (inputProps.readOnly && labelStyle !== "hidden" ? "smMd" : "sm");
     const internalProps = props.internalProps || {};
     const { compound = false, forceFocus = false, forceHover = false } = internalProps;
     const errorMessageId = `${inputProps.id}-error`;
@@ -123,9 +122,8 @@ function TextFieldBase(props) {
     }, onFocus);
     // Simulate clicking `ElementType` when using an unfocused placeholder
     function handleUnfocusedPlaceholderClick(e) {
-        var _a;
         e.stopPropagation();
-        (_a = fieldRef.current) === null || _a === void 0 ? void 0 : _a.click();
+        fieldRef.current?.click();
     }
     const showFocus = (isFocused && !inputProps.readOnly) || forceFocus;
     const showHover = (isHovered && !inputProps.disabled && !inputProps.readOnly && !isFocused) || forceHover;
@@ -138,7 +136,7 @@ function TextFieldBase(props) {
                                 ...(multiline ? Css_1.Css.fdc.aifs.gap2.$ : Css_1.Css.if(wrap === false).truncate.$),
                                 ...xss,
                             }, className: Row_1.BorderHoverChild, "data-readonly": "true", ...tid, children: [labelStyle === "inline" && label && ((0, jsx_runtime_1.jsx)(Label_1.InlineLabel, { multiline: multiline, labelProps: labelProps, label: label, ...tid.label })), multiline
-                                    ? (_j = inputProps.value) === null || _j === void 0 ? void 0 : _j.split("\n\n").map((p, i) => ((0, jsx_runtime_1.jsx)("p", { css: Css_1.Css.py1.$, children: p.split("\n").map((sentence, j) => ((0, jsx_runtime_1.jsxs)("span", { children: [sentence, (0, jsx_runtime_1.jsx)("br", {})] }, j))) }, i)))
+                                    ? inputProps.value?.split("\n\n").map((p, i) => ((0, jsx_runtime_1.jsx)("p", { css: Css_1.Css.py1.$, children: p.split("\n").map((sentence, j) => ((0, jsx_runtime_1.jsxs)("span", { children: [sentence, (0, jsx_runtime_1.jsx)("br", {})] }, j))) }, i)))
                                     : inputProps.value] })) : ((0, jsx_runtime_1.jsxs)("div", { css: {
                                 ...fieldStyles.inputWrapper,
                                 ...(inputProps.disabled ? fieldStyles.disabled : {}),
@@ -165,10 +163,9 @@ function TextFieldBase(props) {
                                         ...(unfocusedPlaceholder && !isFocused && Css_1.Css.visuallyHidden.$),
                                         ...xss,
                                     }, ...tid }), isFocused && clearable && onChange && inputProps.value && ((0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "xCircle", color: Css_1.Palette.Gray700, onClick: () => {
-                                        var _a;
                                         onChange(undefined);
                                         // Reset focus to input element
-                                        (_a = fieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                                        fieldRef.current?.focus();
                                     } })), errorInTooltip && errorMsg && !hideErrorMessage && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.df.aic.asc.pl1.fs0.$, children: (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "error", color: Css_1.Palette.Red600, tooltip: errorMsg }) })), endAdornment && (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.df.aic.asc.pl1.fs0.$, children: endAdornment })] })),
                     }), labelStyle !== "left" &&
                         (alwaysShowHelperText || (!compound && !inputProps.disabled && !inputProps.readOnly)) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [errorMsg && !errorInTooltip && ((0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { id: errorMessageId, errorMsg: errorMsg, hidden: hideErrorMessage, ...tid.errorMsg })), helperText && (0, jsx_runtime_1.jsx)(HelperText_1.HelperText, { helperText: helperText, ...tid.helperText })] }))] }), labelStyle === "left" &&

package/dist/inputs/ToggleButton.d.ts

@@ -22,3 +22,4 @@ export declare const toggleFocusStyles: {
 export declare const togglePressStyles: {
     backgroundColor: import("csstype").Property.BackgroundColor | undefined;
 };
+//# sourceMappingURL=ToggleButton.d.ts.map

package/dist/inputs/ToggleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/inputs/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAQ,OAAO,EAAgC,sBAAuB;AAI7E,MAAM,WAAW,iBAAiB;IAChC,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oHAAoH;IACpH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,oDAuDpD;AAED,aAAa;AAEb,eAAO,MAAM,iBAAiB;;CAAkB,CAAC;AACjD,eAAO,MAAM,iBAAiB;;CAAiB,CAAC;AAChD,eAAO,MAAM,iBAAiB;;CAAkB,CAAC"}

package/dist/inputs/ToggleChipGroup.d.ts

@@ -22,3 +22,4 @@ export interface ToggleChipGroupProps extends Pick<PresentationFieldProps, "labe
 }
 export declare function ToggleChipGroup(props: ToggleChipGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=ToggleChipGroup.d.ts.map

package/dist/inputs/ToggleChipGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleChipGroup.d.ts","sourceRoot":"","sources":["../../src/inputs/ToggleChipGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,sBAAsB,EAA0B,0CAA2C;AACpG,OAAO,EAAgB,GAAG,EAAE,eAAgB;AAG5C,KAAK,aAAa,GAAG,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC,CAAC;AAEtD,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,YAAY,CAAC;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,oDAmC1D"}

package/dist/inputs/ToggleChipGroup.js

@@ -11,10 +11,9 @@ const PresentationContext_1 = require("../components/PresentationContext");
 const Css_1 = require("../Css");
 const useTestIds_1 = require("../utils/useTestIds");
 function ToggleChipGroup(props) {
-    var _a;
     const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
-    const { labelLeftFieldWidth = "50%" } = fieldProps !== null && fieldProps !== void 0 ? fieldProps : {};
-    const { values, label, labelStyle = (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.labelStyle) !== null && _a !== void 0 ? _a : "above", options, xss } = props;
+    const { labelLeftFieldWidth = "50%" } = fieldProps ?? {};
+    const { values, label, labelStyle = fieldProps?.labelStyle ?? "above", options, xss } = props;
     const state = (0, react_stately_1.useCheckboxGroupState)({ ...props, value: values });
     const { groupProps, labelProps } = (0, react_aria_1.useCheckboxGroup)(props, state);
     const tid = (0, useTestIds_1.useTestIds)(props, "toggleChip");
@@ -24,7 +23,6 @@ function ToggleChipGroup(props) {
                     .w(labelLeftFieldWidth).$, children: options.map((o) => ((0, jsx_runtime_1.jsx)(ToggleChip, { value: o.value, groupState: state, selected: state.value.includes(o.value), label: o.label, disabled: o.disabled, startAdornment: o.startAdornment, xss: xss, ...tid[o.value] }, o.value))) })] }));
 }
 function ToggleChip(props) {
-    var _a, _b, _c;
     const { label, value, groupState, selected: isSelected, disabled = false, startAdornment, xss, ...others } = props;
     const isDisabled = !!disabled;
     const ref = (0, react_1.useRef)(null);
@@ -39,8 +37,8 @@ function ToggleChip(props) {
                     .gray600.pr1.$,
                 ...(isSelected
                     ? {
-                        ...Css_1.Css.color((_a = xss === null || xss === void 0 ? void 0 : xss.color) !== null && _a !== void 0 ? _a : Css_1.Palette.White).bgColor((_b = xss === null || xss === void 0 ? void 0 : xss.backgroundColor) !== null && _b !== void 0 ? _b : Css_1.Palette.Blue700).$,
-                        ":hover:not([data-disabled='true'])": Css_1.Css.bgColor((_c = xss === null || xss === void 0 ? void 0 : xss.backgroundColor) !== null && _c !== void 0 ? _c : Css_1.Palette.Blue800).$,
+                        ...Css_1.Css.color(xss?.color ?? Css_1.Palette.White).bgColor(xss?.backgroundColor ?? Css_1.Palette.Blue700).$,
+                        ":hover:not([data-disabled='true'])": Css_1.Css.bgColor(xss?.backgroundColor ?? Css_1.Palette.Blue800).$,
                     }
                     : { ":hover:not([data-disabled='true'])": Css_1.Css.bgGray300.$ }),
                 ...(isFocusVisible ? Css_1.Css.bshFocus.$ : {}),

package/dist/inputs/TreeSelectField/TreeOption.d.ts

@@ -10,3 +10,4 @@ interface TreeOptionProps<O> {
 /** Represents a single option within a ListBox - used by SelectField, MultiSelectField, and TreeSelectField */
 export declare function TreeOption<O>(props: TreeOptionProps<O>): import("@emotion/react/jsx-runtime").JSX.Element | null;
 export {};
+//# sourceMappingURL=TreeOption.d.ts.map

package/dist/inputs/TreeSelectField/TreeOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeOption.d.ts","sourceRoot":"","sources":["../../../src/inputs/TreeSelectField/TreeOption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAG3C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK1C,OAAO,EAAE,aAAa,EAAgB,gBAAyC;AAI/E,UAAU,eAAe,CAAC,CAAC;IACzB,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AACD,+GAA+G;AAC/G,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,2DAiFtD"}

package/dist/inputs/TreeSelectField/TreeOption.js

@@ -12,7 +12,6 @@ const Value_1 = require("../Value");
 const utils_1 = require("../../utils");
 /** Represents a single option within a ListBox - used by SelectField, MultiSelectField, and TreeSelectField */
 function TreeOption(props) {
-    var _a, _b;
     const { item, state, contrast = false, allowCollapsing = true } = props;
     const leveledOption = item.value;
     if (!leveledOption)
@@ -35,7 +34,7 @@ function TreeOption(props) {
     const { optionProps, isDisabled, isFocused, isSelected } = (0, react_aria_1.useOption)({ key: item.key, shouldSelectOnPressUp: true, shouldFocusOnHover: false }, state, ref);
     // If this item is not selected, then determine if some of its children are selected to show the indeterminate state.
     // Note: If `isSelected` will be true if all of the children were selected. That auto-parent-selection happens in the `onSelect` callback in TreeSelectField.
-    const isIndeterminate = !isSelected && ((_a = option.children) === null || _a === void 0 ? void 0 : _a.some((o) => hasSelectedChildren(o, state, getOptionValue)));
+    const isIndeterminate = !isSelected && option.children?.some((o) => hasSelectedChildren(o, state, getOptionValue));
     const listItemStyles = {
         item: Css_1.Css.gray900.if(contrast).white.$,
         hover: Css_1.Css.bgGray100.if(contrast).bgGray600.$,
@@ -48,7 +47,7 @@ function TreeOption(props) {
             ...(isHovered && !isDisabled ? listItemStyles.hover : {}),
             ...(isFocused ? listItemStyles.focus : {}),
             ...(isDisabled ? listItemStyles.disabled : {}),
-        }, children: [allowCollapsing && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.wPx(18).fs0.df.aic.$, children: option.children && ((_b = option.children) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((0, jsx_runtime_1.jsx)("button", { onClick: (e) => {
+        }, children: [allowCollapsing && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.wPx(18).fs0.df.aic.$, children: option.children && option.children?.length > 0 && ((0, jsx_runtime_1.jsx)("button", { onClick: (e) => {
                         e.preventDefault();
                         e.stopPropagation();
                         setCollapsedKeys((prevKeys) => collapsedKeys.includes(item.key) ? prevKeys.filter((k) => k !== item.key) : [...prevKeys, item.key]);

package/dist/inputs/TreeSelectField/TreeSelectField.d.ts

@@ -53,3 +53,4 @@ interface CollapsedChildrenState<O, V extends Value> {
 }
 export declare const CollapsedContext: React.Context<CollapsedChildrenState<any, any>>;
 export {};
+//# sourceMappingURL=TreeSelectField.d.ts.map

package/dist/inputs/TreeSelectField/TreeSelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelectField.d.ts","sourceRoot":"","sources":["../../../src/inputs/TreeSelectField/TreeSelectField.tsx"],"names":[],"mappings":"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"}

package/dist/inputs/TreeSelectField/TreeSelectField.js

@@ -75,9 +75,8 @@ exports.CollapsedContext = react_1.default.createContext({
     getOptionValue: () => ({}),
 });
 function TreeSelectFieldBase(props) {
-    var _a, _b, _c;
     const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
-    const { values, options, getOptionValue, getOptionLabel, getOptionMenuLabel = getOptionLabel, disabled, readOnly, labelStyle, borderless, contrast = false, nothingSelectedText = "", onSelect, defaultCollapsed = false, placeholder, fullWidth = (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.fullWidth) !== null && _a !== void 0 ? _a : false, chipDisplay = "root", disabledOptions, ...otherProps } = props;
+    const { values, options, getOptionValue, getOptionLabel, getOptionMenuLabel = getOptionLabel, disabled, readOnly, labelStyle, borderless, contrast = false, nothingSelectedText = "", onSelect, defaultCollapsed = false, placeholder, fullWidth = fieldProps?.fullWidth ?? false, chipDisplay = "root", disabledOptions, ...otherProps } = props;
     const isDisabled = !!disabled;
     const isReadOnly = !!readOnly;
     const initialOptions = Array.isArray(options) ? options : options.current;
@@ -85,26 +84,25 @@ function TreeSelectFieldBase(props) {
     const { collapsedKeys } = useTreeSelectFieldProvider();
     // `disabledKeys` from ComboBoxState does not support additional meta for showing a disabled reason to the user
     // This lookup map helps us cleanly prune out the optional reason text, then access it further down the component tree
-    const disabledOptionsWithReasons = Object.fromEntries((_b = disabledOptions === null || disabledOptions === void 0 ? void 0 : disabledOptions.map(ComboBoxBase_1.disabledOptionToKeyedTuple)) !== null && _b !== void 0 ? _b : []);
+    const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(ComboBoxBase_1.disabledOptionToKeyedTuple) ?? []);
     const initTreeFieldState = (0, react_1.useCallback)(() => {
         // Figure out which options should be considered selected.
         // This is a bit of a complex process because:
         // 1. The `values` array could contain the values of the parent options, but not the children. So those children should be considered selected.
         // 2. The `values` array could contain the values of the children, but not the parent. So the parent should be considered selected if all children are.
         // Create a list of all selected values - using a Set to immediately dedupe the list.
-        const selectedKeys = new Set(values === null || values === void 0 ? void 0 : values.flatMap((v) => {
+        const selectedKeys = new Set(values?.flatMap((v) => {
             // Find the options that matches the value. These could be parents or a children.
             const foundOptions = (0, utils_1.findOptions)(initialOptions, (0, Value_1.valueToKey)(v), getOptionValue);
             // Go through the `foundOptions` and get the keys of the options and its children if it has any.
             return foundOptions.flatMap(({ option }) => selectOptionAndAllChildren(option));
         }));
         function selectOptionAndAllChildren(maybeParent) {
-            var _a, _b;
             // Check if the maybeParent has children, if so, return those as selected keys
             // Do in a recursive way so that children may have children
             return [
                 (0, Value_1.valueToKey)(getOptionValue(maybeParent)),
-                ...((_b = (_a = maybeParent.children) === null || _a === void 0 ? void 0 : _a.flatMap(selectOptionAndAllChildren)) !== null && _b !== void 0 ? _b : []),
+                ...(maybeParent.children?.flatMap(selectOptionAndAllChildren) ?? []),
             ];
         }
         // It is possible that all the children of a parent were considered selected `values`, but the parent wasn't included in the `values` array.
@@ -305,7 +303,6 @@ function TreeSelectFieldBase(props) {
                 // This may look like a lot of logic, but in the execution it will only ever be adding/removing 1 key at a time, so it really isn't as bad as it looks.
                 // For added keys, we need to see if any other options should be added as well.
                 [...addedKeys].forEach((key) => {
-                    var _a;
                     const maybeOptions = (0, utils_1.findOptions)(fieldState.allOptions, key, getOptionValue);
                     if (maybeOptions.length === 0)
                         return;
@@ -324,7 +321,7 @@ function TreeSelectFieldBase(props) {
                         // If this was a child that was selected, then see if every other child is also selected, and if so, consider the parent selected.
                         // Walk up the parents and determine their state.
                         for (const parent of parents.reverse()) {
-                            const allChecked = (_a = parent.children) === null || _a === void 0 ? void 0 : _a.every((child) => {
+                            const allChecked = parent.children?.every((child) => {
                                 const childKey = (0, Value_1.valueToKey)(getOptionValue(child));
                                 return addedKeys.has(childKey) || existingKeys.has(childKey) || state.disabledKeys.has(childKey);
                             });
@@ -361,7 +358,7 @@ function TreeSelectFieldBase(props) {
                 const selectedKeys = new Set([...existingKeys, ...addedKeys].filter((x) => !removedKeys.has(x)));
                 const selectedOptions = [...selectedKeys]
                     // Find the first option as it could be duplicated, but we only want one of them.
-                    .map((key) => { var _a; return (_a = (0, utils_1.findOption)(fieldState.allOptions, key, getOptionValue)) === null || _a === void 0 ? void 0 : _a.option; })
+                    .map((key) => (0, utils_1.findOption)(fieldState.allOptions, key, getOptionValue)?.option)
                     .filter((o) => o); // filter out undefined
                 // Our `onSelect` callback provides three things:
                 // 1. ALL selected values + options
@@ -440,7 +437,7 @@ function TreeSelectFieldBase(props) {
     });
     positionProps.style = {
         ...positionProps.style,
-        width: (_c = comboBoxRef === null || comboBoxRef === void 0 ? void 0 : comboBoxRef.current) === null || _c === void 0 ? void 0 : _c.clientWidth,
+        width: comboBoxRef?.current?.clientWidth,
         // Ensures the menu never gets too small.
         minWidth: 320,
     };
@@ -448,13 +445,12 @@ function TreeSelectFieldBase(props) {
     return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.fdc.w100.maxw(fieldMaxWidth).if(labelStyle === "left").maxw100.$, ref: comboBoxRef, children: [(0, jsx_runtime_1.jsx)(ComboBoxInput_1.ComboBoxInput, { ...otherProps, fullWidth: fullWidth, labelStyle: labelStyle, buttonProps: buttonProps, buttonRef: triggerRef, inputProps: inputProps, inputRef: inputRef, inputWrapRef: inputWrapRef, listBoxRef: listBoxRef, state: state, labelProps: labelProps, selectedOptions: fieldState.selectedOptions, selectedOptionsLabels: fieldState.selectedOptionsLabels, getOptionValue: getOptionValue, getOptionLabel: getOptionLabel, contrast: contrast, borderless: borderless, tooltip: (0, components_1.resolveTooltip)(disabled, undefined, readOnly), resetField: resetField, nothingSelectedText: nothingSelectedText, isTree: true }), state.isOpen && ((0, jsx_runtime_1.jsx)(internal_1.Popover, { triggerRef: triggerRef, popoverRef: popoverRef, positionProps: positionProps, onClose: () => state.close(), isOpen: state.isOpen, minWidth: 320, children: (0, jsx_runtime_1.jsx)(ListBox_1.ListBox, { ...listBoxProps, positionProps: positionProps, state: state, listBoxRef: listBoxRef, selectedOptions: fieldState.selectedOptions, getOptionLabel: getOptionLabel, getOptionValue: (o) => (0, Value_1.valueToKey)(getOptionValue(o)), contrast: contrast, horizontalLayout: labelStyle === "left", loading: fieldState.optionsLoading, allowCollapsing: fieldState.allowCollapsing, isTree: true }) }))] }));
 }
 function levelOptions(o, level, filtering, collapsedKeys, getOptionValue) {
-    var _a;
     // If a user is filtering, then do not provide level to the options as the various paddings may look quite odd.
     const actualLevel = filtering ? 0 : level;
     return [
         [o, actualLevel],
         // Flat map the children if the parent is not collapsed or if we are filtering (for the search results)
-        ...(((_a = o.children) === null || _a === void 0 ? void 0 : _a.length) && (!collapsedKeys.includes((0, Value_1.valueToKey)(getOptionValue(o))) || filtering)
+        ...(o.children?.length && (!collapsedKeys.includes((0, Value_1.valueToKey)(getOptionValue(o))) || filtering)
             ? o.children.flatMap((oc) => levelOptions(oc, actualLevel + 1, filtering, collapsedKeys, getOptionValue))
             : []),
     ];

package/dist/inputs/TreeSelectField/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./TreeSelectField";
 export type { NestedOption, NestedOptionsOrLoad } from "./utils";
+//# sourceMappingURL=index.d.ts.map

package/dist/inputs/TreeSelectField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/inputs/TreeSelectField/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

package/dist/inputs/TreeSelectField/utils.d.ts

@@ -51,3 +51,4 @@ export declare function flattenOptions<O>(o: NestedOption<O>): NestedOption<O>[]
 export declare function isLeveledOption<O>(option: LeveledOption<O> | any): option is LeveledOption<O>;
 export declare function isLeveledNode<O>(node: Node<O> | Node<LeveledOption<O>>): node is Node<LeveledOption<O>>;
 export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/inputs/TreeSelectField/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/inputs/TreeSelectField/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,iBAAyB;AAEzC,KAAK,WAAW,CAAC,CAAC,IAAI;IAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;CAAE,CAAC;AAC9E,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAC/F,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAC7B,YAAY,CAAC,CAAC,CAAC,EAAE,GACjB;IAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,IAAI,EAAE,MAAM,OAAO,CAAC;QAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;KAAE,CAAC,CAAA;CAAE,CAAC;AACxF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAEzD,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC;;OAEG;IACH,qBAAqB,EAAE,MAAM,EAAE,CAAC;IAChC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,IAAI;IACnD,GAAG,EAAE;QAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAAC,OAAO,EAAE,CAAC,EAAE,CAAA;KAAE,CAAC;IACnC,IAAI,EAAE;QAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAAC,OAAO,EAAE,CAAC,EAAE,CAAA;KAAE,CAAC;IACpC,IAAI,EAAE;QAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAAC,OAAO,EAAE,CAAC,EAAE,CAAA;KAAE,CAAC;CACrC,CAAC;AAEF,+DAA+D;AAC/D,wBAAgB,UAAU,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAC3C,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,EAC1B,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAC1B,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,CAa5B;AAED,8DAA8D;AAC9D,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAC5C,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,EAC1B,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAC1B,WAAW,CAAC,CAAC,CAAC,EAAE,CAclB;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,CAEvE;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,CAE7F;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAEvG"}

package/dist/inputs/TreeSelectField/utils.js

@@ -39,8 +39,7 @@ function findOptions(options, key, getOptionValue) {
     return found;
 }
 function flattenOptions(o) {
-    var _a;
-    return [o, ...(((_a = o.children) === null || _a === void 0 ? void 0 : _a.length) ? o.children.flatMap((oc) => flattenOptions(oc)) : [])];
+    return [o, ...(o.children?.length ? o.children.flatMap((oc) => flattenOptions(oc)) : [])];
 }
 function isLeveledOption(option) {
     return Array.isArray(option) && option.length === 2 && typeof option[1] === "number";

package/dist/inputs/Value.d.ts

@@ -15,3 +15,4 @@ import { Key } from "react";
 export type Value = string | number | null | undefined | boolean;
 export declare function keyToValue<V extends Value>(key: Key): V;
 export declare function valueToKey(value: Value): string;
+//# sourceMappingURL=Value.d.ts.map

package/dist/inputs/Value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../src/inputs/Value.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC,CAoBvD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAgB/C"}

package/dist/inputs/hooks/useGrowingTextField.d.ts

@@ -7,3 +7,4 @@ interface GrowingTextFieldProps {
 }
 export declare function useGrowingTextField({ inputRef, inputWrapRef, value, disabled }: GrowingTextFieldProps): void;
 export {};
+//# sourceMappingURL=useGrowingTextField.d.ts.map

package/dist/inputs/hooks/useGrowingTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGrowingTextField.d.ts","sourceRoot":"","sources":["../../../src/inputs/hooks/useGrowingTextField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAe,MAAM,OAAO,CAAC;AAEtD,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,gBAAgB,CAAC,mBAAmB,GAAG,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC1E,YAAY,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,QAuCrG"}

package/dist/inputs/index.d.ts

@@ -21,3 +21,4 @@ export * from "./ToggleButton";
 export * from "./ToggleChipGroup";
 export * from "./TreeSelectField";
 export type { Value } from "./Value";
+//# sourceMappingURL=index.d.ts.map

package/dist/inputs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAChF,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/inputs/internal/ComboBoxBase.d.ts

@@ -86,3 +86,4 @@ export declare function disabledOptionToKeyedTuple(disabledOption: Value | {
     value: Value;
     reason: string;
 }): [React.Key, string | undefined];
+//# sourceMappingURL=ComboBoxBase.d.ts.map

package/dist/inputs/internal/ComboBoxBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxBase.d.ts","sourceRoot":"","sources":["../../../src/inputs/internal/ComboBoxBase.tsx"],"names":[],"mappings":"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"}

package/dist/inputs/internal/ComboBoxBase.js

@@ -27,10 +27,9 @@ const use_debounce_1 = require("use-debounce");
  * and so we cannot easily change them.
  */
 function ComboBoxBase(props) {
-    var _a, _b, _c, _d, _e;
     const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
-    const { disabled, readOnly, onSelect, options: propOptions, multiselect = false, values: propValues, nothingSelectedText = "", contrast, disabledOptions, borderless, unsetLabel, inputStylePalette: propsInputStylePalette, getOptionLabel: propOptionLabel, getOptionValue: propOptionValue, getOptionMenuLabel: propOptionMenuLabel, fullWidth = (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.fullWidth) !== null && _a !== void 0 ? _a : false, onSearch, onAddNew, ...otherProps } = props;
-    const labelStyle = (_c = (_b = otherProps.labelStyle) !== null && _b !== void 0 ? _b : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.labelStyle) !== null && _c !== void 0 ? _c : "above";
+    const { disabled, readOnly, onSelect, options: propOptions, multiselect = false, values: propValues, nothingSelectedText = "", contrast, disabledOptions, borderless, unsetLabel, inputStylePalette: propsInputStylePalette, getOptionLabel: propOptionLabel, getOptionValue: propOptionValue, getOptionMenuLabel: propOptionMenuLabel, fullWidth = fieldProps?.fullWidth ?? false, onSearch, onAddNew, ...otherProps } = props;
+    const labelStyle = otherProps.labelStyle ?? fieldProps?.labelStyle ?? "above";
     // Memoize the callback functions and handle the `unset` option if provided.
     const getOptionLabel = (0, react_1.useCallback)((o) => unsetLabel && o === exports.unsetOption
         ? unsetLabel
@@ -62,7 +61,7 @@ function ComboBoxBase(props) {
     Array.isArray(propOptions)
         ? [propOptions, unsetLabel, onAddNew]
         : [propOptions.current, propOptions.options, unsetLabel, onAddNew]);
-    const values = (0, react_1.useMemo)(() => propValues !== null && propValues !== void 0 ? propValues : [], [propValues]);
+    const values = (0, react_1.useMemo)(() => propValues ?? [], [propValues]);
     const inputStylePalette = (0, react_1.useMemo)(() => propsInputStylePalette, [propsInputStylePalette]);
     const selectedOptions = (0, react_1.useMemo)(() => options.filter((o) => values.includes(getOptionValue(o))), [options, values, getOptionValue]);
     const { contains } = (0, react_aria_1.useFilter)({ sensitivity: "base" });
@@ -147,7 +146,7 @@ function ComboBoxBase(props) {
     const popoverRef = (0, react_1.useRef)(null);
     // `disabledKeys` from ComboBoxState does not support additional meta for showing a disabled reason to the user
     // This lookup map helps us cleanly prune out the optional reason text, then access it further down the component tree
-    const disabledOptionsWithReasons = Object.fromEntries((_d = disabledOptions === null || disabledOptions === void 0 ? void 0 : disabledOptions.map(disabledOptionToKeyedTuple)) !== null && _d !== void 0 ? _d : []);
+    const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(disabledOptionToKeyedTuple) ?? []);
     const comboBoxProps = {
         ...otherProps,
         disabledKeys: Object.keys(disabledOptionsWithReasons),
@@ -191,11 +190,18 @@ function ComboBoxBase(props) {
     const [debouncedSearch] = (0, use_debounce_1.useDebounce)(searchValue, 300);
     // Reset inputValue when closed or selected changes
     (0, react_1.useEffect)(() => {
-        // if we are using the onSearch functionality with debounceSearch, we don't want to reset the input value
-        if (onSearch && debouncedSearch)
-            return;
-        if (state.isOpen && multiselect) {
-            // While the multiselect is open, let the user keep typing
+        if (state.isOpen && multiselect && !debouncedSearch) {
+            // When a single-select is open, with "inputValue=Blue", when "Blue" is actually
+            // selected (our value changes), the box will close immediately, so the inputValue
+            // will get reset in the `!isOpen` case.
+            //
+            // When a multi-select is open, with "inputValue=Blue", when "Blue" is actually
+            // selected (our value changes), we leave the box open, and we want to reset
+            // the "inputValue=(empty) so the user can now type "inputType=Green".
+            //
+            // ...unless the multi-select is using onSearch, in which case we want to let them
+            // only explicitly trigger a new `onSearch` by changing the existing inputValue,
+            // i.e. they might want to keep typing "Blueish".
             setFieldState((prevState) => ({
                 ...prevState,
                 inputValue: "",
@@ -209,19 +215,10 @@ function ComboBoxBase(props) {
                 inputValue: getInputValue(selectedOptions, getOptionLabel, multiselect, nothingSelectedText, isReadOnly),
             }));
         }
-    }, [
-        state.isOpen,
-        selectedOptions,
-        getOptionLabel,
-        multiselect,
-        nothingSelectedText,
-        isReadOnly,
-        onSearch,
-        debouncedSearch,
-    ]);
+    }, [state.isOpen, selectedOptions, getOptionLabel, multiselect, nothingSelectedText, isReadOnly, debouncedSearch]);
     // Call on search callback when the user types in the input field
     (0, react_1.useEffect)(() => {
-        onSearch === null || onSearch === void 0 ? void 0 : onSearch(debouncedSearch !== null && debouncedSearch !== void 0 ? debouncedSearch : "");
+        onSearch?.(debouncedSearch ?? "");
     }, [onSearch, debouncedSearch]);
     // For the most part, the returned props contain `aria-*` and `id` attributes for accessibility purposes.
     const { buttonProps: triggerProps, inputProps, listBoxProps, labelProps, } = (0, react_aria_1.useComboBox)({
@@ -245,7 +242,7 @@ function ComboBoxBase(props) {
     });
     positionProps.style = {
         ...positionProps.style,
-        width: (_e = comboBoxRef === null || comboBoxRef === void 0 ? void 0 : comboBoxRef.current) === null || _e === void 0 ? void 0 : _e.clientWidth,
+        width: comboBoxRef?.current?.clientWidth,
         // Ensures the menu never gets too small.
         minWidth: 200,
     };

package/dist/inputs/internal/ComboBoxInput.d.ts

@@ -33,3 +33,4 @@ interface ComboBoxInputProps<O, V extends Value> extends PresentationFieldProps
 }
 export declare function ComboBoxInput<O, V extends Value>(props: ComboBoxInputProps<O, V>): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=ComboBoxInput.d.ts.map

package/dist/inputs/internal/ComboBoxInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxInput.d.ts","sourceRoot":"","sources":["../../../src/inputs/internal/ComboBoxInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,mBAAmB,EAEnB,mBAAmB,EACnB,gBAAgB,EAChB,SAAS,EAEV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,sBAAsB,EAA0B,6CAA2C;AAMpG,OAAO,EAAE,KAAK,EAAE,iBAAyB;AAGzC,UAAU,kBAAkB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CAAE,SAAQ,sBAAsB;IAC7E,WAAW,EAAE,GAAG,CAAC;IACjB,SAAS,EAAE,gBAAgB,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACtD,UAAU,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAClD,QAAQ,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACpD,YAAY,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,UAAU,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,CAAC,EAAE,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9B,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,YAAY,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,oDAwNhF"}