@genesislcap/foundation-react-utils 15.46.6-alpha-606571609.0 → 15.48.0

package/README.md

@@ -47,57 +47,6 @@ resolving a second copy of the library, which breaks the `instanceof` checks `fl
 relies on internally; the entry point logs a warning when the version it loads differs from the one
 the theme was generated against.
 
-## Error boundaries
-
-`AppErrorBoundary` wraps the whole app, and `TileErrorBoundary` (or the `withTileErrorBoundary`
-HOC) wraps a single tile, so a crash replaces only that tile. Both render a fallback with a
-reference ID, copyable diagnostics and a Retry button that remounts the children.
-
-With `setupErrorMonitoring` from `@genesislcap/foundation-utils`, caught errors are reported with
-their reference ID, scope, title, tile registration and component stack, and nothing else is
-needed:
-
-```tsx
-import { AppErrorBoundary, onCaughtError } from '@genesislcap/foundation-react-utils';
-
-createRoot(el, { onCaughtError }).render(
-  <AppErrorBoundary>
-    <App />
-  </AppErrorBoundary>,
-);
-```
-
-```tsx
-import { TileErrorBoundary, withTileErrorBoundary } from '@genesislcap/foundation-react-utils';
-
-<TileErrorBoundary title="Trade Blotter" tileRegistration="tradeBlotter">
-  <TradeBlotter />
-</TileErrorBoundary>;
-
-export const TradeBlotterTile = withTileErrorBoundary(TradeBlotter, 'Trade Blotter', 'tradeBlotter');
-```
-
-To handle caught errors yourself, pass `onError`. It receives an `ErrorBoundaryReport` (`error`,
-`componentStack`, `referenceId`, `scope`, `title`, `tileRegistration`). `withTileErrorBoundary`
-takes it as a fourth argument.
-
-Pass `onCaughtError` to `createRoot`. By default React 19 logs every error a boundary catches to
-`console.error` before the boundary runs, so a console-capturing monitoring tool reports the bare
-error first and can drop or duplicate the boundary's own report. `onCaughtError` skips that log
-for these boundaries, and still logs errors caught by any other boundary.
-
-Without `onError`, a boundary logs each caught error through a foundation logger named
-`ERROR_BOUNDARY_LOGGER_NAME`: the error, then an object with its reference ID, scope, title, tile
-registration and component stack. A global log reporter (`addGlobalLogReporter` from
-`@genesislcap/foundation-logger`) receives it, which is how `setupErrorMonitoring` reports it. With
-`onError` set, the boundary doesn't log the error, so it isn't reported twice. If `onError` throws,
-the boundary logs the original error and the handler's error, so neither is lost.
-
-The fallback reads its colours and fonts from `--eb-*` CSS custom properties (`--eb-bg`,
-`--eb-surface`, `--eb-text`, `--eb-text-muted`, `--eb-border`, `--eb-accent`, `--eb-error`,
-`--eb-font`, and others), so set them on an ancestor to theme it. The last 20 reports are also kept
-on `window.__GENESIS_ERROR_BOUNDARY_REPORTS__` for dev tooling such as the Genesis Create preview.
-
 ## 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

@@ -254,14 +254,6 @@
             "module": "./create-grid-pro-cell-renderer"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./error-boundary"
-          }
-        },
         {
           "kind": "js",
           "name": "RendererControlProps",
@@ -274,109 +266,23 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/error-boundary/error-boundary-styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "errorBoundaryStyles",
-          "default": "`\n.error-boundary {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: flex-start;\n  width: 100%;\n  height: 100%;\n  padding: 16px;\n  background: var(--eb-bg, #f6f8fb);\n  color: var(--eb-text, #18212f);\n  font-family: var(--eb-font, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif);\n}\n\n.error-boundary__top,\n.error-boundary__title,\n.error-boundary__subtitle,\n.error-boundary__details,\n.error-boundary__actions,\n.error-boundary__manual-copy-help {\n  width: 100%;\n}\n\n.error-boundary__top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.error-boundary__status {\n  display: inline-flex;\n  align-items: center;\n  border: 1px solid var(--eb-error, #c53d3d);\n  border-radius: 999px;\n  padding: 5px 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.13em;\n  font-size: 11px;\n  font-weight: 700;\n  color: var(--eb-error, #c53d3d);\n  background: var(--eb-error-bg, #fff4f4);\n}\n\n.error-boundary__reference {\n  font-family: var(--eb-mono-font, 'Menlo', 'Consolas', 'Liberation Mono', monospace);\n  font-size: 11px;\n  letter-spacing: 0.08em;\n  color: var(--eb-text-muted, #5f6f84);\n  text-transform: uppercase;\n}\n\n.error-boundary__title {\n  margin: 0;\n  font-size: clamp(22px, 3vw, 30px);\n  line-height: 1.15;\n  font-weight: 700;\n  text-wrap: balance;\n}\n\n.error-boundary__subtitle {\n  margin: 0;\n  max-width: 80ch;\n  line-height: 1.45;\n}\n\n.error-boundary__details {\n  box-sizing: border-box;\n  min-height: 190px;\n  max-height: 360px;\n  padding: 12px;\n  border: 1px solid var(--eb-border, #d3dae6);\n  border-radius: 10px;\n  background: var(--eb-surface, #ffffff);\n  color: inherit;\n  font-family: var(--eb-mono-font, 'Menlo', 'Consolas', 'Liberation Mono', monospace);\n  font-size: 12px;\n  line-height: 1.5;\n  resize: vertical;\n}\n\n.error-boundary__actions {\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.error-boundary__button {\n  border: 1px solid var(--eb-accent, #2f6fed);\n  border-radius: 999px;\n  background: var(--eb-accent, #2f6fed);\n  color: var(--eb-accent-foreground, #ffffff);\n  cursor: pointer;\n  padding: 9px 16px;\n  font: inherit;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.error-boundary__button:hover {\n  background: var(--eb-accent-hover, #255dcc);\n}\n\n.error-boundary__button--secondary {\n  border-color: var(--eb-border, #d3dae6);\n  background: var(--eb-surface, #ffffff);\n  color: inherit;\n}\n\n.error-boundary__button--secondary:hover {\n  background: var(--eb-surface-hover, #eef2f8);\n}\n\n.error-boundary__button:focus-visible {\n  outline: 2px solid var(--eb-focus, #2f6fed);\n  outline-offset: 2px;\n}\n\n.error-boundary__manual-copy-help {\n  margin: 2px 0 0;\n  font-size: 13px;\n  color: var(--eb-text-muted, #5f6f84);\n  line-height: 1.4;\n}\n`",
-          "description": "Fallback UI styles. Colours and fonts read `--eb-*` custom properties, so an app can theme the\nfallback by setting them on any ancestor."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "errorBoundaryStyles",
-          "declaration": {
-            "name": "errorBoundaryStyles",
-            "module": "src/error-boundary/error-boundary-styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/error-boundary/index.ts",
+      "path": "src/flexlayout/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "AppErrorBoundary",
-          "declaration": {
-            "name": "AppErrorBoundary",
-            "module": "./error-boundary"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ERROR_BOUNDARY_LOGGER_NAME",
-          "declaration": {
-            "name": "ERROR_BOUNDARY_LOGGER_NAME",
-            "module": "./error-boundary"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "onCaughtError",
-          "declaration": {
-            "name": "onCaughtError",
-            "module": "./error-boundary"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "TileErrorBoundary",
-          "declaration": {
-            "name": "TileErrorBoundary",
-            "module": "./error-boundary"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "withTileErrorBoundary",
-          "declaration": {
-            "name": "withTileErrorBoundary",
-            "module": "./error-boundary"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "AppErrorBoundaryProps",
-          "declaration": {
-            "name": "AppErrorBoundaryProps",
-            "module": "./error-boundary"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ErrorBoundaryErrorHandler",
-          "declaration": {
-            "name": "ErrorBoundaryErrorHandler",
-            "module": "./error-boundary"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ErrorBoundaryReport",
-          "declaration": {
-            "name": "ErrorBoundaryReport",
-            "module": "./error-boundary"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ErrorBoundaryScope",
+          "name": "*",
           "declaration": {
-            "name": "ErrorBoundaryScope",
-            "module": "./error-boundary"
+            "name": "*",
+            "package": "flexlayout-react"
           }
         },
         {
           "kind": "js",
-          "name": "TileErrorBoundaryProps",
+          "name": "installRapidFlexLayoutReactStyles",
           "declaration": {
-            "name": "TileErrorBoundaryProps",
-            "module": "./error-boundary"
+            "name": "installRapidFlexLayoutReactStyles",
+            "module": "src/flexlayout/index.ts"
           }
         }
       ]
@@ -625,29 +531,6 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flexlayout/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "flexlayout-react"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "installRapidFlexLayoutReactStyles",
-          "declaration": {
-            "name": "installRapidFlexLayoutReactStyles",
-            "module": "src/flexlayout/index.ts"
-          }
-        }
-      ]
     }
   ]
 }

package/dist/dts/index.d.ts

@@ -12,8 +12,6 @@
  *   grid's `gridComponents` property).
  * - `reactFactory` / `reactFactoryWithProvider` — mount React component trees into
  *   Genesis Foundation layout regions.
- * - `AppErrorBoundary` / `TileErrorBoundary` / `withTileErrorBoundary` — error boundaries with a
- *   fallback UI and an `onError` reporting hook; pair with `onCaughtError` on the React root.
  *
  * Subpath entry points:
  * - `./flexlayout` — `flexlayout-react` at the version this package pins, re-exported with the
@@ -27,6 +25,5 @@ export { createGridProCellRenderer } from './create-grid-pro-cell-renderer';
 export { createGridProCellPortals } from './create-grid-pro-cell-portals';
 export type { GridProCellPortals } from './create-grid-pro-cell-portals';
 export type { GridProCellRendererOptions, GridProCellRendererProps, GridProReactCellRenderer, } from './create-grid-pro-cell-renderer';
-export * from './error-boundary';
 export type { RendererControlProps } from '@genesislcap/foundation-forms';
 //# sourceMappingURL=index.d.ts.map

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;;;;;;;;;;;;;;;;;;;;GAoBG;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,YAAY,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/esm/index.js

@@ -12,8 +12,6 @@
  *   grid's `gridComponents` property).
  * - `reactFactory` / `reactFactoryWithProvider` — mount React component trees into
  *   Genesis Foundation layout regions.
- * - `AppErrorBoundary` / `TileErrorBoundary` / `withTileErrorBoundary` — error boundaries with a
- *   fallback UI and an `onError` reporting hook; pair with `onCaughtError` on the React root.
  *
  * Subpath entry points:
  * - `./flexlayout` — `flexlayout-react` at the version this package pins, re-exported with the
@@ -25,4 +23,3 @@ export { reactFactory, reactFactoryWithProvider } from './react-layout-factory';
 export { createReactRenderer } from './create-react-renderer';
 export { createGridProCellRenderer } from './create-grid-pro-cell-renderer';
 export { createGridProCellPortals } from './create-grid-pro-cell-portals';
-export * from './error-boundary';