@homebound/beam 2.369.2 → 2.369.4

package/dist/utils/index.js

@@ -14,11 +14,21 @@ 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.pluralize = exports.isDefined = exports.isFunction = exports.isPromise = exports.areArraysEqual = exports.isAbsoluteUrl = exports.EmptyRef = exports.safeEntries = exports.noop = exports.omitKey = exports.safeKeys = exports.maybeCall = exports.toGroupState = exports.toToggleState = exports.fail = void 0;
+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");
 }
-exports.fail = fail;
 /** Adapts our state to what useToggleState returns in a stateless manner. */
 function toToggleState(isSelected, onChange) {
     return {
@@ -27,7 +37,6 @@ function toToggleState(isSelected, onChange) {
         toggle: () => onChange(!isSelected),
     };
 }
-exports.toToggleState = toToggleState;
 /** Adapts our state to what use*Group returns in a stateless manner. */
 function toGroupState(values, onChange) {
     const addValue = (value) => onChange([...values, value]);
@@ -46,7 +55,6 @@ function toGroupState(values, onChange) {
         validationState: "valid",
     };
 }
-exports.toGroupState = toGroupState;
 /**
  * Utility to maybe call a function if undefined with arguments
  *
@@ -58,13 +66,11 @@ exports.toGroupState = toGroupState;
 function maybeCall(callback, ...args) {
     return callback && callback(...args);
 }
-exports.maybeCall = maybeCall;
 __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);
 }
-exports.safeKeys = safeKeys;
 // Returns object with specified key removed
 const omitKey = (key, { [key]: _, ...obj }) => obj;
 exports.omitKey = omitKey;
@@ -73,7 +79,6 @@ exports.noop = noop;
 function safeEntries(obj) {
     return Object.entries(obj);
 }
-exports.safeEntries = safeEntries;
 class EmptyRef {
     get current() {
         throw new Error("BeamProvider is missing");
@@ -88,22 +93,17 @@ exports.isAbsoluteUrl = isAbsoluteUrl;
 function areArraysEqual(a, b) {
     return a.length === b.length && a.every((val, idx) => val === b[idx]);
 }
-exports.areArraysEqual = areArraysEqual;
 function isPromise(obj) {
     return typeof obj === "object" && "then" in obj && typeof obj.then === "function";
 }
-exports.isPromise = isPromise;
 function isFunction(f) {
     return typeof f === "function";
 }
-exports.isFunction = isFunction;
 function isDefined(param) {
     return param !== null && param !== undefined;
 }
-exports.isDefined = isDefined;
 function pluralize(count, noun, pluralNoun) {
     if ((Array.isArray(count) ? count.length : count) === 1)
         return noun;
     return pluralNoun || `${noun}s`;
 }
-exports.pluralize = pluralize;

package/dist/utils/options.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultOptionLabel = exports.defaultOptionValue = void 0;
+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) {
@@ -9,7 +10,6 @@ function defaultOptionValue(opt) {
     // 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`);
 }
-exports.defaultOptionValue = defaultOptionValue;
 function defaultOptionLabel(opt) {
     if (typeof opt !== "object" || !opt)
         (0, utils_1.fail)(`Option ${opt} has no id or code`);
@@ -22,4 +22,3 @@ function defaultOptionLabel(opt) {
                 ? opt.label
                 : (0, utils_1.fail)(`Option ${JSON.stringify(opt)} has no displayName, label, or name`);
 }
-exports.defaultOptionLabel = defaultOptionLabel;

package/dist/utils/rtl.d.ts

@@ -1,8 +1,7 @@
 import { newLocation as _newLocation, 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, getOptions as _getOptions, input as _input, RenderResult, select as _select, type as _type, typeAndWait as _typeAndWait, wait as _wait, Wrapper } from "@homebound/rtl-utils";
+import { blur as _blur, change as _change, click as _click, clickAndWait as _clickAndWait, focus as _focus, getOptions as _getOptions, input as _input, select as _select, 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, _getOptions as rtlUtilGetOptions, _input as input, _select as rtlUtilSelect, _type as type, _typeAndWait as typeAndWait, _wait as wait, };
-export { _newLocation as newLocation, _withRouter as withRouter };
+export { _blur as blur, _change as change, _click as click, _clickAndWait as clickAndWait, _focus as focus, _input as input, _newLocation as newLocation, _getOptions as rtlUtilGetOptions, _select as rtlUtilSelect, _type as type, _typeAndWait as typeAndWait, _wait as wait, _withRouter as withRouter, };
 interface RenderOpts {
     at?: {
         url: string;

package/dist/utils/rtl.js

@@ -1,6 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getOptions = exports.getSelected = exports.selectAndWait = exports.select = exports.withBeamRTL = exports.tableSnapshot = exports.rowAnd = exports.row = exports.cellAnd = exports.cellOf = exports.cell = exports.render = exports.withRouter = exports.newLocation = exports.wait = exports.typeAndWait = exports.type = exports.rtlUtilSelect = exports.input = exports.rtlUtilGetOptions = exports.focus = exports.clickAndWait = exports.click = exports.change = exports.blur = void 0;
+exports.withBeamRTL = exports.withRouter = exports.wait = exports.typeAndWait = exports.type = exports.rtlUtilSelect = exports.rtlUtilGetOptions = exports.newLocation = 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, "newLocation", { enumerable: true, get: function () { return rtl_react_router_utils_1.newLocation; } });
@@ -32,7 +43,7 @@ function render(component, wrapperOrOpts, ...otherWrappers) {
         wrappers = [
             ...otherWrappers,
             ...(!omitBeamContext ? [exports.withBeamRTL] : []),
-            ...(at ? [(0, rtl_react_router_utils_1.withRouter)(at.url, at.route)] : [(0, rtl_react_router_utils_1.withRouter)()]),
+            ...(at ? [(0, rtl_react_router_utils_1.withRouter)(at.url)] : [(0, rtl_react_router_utils_1.withRouter)()]),
         ];
     }
     else {
@@ -40,30 +51,24 @@ function render(component, wrapperOrOpts, ...otherWrappers) {
     }
     return (0, rtl_utils_1.render)(component, { wrappers, wait: true });
 }
-exports.render = render;
 function cell(r, row, column) {
     return cellOf(r, "gridTable", row, column);
 }
-exports.cell = cell;
 function cellOf(r, tableTestId, rowNum, column) {
     return row(r, rowNum, tableTestId).childNodes[column];
 }
-exports.cellOf = cellOf;
 function cellAnd(r, row, column, testId) {
     return (cell(r, row, column).querySelector(`[data-testid="${testId}"]`) ||
         (0, mobx_utils_1.fail)(`Element not found ${(0, react_1.prettyDOM)(cell(r, row, column))}`));
 }
-exports.cellAnd = cellAnd;
 function row(r, row, tableTestId = "gridTable") {
     const dataRows = Array.from(r.getByTestId(tableTestId).querySelectorAll("[data-gridrow]"));
     return dataRows[row];
 }
-exports.row = row;
 function rowAnd(r, rowNum, testId) {
     const e = row(r, rowNum);
     return e.querySelector(`[data-testid="${testId}"]`) || (0, mobx_utils_1.fail)(`Element not found ${(0, react_1.prettyDOM)(e)}`);
 }
-exports.rowAnd = rowAnd;
 /** 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(`
@@ -98,7 +103,6 @@ function tableSnapshot(r, columnNames = []) {
     }
     return toMarkupTableString(tableDataAsStrings, hasExpandableHeader);
 }
-exports.tableSnapshot = tableSnapshot;
 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) => {
@@ -163,7 +167,6 @@ function select(select, value) {
     const optionValues = Array.isArray(value) ? value : [value];
     optionValues.forEach((optionValue) => selectOption(select, optionValue));
 }
-exports.select = select;
 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.
@@ -173,7 +176,6 @@ async function selectAndWait(select, value) {
         optionValues.forEach((optionValue) => selectOption(select, optionValue));
     });
 }
-exports.selectAndWait = selectAndWait;
 function ensureListBoxOpen(select) {
     const expanded = select.getAttribute("aria-expanded") === "true";
     if (!expanded) {
@@ -212,7 +214,6 @@ function getSelected(select) {
         .filter((o) => !!o);
     return selections.length > 0 ? (selections.length > 1 ? selections : selections[0]) : undefined;
 }
-exports.getSelected = getSelected;
 function getOptions(select) {
     assertListBoxInput(select);
     ensureListBoxOpen(select);
@@ -222,7 +223,6 @@ function getOptions(select) {
         .map((o) => { var _a, _b; return (_b = (_a = o.dataset.label) !== null && _a !== void 0 ? _a : o.dataset.key) !== null && _b !== void 0 ? _b : ""; })
         .filter((o) => !!o);
 }
-exports.getOptions = getOptions;
 function findListBox(select) {
     const listboxId = select.getAttribute("aria-controls") || (0, mobx_utils_1.fail)("aria-controls attribute not found");
     return document.getElementById(listboxId) || (0, mobx_utils_1.fail)("listbox not found");

package/dist/utils/sb.d.ts

@@ -1,7 +1,7 @@
-import { DecoratorFn } from "@storybook/react";
+import { Decorator } from "@storybook/react";
 import { ReactNode } from "react";
 import { Properties } from "../Css";
-export declare function withRouter(url?: string, path?: string): DecoratorFn;
+export declare function withRouter(url?: string): Decorator;
 type StoryParameters = {
     chromatic?: {
         delay?: number;
@@ -11,7 +11,7 @@ type StoryParameters = {
 /** A somewhat typesafe way to set `FooStory.story` metadata. */
 export declare function newStory(storyFn: Function, opts: {
     parameters?: StoryParameters;
-    decorators?: DecoratorFn[];
+    decorators?: Decorator[];
 }): Function;
 /** Renders a number of small samples within a single story. */
 export declare function samples(...samples: [string, ReactNode][]): JSX.Element[];

package/dist/utils/sb.js

@@ -1,31 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withDimensions = exports.withBeamDecorator = exports.zeroTo = exports.samples = exports.newStory = exports.withRouter = void 0;
+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, path) {
-    return (Story) => (0, rtl_1.withRouter)(url, path).wrap((0, jsx_runtime_1.jsx)(Story, {}));
+function withRouter(url) {
+    return (Story) => (0, rtl_1.withRouter)(url).wrap((0, jsx_runtime_1.jsx)(Story, {}));
 }
-exports.withRouter = withRouter;
 /** A somewhat typesafe way to set `FooStory.story` metadata. */
 function newStory(storyFn, opts) {
     Object.assign(storyFn, opts);
     return storyFn;
 }
-exports.newStory = newStory;
 /** 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));
     });
 }
-exports.samples = samples;
 function zeroTo(n) {
     return [...Array(n).keys()];
 }
-exports.zeroTo = zeroTo;
 /** 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;

package/dist/utils/shallowEqual.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.shallowEqual = void 0;
+exports.shallowEqual = shallowEqual;
 /**
  * An inlined version of shallowEach, see https://github.com/facebook/react/issues/16919
  */
@@ -25,4 +25,3 @@ function shallowEqual(objA, objB) {
     }
     return true;
 }
-exports.shallowEqual = shallowEqual;

package/dist/utils/useTestIds.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.newMethodMissingProxy = exports.useTestIds = void 0;
+exports.useTestIds = useTestIds;
+exports.newMethodMissingProxy = newMethodMissingProxy;
 const defaultTestId_1 = require("./defaultTestId");
 /**
  * Provides a way to easily generate `data-testid`s.
@@ -44,7 +45,6 @@ function useTestIds(props, defaultPrefix) {
         return { "data-testid": prefix ? `${prefix}_${key}` : key };
     });
 }
-exports.useTestIds = useTestIds;
 /** Uses `object` for any keys that exist on it, otherwise calls `methodMissing` fn. */
 function newMethodMissingProxy(object, methodMissing) {
     return new Proxy(object, {
@@ -61,4 +61,3 @@ function newMethodMissingProxy(object, methodMissing) {
         },
     });
 }
-exports.newMethodMissingProxy = newMethodMissingProxy;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.369.2",
+  "version": "2.369.4",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",
@@ -19,7 +19,7 @@
   },
   "scripts": {
     "start": "yarn storybook",
-    "build": "yarn copy && ttsc",
+    "build": "yarn copy && tspc",
     "build:truss": "truss",
     "build-storybook": "NODE_OPTIONS=--openssl-legacy-provider storybook build",
     "test": "jest --maxWorkers 4",
@@ -33,7 +33,7 @@
     "format": "prettier --loglevel warn --write \"**/*.{ts,tsx,css,md,mdx}\""
   },
   "dependencies": {
-    "@homebound/form-state": "^2.20.1",
+    "@homebound/form-state": "^2.25.2",
     "@internationalized/number": "^3.0.3",
     "@popperjs/core": "^2.11.6",
     "@react-aria/utils": "^3.18.0",
@@ -43,7 +43,7 @@
     "fast-deep-equal": "^3.1.3",
     "framer-motion": "^9.0.4",
     "memoize-one": "^5.2.1",
-    "mobx-utils": "^6.0.8",
+    "mobx-utils": "^6.1.0",
     "react-aria": "^3.26.0",
     "react-day-picker": "8.0.7",
     "react-popper": "^2.3.0",
@@ -71,68 +71,61 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.21.0",
-    "@emotion/babel-preset-css-prop": "^11.10.0",
     "@emotion/jest": "^11.10.5",
     "@emotion/react": "^11.10.6",
     "@homebound/eslint-config": "^1.10.2",
-    "@homebound/rtl-react-router-utils": "1.0.3",
-    "@homebound/rtl-utils": "^2.65.0",
+    "@homebound/rtl-react-router-utils": "1.2.0",
+    "@homebound/rtl-utils": "^2.66.2",
     "@homebound/truss": "^1.136.0",
     "@homebound/tsconfig": "^1.0.3",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-docs": "^7.6.10",
-    "@storybook/addon-essentials": "^7.6.10",
-    "@storybook/addon-interactions": "^7.6.10",
-    "@storybook/addon-links": "^7.6.10",
-    "@storybook/addon-mdx-gfm": "^7.6.10",
-    "@storybook/addons": "^7.6.10",
-    "@storybook/manager-api": "^7.6.10",
-    "@storybook/mdx2-csf": "^1.1.0",
-    "@storybook/react": "^7.6.10",
-    "@storybook/react-vite": "^7.6.10",
-    "@storybook/testing-library": "^0.2.1",
-    "@testing-library/jest-dom": "^6.1.2",
-    "@testing-library/react": "^14.0.0",
+    "@storybook/addon-docs": "^8.3.5",
+    "@storybook/addon-essentials": "^8.3.5",
+    "@storybook/addon-interactions": "^8.3.5",
+    "@storybook/addon-links": "^8.3.5",
+    "@storybook/manager-api": "^8.3.5",
+    "@storybook/react": "^8.3.5",
+    "@storybook/react-vite": "^8.3.5",
+    "@storybook/test": "^8.3.5",
+    "@storybook/theming": "^8.3.5",
+    "@storybook/types": "^8.3.5",
+    "@testing-library/jest-dom": "^6.6.2",
+    "@testing-library/react": "^16.0.1",
     "@tsconfig/recommended": "^1.0.2",
     "@types/dompurify": "^2.2.3",
     "@types/jest": "^29.4.0",
-    "@types/react": "^18.0.28",
+    "@types/react": "^18.3.11",
     "@types/react-beautiful-dnd": "^13.1.3",
-    "@types/react-dom": "^18.0.11",
+    "@types/react-dom": "^18.3.1",
     "@types/react-router-dom": "^5.3.3",
-    "@vitejs/plugin-react": "^3.1.0",
+    "@vitejs/plugin-react": "^4.3.2",
     "array-move": "^4.0.0",
-    "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.2.2",
-    "chromatic": "^10.3.1",
+    "chromatic": "^11.12.6",
     "conventional-changelog-conventionalcommits": "^5.0.0",
     "eslint": "^8.52.0",
-    "eslint-plugin-storybook": "^0.6.14",
+    "eslint-plugin-storybook": "^0.9.0",
     "husky": "^5.1.1",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.4.3",
+    "jest": "^29.7.0",
     "jest-chain": "^1.1.6",
-    "jest-environment-jsdom": "^29.4.3",
+    "jest-environment-jsdom": "^29.7.0",
     "jest-watch-typeahead": "^2.2.2",
-    "mobx": "^6.10.2",
-    "mobx-react": "^9.0.1",
-    "prettier": "^3.0.3",
-    "prettier-plugin-organize-imports": "^3.2.3",
-    "react": "^18.2.0",
+    "mobx": "^6.13.5",
+    "mobx-react": "^9.1.1",
+    "prettier": "^3.3.3",
+    "prettier-plugin-organize-imports": "^4.1.0",
+    "react": "^18.3.1",
     "react-dom": "^18.2.0",
     "semantic-release": "^20.1.0",
-    "storybook": "^7.6.10",
-    "storybook-addon-designs": "beta",
-    "ts-jest": "^29.0.5",
-    "ts-node": "^10.9.1",
-    "tslib": "^2.1.0",
-    "ttypescript": "^1.5.15",
-    "typescript": "^4.9.5",
-    "typescript-transform-paths": "^3.4.6",
-    "vite": "^4.1.4",
-    "vite-plugin-turbosnap": "^1.0.1",
+    "storybook": "^8.3.5",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.2",
+    "ts-patch": "^3.2.1",
+    "typescript": "5.5.4",
+    "typescript-transform-paths": "^3.5.1",
+    "vite": "^5.4.9",
+    "vite-tsconfig-paths": "^5.0.1",
     "watch": "^1.0.2"
   },
   "resolutions": {