@homebound/beam 2.378.1 → 2.379.1

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

@@ -1,15 +0,0 @@
-import { DateRange } from "../../types";
-export type DateFieldModeTuple = readonly ["range", DateRange] | readonly ["single", Date];
-export type DateFieldMode = "single" | "range";
-export declare const dateFormats: {
-    short: string;
-    medium: string;
-    long: string;
-};
-export declare function getDateFormat(format: keyof typeof dateFormats | undefined): string;
-export declare function formatDate(date: Date | undefined, format: string): string;
-export declare function formatDateRange(date: DateRange | undefined, format: string): string | undefined;
-export declare function parseDate(str: string, format: string): Date | undefined;
-export declare function parseDateRange(str: string, format: string): DateRange | undefined;
-export declare function isValidDate(d: Date | undefined): boolean;
-//# sourceMappingURL=utils.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/inputs/DateFields/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,oBAAkB;AAEtC,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;AAC3F,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/C,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,OAAO,WAAW,GAAG,SAAS,UAEzE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,UAGhE;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,sBAO1E;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAEvE;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAajF;AAoCD,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,OAAO,CAExD"}

package/dist/inputs/DateFields/utils.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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",
-    medium: "EEE, MMM d",
-    long: "EEEE LLLL d, uuuu",
-};
-function getDateFormat(format) {
-    return format ? exports.dateFormats[format] : exports.dateFormats.short;
-}
-function formatDate(date, format) {
-    if (!date)
-        return "";
-    return (0, date_fns_1.format)(date, format);
-}
-function formatDateRange(date, format) {
-    if (!date)
-        return "";
-    const { from, to } = date;
-    const fromFormatted = from ? (0, date_fns_1.format)(from, format) : "";
-    const toFormatted = to ? (0, date_fns_1.format)(to, format) : "";
-    // return `undefined` if both dates are improperly formatted
-    return !fromFormatted && !toFormatted ? undefined : `${fromFormatted} - ${toFormatted}`;
-}
-function parseDate(str, format) {
-    return parseDateString(str, format);
-}
-function parseDateRange(str, format) {
-    const [from = "", to = ""] = str.split("-");
-    const fromDate = parseDateString(from.trim(), format);
-    const toDate = parseDateString(to.trim(), format);
-    // In the event the user mixes up the to/from dates then correct them.
-    if (toDate && fromDate && toDate < fromDate) {
-        return { from: toDate, to: fromDate };
-    }
-    // If both dates are undefined, return undefined rather than { from: undefined; to: undefined }
-    if (toDate === undefined && fromDate === undefined) {
-        return undefined;
-    }
-    return { from: fromDate, to: toDate };
-}
-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("/");
-    if (split.length !== 3) {
-        return undefined;
-    }
-    // Wait for the year to be 2 chars
-    if (split[2].length !== 2) {
-        return undefined;
-    }
-    const month = parseInt(split[0], 10) - 1;
-    const day = parseInt(split[1], 10);
-    const year = parseInt(split[2], 10);
-    // This is also ~verbatim copy/pasted from react-day-picker
-    if (isNaN(year) ||
-        String(year).length > 4 ||
-        isNaN(month) ||
-        isNaN(day) ||
-        day <= 0 ||
-        day > 31 ||
-        month < 0 ||
-        month >= 12) {
-        return undefined;
-    }
-    const parsed = (0, date_fns_1.parse)(str, format, new Date());
-    if (!isValidDate(parsed)) {
-        return undefined;
-    }
-    return parsed;
-}
-function isValidDate(d) {
-    return d !== undefined && (0, date_fns_1.isDate)(d) && d.toString() !== "Invalid Date";
-}

package/dist/inputs/ErrorMessage.d.ts

@@ -1,15 +0,0 @@
-interface ErrorMessageProps {
-    /** The dom id for `aria-errormessage` to point to us. */
-    id?: string;
-    errorMsg: string;
-    contrast?: boolean;
-    hidden?: boolean;
-}
-/**
- * A helper component for consistently showing error messages across form fields.
- *
- * Not currently exported as part of our public API.
- */
-export declare function ErrorMessage(props: ErrorMessageProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ErrorMessage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../src/inputs/ErrorMessage.tsx"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,yDAAyD;IACzD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,oDAgBpD"}

package/dist/inputs/ErrorMessage.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorMessage = ErrorMessage;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_aria_1 = require("react-aria");
-const components_1 = require("../components");
-const Css_1 = require("../Css");
-/**
- * A helper component for consistently showing error messages across form fields.
- *
- * Not currently exported as part of our public API.
- */
-function ErrorMessage(props) {
-    const { id, errorMsg, contrast = false, hidden = false, ...others } = 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;
-}

package/dist/inputs/IconCard.d.ts

@@ -1,25 +0,0 @@
-import { RefObject } from "react";
-import { IconProps } from "../components";
-export interface IconCardProps {
-    /** The icon to use within the card. */
-    icon: IconProps["icon"];
-    label: string;
-    selected?: boolean;
-    /** Handler that is called when the element's selection state changes. */
-    onChange?: (selected: boolean) => void;
-    cardRef?: RefObject<HTMLInputElement>;
-    disabled?: boolean;
-    tooltip?: string;
-}
-export declare function IconCard(props: IconCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const selectedStyles: {
-    borderWidth: import("csstype").Property.BorderWidth<string | 0> | undefined;
-} & {
-    borderColor: import("csstype").Property.BorderColor | undefined;
-} & {
-    backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-};
-export declare const iconCardStylesHover: {
-    backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-};
-//# sourceMappingURL=IconCard.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconCard.d.ts","sourceRoot":"","sources":["../../src/inputs/IconCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAQ,SAAS,EAAgC,sBAAuB;AAM/E,MAAM,WAAW,aAAa;IAC5B,uCAAuC;IACvC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,oDA2C5C;AAGD,eAAO,MAAM,cAAc;;;;;;CAA+B,CAAC;AAE3D,eAAO,MAAM,mBAAmB;;CAAkB,CAAC"}

package/dist/inputs/IconCard.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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");
-const react_stately_1 = require("react-stately");
-const components_1 = require("../components");
-const Css_1 = require("../Css");
-const useGetRef_1 = require("../hooks/useGetRef");
-const utils_1 = require("../utils");
-const defaultTestId_1 = require("../utils/defaultTestId");
-function IconCard(props) {
-    const { selected: isSelected = false, disabled: isDisabled = false, icon, cardRef, label, tooltip, ...otherProps } = props;
-    const ref = (0, useGetRef_1.useGetRef)(cardRef);
-    const ariaProps = { isSelected, isDisabled, ...otherProps };
-    const checkboxProps = { ...ariaProps, "aria-label": label };
-    const { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
-    const toggleState = (0, react_stately_1.useToggleState)(ariaProps);
-    const { inputProps } = (0, react_aria_1.useCheckbox)(checkboxProps, toggleState, ref);
-    const styles = (0, react_1.useMemo)(() => ({
-        ...baseStyles,
-        ...(isHovered && exports.iconCardStylesHover),
-        ...(isSelected && exports.selectedStyles),
-        ...(isDisabled && disabledStyles),
-    }), [isDisabled, isHovered, isSelected]);
-    const tid = (0, utils_1.useTestIds)(props, (0, defaultTestId_1.defaultTestId)(label));
-    return (0, components_1.maybeTooltip)({
-        title: (0, components_1.resolveTooltip)(isDisabled, tooltip),
-        placement: "top",
-        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 })] })),
-    });
-}
-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.$;
-exports.iconCardStylesHover = Css_1.Css.bgGray100.$;

package/dist/inputs/IconCardGroup.d.ts

@@ -1,27 +0,0 @@
-import { ReactNode } from "react";
-import { IconProps } from "../components/Icon";
-import { PresentationFieldProps } from "../components/PresentationContext";
-import { Value } from "./";
-export interface IconCardGroupItemOption<V extends Value> {
-    icon: IconProps["icon"];
-    label: string;
-    disabled?: boolean;
-    /** The value of the IconCardGroup item, stored in value array in state. */
-    value: V;
-    /** Exclusive: if true, this option will override all other options when selected. */
-    exclusive?: boolean;
-}
-export interface IconCardGroupProps<V extends Value> extends Pick<PresentationFieldProps, "labelStyle"> {
-    label: string;
-    /** Called when a card is selected */
-    onChange: (values: V[]) => void;
-    /** Options for the cards contained within the IconCardGroup. */
-    options: IconCardGroupItemOption<V>[];
-    /** The values currently selected. */
-    values: V[];
-    errorMsg?: string;
-    helperText?: string | ReactNode;
-    disabled?: boolean;
-}
-export declare function IconCardGroup<V extends Value>(props: IconCardGroupProps<V>): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=IconCardGroup.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconCardGroup.d.ts","sourceRoot":"","sources":["../../src/inputs/IconCardGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,SAAS,EAAE,2BAA4B;AAEhD,OAAO,EAAE,sBAAsB,EAA0B,0CAA2C;AAEpG,OAAO,EAAE,KAAK,EAAE,WAAmB;AAKnC,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,KAAK;IACtD,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,KAAK,EAAE,CAAC,CAAC;IACT,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,KAAK,CAAE,SAAQ,IAAI,CAAC,sBAAsB,EAAE,YAAY,CAAC;IACrG,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC,gEAAgE;IAChE,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,qCAAqC;IACrC,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,oDAiF1E"}

package/dist/inputs/IconCardGroup.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconCardGroup = IconCardGroup;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-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 Css_1 = require("../Css");
-const IconCard_1 = require("./IconCard");
-const utils_1 = require("../utils");
-const ErrorMessage_1 = require("./ErrorMessage");
-function IconCardGroup(props) {
-    const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
-    const { options, label, labelStyle = fieldProps?.labelStyle ?? "above", values, errorMsg, helperText, disabled: isDisabled = false, onChange, } = props;
-    const [selected, setSelected] = (0, react_1.useState)(values);
-    const exclusiveOptions = (0, react_1.useMemo)(() => options.filter((o) => o.exclusive), [options]);
-    const toggleValue = (0, react_1.useCallback)((value) => {
-        if (isDisabled)
-            return;
-        const option = options.find((o) => o.value === value);
-        if (!option)
-            return;
-        let newSelected = [];
-        if (selected.includes(value)) {
-            newSelected = selected.filter((v) => v !== value);
-        }
-        else {
-            if (option.exclusive) {
-                newSelected = [value];
-            }
-            else {
-                newSelected = [...selected, value];
-                // Filter out any exclusive options as a non-exclusive option was selected.
-                newSelected = newSelected.filter((v) => !exclusiveOptions.some((o) => o.value === v));
-            }
-        }
-        setSelected(newSelected);
-        onChange(newSelected);
-    }, [exclusiveOptions, isDisabled, onChange, options, selected]);
-    const tid = (0, utils_1.useTestIds)(props);
-    const { labelProps, fieldProps: fieldPropsAria } = (0, react_aria_1.useField)(props);
-    const groupProps = (0, react_aria_1.mergeProps)(tid, {
-        role: "group",
-        "aria-disabled": isDisabled || undefined,
-        ...fieldPropsAria,
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", { ...groupProps, 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.df.gap2.add({ flexWrap: "wrap" }).$, children: options.map((option) => {
-                    const { icon, label, disabled } = option;
-                    const isSelected = selected.includes(option.value);
-                    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 })] }));
-}

package/dist/inputs/MultiLineSelectField.d.ts

@@ -1,12 +0,0 @@
-import { Value } from "./";
-import { ComboBoxBaseProps } from "./internal/ComboBoxBase";
-import { Optional } from "../types";
-export interface MultiLineSelectFieldProps<O, V extends Value> extends Exclude<ComboBoxBaseProps<O, V>, "unsetLabel"> {
-    values: V[];
-    options: O[];
-    getOptionValue: (opt: O) => V;
-    getOptionLabel: (opt: O) => string;
-    onSelect: (values: V[], opts: O[]) => void;
-}
-export declare function MultiLineSelectField<O, V extends Value>(props: Optional<MultiLineSelectFieldProps<O, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
-//# sourceMappingURL=MultiLineSelectField.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MultiLineSelectField.d.ts","sourceRoot":"","sources":["../../src/inputs/MultiLineSelectField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,EAAE,WAAmB;AAChD,OAAO,EAAE,iBAAiB,EAAE,gCAAyC;AACrE,OAAO,EAAE,QAAQ,EAAE,iBAAkB;AAGrC,MAAM,WAAW,yBAAyB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CAAE,SAAQ,OAAO,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,CAAC;IACnH,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9B,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EACrD,KAAK,EAAE,QAAQ,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,GACpF,GAAG,CAAC,OAAO,CA0Fb"}

package/dist/inputs/MultiLineSelectField.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiLineSelectField = MultiLineSelectField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const Button_1 = require("../components/Button");
-const Label_1 = require("../components/Label");
-const inputs_1 = require("./");
-const __1 = require("..");
-function MultiLineSelectField(props) {
-    const { options, values, onSelect, getOptionValue = (opt) => opt.id, getOptionLabel = (opt) => opt.name, labelStyle, ...otherProps } = props;
-    const tid = (0, __1.useTestIds)(props, "");
-    const [isDisplayed, setIsDisplayed] = (0, react_1.useState)(true);
-    // Set the available options by filtering already selected options
-    const currentOptions = options.filter((o) => !values.includes(getOptionValue(o)));
-    return ((0, jsx_runtime_1.jsxs)("div", { css: __1.Css.mt1.if(labelStyle === "left").df.$, children: [labelStyle !== "hidden" && ((0, jsx_runtime_1.jsx)("div", { css: __1.Css.if(labelStyle === "left").w50.$, children: (0, jsx_runtime_1.jsx)(Label_1.Label, { ...tid.label, label: props.label }) })), (0, jsx_runtime_1.jsxs)("div", { css: __1.Css.if(labelStyle === "left").w50.$, children: [values.map((value, index) => {
-                        return ((0, jsx_runtime_1.jsxs)("div", { css: __1.Css.mb1.pl1.df.$, children: [(0, jsx_runtime_1.jsx)("div", { css: __1.Css.truncate.w100.$, children: (0, jsx_runtime_1.jsx)(inputs_1.SelectField, { ...otherProps, ...tid.selectField, labelStyle: "hidden", value: value, onSelect: () => { }, options: options, getOptionValue: getOptionValue, getOptionLabel: getOptionLabel, compact: true, readOnly: true }) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { ...tid.deleteSelected, variant: "tertiary", label: "", "aria-label": `Delete selected ${otherProps.label}`, icon: "x", onClick: () => {
-                                        const selectedOptions = options.filter((o) => values.includes(getOptionValue(o)) && getOptionValue(o) !== value);
-                                        const selectedValues = selectedOptions.map((o) => getOptionValue(o));
-                                        onSelect(selectedValues, selectedOptions);
-                                        // Display the input field if there are no selected values
-                                        if (selectedOptions.length === 0)
-                                            setIsDisplayed(true);
-                                    } })] }, index));
-                    }), isDisplayed && ((0, jsx_runtime_1.jsx)("div", { css: __1.Css.mb1.$, children: (0, jsx_runtime_1.jsx)(inputs_1.SelectField, { ...tid.selectField, label: otherProps.label, labelStyle: "hidden", getOptionValue: getOptionValue, getOptionLabel: getOptionLabel, value: "", onSelect: (value) => {
-                                onSelect([...values, value], options);
-                                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 })] })] }));
-}

package/dist/inputs/MultiSelectField.d.ts

@@ -1,21 +0,0 @@
-import { ReactNode } from "react";
-import { Value } from "./";
-import { ComboBoxBaseProps } from "./internal/ComboBoxBase";
-import { HasIdAndName, Optional } from "../types";
-export interface MultiSelectFieldProps<O, V extends Value> extends Exclude<ComboBoxBaseProps<O, V>, "unsetLabel" | "addNew"> {
-    /** Renders `opt` in the dropdown menu, defaults to the `getOptionLabel` prop. */
-    getOptionMenuLabel?: (opt: O) => string | ReactNode;
-    getOptionValue: (opt: O) => V;
-    getOptionLabel: (opt: O) => string;
-    values: V[];
-    onSelect: (values: V[], opts: O[]) => void;
-}
-/**
- * Provides a non-native multiselect/dropdown widget.
- *
- * The `O` type is a list of options to show, the `V` is the primitive value of a
- * given `O` (i.e. it's id) that you want to use as the current/selected value.
- */
-export declare function MultiSelectField<O, V extends Value>(props: MultiSelectFieldProps<O, V>): JSX.Element;
-export declare function MultiSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<MultiSelectFieldProps<O, V>, "getOptionValue" | "getOptionLabel">): JSX.Element;
-//# sourceMappingURL=MultiSelectField.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../src/inputs/MultiSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,WAAmB;AACnC,OAAO,EAAgB,iBAAiB,EAAE,gCAAyC;AACnF,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,iBAAkB;AAEnD,MAAM,WAAW,qBAAqB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CACvD,SAAQ,OAAO,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;IACjE,iFAAiF;IACjF,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IACpD,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9B,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;AACtG,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EACzE,KAAK,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,GAChF,GAAG,CAAC,OAAO,CAAC"}

package/dist/inputs/MultiSelectField.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiSelectField = MultiSelectField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const ComboBoxBase_1 = require("./internal/ComboBoxBase");
-function MultiSelectField(props) {
-    const { getOptionValue = (opt) => opt.id, // if unset, assume O implements HasId
-    getOptionLabel = (opt) => opt.name, // if unset, assume O implements HasName
-    ...otherProps } = props;
-    return (0, jsx_runtime_1.jsx)(ComboBoxBase_1.ComboBoxBase, { multiselect: true, getOptionLabel: getOptionLabel, getOptionValue: getOptionValue, ...otherProps });
-}

package/dist/inputs/NumberField.d.ts

@@ -1,42 +0,0 @@
-import { ReactNode } from "react";
-import { PresentationFieldProps } from "../components/PresentationContext";
-import { Xss } from "../Css";
-export type NumberFieldType = "cents" | "dollars" | "percent" | "basisPoints" | "days" | "mills";
-export interface NumberFieldProps extends Pick<PresentationFieldProps, "labelStyle" | "fullWidth"> {
-    label: string;
-    /** If set, the label will be defined as 'aria-label` on the input element */
-    type?: NumberFieldType;
-    value: number | undefined;
-    onChange: (value: number | undefined) => void;
-    compact?: boolean;
-    clearable?: boolean;
-    /** Whether the field is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
-    disabled?: boolean | ReactNode;
-    required?: boolean;
-    errorMsg?: string;
-    helperText?: string | ReactNode;
-    onBlur?: () => void;
-    onFocus?: () => void;
-    readOnly?: boolean | ReactNode;
-    /** Styles overrides */
-    xss?: Xss<"textAlign" | "justifyContent">;
-    displayDirection?: boolean;
-    numFractionDigits?: number;
-    numIntegerDigits?: number;
-    numberFormatOptions?: Intl.NumberFormatOptions;
-    truncate?: boolean;
-    onEnter?: VoidFunction;
-    placeholder?: string;
-    errorInTooltip?: true;
-    /** Whether to show comma separation for group numbers.
-     * @default true */
-    useGrouping?: boolean;
-    hideErrorMessage?: boolean;
-    borderless?: boolean;
-    sizeToContent?: boolean;
-    alwaysShowHelperText?: boolean;
-    positiveOnly?: boolean;
-}
-export declare function NumberField(props: NumberFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function formatValue(value: number, factor: number, numFractionDigits: number | undefined, numIntegerDigits: number | undefined, positiveOnly?: boolean): number | undefined;
-//# sourceMappingURL=NumberField.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../src/inputs/NumberField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,sBAAsB,EAA0B,0CAA2C;AACpG,OAAO,EAAO,GAAG,EAAE,eAAgB;AAInC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC;AAGjG,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,YAAY,GAAG,WAAW,CAAC;IAChG,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oHAAoH;IACpH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,uBAAuB;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,gBAAgB,CAAC,CAAC;IAE1C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,mBAAmB,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB;uBACmB;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDAqJlD;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,MAAM,GAAG,SAAS,EACrC,gBAAgB,EAAE,MAAM,GAAG,SAAS,EACpC,YAAY,GAAE,OAAe,GAC5B,MAAM,GAAG,SAAS,CAuBpB"}

package/dist/inputs/NumberField.js

@@ -1,118 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const components_1 = require("../components");
-const PresentationContext_1 = require("../components/PresentationContext");
-const Css_1 = require("../Css");
-const utils_1 = require("../utils");
-const TextFieldBase_1 = require("./TextFieldBase");
-function NumberField(props) {
-    // Determine default alignment based on presentation context
-    const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
-    const alignment = fieldProps?.numberAlignment === "right" ? Css_1.Css.tar.jcfe.$ : Css_1.Css.tal.jcfs.$;
-    const { disabled, required, readOnly, type, label, onBlur, onFocus, errorMsg, helperText, value, onChange, xss, displayDirection = false, numFractionDigits = type === "dollars" ? 2 : undefined, truncate = false, onEnter, numberFormatOptions, numIntegerDigits, useGrouping = true, sizeToContent = false, positiveOnly = false, ...otherProps } = props;
-    const isDisabled = !!disabled;
-    const isReadOnly = !!readOnly;
-    const factor = type === "percent" ? 100 : type === "cents" ? 100 : type === "mills" ? 1_000 : type === "basisPoints" ? 10_000 : 1;
-    const signDisplay = displayDirection ? "always" : "auto";
-    const defaultFormatOptions = (0, react_1.useMemo)(() => ({
-        [truncate ? "maximumFractionDigits" : "minimumFractionDigits"]: numFractionDigits,
-        ...(numIntegerDigits !== undefined && { minimumIntegerDigits: numIntegerDigits }),
-        useGrouping,
-        signDisplay,
-    }), [truncate, numIntegerDigits, useGrouping, signDisplay, numFractionDigits]);
-    const { locale } = (0, react_aria_1.useLocale)();
-    // If formatOptions isn't memo'd, a useEffect in useNumberStateField will cause jank,
-    // see: https://github.com/adobe/react-spectrum/issues/1893.
-    const formatOptions = (0, react_1.useMemo)(() => {
-        if (numberFormatOptions !== undefined) {
-            return numberFormatOptions;
-        }
-        const typeFormat = type === "percent"
-            ? { style: "percent" }
-            : type === "basisPoints"
-                ? { style: "percent", minimumFractionDigits: 2 }
-                : type === "cents"
-                    ? { style: "currency", currency: "USD", minimumFractionDigits: 2 }
-                    : type === "mills"
-                        ? { style: "currency", currency: "USD", minimumFractionDigits: 3 }
-                        : type === "dollars"
-                            ? { style: "currency", currency: "USD", minimumFractionDigits: numFractionDigits ?? 2 }
-                            : type === "days"
-                                ? { style: "unit", unit: "day", unitDisplay: "long", maximumFractionDigits: 0 }
-                                : {};
-        return { ...defaultFormatOptions, ...typeFormat };
-    }, [type, numberFormatOptions, defaultFormatOptions, numFractionDigits]);
-    const numberParser = (0, react_1.useMemo)(() => new number_1.NumberParser(locale, formatOptions), [locale, formatOptions]);
-    const valueRef = (0, react_1.useRef)({ wip: false });
-    // We can use this for both useNumberFieldState + useNumberField
-    const useProps = {
-        locale,
-        // We want percents && cents to be integers, useNumberFieldState excepts them as decimals
-        value: valueRef.current.wip ? valueRef.current.value : value === undefined ? Number.NaN : value / factor,
-        // // This is called on blur with the final/committed value.
-        onChange: (value) => {
-            onChange(formatValue(value, factor, numFractionDigits, numIntegerDigits, positiveOnly));
-        },
-        onFocus: () => {
-            valueRef.current = { wip: true, value: value === undefined ? Number.NaN : value / factor };
-        },
-        onBlur: () => {
-            valueRef.current = { wip: false };
-        },
-        onKeyDown: (e) => {
-            if (e.key === "Enter") {
-                (0, utils_1.maybeCall)(onEnter);
-                inputRef.current?.blur();
-            }
-        },
-        validationState: errorMsg !== undefined ? "invalid" : "valid",
-        label: label,
-        isDisabled,
-        isReadOnly,
-        formatOptions,
-        ...otherProps,
-    };
-    const state = (0, react_stately_1.useNumberFieldState)(useProps);
-    const inputRef = (0, react_1.useRef)(null);
-    const { labelProps, inputProps, groupProps } = (0, react_aria_1.useNumberField)(useProps, state, inputRef);
-    // Pretty janky, but if readOnly=true, then TextFieldBase doesn't create an input element,
-    // but useNumberField _really_ wants the ref to be set, so give it a throw-away element.
-    if (readOnly && !inputRef.current) {
-        inputRef.current = document.createElement("input");
-    }
-    return ((0, jsx_runtime_1.jsx)(TextFieldBase_1.TextFieldBase, { xss: { ...alignment, ...xss }, groupProps: groupProps, labelProps: labelProps, label: label, required: required, inputProps: (0, react_aria_1.mergeProps)(inputProps, {
-            size: sizeToContent ? String(inputProps.value ?? "").length || 1 : undefined,
-        }), 
-        // This is called on each DOM change, to push the latest value into the field
-        onChange: (rawInputValue) => {
-            const parsedValue = numberParser.parse(rawInputValue || "");
-            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 }));
-}
-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`,
-    // i.e. for `type=percent value=12.34`, `value` will be `0.1234` that we want turn into `12.34`.
-    const maybeAdjustForDecimals = numFractionDigits ? Math.pow(10, numFractionDigits) : 1;
-    // Reverse the integer/decimal conversion
-    const decimalAdjusted = Number.isNaN(value)
-        ? undefined
-        : Math.round((positiveOnly ? Math.abs(value) : value) * factor * maybeAdjustForDecimals) / maybeAdjustForDecimals;
-    if (numIntegerDigits === undefined || decimalAdjusted === undefined) {
-        return decimalAdjusted;
-    }
-    // If `numIntegerDigits` is defined, then we must truncate that manually, so that 1234.56 can turn into 34.56
-    const fractionalValue = Math.round((decimalAdjusted % 1) * maybeAdjustForDecimals) / maybeAdjustForDecimals;
-    const maybeNegate = decimalAdjusted < 0 ? -1 : 1;
-    const trimmedInteger = Number(Math.trunc(Math.abs(decimalAdjusted))
-        .toString()
-        .slice(-1 * numIntegerDigits));
-    return (trimmedInteger + fractionalValue) * maybeNegate;
-}