@genesislcap/foundation-react-utils 15.72.0 → 15.73.0-FUI-2628.4

package/README.md

@@ -102,6 +102,65 @@ and dark mode. To override them, set `--eb-*` custom properties (`--eb-bg`, `--e
 on an ancestor. Without a design system it uses its own light palette. The last 20 reports are also kept
 on `window.__GENESIS_ERROR_BOUNDARY_REPORTS__` for dev tooling such as the Genesis Create preview.
 
+## foundation-workspace
+
+Workspaces (save/load of layouts, grid column state and filters) work in React through the element
+wrappers `@genesislcap/foundation-workspace/react` already ships, plus one hook for filter state:
+
+```tsx
+import { registerFactory } from '@genesislcap/foundation-layout';
+import { reactFactory } from '@genesislcap/foundation-react-utils';
+import { useWorkspaceFilter } from '@genesislcap/foundation-react-utils/workspace';
+import { GridRegister, LayoutWrapper, WorkspaceManager } from '@genesislcap/foundation-workspace/react';
+
+const PositionsPanel = () => {
+  const [search, setSearch] = useState('');
+  useWorkspaceFilter('positions-search', search, setSearch);
+  return (
+    <GridRegister gridKey="positions">
+      <RapidGridPro persistColumnStateKey="positions">…</RapidGridPro>
+    </GridRegister>
+  );
+};
+
+registerFactory('positions', reactFactory(PositionsPanel));
+
+<LayoutWrapper layoutKey="my-layout">
+  <rapid-layout auto-save-key="my-layout">
+    <rapid-layout-region>
+      <rapid-layout-item registration="positions" title="Positions" />
+    </rapid-layout-region>
+  </rapid-layout>
+</LayoutWrapper>
+
+<WorkspaceManager />
+```
+
+- Register `workspaceComponents` from `@genesislcap/foundation-workspace` with your design system.
+- Render layout panes through `registerFactory` + `reactFactory`, not as JSX children of
+  `rapid-layout-item`. Loading a saved layout rebuilds the panes, and cloned DOM loses React-set
+  properties such as `gridOptions`.
+- `useWorkspaceFilter` also applies the current workspace's saved value on mount, so a filter
+  inside a pane that is recreated by a layout load still picks up its saved value.
+
+### flexlayout-react layouts
+
+`LayoutWrapper` only covers `rapid-layout`. For a flexlayout-react layout, hold the `Model` in
+state and register it with `useWorkspaceFlexLayout`; loading a workspace hands you a new model:
+
+```tsx
+import { Layout, Model } from '@genesislcap/foundation-react-utils/flexlayout';
+import { useWorkspaceFlexLayout } from '@genesislcap/foundation-react-utils/workspace';
+
+const [model, setModel] = useState(() => Model.fromJson(defaultLayout));
+useWorkspaceFlexLayout('home-layout', model, setModel);
+
+return <Layout model={model} factory={factory} />;
+```
+
+Tabs opened or closed by a loaded layout mount and unmount as usual, so `GridRegister` and
+`useWorkspaceFilter` inside them pick up the workspace's state as they register.
+
 ## License
 
 Note: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.

package/dist/custom-elements.json

@@ -648,6 +648,127 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/workspace/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "useWorkspaceFilter",
+          "declaration": {
+            "name": "useWorkspaceFilter",
+            "module": "./use-workspace-filter"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "useWorkspaceFlexLayout",
+          "declaration": {
+            "name": "useWorkspaceFlexLayout",
+            "module": "./use-workspace-flex-layout"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/workspace/use-workspace-filter.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "useWorkspaceFilter",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "filterKey",
+              "type": {
+                "text": "string"
+              },
+              "description": "Unique key the value is saved under. An empty key skips registration."
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "Current filter value."
+            },
+            {
+              "name": "setValue",
+              "type": {
+                "text": "(value: string) => void"
+              },
+              "description": "Called with the saved value when a workspace is loaded."
+            }
+          ],
+          "description": "Registers a piece of React filter state with the foundation-workspace `FilterRegistry`, so\n`<workspace-manager>` saves it with the workspace and restores it on load."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "useWorkspaceFilter",
+          "declaration": {
+            "name": "useWorkspaceFilter",
+            "module": "src/workspace/use-workspace-filter.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/workspace/use-workspace-flex-layout.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "useWorkspaceFlexLayout",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "layoutKey",
+              "type": {
+                "text": "string"
+              },
+              "description": "Unique key the layout is saved under. An empty key skips registration."
+            },
+            {
+              "name": "model",
+              "type": {
+                "text": "Model"
+              },
+              "description": "The model currently rendered by `<Layout>`."
+            },
+            {
+              "name": "setModel",
+              "type": {
+                "text": "(model: Model) => void"
+              },
+              "description": "Called with a new model when a workspace is loaded."
+            }
+          ],
+          "description": "Registers a flexlayout-react `Model` with the foundation-workspace `LayoutRegistry`, so\n`<workspace-manager>` saves the layout (which tabs are open, how they're split and sized, which\nis selected) with the workspace and restores it on load."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "useWorkspaceFlexLayout",
+          "declaration": {
+            "name": "useWorkspaceFlexLayout",
+            "module": "src/workspace/use-workspace-flex-layout.ts"
+          }
+        }
+      ]
     }
   ]
 }

package/dist/dts/index.d.ts

@@ -20,6 +20,7 @@
  *   Rapid Design System theme for it installed on import. Import from there rather than adding
  *   `flexlayout-react` to an app's own dependencies.
  * - `./router` — route table helpers (`renderAppRoutes` and friends).
+ * - `./workspace` — foundation-workspace helpers (`useWorkspaceFilter`).
  */
 export { reactFactory, reactFactoryWithProvider } from './react-layout-factory';
 export { createReactRenderer } from './create-react-renderer';

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,YAAY,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,YAAY,EACV,0BAA0B,EAC1B,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,iCAAiC,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,YAAY,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,YAAY,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,YAAY,EACV,0BAA0B,EAC1B,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,iCAAiC,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,YAAY,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/dts/workspace/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * `@genesislcap/foundation-react-utils/workspace`
+ *
+ * React helpers for `@genesislcap/foundation-workspace` (save/load of layouts, grid column state
+ * and filters).
+ *
+ * Exposed as a subpath (`/workspace`) rather than from the package root so that consumers which
+ * don't use workspaces don't load foundation-workspace (and the grid-pro graph behind it).
+ *
+ * Grids, `rapid-layout` and the save/load UI need no hook: use the element wrappers from
+ * `@genesislcap/foundation-workspace/react` (`GridRegister`, `LayoutWrapper`, `WorkspaceManager`).
+ * Inside a `rapid-layout`, render panes through `registerFactory` + `reactFactory` rather than as
+ * JSX children, because loading a saved layout rebuilds panes and cloned DOM loses React state.
+ *
+ * Key exports:
+ * - `useWorkspaceFilter` — register React filter state so workspaces save and restore it.
+ * - `useWorkspaceFlexLayout` — register a flexlayout-react `Model` so workspaces save and restore
+ *   the layout.
+ */
+export { useWorkspaceFilter } from './use-workspace-filter';
+export { useWorkspaceFlexLayout } from './use-workspace-flex-layout';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/workspace/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/workspace/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/dts/workspace/use-workspace-filter.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Registers a piece of React filter state with the foundation-workspace `FilterRegistry`, so
+ * `<workspace-manager>` saves it with the workspace and restores it on load.
+ *
+ * @remarks
+ * Grids and layouts are covered by the `GridRegister` / `LayoutWrapper` elements; filters have no
+ * element wrapper because their value lives in app state, so this hook is the React equivalent.
+ *
+ * - Registers on mount and unregisters on unmount (or when `filterKey` changes).
+ * - The registry always reads the latest `value` and calls the latest `setValue`, so neither needs
+ *   to be memoised.
+ * - On mount, the registry applies its stored value for `filterKey` (if any): the loaded
+ *   workspace's value, or this filter's last value from earlier in the session. This covers a
+ *   filter that wasn't mounted when the workspace loaded (e.g. on another route), and a filter
+ *   inside a layout pane that a layout reload remounts.
+ * - On unmount, the registry keeps the last value, so saving a workspace while the filter isn't
+ *   mounted still includes it.
+ *
+ * @param filterKey - Unique key the value is saved under. An empty key skips registration.
+ * @param value - Current filter value.
+ * @param setValue - Called with the saved value when a workspace is loaded.
+ *
+ * @example
+ * ```tsx
+ * const [instrument, setInstrument] = useState('');
+ * useWorkspaceFilter('positions-instrument', instrument, setInstrument);
+ * ```
+ * @alpha
+ */
+export declare function useWorkspaceFilter(filterKey: string, value: string, setValue: (value: string) => void): void;
+//# sourceMappingURL=use-workspace-filter.d.ts.map

package/dist/dts/workspace/use-workspace-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-workspace-filter.d.ts","sourceRoot":"","sources":["../../../src/workspace/use-workspace-filter.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAChC,IAAI,CAwBN"}

package/dist/dts/workspace/use-workspace-flex-layout.d.ts

@@ -0,0 +1,34 @@
+import { Model } from 'flexlayout-react';
+/**
+ * Registers a flexlayout-react `Model` with the foundation-workspace `LayoutRegistry`, so
+ * `<workspace-manager>` saves the layout (which tabs are open, how they're split and sized, which
+ * is selected) with the workspace and restores it on load.
+ *
+ * @remarks
+ * The React counterpart of `LayoutWrapper` (`layout-register`), which only covers `rapid-layout`.
+ * A workspace stores the model's `toJson()`; loading one builds a new model with `Model.fromJson`
+ * and hands it to `setModel`, so the app renders `<Layout model={model} />` from state.
+ *
+ * - Registers on mount and unregisters on unmount (or when `layoutKey` changes). Registering
+ *   applies the layout's stored config straight away, when a workspace loaded earlier has one.
+ * - The registry always reads the latest `model` and calls the latest `setModel`, so neither needs
+ *   to be memoised.
+ * - Tabs that a loaded layout closes unmount, and ones it opens mount: their grids and filters
+ *   (`GridRegister`, `useWorkspaceFilter`) pick up the workspace's state as they register.
+ * - A saved config that flexlayout-react can't read is logged and ignored; the current layout
+ *   stays.
+ *
+ * @param layoutKey - Unique key the layout is saved under. An empty key skips registration.
+ * @param model - The model currently rendered by `<Layout>`.
+ * @param setModel - Called with a new model when a workspace is loaded.
+ *
+ * @example
+ * ```tsx
+ * const [model, setModel] = useState(() => Model.fromJson(defaultLayout));
+ * useWorkspaceFlexLayout('home-layout', model, setModel);
+ * return <Layout model={model} factory={factory} />;
+ * ```
+ * @alpha
+ */
+export declare function useWorkspaceFlexLayout(layoutKey: string, model: Model, setModel: (model: Model) => void): void;
+//# sourceMappingURL=use-workspace-flex-layout.d.ts.map

package/dist/dts/workspace/use-workspace-flex-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-workspace-flex-layout.d.ts","sourceRoot":"","sources":["../../../src/workspace/use-workspace-flex-layout.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAmB,MAAM,kBAAkB,CAAC;AAG1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAC/B,IAAI,CAkCN"}

package/dist/esm/index.js

@@ -20,6 +20,7 @@
  *   Rapid Design System theme for it installed on import. Import from there rather than adding
  *   `flexlayout-react` to an app's own dependencies.
  * - `./router` — route table helpers (`renderAppRoutes` and friends).
+ * - `./workspace` — foundation-workspace helpers (`useWorkspaceFilter`).
  */
 export { reactFactory, reactFactoryWithProvider } from './react-layout-factory';
 export { createReactRenderer } from './create-react-renderer';

package/dist/esm/workspace/index.js

@@ -0,0 +1,21 @@
+/**
+ * `@genesislcap/foundation-react-utils/workspace`
+ *
+ * React helpers for `@genesislcap/foundation-workspace` (save/load of layouts, grid column state
+ * and filters).
+ *
+ * Exposed as a subpath (`/workspace`) rather than from the package root so that consumers which
+ * don't use workspaces don't load foundation-workspace (and the grid-pro graph behind it).
+ *
+ * Grids, `rapid-layout` and the save/load UI need no hook: use the element wrappers from
+ * `@genesislcap/foundation-workspace/react` (`GridRegister`, `LayoutWrapper`, `WorkspaceManager`).
+ * Inside a `rapid-layout`, render panes through `registerFactory` + `reactFactory` rather than as
+ * JSX children, because loading a saved layout rebuilds panes and cloned DOM loses React state.
+ *
+ * Key exports:
+ * - `useWorkspaceFilter` — register React filter state so workspaces save and restore it.
+ * - `useWorkspaceFlexLayout` — register a flexlayout-react `Model` so workspaces save and restore
+ *   the layout.
+ */
+export { useWorkspaceFilter } from './use-workspace-filter';
+export { useWorkspaceFlexLayout } from './use-workspace-flex-layout';

package/dist/esm/workspace/use-workspace-filter.js

@@ -0,0 +1,48 @@
+import { FilterRegistry } from '@genesislcap/foundation-workspace';
+import { DI } from '@genesislcap/web-core';
+import { useEffect, useLayoutEffect, useRef } from 'react';
+/**
+ * Registers a piece of React filter state with the foundation-workspace `FilterRegistry`, so
+ * `<workspace-manager>` saves it with the workspace and restores it on load.
+ *
+ * @remarks
+ * Grids and layouts are covered by the `GridRegister` / `LayoutWrapper` elements; filters have no
+ * element wrapper because their value lives in app state, so this hook is the React equivalent.
+ *
+ * - Registers on mount and unregisters on unmount (or when `filterKey` changes).
+ * - The registry always reads the latest `value` and calls the latest `setValue`, so neither needs
+ *   to be memoised.
+ * - On mount, the registry applies its stored value for `filterKey` (if any): the loaded
+ *   workspace's value, or this filter's last value from earlier in the session. This covers a
+ *   filter that wasn't mounted when the workspace loaded (e.g. on another route), and a filter
+ *   inside a layout pane that a layout reload remounts.
+ * - On unmount, the registry keeps the last value, so saving a workspace while the filter isn't
+ *   mounted still includes it.
+ *
+ * @param filterKey - Unique key the value is saved under. An empty key skips registration.
+ * @param value - Current filter value.
+ * @param setValue - Called with the saved value when a workspace is loaded.
+ *
+ * @example
+ * ```tsx
+ * const [instrument, setInstrument] = useState('');
+ * useWorkspaceFilter('positions-instrument', instrument, setInstrument);
+ * ```
+ * @alpha
+ */
+export function useWorkspaceFilter(filterKey, value, setValue) {
+    const latest = useRef({ value, setValue });
+    useLayoutEffect(() => {
+        latest.current = { value, setValue };
+    });
+    useEffect(() => {
+        if (!filterKey) {
+            return undefined;
+        }
+        const filterRegistry = DI.getOrCreateDOMContainer().get(FilterRegistry);
+        filterRegistry.registerFilter(filterKey, () => ({ filterKey, value: latest.current.value }), (savedValue) => latest.current.setValue(savedValue));
+        return () => {
+            filterRegistry.unregisterFilter(filterKey);
+        };
+    }, [filterKey]);
+}

package/dist/esm/workspace/use-workspace-flex-layout.js

@@ -0,0 +1,84 @@
+import { LayoutRegistry } from '@genesislcap/foundation-workspace';
+import { DI } from '@genesislcap/web-core';
+import { Model } from 'flexlayout-react';
+import { useEffect, useLayoutEffect, useRef } from 'react';
+/**
+ * Registers a flexlayout-react `Model` with the foundation-workspace `LayoutRegistry`, so
+ * `<workspace-manager>` saves the layout (which tabs are open, how they're split and sized, which
+ * is selected) with the workspace and restores it on load.
+ *
+ * @remarks
+ * The React counterpart of `LayoutWrapper` (`layout-register`), which only covers `rapid-layout`.
+ * A workspace stores the model's `toJson()`; loading one builds a new model with `Model.fromJson`
+ * and hands it to `setModel`, so the app renders `<Layout model={model} />` from state.
+ *
+ * - Registers on mount and unregisters on unmount (or when `layoutKey` changes). Registering
+ *   applies the layout's stored config straight away, when a workspace loaded earlier has one.
+ * - The registry always reads the latest `model` and calls the latest `setModel`, so neither needs
+ *   to be memoised.
+ * - Tabs that a loaded layout closes unmount, and ones it opens mount: their grids and filters
+ *   (`GridRegister`, `useWorkspaceFilter`) pick up the workspace's state as they register.
+ * - A saved config that flexlayout-react can't read is logged and ignored; the current layout
+ *   stays.
+ *
+ * @param layoutKey - Unique key the layout is saved under. An empty key skips registration.
+ * @param model - The model currently rendered by `<Layout>`.
+ * @param setModel - Called with a new model when a workspace is loaded.
+ *
+ * @example
+ * ```tsx
+ * const [model, setModel] = useState(() => Model.fromJson(defaultLayout));
+ * useWorkspaceFlexLayout('home-layout', model, setModel);
+ * return <Layout model={model} factory={factory} />;
+ * ```
+ * @alpha
+ */
+export function useWorkspaceFlexLayout(layoutKey, model, setModel) {
+    const latest = useRef({ model, setModel });
+    useLayoutEffect(() => {
+        latest.current = { model, setModel };
+    });
+    useEffect(() => {
+        if (!layoutKey) {
+            return undefined;
+        }
+        const layoutRegistry = DI.getOrCreateDOMContainer().get(LayoutRegistry);
+        const layout = {
+            // A flexlayout Model is complete as soon as it exists; there's no first load to wait for.
+            hasFirstLoaded: true,
+            getLayout: () => latest.current.model.toJson(),
+            loadLayout: (saved) => {
+                const next = readModel(saved);
+                if (next) {
+                    latest.current.setModel(next);
+                }
+                else {
+                    console.warn(`useWorkspaceFlexLayout: ignoring unreadable layout for ${layoutKey}`);
+                }
+            },
+            addEventListener: () => { },
+        };
+        layoutRegistry.registerLayout(layoutKey, layout);
+        return () => {
+            layoutRegistry.unregisterLayout(layoutKey);
+        };
+    }, [layoutKey]);
+}
+/**
+ * Builds a model from a saved flexlayout config, or returns null for anything else — e.g. a
+ * `rapid-layout` config saved under the same key. `Model.fromJson` doesn't validate: it builds a
+ * broken model from malformed JSON rather than throwing.
+ */
+function readModel(saved) {
+    const json = saved;
+    const root = json === null || json === void 0 ? void 0 : json.layout;
+    if (!root || typeof root !== 'object' || typeof root.type !== 'string') {
+        return null;
+    }
+    try {
+        return Model.fromJson(json);
+    }
+    catch (_a) {
+        return null;
+    }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-react-utils",
   "description": "Genesis Foundation React Utils",
-  "version": "15.72.0",
+  "version": "15.73.0-FUI-2628.4",
   "sideEffects": [
     "./dist/esm/flexlayout/index.js"
   ],
@@ -21,6 +21,10 @@
       "types": "./dist/dts/flexlayout/index.d.ts",
       "default": "./dist/esm/flexlayout/index.js"
     },
+    "./workspace": {
+      "types": "./dist/dts/workspace/index.d.ts",
+      "default": "./dist/esm/workspace/index.js"
+    },
     "./package.json": "./package.json"
   },
   "typesVersions": {
@@ -30,6 +34,9 @@
       ],
       "flexlayout": [
         "./dist/dts/flexlayout/index.d.ts"
+      ],
+      "workspace": [
+        "./dist/dts/workspace/index.d.ts"
       ]
     }
   },
@@ -56,12 +63,12 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "15.72.0",
-    "@genesislcap/genx": "15.72.0",
-    "@genesislcap/ts-builder": "15.72.0",
-    "@genesislcap/uvu-playwright-builder": "15.72.0",
-    "@genesislcap/vite-builder": "15.72.0",
-    "@genesislcap/webpack-builder": "15.72.0",
+    "@genesislcap/foundation-testing": "15.73.0-FUI-2628.4",
+    "@genesislcap/genx": "15.73.0-FUI-2628.4",
+    "@genesislcap/ts-builder": "15.73.0-FUI-2628.4",
+    "@genesislcap/uvu-playwright-builder": "15.73.0-FUI-2628.4",
+    "@genesislcap/vite-builder": "15.73.0-FUI-2628.4",
+    "@genesislcap/webpack-builder": "15.73.0-FUI-2628.4",
     "react-router-dom": "^7.1.3"
   },
   "peerDependencies": {
@@ -75,11 +82,12 @@
     }
   },
   "dependencies": {
-    "@genesislcap/foundation-forms": "15.72.0",
-    "@genesislcap/foundation-layout": "15.72.0",
-    "@genesislcap/foundation-logger": "15.72.0",
-    "@genesislcap/rapid-design-system": "15.72.0",
-    "@genesislcap/web-core": "15.72.0",
+    "@genesislcap/foundation-forms": "15.73.0-FUI-2628.4",
+    "@genesislcap/foundation-layout": "15.73.0-FUI-2628.4",
+    "@genesislcap/foundation-logger": "15.73.0-FUI-2628.4",
+    "@genesislcap/foundation-workspace": "15.73.0-FUI-2628.4",
+    "@genesislcap/rapid-design-system": "15.73.0-FUI-2628.4",
+    "@genesislcap/web-core": "15.73.0-FUI-2628.4",
     "@jsonforms/core": "^3.2.1",
     "@r2wc/core": "1.3.1",
     "@r2wc/react-to-web-component": "^2.0.2",