@homebound/beam 2.369.3 → 2.369.4

package/dist/hooks/useFilter.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFilter = void 0;
+exports.useFilter = useFilter;
 const react_1 = require("react");
 const utils_1 = require("../utils");
 function useFilter({ filterDefs }) {
@@ -9,4 +9,3 @@ function useFilter({ filterDefs }) {
         .map(([key, def]) => [key, def(key).defaultValue])));
     return { setFilter, filter };
 }
-exports.useFilter = useFilter;

package/dist/hooks/useGroupBy.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGroupBy = void 0;
+exports.useGroupBy = useGroupBy;
 const react_1 = require("react");
 const useQueryState_1 = require("./useQueryState");
 const index_1 = require("../utils/index");
@@ -11,4 +11,3 @@ function useGroupBy(opts) {
     const [value, setValue] = (0, useQueryState_1.useQueryState)("groupBy", options[0].id);
     return { value, setValue, options };
 }
-exports.useGroupBy = useGroupBy;

package/dist/hooks/useHover.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHover = void 0;
+exports.useHover = useHover;
 const react_aria_1 = require("react-aria");
 // Handles hover pointer interactions for an element.
 function useHover(props) {
     const { disabled: isDisabled, ...others } = props;
     return (0, react_aria_1.useHover)({ isDisabled, ...others });
 }
-exports.useHover = useHover;

package/dist/hooks/usePersistedFilter.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePersistedFilter = void 0;
+exports.usePersistedFilter = usePersistedFilter;
 const react_1 = require("react");
 const hooks_1 = require("./");
 const utils_1 = require("../utils");
@@ -18,7 +18,7 @@ function usePersistedFilter({ storageKey, filterDefs }) {
     const [{ filter: queryParamsFilter }, setQueryParams] = (0, use_query_params_1.useQueryParams)({ filter: use_query_params_1.JsonParam });
     const [storedFilter, setStoredFilter] = (0, hooks_1.useSessionStorage)(storageKey, queryParamsFilter !== null && queryParamsFilter !== void 0 ? queryParamsFilter : defaultFilter);
     const isQueryParamFilterValid = hasValidFilterKeys(queryParamsFilter, filterKeys);
-    const filter = isQueryParamFilterValid ? queryParamsFilter : storedFilter !== null && storedFilter !== void 0 ? storedFilter : defaultFilter;
+    const filter = isQueryParamFilterValid ? queryParamsFilter : (storedFilter !== null && storedFilter !== void 0 ? storedFilter : defaultFilter);
     const setFilter = (filter) => setQueryParams({ filter });
     (0, react_1.useEffect)(() => {
         if (queryParamsFilter === undefined) {
@@ -42,7 +42,6 @@ function usePersistedFilter({ storageKey, filterDefs }) {
     [storedFilter, setStoredFilter, setQueryParams, queryParamsFilter]);
     return { setFilter, filter };
 }
-exports.usePersistedFilter = usePersistedFilter;
 // check for valid filter keys in the query params
 function hasValidFilterKeys(queryParamsFilter, definedKeys) {
     return queryParamsFilter && (0, utils_1.safeKeys)(queryParamsFilter).every((key) => definedKeys.includes(key));

package/dist/hooks/useQueryState.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useQueryState = void 0;
+exports.useQueryState = useQueryState;
 const react_1 = require("react");
 const use_query_params_1 = require("use-query-params");
 /**
@@ -17,4 +17,3 @@ function useQueryState(name, initialValue) {
     const setValue = (0, react_1.useCallback)((value) => setParams({ [name]: value }, "pushIn"), [name, setParams]);
     return [value, setValue];
 }
-exports.useQueryState = useQueryState;

package/dist/hooks/useRenderCount.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRenderCount = void 0;
+exports.useRenderCount = useRenderCount;
 const react_1 = require("react");
 /**
  * A hook to add `data-render=${count}` to an element.
@@ -25,4 +25,3 @@ function useRenderCount() {
     }, []);
     return { getCount };
 }
-exports.useRenderCount = useRenderCount;

package/dist/hooks/useSessionStorage.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSessionStorage = void 0;
+exports.useSessionStorage = useSessionStorage;
 const react_1 = require("react");
 function useSessionStorage(key, defaultValue) {
     let hasSessionStorage = false;
@@ -29,7 +29,6 @@ function useSessionStorage(key, defaultValue) {
     }, [hasSessionStorage, key]);
     return [state, setAndSave];
 }
-exports.useSessionStorage = useSessionStorage;
 function getParsedStorage(key) {
     try {
         const storedString = sessionStorage.getItem(key);

package/dist/inputs/Autocomplete.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = void 0;
+exports.Autocomplete = Autocomplete;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -65,4 +65,3 @@ function Autocomplete(props) {
                 // 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, disabledOptionsWithReasons: disabledOptionsWithReasons }) }))] }));
 }
-exports.Autocomplete = Autocomplete;

package/dist/inputs/Checkbox.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
+exports.Checkbox = Checkbox;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -18,4 +18,3 @@ function Checkbox(props) {
     const { inputProps } = (0, react_aria_1.useCheckbox)(checkboxProps, toggleState, ref);
     return ((0, jsx_runtime_1.jsx)(CheckboxBase_1.CheckboxBase, { ariaProps: ariaProps, isDisabled: isDisabled, isIndeterminate: isIndeterminate, isSelected: isSelected, inputProps: inputProps, label: label, ...otherProps }));
 }
-exports.Checkbox = Checkbox;

package/dist/inputs/CheckboxBase.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledCheckbox = exports.CheckboxBase = void 0;
+exports.CheckboxBase = CheckboxBase;
+exports.StyledCheckbox = StyledCheckbox;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -27,7 +28,6 @@ function CheckboxBase(props) {
             // Not using align-items: center as the checkbox would align with all content below, where we really want it to stay only aligned with the label
             (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.ml1.mtPx(-2).$, children: [label && (0, jsx_runtime_1.jsx)("div", { css: { ...labelStyles, ...(isDisabled && disabledColor) }, children: label }), description && (0, jsx_runtime_1.jsx)("div", { css: { ...descStyles, ...(isDisabled && disabledColor) }, children: description }), errorMsg && (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { errorMsg: errorMsg, ...tid.errorMsg }), helperText && (0, jsx_runtime_1.jsx)(HelperText_1.HelperText, { helperText: helperText, ...tid.helperText })] }))] }));
 }
-exports.CheckboxBase = CheckboxBase;
 const baseStyles = Css_1.Css.hPx(16).mw((0, Css_1.px)(16)).relative.ba.bcGray300.br4.bgWhite.transition.$;
 const filledBoxStyles = Css_1.Css.bcBlue700.bgBlue700.$;
 const filledBoxHoverStyles = Css_1.Css.bgBlue900.$;
@@ -55,6 +55,5 @@ function StyledCheckbox(props) {
             ...markStyles,
         }, "aria-hidden": "true", "data-checked": isSelected ? true : isIndeterminate ? "mixed" : false, ...tid.checkbox, children: markIcon }));
 }
-exports.StyledCheckbox = StyledCheckbox;
 const checkmarkSmall = ((0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", children: (0, jsx_runtime_1.jsx)("path", { d: "M6.66669 10.3907L4.47135 8.19533L3.52869 9.138L6.66669 12.276L13.138 5.80467L12.1954 4.862L6.66669 10.3907Z", fill: Css_1.Palette.White }) }));
 const dashSmall = ((0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", children: (0, jsx_runtime_1.jsx)("rect", { x: "4", y: "7.5", width: "8", height: "1.35", fill: Css_1.Palette.White }) }));

package/dist/inputs/CheckboxGroup.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxGroup = void 0;
+exports.CheckboxGroup = CheckboxGroup;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -21,7 +21,6 @@ function CheckboxGroup(props) {
     const tid = (0, utils_1.useTestIds)(props);
     return ((0, jsx_runtime_1.jsxs)("div", { ...groupProps, css: Css_1.Css.if(labelStyle === "left").df.fdr.$, onBlur: onBlur, onFocus: onFocus, ...tid, children: [labelStyle !== "hidden" && ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.if(labelStyle === "left").w50.$, children: (0, jsx_runtime_1.jsx)(Label_1.Label, { label: label, ...labelProps, ...tid.label }) })), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.dg.gtc(`repeat(${columns}, auto)`).gap2.$, children: options.map((option) => ((0, jsx_runtime_1.jsx)(CheckboxGroupItem, { ...option, groupState: state, selected: state.value.includes(option.value) }, option.value))) }), errorMsg && (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { errorMsg: errorMsg, ...tid.errorMsg }), helperText && (0, jsx_runtime_1.jsx)(HelperText_1.HelperText, { helperText: helperText, ...tid.helperText })] }));
 }
-exports.CheckboxGroup = CheckboxGroup;
 function CheckboxGroupItem(props) {
     const { label, indeterminate: isIndeterminate = false, disabled: isDisabled = false, description, selected: isSelected, groupState, value = "", ...otherProps } = props;
     const ariaProps = { isSelected, isDisabled, isIndeterminate, value, ...otherProps };

package/dist/inputs/ChipSelectField.js

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isListBoxSection = exports.isPersistentKey = exports.isPersistentItem = exports.persistentItemPrefix = exports.ChipSelectField = void 0;
+exports.persistentItemPrefix = void 0;
+exports.ChipSelectField = ChipSelectField;
+exports.isPersistentItem = isPersistentItem;
+exports.isPersistentKey = isPersistentKey;
+exports.isListBoxSection = isListBoxSection;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const change_case_1 = require("change-case");
 const react_1 = require("react");
@@ -178,7 +182,6 @@ function ChipSelectField(props) {
                             }, "aria-label": "Remove", ...tid.clearButton, children: (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "x", inc: typeScale === "xs" ? 2 : undefined }) }))] })),
             }), state.isOpen && ((0, jsx_runtime_1.jsx)(internal_1.Popover, { triggerRef: buttonRef, popoverRef: popoverRef, positionProps: overlayProps, onClose: state.close, isOpen: state.isOpen, shouldCloseOnBlur: true, children: (0, jsx_runtime_1.jsx)(ListBox_1.ListBox, { ...menuProps, listBoxRef: listBoxRef, state: state, getOptionLabel: getOptionLabel, getOptionValue: getOptionValue, positionProps: overlayProps }) }))] }));
 }
-exports.ChipSelectField = ChipSelectField;
 exports.persistentItemPrefix = "persistentItem:";
 const createNewOpt = {
     id: `${exports.persistentItemPrefix}createNew`,
@@ -187,15 +190,12 @@ const createNewOpt = {
 function isPersistentItem(opt) {
     return typeof opt === "object" && "id" in opt && isPersistentKey(opt.id);
 }
-exports.isPersistentItem = isPersistentItem;
 function isPersistentKey(key) {
     return typeof key === "string" && key.startsWith(exports.persistentItemPrefix);
 }
-exports.isPersistentKey = isPersistentKey;
 function isListBoxSection(obj) {
     return obj && typeof obj === "object" && "options" in obj;
 }
-exports.isListBoxSection = isListBoxSection;
 // Wrapper for the ChipTextField used in the "Create New" flow on ChipSelectField
 function CreateNewField(props) {
     const { onBlur, onEnter } = props;

package/dist/inputs/ChipTextField.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChipTextField = void 0;
+exports.ChipTextField = ChipTextField;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -64,4 +64,3 @@ function ChipTextField(props) {
             ...(isFocused ? Css_1.Css.bshFocus.$ : {}),
         }, ...tid, children: valueRef.current }));
 }
-exports.ChipTextField = ChipTextField;

package/dist/inputs/DateFields/DateField.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateField = void 0;
+exports.DateField = DateField;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const DateFieldBase_1 = require("./DateFieldBase");
 function DateField(props) {
     return (0, jsx_runtime_1.jsx)(DateFieldBase_1.DateFieldBase, { ...props, mode: "single" });
 }
-exports.DateField = DateField;

package/dist/inputs/DateFields/DateField.mock.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateField = void 0;
+exports.DateField = DateField;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const date_fns_1 = require("date-fns");
 const react_1 = require("react");
@@ -16,4 +16,3 @@ function DateField(props) {
             onChange((0, date_fns_1.parse)(value, "MM/dd/yy", new Date()));
         }, onBlur: () => (0, utils_1.maybeCall)(onBlur), onFocus: () => (0, utils_1.maybeCall)(onFocus), disabled: !!props.disabled, readOnly: !!props.readOnly, "data-disabled-days": JSON.stringify(props.disabledDays) }));
 }
-exports.DateField = DateField;

package/dist/inputs/DateFields/DateFieldBase.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateFieldBase = void 0;
+exports.DateFieldBase = DateFieldBase;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -151,7 +151,7 @@ function DateFieldBase(props) {
             } })) }));
     const calendarButton = ((0, jsx_runtime_1.jsx)("button", { ref: buttonRef, ...buttonProps, disabled: isDisabled, css: Css_1.Css.if(isDisabled).cursorNotAllowed.$, ...tid.calendarButton, children: (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "calendar", color: isDisabled ? Css_1.Palette.Gray400 : Css_1.Palette.Gray700 }) }));
     const EndFieldButtons = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isRangeFilterField && clearButton, !hideCalendarIcon && calendarButton] }));
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextFieldBase_1.TextFieldBase, { ...textFieldProps, ...{ internalProps: { forceFocus: state.isOpen } }, errorMsg: errorMsg, helperText: helperText, required: required, labelProps: labelProps, inputProps: { ...inputProps, size: inputSize, onClick: state.open }, inputRef: inputRef, inputWrapRef: inputWrapRef, onChange: (v) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextFieldBase_1.TextFieldBase, { ...textFieldProps, internalProps: { forceFocus: state.isOpen }, errorMsg: errorMsg, helperText: helperText, required: required, labelProps: labelProps, inputProps: { ...inputProps, size: inputSize, onClick: state.open }, inputRef: inputRef, inputWrapRef: inputWrapRef, onChange: (v) => {
                     // hide the calendar if the user is manually entering the date
                     state.close();
                     if (v) {
@@ -176,7 +176,6 @@ function DateFieldBase(props) {
                                 onChange(d);
                             }, useYearPicker: useYearPicker, ...tid.datePicker })) }) }) }))] }));
 }
-exports.DateFieldBase = DateFieldBase;
 function isParsedDateValid(d) {
     // Only consider a DateRange valid when both `from` and `to` values are valid dates
     return d !== undefined && (!(0, react_day_picker_1.isDateRange)(d) || ((0, react_day_picker_1.isDateRange)(d) && (0, utils_1.isValidDate)(d.from) && (0, utils_1.isValidDate)(d.to)));

package/dist/inputs/DateFields/DateRangeField.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangeField = void 0;
+exports.DateRangeField = DateRangeField;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const DateFieldBase_1 = require("./DateFieldBase");
 function DateRangeField(props) {
     return (0, jsx_runtime_1.jsx)(DateFieldBase_1.DateFieldBase, { ...props, mode: "range" });
 }
-exports.DateRangeField = DateRangeField;

package/dist/inputs/DateFields/utils.js

@@ -1,6 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isValidDate = exports.parseDateRange = exports.parseDate = exports.formatDateRange = exports.formatDate = exports.getDateFormat = exports.dateFormats = void 0;
+exports.dateFormats = void 0;
+exports.getDateFormat = getDateFormat;
+exports.formatDate = formatDate;
+exports.formatDateRange = formatDateRange;
+exports.parseDate = parseDate;
+exports.parseDateRange = parseDateRange;
+exports.isValidDate = isValidDate;
 const date_fns_1 = require("date-fns");
 exports.dateFormats = {
     short: "MM/dd/yy",
@@ -10,13 +16,11 @@ exports.dateFormats = {
 function getDateFormat(format) {
     return format ? exports.dateFormats[format] : exports.dateFormats.short;
 }
-exports.getDateFormat = getDateFormat;
 function formatDate(date, format) {
     if (!date)
         return "";
     return (0, date_fns_1.format)(date, format);
 }
-exports.formatDate = formatDate;
 function formatDateRange(date, format) {
     if (!date)
         return "";
@@ -26,11 +30,9 @@ function formatDateRange(date, format) {
     // return `undefined` if both dates are improperly formatted
     return !fromFormatted && !toFormatted ? undefined : `${fromFormatted} - ${toFormatted}`;
 }
-exports.formatDateRange = formatDateRange;
 function parseDate(str, format) {
     return parseDateString(str, format);
 }
-exports.parseDate = parseDate;
 function parseDateRange(str, format) {
     const [from = "", to = ""] = str.split("-");
     const fromDate = parseDateString(from.trim(), format);
@@ -45,7 +47,6 @@ function parseDateRange(str, format) {
     }
     return { from: fromDate, to: toDate };
 }
-exports.parseDateRange = parseDateRange;
 function parseDateString(str, format) {
     // Copy/pasted from react-day-picker so that typing "2/2/2" doesn't turn into "02/02/0002"
     const split = str.split("/");
@@ -79,4 +80,3 @@ function parseDateString(str, format) {
 function isValidDate(d) {
     return d !== undefined && (0, date_fns_1.isDate)(d) && d.toString() !== "Invalid Date";
 }
-exports.isValidDate = isValidDate;

package/dist/inputs/ErrorMessage.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorMessage = void 0;
+exports.ErrorMessage = ErrorMessage;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_aria_1 = require("react-aria");
 const components_1 = require("../components");
@@ -15,4 +15,3 @@ function ErrorMessage(props) {
     const errorEl = errorMsg ? ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.red600.sm.df.mtPx(4).if(contrast).red400.$, children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.$, children: (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "error" }) }), (0, jsx_runtime_1.jsx)("span", { id: id, css: Css_1.Css.ml1.mtPx(2).$, ...others, children: errorMsg })] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
     return hidden ? (0, jsx_runtime_1.jsx)(react_aria_1.VisuallyHidden, { children: errorEl }) : errorEl;
 }
-exports.ErrorMessage = ErrorMessage;

package/dist/inputs/IconCard.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconCardStylesHover = exports.selectedStyles = exports.IconCard = void 0;
+exports.iconCardStylesHover = exports.selectedStyles = void 0;
+exports.IconCard = IconCard;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -31,7 +32,6 @@ function IconCard(props) {
         children: ((0, jsx_runtime_1.jsxs)("button", { css: styles, ...hoverProps, onClick: toggleState.toggle, disabled: isDisabled, ...tid, children: [(0, jsx_runtime_1.jsx)(react_aria_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", { ref: ref, ...inputProps, ...tid.value }) }), (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: icon, inc: 4, color: isDisabled ? Css_1.Palette.Gray300 : Css_1.Palette.Gray900 }), (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.xsMd.if(isDisabled).gray300.$, children: label })] })),
     });
 }
-exports.IconCard = IconCard;
 const baseStyles = Css_1.Css.df.fdc.aic.jcc.wPx(130).hPx(114).ba.br8.bcGray300.bgWhite.gap("12px").p2.tac.$;
 exports.selectedStyles = Css_1.Css.bw2.bcBlue500.bgBlue50.$;
 const disabledStyles = Css_1.Css.bcGray200.bgGray50.$;

package/dist/inputs/IconCardGroup.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconCardGroup = void 0;
+exports.IconCardGroup = IconCardGroup;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
-const Css_1 = require("../Css");
+const react_aria_1 = require("react-aria");
+const HelperText_1 = require("../components/HelperText");
 const Label_1 = require("../components/Label");
 const PresentationContext_1 = require("../components/PresentationContext");
-const utils_1 = require("../utils");
+const Css_1 = require("../Css");
 const IconCard_1 = require("./IconCard");
-const HelperText_1 = require("../components/HelperText");
+const utils_1 = require("../utils");
 const ErrorMessage_1 = require("./ErrorMessage");
-const react_aria_1 = require("react-aria");
 function IconCardGroup(props) {
     var _a;
     const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
@@ -53,4 +53,3 @@ function IconCardGroup(props) {
                     return ((0, jsx_runtime_1.jsx)(IconCard_1.IconCard, { icon: icon, label: label, selected: isSelected, disabled: disabled, onChange: () => toggleValue(option.value), ...tid[option.label] }, option.label));
                 }) }), errorMsg && (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { errorMsg: errorMsg, ...tid.errorMsg }), helperText && (0, jsx_runtime_1.jsx)(HelperText_1.HelperText, { helperText: helperText, ...tid.helperText })] }));
 }
-exports.IconCardGroup = IconCardGroup;

package/dist/inputs/MultiLineSelectField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Value } from "./";
 import { ComboBoxBaseProps } from "./internal/ComboBoxBase";
 import { Optional } from "../types";

package/dist/inputs/MultiLineSelectField.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiLineSelectField = void 0;
+exports.MultiLineSelectField = MultiLineSelectField;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const Button_1 = require("../components/Button");
@@ -27,4 +27,3 @@ function MultiLineSelectField(props) {
                                 setIsDisplayed(false);
                             }, options: currentOptions, disabled: otherProps.disabled }) })), (0, jsx_runtime_1.jsx)(Button_1.Button, { ...tid.addAnother, label: "Add Another", variant: "tertiary", onClick: () => setIsDisplayed(true), disabled: isDisplayed || currentOptions.length === 0 })] })] }));
 }
-exports.MultiLineSelectField = MultiLineSelectField;

package/dist/inputs/MultiSelectField.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiSelectField = void 0;
+exports.MultiSelectField = MultiSelectField;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const ComboBoxBase_1 = require("./internal/ComboBoxBase");
 function MultiSelectField(props) {
@@ -9,4 +9,3 @@ function MultiSelectField(props) {
     ...otherProps } = props;
     return (0, jsx_runtime_1.jsx)(ComboBoxBase_1.ComboBoxBase, { multiselect: true, getOptionLabel: getOptionLabel, getOptionValue: getOptionValue, ...otherProps });
 }
-exports.MultiSelectField = MultiSelectField;

package/dist/inputs/NumberField.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatValue = exports.NumberField = void 0;
+exports.NumberField = NumberField;
+exports.formatValue = formatValue;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const number_1 = require("@internationalized/number");
 const react_1 = require("react");
@@ -97,7 +98,6 @@ function NumberField(props) {
             onChange(formatValue(parsedValue, factor, numFractionDigits, numIntegerDigits, positiveOnly));
         }, inputRef: inputRef, onBlur: onBlur, onFocus: onFocus, errorMsg: errorMsg, helperText: helperText, tooltip: (0, components_1.resolveTooltip)(disabled, undefined, readOnly), ...otherProps }));
 }
-exports.NumberField = NumberField;
 function formatValue(value, factor, numFractionDigits, numIntegerDigits, positiveOnly = false) {
     // We treat percents & cents as (mostly) integers, while useNumberField wants decimals, so
     // undo that via `* factor` and `Math.round`, but also keep any specifically-requested `numFractionDigits`,
@@ -118,4 +118,3 @@ function formatValue(value, factor, numFractionDigits, numIntegerDigits, positiv
         .slice(-1 * numIntegerDigits));
     return (trimmedInteger + fractionalValue) * maybeNegate;
 }
-exports.formatValue = formatValue;

package/dist/inputs/RadioGroupField.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.radioDisabled = exports.radioHover = exports.radioFocus = exports.radioChecked = exports.radioUnchecked = exports.radioDefault = exports.radioReset = exports.RadioGroupField = void 0;
+exports.radioDisabled = exports.radioHover = exports.radioFocus = exports.radioChecked = exports.radioUnchecked = exports.radioDefault = exports.radioReset = void 0;
+exports.RadioGroupField = RadioGroupField;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -46,7 +47,6 @@ function RadioGroupField(props) {
                             }) }, option.value));
                     }), errorMsg && (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { errorMsg: errorMsg, ...tid.errorMsg }), helperText && (0, jsx_runtime_1.jsx)(HelperText_1.HelperText, { helperText: helperText })] })] }));
 }
-exports.RadioGroupField = RadioGroupField;
 // Not meant to be standalone, but its own component so it can use hooks
 function Radio(props) {
     const { parentId, option: { description, label, value }, state, ...others } = props;

package/dist/inputs/RichTextField.d.ts

@@ -1,7 +1,7 @@
+import { PresentationFieldProps } from "../components/PresentationContext";
 import "tributejs/dist/tribute.css";
 import "trix/dist/trix";
 import "trix/dist/trix.css";
-import { PresentationFieldProps } from "../components/PresentationContext";
 export interface RichTextFieldProps extends Pick<PresentationFieldProps, "fullWidth"> {
     /** The initial html value to show in the trix editor. */
     value: string | undefined;

package/dist/inputs/RichTextField.js

@@ -3,19 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichTextField = void 0;
+exports.RichTextField = RichTextField;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("@emotion/react");
 const dompurify_1 = __importDefault(require("dompurify"));
 const react_2 = require("react");
 const Label_1 = require("../components/Label");
+const PresentationContext_1 = require("../components/PresentationContext");
 const Css_1 = require("../Css");
 const utils_1 = require("../utils");
 const tributejs_1 = __importDefault(require("tributejs"));
 require("tributejs/dist/tribute.css");
 require("trix/dist/trix");
 require("trix/dist/trix.css");
-const PresentationContext_1 = require("../components/PresentationContext");
 /**
  * Provides a simple rich text editor based on trix.
  *
@@ -111,7 +111,6 @@ function RichTextField(props) {
         return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.w100.if(!fullWidth).maxw("550px").$, children: [label && (0, jsx_runtime_1.jsx)(Label_1.Label, { label: label }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.mh("120px").bgWhite.sm.gray900.bn.p1.br4.bcGray300.ba.$, dangerouslySetInnerHTML: { __html: dompurify_1.default.sanitize(value) || placeholder || "" }, "data-readonly": "true" })] }));
     }
 }
-exports.RichTextField = RichTextField;
 function attachTributeJs(mergeTags, editorElement) {
     const values = mergeTags.map((value) => ({ value }));
     const tribute = new tributejs_1.default({

package/dist/inputs/RichTextField.mock.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichTextField = void 0;
+exports.RichTextField = RichTextField;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const change_case_1 = require("change-case");
 const react_1 = require("react");
@@ -16,7 +16,6 @@ function RichTextField(props) {
             props.onChange(value, value, props.mergeTags || []);
         }, onBlur: onBlur, onFocus: onFocus, readOnly: readOnly, ...tid }));
 }
-exports.RichTextField = RichTextField;
 function defaultTestId(label) {
     return (0, change_case_1.camelCase)(label);
 }

package/dist/inputs/SelectField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Value } from "./";
 import { ComboBoxBaseProps } from "./internal/ComboBoxBase";
 import { HasIdIsh, HasNameIsh, Optional } from "../types";

package/dist/inputs/SelectField.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectField = void 0;
+exports.SelectField = SelectField;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const ComboBoxBase_1 = require("./internal/ComboBoxBase");
@@ -16,4 +16,3 @@ function SelectField(props) {
             }
         } }));
 }
-exports.SelectField = SelectField;

package/dist/inputs/Switch.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.switchSelectedHoverStyles = exports.switchFocusStyles = exports.switchHoverStyles = exports.Switch = void 0;
+exports.switchSelectedHoverStyles = exports.switchFocusStyles = exports.switchHoverStyles = void 0;
+exports.Switch = Switch;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
 const components_1 = require("../components");
 const Label_1 = require("../components/Label");
+const PresentationContext_1 = require("../components/PresentationContext");
 const Css_1 = require("../Css");
 const Icon_1 = require("../components/Icon");
 const utils_1 = require("../utils");
-const PresentationContext_1 = require("../components/PresentationContext");
 function Switch(props) {
     const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
     const { labelLeftFieldWidth = "50%" } = fieldProps !== null && fieldProps !== void 0 ? fieldProps : {};
@@ -44,7 +45,6 @@ function Switch(props) {
                             ...(isSelected && switchCircleSelectedStyles(compact)),
                         }, children: withIcon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: isSelected ? "check" : "x", color: isSelected ? Css_1.Palette.Blue700 : Css_1.Palette.Gray400 })) }) }) }), labelStyle === "inline" && ((0, jsx_runtime_1.jsx)(Label_1.Label, { label: label, tooltip: tooltip, inline: true, xss: Css_1.Css.smMd.gray900.if(compact).add("lineHeight", "1").$ })), (0, jsx_runtime_1.jsx)(react_aria_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", { ref: ref, ...inputProps, ...focusProps, ...tid }) })] }));
 }
-exports.Switch = Switch;
 /** Styles */
 // Element sizes
 const toggleHeight = (isCompact) => (isCompact ? 16 : 24);

package/dist/inputs/SwitchGroup.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwitchGroup = void 0;
+exports.SwitchGroup = SwitchGroup;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_aria_1 = require("react-aria");
 const Css_1 = require("../Css");
@@ -21,4 +21,3 @@ function SwitchGroup(props) {
     const { isSelected, addValue, removeValue } = groupState;
     return ((0, jsx_runtime_1.jsxs)("fieldset", { ...groupProps, children: [(0, jsx_runtime_1.jsx)("legend", { ...labelProps, css: Css_1.Css.sm.gray500.mb1.$, children: label }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.df.fdc.gap2.$, children: options.map(({ label, value }) => ((0, jsx_runtime_1.jsx)(Switch_1.Switch, { compact: compact, label: label, onChange: (isSelected) => (isSelected ? addValue(value) : removeValue(value)), selected: isSelected(value), withIcon: withIcon }, value))) })] }));
 }
-exports.SwitchGroup = SwitchGroup;

package/dist/inputs/TextAreaField.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextAreaField = void 0;
+exports.TextAreaField = TextAreaField;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -41,4 +41,3 @@ function TextAreaField(props) {
     }, inputRef);
     return ((0, jsx_runtime_1.jsx)(TextFieldBase_1.TextFieldBase, { ...(0, react_aria_1.mergeProps)(otherProps, { onBlur, onFocus }), multiline: true, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, inputWrapRef: inputWrapRef, textAreaMinHeight: preventNewLines ? 0 : undefined, tooltip: (0, components_1.resolveTooltip)(disabled, undefined, readOnly) }));
 }
-exports.TextAreaField = TextAreaField;

package/dist/inputs/TextField.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextField = void 0;
+exports.TextField = TextField;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -42,4 +42,3 @@ function TextField(props) {
     }
     return ((0, jsx_runtime_1.jsx)(TextFieldBase_1.TextFieldBase, { ...(0, react_aria_1.mergeProps)(textFieldProps, { onBlur, onFocus }), errorMsg: errorMsg, required: required, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, tooltip: (0, components_1.resolveTooltip)(disabled, undefined, readOnly), hideErrorMessage: hideErrorMessage }));
 }
-exports.TextField = TextField;