@homebound/beam 2.378.1 → 2.379.0

package/dist/utils/index.js

@@ -1,109 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isAbsoluteUrl = exports.EmptyRef = exports.noop = exports.omitKey = void 0;
-exports.fail = fail;
-exports.toToggleState = toToggleState;
-exports.toGroupState = toGroupState;
-exports.maybeCall = maybeCall;
-exports.safeKeys = safeKeys;
-exports.safeEntries = safeEntries;
-exports.areArraysEqual = areArraysEqual;
-exports.isPromise = isPromise;
-exports.isFunction = isFunction;
-exports.isDefined = isDefined;
-exports.pluralize = pluralize;
-function fail(message) {
-    throw new Error(message || "Failed");
-}
-/** Adapts our state to what useToggleState returns in a stateless manner. */
-function toToggleState(isSelected, onChange) {
-    return {
-        isSelected,
-        setSelected: onChange,
-        toggle: () => onChange(!isSelected),
-    };
-}
-/** Adapts our state to what use*Group returns in a stateless manner. */
-function toGroupState(values, onChange) {
-    const addValue = (value) => onChange([...values, value]);
-    const removeValue = (value) => onChange(values.filter((_value) => _value !== value));
-    return {
-        value: values,
-        setValue: onChange,
-        isSelected: (value) => values.includes(value),
-        addValue,
-        removeValue,
-        toggleValue: (value) => (values.includes(value) ? addValue(value) : removeValue(value)),
-        isDisabled: false,
-        isReadOnly: false,
-        // We do not use the validation state, as our Switch groups do not support error states. However, this field is required by the `CheckboxGroupState` so we need to include it.
-        // If we ever update our SwitchGroup component to support error states, we'll need to update this.
-        validationState: "valid",
-    };
-}
-/**
- * Utility to maybe call a function if undefined with arguments
- *
- * @example
- *  maybeCall(onChange, true)
- *  maybeCall(onBlur)
- *  maybeCall(onSelect, { id: 1, value: "book 1"}, true)
- */
-function maybeCall(callback, ...args) {
-    return callback && callback(...args);
-}
-__exportStar(require("./useTestIds"), exports);
-/** Casts `Object.keys` to "what it should be", as long as your instance doesn't have keys it shouldn't. */
-function safeKeys(instance) {
-    return Object.getOwnPropertyNames(instance);
-}
-// Returns object with specified key removed
-const omitKey = (key, { [key]: _, ...obj }) => obj;
-exports.omitKey = omitKey;
-const noop = (...args) => { };
-exports.noop = noop;
-function safeEntries(obj) {
-    return Object.entries(obj);
-}
-class EmptyRef {
-    get current() {
-        throw new Error("BeamProvider is missing");
-    }
-    set current(value) {
-        throw new Error("BeamProvider is missing");
-    }
-}
-exports.EmptyRef = EmptyRef;
-const isAbsoluteUrl = (url) => /^(http(s?)):\/\//i.test(url);
-exports.isAbsoluteUrl = isAbsoluteUrl;
-function areArraysEqual(a, b) {
-    return a.length === b.length && a.every((val, idx) => val === b[idx]);
-}
-function isPromise(obj) {
-    return typeof obj === "object" && "then" in obj && typeof obj.then === "function";
-}
-function isFunction(f) {
-    return typeof f === "function";
-}
-function isDefined(param) {
-    return param !== null && param !== undefined;
-}
-function pluralize(count, noun, pluralNoun) {
-    if ((Array.isArray(count) ? count.length : count) === 1)
-        return noun;
-    return pluralNoun || `${noun}s`;
-}

package/dist/utils/objectId.d.ts

@@ -1,3 +0,0 @@
-/** Utility for debugging object identity/caching/memo issues. */
-export declare const objectId: (object: object) => number;
-//# sourceMappingURL=objectId.d.ts.map

package/dist/utils/objectId.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"objectId.d.ts","sourceRoot":"","sources":["../../src/utils/objectId.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,eAAO,MAAM,QAAQ,WAGH,MAAM,KAAG,MAMvB,CAAC"}

package/dist/utils/objectId.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.objectId = void 0;
-/** Utility for debugging object identity/caching/memo issues. */
-exports.objectId = (() => {
-    let currentId = 0;
-    const map = new WeakMap();
-    return (object) => {
-        if (!map.has(object)) {
-            map.set(object, ++currentId);
-        }
-        return map.get(object);
-    };
-})();

package/dist/utils/options.d.ts

@@ -1,3 +0,0 @@
-export declare function defaultOptionValue<O>(opt: O): any;
-export declare function defaultOptionLabel<O>(opt: O): any;
-//# sourceMappingURL=options.d.ts.map

package/dist/utils/options.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../src/utils/options.ts"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,GAAG,CAIjD;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,GAAG,CAUjD"}

package/dist/utils/options.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultOptionValue = defaultOptionValue;
-exports.defaultOptionLabel = defaultOptionLabel;
-const utils_1 = require("./");
-// This `any` is currently on purpose to ignore type errors in ChipSelectField
-function defaultOptionValue(opt) {
-    if (typeof opt !== "object" || !opt)
-        (0, utils_1.fail)(`Option ${opt} has no id or code`);
-    // Use `in` because returning undefined is fine
-    return "id" in opt ? opt.id : "code" in opt ? opt.code : (0, utils_1.fail)(`Option ${JSON.stringify(opt)} has no id or code`);
-}
-function defaultOptionLabel(opt) {
-    if (typeof opt !== "object" || !opt)
-        (0, utils_1.fail)(`Option ${opt} has no id or code`);
-    // Use `in` because returning undefined is fine
-    return "name" in opt
-        ? opt.name
-        : "displayName" in opt
-            ? opt.displayName
-            : "label" in opt
-                ? opt.label
-                : (0, utils_1.fail)(`Option ${JSON.stringify(opt)} has no displayName, label, or name`);
-}

package/dist/utils/rtl.d.ts

@@ -1,45 +0,0 @@
-import { withRouter as _withRouter } from "@homebound/rtl-react-router-utils";
-import { blur as _blur, change as _change, click as _click, clickAndWait as _clickAndWait, focus as _focus, input as _input, type as _type, typeAndWait as _typeAndWait, wait as _wait, RenderResult, Wrapper } from "@homebound/rtl-utils";
-import { ReactElement } from "react";
-export { _blur as blur, _change as change, _click as click, _clickAndWait as clickAndWait, _focus as focus, _input as input, _type as type, _typeAndWait as typeAndWait, _wait as wait, _withRouter as withRouter, };
-interface RenderOpts {
-    at?: {
-        url: string;
-        route?: string;
-    };
-    omitBeamContext?: boolean;
-}
-export declare function render(component: ReactElement, withoutBeamProvider: RenderOpts, ...otherWrappers: Wrapper[]): Promise<RenderResult & Record<string, HTMLElement>>;
-export declare function render(component: ReactElement, ...otherWrappers: Wrapper[]): Promise<RenderResult & Record<string, HTMLElement>>;
-export declare function cell(r: RenderResult, row: number, column: number): HTMLElement;
-export declare function cellOf(r: RenderResult, tableTestId: string, rowNum: number, column: number): HTMLElement;
-export declare function cellAnd(r: RenderResult, row: number, column: number, testId: string): HTMLElement;
-export declare function row(r: RenderResult, row: number, tableTestId?: string): HTMLElement;
-export declare function rowAnd(r: RenderResult, rowNum: number, testId: string): HTMLElement;
-/** Intended to be used to generate a human-readable text
- * representation of a GridTable using the markdown table syntax.
- * * Example Use: expect(tableSnapshot(r)).toMatchInlineSnapshot(`
-      "
-      | Name                     | Value |
-      | ------------------------ | ----- |
-      | Row 1                    | 200   |
-      | Row 2 with a longer name | 300   |
-      | Row 3                    | 1000  |
-      "
-    `);
- * */
-export declare function tableSnapshot(r: RenderResult, columnNames?: string[]): string;
-/** RTL wrapper for Beam's SuperDrawer/Modal context. */
-export declare const withBeamRTL: Wrapper;
-/**
- * Selects an option from the Beam SelectField, MultiSelectField, and TreeSelectField components.
- *
- * For select fields that support multiple selections, subsequent calls to this function will toggle the selection state of an option.
- *
- * @param value The value or label of the option.
- * */
-export declare function select(select: HTMLElement, value: string | string[]): void;
-export declare function selectAndWait(select: HTMLElement, value: string | string[]): Promise<void>;
-export declare function getSelected(select: HTMLElement): string[] | string | undefined;
-export declare function getOptions(select: HTMLElement): string[];
-//# sourceMappingURL=rtl.d.ts.map

package/dist/utils/rtl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rtl.d.ts","sourceRoot":"","sources":["../../src/utils/rtl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EACL,IAAI,IAAI,KAAK,EACb,MAAM,IAAI,OAAO,EACjB,KAAK,IAAI,MAAM,EACf,YAAY,IAAI,aAAa,EAC7B,KAAK,IAAI,MAAM,EACf,KAAK,IAAI,MAAM,EACf,IAAI,IAAI,KAAK,EACb,WAAW,IAAI,YAAY,EAC3B,IAAI,IAAI,KAAK,EAEb,YAAY,EAEZ,OAAO,EACR,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,EACL,KAAK,IAAI,IAAI,EACb,OAAO,IAAI,MAAM,EACjB,MAAM,IAAI,KAAK,EACf,aAAa,IAAI,YAAY,EAC7B,MAAM,IAAI,KAAK,EACf,MAAM,IAAI,KAAK,EACf,KAAK,IAAI,IAAI,EACb,YAAY,IAAI,WAAW,EAC3B,KAAK,IAAI,IAAI,EACb,WAAW,IAAI,UAAU,GAC1B,CAAC;AAEF,UAAU,UAAU;IAClB,EAAE,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,MAAM,CACpB,SAAS,EAAE,YAAY,EACvB,mBAAmB,EAAE,UAAU,EAC/B,GAAG,aAAa,EAAE,OAAO,EAAE,GAC1B,OAAO,CAAC,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;AACvD,wBAAgB,MAAM,CACpB,SAAS,EAAE,YAAY,EACvB,GAAG,aAAa,EAAE,OAAO,EAAE,GAC1B,OAAO,CAAC,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;AAwBvD,wBAAgB,IAAI,CAAC,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,WAAW,CAE9E;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,WAAW,CAExG;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,WAAW,CAKjG;AAED,wBAAgB,GAAG,CAAC,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,GAAE,MAAoB,GAAG,WAAW,CAGhG;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,WAAW,CAGnF;AAED;;;;;;;;;;;KAWK;AACL,wBAAgB,aAAa,CAAC,CAAC,EAAE,YAAY,EAAE,WAAW,GAAE,MAAM,EAAO,GAAG,MAAM,CAuBjF;AAuDD,wDAAwD;AACxD,eAAO,MAAM,WAAW,EAAE,OAEzB,CAAC;AAEF;;;;;;KAMK;AACL,wBAAgB,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAKnE;AAED,wBAAsB,aAAa,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAQhG;AAyBD,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAsB9E;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,CAUxD"}

package/dist/utils/rtl.js

@@ -1,241 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withBeamRTL = exports.withRouter = exports.wait = exports.typeAndWait = exports.type = exports.input = exports.focus = exports.clickAndWait = exports.click = exports.change = exports.blur = void 0;
-exports.render = render;
-exports.cell = cell;
-exports.cellOf = cellOf;
-exports.cellAnd = cellAnd;
-exports.row = row;
-exports.rowAnd = rowAnd;
-exports.tableSnapshot = tableSnapshot;
-exports.select = select;
-exports.selectAndWait = selectAndWait;
-exports.getSelected = getSelected;
-exports.getOptions = getOptions;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const rtl_react_router_utils_1 = require("@homebound/rtl-react-router-utils");
-Object.defineProperty(exports, "withRouter", { enumerable: true, get: function () { return rtl_react_router_utils_1.withRouter; } });
-const rtl_utils_1 = require("@homebound/rtl-utils");
-Object.defineProperty(exports, "blur", { enumerable: true, get: function () { return rtl_utils_1.blur; } });
-Object.defineProperty(exports, "change", { enumerable: true, get: function () { return rtl_utils_1.change; } });
-Object.defineProperty(exports, "click", { enumerable: true, get: function () { return rtl_utils_1.click; } });
-Object.defineProperty(exports, "clickAndWait", { enumerable: true, get: function () { return rtl_utils_1.clickAndWait; } });
-Object.defineProperty(exports, "focus", { enumerable: true, get: function () { return rtl_utils_1.focus; } });
-Object.defineProperty(exports, "input", { enumerable: true, get: function () { return rtl_utils_1.input; } });
-Object.defineProperty(exports, "type", { enumerable: true, get: function () { return rtl_utils_1.type; } });
-Object.defineProperty(exports, "typeAndWait", { enumerable: true, get: function () { return rtl_utils_1.typeAndWait; } });
-Object.defineProperty(exports, "wait", { enumerable: true, get: function () { return rtl_utils_1.wait; } });
-const react_1 = require("@testing-library/react");
-const components_1 = require("../components");
-const index_1 = require("./index");
-function render(component, wrapperOrOpts, ...otherWrappers) {
-    let wrappers;
-    if (wrapperOrOpts && "wrap" in wrapperOrOpts) {
-        // They passed at least single wrapper + maybe more.
-        // We put `withBeamRTL` first so that any `withApollo`s wrap outside of beam, so in-drawer/in-modal content has apollo
-        wrappers = [exports.withBeamRTL, wrapperOrOpts, ...otherWrappers];
-    }
-    else if (wrapperOrOpts) {
-        const { omitBeamContext, at } = wrapperOrOpts;
-        wrappers = [
-            ...otherWrappers,
-            ...(!omitBeamContext ? [exports.withBeamRTL] : []),
-            ...(at ? [(0, rtl_react_router_utils_1.withRouter)(at.url)] : [(0, rtl_react_router_utils_1.withRouter)()]),
-        ];
-    }
-    else {
-        wrappers = [exports.withBeamRTL];
-    }
-    return (0, rtl_utils_1.render)(component, { wrappers, wait: true });
-}
-function cell(r, row, column) {
-    return cellOf(r, "gridTable", row, column);
-}
-function cellOf(r, tableTestId, rowNum, column) {
-    return row(r, rowNum, tableTestId).childNodes[column];
-}
-function cellAnd(r, row, column, testId) {
-    return (cell(r, row, column).querySelector(`[data-testid="${testId}"]`) ||
-        (0, index_1.fail)(`Element not found ${(0, react_1.prettyDOM)(cell(r, row, column))}`));
-}
-function row(r, row, tableTestId = "gridTable") {
-    const dataRows = Array.from(r.getByTestId(tableTestId).querySelectorAll("[data-gridrow]"));
-    return dataRows[row];
-}
-function rowAnd(r, rowNum, testId) {
-    const e = row(r, rowNum);
-    return e.querySelector(`[data-testid="${testId}"]`) || (0, index_1.fail)(`Element not found ${(0, react_1.prettyDOM)(e)}`);
-}
-/** Intended to be used to generate a human-readable text
- * representation of a GridTable using the markdown table syntax.
- * * Example Use: expect(tableSnapshot(r)).toMatchInlineSnapshot(`
-      "
-      | Name                     | Value |
-      | ------------------------ | ----- |
-      | Row 1                    | 200   |
-      | Row 2 with a longer name | 300   |
-      | Row 3                    | 1000  |
-      "
-    `);
- * */
-function tableSnapshot(r, columnNames = []) {
-    const tableEl = r.getByTestId("gridTable");
-    const dataRows = Array.from(tableEl.querySelectorAll("[data-gridrow]"));
-    const hasExpandableHeader = !!tableEl.querySelector(`[data-testid="expandableColumn"]`);
-    let tableDataAsStrings = dataRows.map((row) => {
-        return Array.from(row.childNodes).map(getTextFromTableCellNode);
-    });
-    // If the user wants a subset of columns, look for column names
-    if (columnNames.length > 0) {
-        const headerCells = tableDataAsStrings[0];
-        if (headerCells) {
-            const columnIndices = columnNames.map((name) => {
-                const i = headerCells.indexOf(name);
-                if (i === -1)
-                    throw new Error(`Could not find header '${name}' in ${headerCells.join(", ")}`);
-                return i;
-            });
-            tableDataAsStrings = tableDataAsStrings.map((row) => columnIndices.map((index) => row[index]));
-        }
-    }
-    return toMarkupTableString(tableDataAsStrings, hasExpandableHeader);
-}
-function toMarkupTableString(tableRows, hasExpandableHeader) {
-    // Find the largest width of each column to set a consistent width for each row
-    const columnWidths = tableRows.reduce((acc, row) => {
-        row.forEach((cell, columnIndex) => {
-            const cellWidth = cell?.length ?? 0;
-            const currentMaxWidth = acc.get(columnIndex) ?? 0;
-            if (cellWidth > currentMaxWidth || !currentMaxWidth)
-                acc.set(columnIndex, cellWidth);
-        });
-        return acc;
-    }, new Map());
-    const wrapTableRowEnds = (str) => `| ${str} |`;
-    const rowsWithPaddingAndDividers = tableRows.map((tableCells) => {
-        const formattedRow = tableCells
-            .map((cell, columnIndex) => {
-            const cellWidth = columnWidths.get(columnIndex) ?? 0;
-            return cell?.padEnd(cellWidth, " ") || "";
-        })
-            .join(" | ");
-        return wrapTableRowEnds(formattedRow);
-    });
-    const headerDivider = Array.from(columnWidths.values())
-        .map((width) => "-".repeat(width) ?? "")
-        .join(" | ");
-    const headerDividerRowNumber = hasExpandableHeader ? 2 : 1;
-    rowsWithPaddingAndDividers.splice(headerDividerRowNumber, 0, wrapTableRowEnds(headerDivider));
-    // Pad a newline on top and bottom for cleaner diffs
-    return `\n${rowsWithPaddingAndDividers.join("\n")}\n`;
-}
-/** Prefer showing a `value` from a mocked input vs. the combined text content from an inputs markup */
-function getTextFromTableCellNode(node) {
-    if (node.nodeType === Node.ELEMENT_NODE) {
-        const element = node;
-        const maybeInput = element.getElementsByTagName("input")[0];
-        if (maybeInput)
-            return maybeInput.value;
-        const maybeTextarea = element.getElementsByTagName("textarea")[0];
-        if (maybeTextarea)
-            return maybeTextarea.value;
-        const maybeSelect = element.getElementsByTagName("select")[0];
-        if (maybeSelect)
-            return maybeSelect.value;
-    }
-    return node.textContent;
-}
-/** RTL wrapper for Beam's SuperDrawer/Modal context. */
-exports.withBeamRTL = {
-    wrap: (c) => (0, jsx_runtime_1.jsx)(components_1.BeamProvider, { children: c }),
-};
-/**
- * Selects an option from the Beam SelectField, MultiSelectField, and TreeSelectField components.
- *
- * For select fields that support multiple selections, subsequent calls to this function will toggle the selection state of an option.
- *
- * @param value The value or label of the option.
- * */
-function select(select, value) {
-    assertListBoxInput(select);
-    ensureListBoxOpen(select);
-    const optionValues = Array.isArray(value) ? value : [value];
-    optionValues.forEach((optionValue) => selectOption(select, optionValue));
-}
-async function selectAndWait(select, value) {
-    // To work with React 18, we need to execute these as separate steps, otherwise
-    // the `ensureListBoxOpen` async render won't flush, and the `selectOption` will fail.
-    await (0, rtl_utils_1.allowAndWaitForAsyncBehavior)(() => ensureListBoxOpen(select));
-    return (0, rtl_utils_1.allowAndWaitForAsyncBehavior)(() => {
-        const optionValues = Array.isArray(value) ? value : [value];
-        optionValues.forEach((optionValue) => selectOption(select, optionValue));
-    });
-}
-function ensureListBoxOpen(select) {
-    const expanded = select.getAttribute("aria-expanded") === "true";
-    if (!expanded) {
-        (0, rtl_utils_1.click)(select);
-    }
-}
-function selectOption(select, optionValue) {
-    const listbox = findListBox(select);
-    const options = listbox.querySelectorAll("[role=option]");
-    // Allow searching for options by their data-key (value) or textContent (label)
-    const optionToSelect = Array.from(options).find((o) => o.dataset.key === optionValue || o.dataset.label === optionValue);
-    if (!optionToSelect) {
-        throw new Error(`Could not find option with value or text content of ${optionValue}`);
-    }
-    if (optionToSelect.getAttribute("aria-disabled")) {
-        throw new Error(`Cannot select disabled option ${optionValue}`);
-    }
-    (0, rtl_utils_1.click)(optionToSelect);
-}
-function getSelected(select) {
-    if (isSelectElement(select)) {
-        throw new Error("Beam getSelected helper does not support <select> elements");
-    }
-    if (!isInputOrTextAreaElement(select) && select.dataset.readonly === "true") {
-        // For read-only fields that render as a 'div'
-        return select.textContent ?? undefined;
-    }
-    ensureListBoxOpen(select);
-    const listbox = findListBox(select);
-    const options = listbox.querySelectorAll("[role=option]");
-    const selections = Array.from(options)
-        .filter((o) => o.getAttribute("aria-selected") === "true")
-        .map((o) => o.dataset.label ?? o.dataset.key ?? "")
-        // Filter out empty strings
-        .filter((o) => !!o);
-    return selections.length > 0 ? (selections.length > 1 ? selections : selections[0]) : undefined;
-}
-function getOptions(select) {
-    assertListBoxInput(select);
-    ensureListBoxOpen(select);
-    const listbox = findListBox(select);
-    const options = listbox.querySelectorAll("[role=option]");
-    return Array.from(options)
-        .map((o) => o.dataset.label ?? o.dataset.key ?? "")
-        .filter((o) => !!o);
-}
-function findListBox(select) {
-    if (select.tagName === "DIV")
-        (0, index_1.fail)("SelectField is readOnly");
-    const listboxId = select.getAttribute("aria-controls") ||
-        (0, index_1.fail)("aria-controls attribute not found, the SelectField is probably readOnly");
-    return document.getElementById(listboxId) || (0, index_1.fail)("listbox not found");
-}
-function assertListBoxInput(select) {
-    if (isSelectElement(select)) {
-        throw new Error("Beam getOptions helper does not support <select> elements");
-    }
-    if (!isInputOrTextAreaElement(select)) {
-        throw new Error(`Expected element to be INPUT or TEXTAREA, but got ${select.nodeName}. This field may be read-only. In that case we cannot get the list of options`);
-    }
-    return true;
-}
-function isSelectElement(element) {
-    return element.nodeName === "SELECT";
-}
-function isInputOrTextAreaElement(element) {
-    return element.nodeName === "INPUT" || element.nodeName === "TEXTAREA";
-}

package/dist/utils/sb.d.ts

@@ -1,27 +0,0 @@
-import { Decorator } from "@storybook/react";
-import { ReactNode } from "react";
-import { Properties } from "../Css";
-export declare function withRouter(url?: string): Decorator;
-type StoryParameters = {
-    chromatic?: {
-        delay?: number;
-    };
-    mockData?: unknown;
-};
-/** A somewhat typesafe way to set `FooStory.story` metadata. */
-export declare function newStory(storyFn: Function, opts: {
-    parameters?: StoryParameters;
-    decorators?: Decorator[];
-}): Function;
-/** Renders a number of small samples within a single story. */
-export declare function samples(...samples: [string, ReactNode][]): JSX.Element[];
-export declare function zeroTo(n: number): number[];
-/** Storybook decorator utility to wrap a story with a SuperDrawer context */
-export declare const withBeamDecorator: (Story: () => JSX.Element) => import("@emotion/react/jsx-runtime").JSX.Element;
-/**
- * Decorator to set explicit width and height dimensions for a story.
- * Used to help Chromatic properly render positioned `fixed` components.
- */
-export declare const withDimensions: (width?: number | string, height?: number | string, xss?: Properties) => (Story: () => JSX.Element) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=sb.d.ts.map

package/dist/utils/sb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sb.d.ts","sourceRoot":"","sources":["../../src/utils/sb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAO,UAAU,EAAE,eAAgB;AAG1C,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAElD;AAGD,KAAK,eAAe,GAAG;IAAE,SAAS,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE9E,gEAAgE;AAChE,wBAAgB,QAAQ,CACtB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE;IACJ,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;CAC1B,GACA,QAAQ,CAGV;AAED,+DAA+D;AAC/D,wBAAgB,OAAO,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,EAAE,CASxE;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAE1C;AAED,6EAA6E;AAC7E,eAAO,MAAM,iBAAiB,UAAW,MAAM,GAAG,CAAC,OAAO,qDAIzD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,WACjB,MAAM,GAAG,MAAM,WAAoB,MAAM,GAAG,MAAM,QAAkB,UAAU,aAC9E,MAAM,GAAG,CAAC,OAAO,qDAIxB,CAAC"}

package/dist/utils/sb.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withDimensions = exports.withBeamDecorator = void 0;
-exports.withRouter = withRouter;
-exports.newStory = newStory;
-exports.samples = samples;
-exports.zeroTo = zeroTo;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const components_1 = require("../components");
-const Css_1 = require("../Css");
-const rtl_1 = require("./rtl");
-function withRouter(url) {
-    return (Story) => (0, rtl_1.withRouter)(url).wrap((0, jsx_runtime_1.jsx)(Story, {}));
-}
-/** A somewhat typesafe way to set `FooStory.story` metadata. */
-function newStory(storyFn, opts) {
-    Object.assign(storyFn, opts);
-    return storyFn;
-}
-/** Renders a number of small samples within a single story. */
-function samples(...samples) {
-    return samples.map((s, i) => {
-        return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.my(8).$, children: [(0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.my1.$, children: s[0] }), s[1]] }, i));
-    });
-}
-function zeroTo(n) {
-    return [...Array(n).keys()];
-}
-/** Storybook decorator utility to wrap a story with a SuperDrawer context */
-const withBeamDecorator = (Story) => ((0, jsx_runtime_1.jsx)(components_1.BeamProvider, { children: (0, jsx_runtime_1.jsx)(Story, {}) }));
-exports.withBeamDecorator = withBeamDecorator;
-/**
- * Decorator to set explicit width and height dimensions for a story.
- * Used to help Chromatic properly render positioned `fixed` components.
- */
-const withDimensions = (width = "100vw", height = "100vh", xss) => (Story) => ((0, jsx_runtime_1.jsx)("div", { css: { ...Css_1.Css.w(width).h(height).$, ...xss }, children: (0, jsx_runtime_1.jsx)(Story, {}) }));
-exports.withDimensions = withDimensions;

package/dist/utils/shallowEqual.d.ts

@@ -1,5 +0,0 @@
-/**
- * An inlined version of shallowEach, see https://github.com/facebook/react/issues/16919
- */
-export declare function shallowEqual(objA: any, objB: any): boolean;
-//# sourceMappingURL=shallowEqual.d.ts.map

package/dist/utils/shallowEqual.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shallowEqual.d.ts","sourceRoot":"","sources":["../../src/utils/shallowEqual.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,GAAG,OAAO,CAyB1D"}

package/dist/utils/shallowEqual.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shallowEqual = shallowEqual;
-/**
- * An inlined version of shallowEach, see https://github.com/facebook/react/issues/16919
- */
-function shallowEqual(objA, objB) {
-    if (Object.is(objA, objB)) {
-        return true;
-    }
-    if (typeof objA !== "object" || objA === null || typeof objB !== "object" || objB === null) {
-        return false;
-    }
-    const keysA = Object.keys(objA);
-    const keysB = Object.keys(objB);
-    if (keysA.length !== keysB.length) {
-        return false;
-    }
-    // Test for A's keys different from B.
-    for (let i = 0; i < keysA.length; i++) {
-        const currentKey = keysA[i];
-        if (!objB.hasOwnProperty(currentKey) || !Object.is(objA[currentKey], objB[currentKey])) {
-            return false;
-        }
-    }
-    return true;
-}

package/dist/utils/useTestIds.d.ts

@@ -1,36 +0,0 @@
-export type TestIds = Record<string, object>;
-/**
- * Provides a way to easily generate `data-testid`s.
- *
- * The test ids are made of a `${prefix}_${key}`, where:
- *
- * - The prefix is the component name, like "profile", and
- * - The key is the specific DOM element that's being tagged, like "firstName"
- *
- * To determine the prefix, the component passes us their props, which we'll use
- * to look for an incoming `data-testid` to become the prefix the `data-testid`s
- * that we create. I.e.:
- *
- * ```tsx
- * const { a, b } = props;
- * const tid = useTestIds(props);
- *
- * return <Foo {...tid.foo} />;
- * ```
- *
- * This allows components that embed the component to customize the prefix, i.e.
- * `<TextField data-testid="firstName" />` and `<TextField data-testid="lastName" />`
- * would produce, within `TextField` itself, ids like:
- *
- * - `firstName_input`
- * - `firstName_errors`
- * - `lastName_input`
- * - `lastName_errors`
- *
- * @param props the component's `props` object, which we'll scan for `data-testid` to use as the prefix
- * @param defaultPrefix the default prefix to use if no `data-testid` is found on `props`
- */
-export declare function useTestIds(props: object, defaultPrefix?: string): Record<string, object>;
-/** Uses `object` for any keys that exist on it, otherwise calls `methodMissing` fn. */
-export declare function newMethodMissingProxy<T extends object, Y>(object: T, methodMissing: (key: string) => Y): T & Record<string, Y>;
-//# sourceMappingURL=useTestIds.d.ts.map

package/dist/utils/useTestIds.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTestIds.d.ts","sourceRoot":"","sources":["../../src/utils/useTestIds.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAWxF;AAED,uFAAuF;AACvF,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,EACvD,MAAM,EAAE,CAAC,EACT,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,CAAC,GAChC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAYvB"}