@homebound/beam 2.369.3 → 2.369.4

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.3",
+  "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": {