@cloudscape-design/components-themeable 3.0.1229 → 3.0.1230

package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/top-content-slot.js

@@ -2,12 +2,13 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import clsx from 'clsx';
+import { AppLayoutBuiltInErrorBoundary } from '../../../error-boundary/internal';
 import { highContrastHeaderClassName } from '../../../internal/utils/content-header-utils';
 import { createWidgetizedComponent } from '../../../internal/widgets';
 import { AppLayoutNotificationsImplementation as AppLayoutNotifications } from '../notifications';
 import { isWidgetReady } from '../state/invariants';
 import styles from '../skeleton/styles.css.js';
-export const TopContentSlotImplementation = ({ appLayoutProps, appLayoutState }) => {
+export const TopContentSlotImplementationInternal = ({ appLayoutProps, appLayoutState }) => {
     if (!isWidgetReady(appLayoutState)) {
         return null;
     }
@@ -15,5 +16,7 @@ export const TopContentSlotImplementation = ({ appLayoutProps, appLayoutState })
         appLayoutProps.notifications && (React.createElement("div", { className: clsx(styles['notifications-background'], appLayoutProps.headerVariant === 'high-contrast' && highContrastHeaderClassName) })),
         appLayoutProps.notifications && (React.createElement(AppLayoutNotifications, { appLayoutInternals: appLayoutState.appLayoutInternals }, appLayoutProps.notifications))));
 };
+export const TopContentSlotImplementation = (props) => (React.createElement(AppLayoutBuiltInErrorBoundary, null,
+    React.createElement(TopContentSlotImplementationInternal, { ...props })));
 export const createWidgetizedAppLayoutTopContentSlot = createWidgetizedComponent(TopContentSlotImplementation);
 //# sourceMappingURL=top-content-slot.js.map

package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/top-content-slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-content-slot.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/widget-areas/top-content-slot.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,oCAAoC,IAAI,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAElG,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAAE,cAAc,EAAE,cAAc,EAAqB,EAAE,EAAE;IACpG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL;QACG,cAAc,CAAC,aAAa,IAAI,CAC/B,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,0BAA0B,CAAC,EAClC,cAAc,CAAC,aAAa,KAAK,eAAe,IAAI,2BAA2B,CAChF,GACI,CACR;QACA,cAAc,CAAC,aAAa,IAAI,CAC/B,oBAAC,sBAAsB,IAAC,kBAAkB,EAAE,cAAc,CAAC,kBAAkB,IAC1E,cAAc,CAAC,aAAa,CACN,CAC1B,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uCAAuC,GAAG,yBAAyB,CAAC,4BAA4B,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { highContrastHeaderClassName } from '../../../internal/utils/content-header-utils';\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { AppLayoutNotificationsImplementation as AppLayoutNotifications } from '../notifications';\nimport { SkeletonPartProps } from '../skeleton/interfaces';\nimport { isWidgetReady } from '../state/invariants';\n\nimport styles from '../skeleton/styles.css.js';\n\nexport const TopContentSlotImplementation = ({ appLayoutProps, appLayoutState }: SkeletonPartProps) => {\n  if (!isWidgetReady(appLayoutState)) {\n    return null;\n  }\n  return (\n    <>\n      {appLayoutProps.notifications && (\n        <div\n          className={clsx(\n            styles['notifications-background'],\n            appLayoutProps.headerVariant === 'high-contrast' && highContrastHeaderClassName\n          )}\n        ></div>\n      )}\n      {appLayoutProps.notifications && (\n        <AppLayoutNotifications appLayoutInternals={appLayoutState.appLayoutInternals}>\n          {appLayoutProps.notifications}\n        </AppLayoutNotifications>\n      )}\n    </>\n  );\n};\n\nexport const createWidgetizedAppLayoutTopContentSlot = createWidgetizedComponent(TopContentSlotImplementation);\n"]}
+{"version":3,"file":"top-content-slot.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/widget-areas/top-content-slot.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,oCAAoC,IAAI,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAElG,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAAC,EAAE,cAAc,EAAE,cAAc,EAAqB,EAAE,EAAE;IAC5G,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL;QACG,cAAc,CAAC,aAAa,IAAI,CAC/B,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,0BAA0B,CAAC,EAClC,cAAc,CAAC,aAAa,KAAK,eAAe,IAAI,2BAA2B,CAChF,GACI,CACR;QACA,cAAc,CAAC,aAAa,IAAI,CAC/B,oBAAC,sBAAsB,IAAC,kBAAkB,EAAE,cAAc,CAAC,kBAAkB,IAC1E,cAAc,CAAC,aAAa,CACN,CAC1B,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,KAAwB,EAAE,EAAE,CAAC,CACxE,oBAAC,6BAA6B;IAC5B,oBAAC,oCAAoC,OAAK,KAAK,GAAI,CACrB,CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,uCAAuC,GAAG,yBAAyB,CAAC,4BAA4B,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { AppLayoutBuiltInErrorBoundary } from '../../../error-boundary/internal';\nimport { highContrastHeaderClassName } from '../../../internal/utils/content-header-utils';\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { AppLayoutNotificationsImplementation as AppLayoutNotifications } from '../notifications';\nimport { SkeletonPartProps } from '../skeleton/interfaces';\nimport { isWidgetReady } from '../state/invariants';\n\nimport styles from '../skeleton/styles.css.js';\n\nexport const TopContentSlotImplementationInternal = ({ appLayoutProps, appLayoutState }: SkeletonPartProps) => {\n  if (!isWidgetReady(appLayoutState)) {\n    return null;\n  }\n  return (\n    <>\n      {appLayoutProps.notifications && (\n        <div\n          className={clsx(\n            styles['notifications-background'],\n            appLayoutProps.headerVariant === 'high-contrast' && highContrastHeaderClassName\n          )}\n        ></div>\n      )}\n      {appLayoutProps.notifications && (\n        <AppLayoutNotifications appLayoutInternals={appLayoutState.appLayoutInternals}>\n          {appLayoutProps.notifications}\n        </AppLayoutNotifications>\n      )}\n    </>\n  );\n};\n\nexport const TopContentSlotImplementation = (props: SkeletonPartProps) => (\n  <AppLayoutBuiltInErrorBoundary>\n    <TopContentSlotImplementationInternal {...props} />\n  </AppLayoutBuiltInErrorBoundary>\n);\n\nexport const createWidgetizedAppLayoutTopContentSlot = createWidgetizedComponent(TopContentSlotImplementation);\n"]}

package/lib/internal/template/error-boundary/interfaces.d.ts

@@ -93,4 +93,7 @@ export interface BuiltInErrorBoundaryProps {
     wrapper?: (content: React.ReactNode) => React.ReactNode;
     suppressNested?: boolean;
 }
+export interface AppLayoutBuiltInErrorBoundaryProps extends BuiltInErrorBoundaryProps {
+    renderFallback?: ErrorBoundaryProps['renderFallback'];
+}
 //# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/error-boundary/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/error-boundary/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;;;;OAQG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,aAAa,KAAK,IAAI,CAAC;IAE5D;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;OASG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IAE9E;;;;;;;;;;;OAWG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC;IAE7C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,aAAa;QAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC1B;IAED,UAAiB,WAAW;QAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,UAAU,CAAC,EAAE;YACX,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;SACnD,CAAC;KACH;IAED,UAAiB,iBAAiB;QAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;IAED,UAAiB,aAAa;QAC5B,KAAK,EAAE,KAAK,CAAC;QACb,SAAS,EAAE,SAAS,CAAC;QACrB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B;CACF;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/error-boundary/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;;;;OAQG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,aAAa,KAAK,IAAI,CAAC;IAE5D;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;OASG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IAE9E;;;;;;;;;;;OAWG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC;IAE7C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,aAAa;QAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC1B;IAED,UAAiB,WAAW;QAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,UAAU,CAAC,EAAE;YACX,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;SACnD,CAAC;KACH;IAED,UAAiB,iBAAiB;QAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;IAED,UAAiB,aAAa;QAC5B,KAAK,EAAE,KAAK,CAAC;QACb,SAAS,EAAE,SAAS,CAAC;QACrB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B;CACF;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,kCAAmC,SAAQ,yBAAyB;IACnF,cAAc,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CACvD"}

package/lib/internal/template/error-boundary/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/error-boundary/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ErrorInfo } from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface ErrorBoundaryProps extends BaseComponentProps {\n  /**\n   * Optional identifier for the error boundary instance.\n   *\n   * When provided, the identifier is included in the `onError` callback payload.\n   * In the rendered output, the boundary wraps its content in a `<div>` with the\n   * attribute `data-awsui-boundary-id={errorBoundaryId}` to support debugging.\n   */\n  errorBoundaryId?: string;\n\n  /**\n   * Callback invoked when an error is intercepted by the boundary.\n   * Use this function to record, log, or report errors (for example, to telemetry or monitoring systems).\n   *\n   * The callback receives a `detail` object containing:\n   * * `error` (Error): The thrown error instance.\n   * * `errorInfo` (React.ErrorInfo): Additional metadata captured by React.\n   * * `errorBoundaryId` (optional, string): The boundary identifier, if defined.\n   */\n  onError: (detail: ErrorBoundaryProps.OnErrorDetail) => void;\n\n  /**\n   * Controls how nested error boundaries behave.\n   *\n   * Several components—such as app layout, container, and modal include built-in\n   * error boundaries. These boundaries activate automatically when they detect\n   * an ancestor boundary, inheriting configuration from the closest one.\n   *\n   * When `suppressNested` is set to `true`, nested built-in error boundaries\n   * and nested standalone error boundaries with `suppressible=true` are disabled,\n   * so the errors propagate further up and are captured by this error boundary.\n   */\n  suppressNested?: boolean;\n\n  /**\n   * When set to `true`, this error boundary can be suppressed by another error\n   * boundary with `suppressNested=true`, rendered above in the components tree.\n   */\n  suppressible?: boolean;\n\n  /**\n   * Optional custom renderer for the fallback UI displayed when an error occurs.\n   *\n   * The function receives the default slots derived from i18n configuration:\n   * * `header` (ReactNode): The fallback header text.\n   * * `description` (ReactNode): The fallback description text.\n   * * `action` (ReactNode): The fallback action element (a refresh button by default).\n   *\n   * Return a React node to fully override the default fallback presentation.\n   */\n  renderFallback?: (props: ErrorBoundaryProps.FallbackProps) => React.ReactNode;\n\n  /**\n   * Localized strings and components used in the fallback UI.\n   *\n   * * `headerText` (string): Header text displayed in the fallback view.\n   * * `descriptionText` (string): Description text displayed in the fallback view. Supports embedding inline\n   *   feedback actions by including `<Feedback>` pseudo-tags when `components.Feedback` is provided.\n   * * `refreshActionText` (string): Text for the default refresh action button.\n   * * `components.Feedback` (React.ComponentType<I18nFeedbackProps>): A component used to render\n   *   inline feedback actions within the description text.\n   *\n   * @i18n\n   */\n  i18nStrings?: ErrorBoundaryProps.I18nStrings;\n\n  /**\n   * Child content rendered when no error has been captured.\n   */\n  children: React.ReactNode;\n}\n\nexport namespace ErrorBoundaryProps {\n  export interface FallbackProps {\n    header?: React.ReactNode;\n    description?: React.ReactNode;\n    action?: React.ReactNode;\n  }\n\n  export interface I18nStrings {\n    headerText?: string;\n    descriptionText?: string;\n    refreshActionText?: string;\n    components?: {\n      Feedback?: React.ComponentType<I18nFeedbackProps>;\n    };\n  }\n\n  export interface I18nFeedbackProps {\n    children: React.ReactNode;\n  }\n\n  export interface OnErrorDetail {\n    error: Error;\n    errorInfo: ErrorInfo;\n    errorBoundaryId?: string;\n  }\n}\n\nexport interface BuiltInErrorBoundaryProps {\n  children: React.ReactNode;\n  wrapper?: (content: React.ReactNode) => React.ReactNode;\n  suppressNested?: boolean;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/error-boundary/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ErrorInfo } from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface ErrorBoundaryProps extends BaseComponentProps {\n  /**\n   * Optional identifier for the error boundary instance.\n   *\n   * When provided, the identifier is included in the `onError` callback payload.\n   * In the rendered output, the boundary wraps its content in a `<div>` with the\n   * attribute `data-awsui-boundary-id={errorBoundaryId}` to support debugging.\n   */\n  errorBoundaryId?: string;\n\n  /**\n   * Callback invoked when an error is intercepted by the boundary.\n   * Use this function to record, log, or report errors (for example, to telemetry or monitoring systems).\n   *\n   * The callback receives a `detail` object containing:\n   * * `error` (Error): The thrown error instance.\n   * * `errorInfo` (React.ErrorInfo): Additional metadata captured by React.\n   * * `errorBoundaryId` (optional, string): The boundary identifier, if defined.\n   */\n  onError: (detail: ErrorBoundaryProps.OnErrorDetail) => void;\n\n  /**\n   * Controls how nested error boundaries behave.\n   *\n   * Several components—such as app layout, container, and modal include built-in\n   * error boundaries. These boundaries activate automatically when they detect\n   * an ancestor boundary, inheriting configuration from the closest one.\n   *\n   * When `suppressNested` is set to `true`, nested built-in error boundaries\n   * and nested standalone error boundaries with `suppressible=true` are disabled,\n   * so the errors propagate further up and are captured by this error boundary.\n   */\n  suppressNested?: boolean;\n\n  /**\n   * When set to `true`, this error boundary can be suppressed by another error\n   * boundary with `suppressNested=true`, rendered above in the components tree.\n   */\n  suppressible?: boolean;\n\n  /**\n   * Optional custom renderer for the fallback UI displayed when an error occurs.\n   *\n   * The function receives the default slots derived from i18n configuration:\n   * * `header` (ReactNode): The fallback header text.\n   * * `description` (ReactNode): The fallback description text.\n   * * `action` (ReactNode): The fallback action element (a refresh button by default).\n   *\n   * Return a React node to fully override the default fallback presentation.\n   */\n  renderFallback?: (props: ErrorBoundaryProps.FallbackProps) => React.ReactNode;\n\n  /**\n   * Localized strings and components used in the fallback UI.\n   *\n   * * `headerText` (string): Header text displayed in the fallback view.\n   * * `descriptionText` (string): Description text displayed in the fallback view. Supports embedding inline\n   *   feedback actions by including `<Feedback>` pseudo-tags when `components.Feedback` is provided.\n   * * `refreshActionText` (string): Text for the default refresh action button.\n   * * `components.Feedback` (React.ComponentType<I18nFeedbackProps>): A component used to render\n   *   inline feedback actions within the description text.\n   *\n   * @i18n\n   */\n  i18nStrings?: ErrorBoundaryProps.I18nStrings;\n\n  /**\n   * Child content rendered when no error has been captured.\n   */\n  children: React.ReactNode;\n}\n\nexport namespace ErrorBoundaryProps {\n  export interface FallbackProps {\n    header?: React.ReactNode;\n    description?: React.ReactNode;\n    action?: React.ReactNode;\n  }\n\n  export interface I18nStrings {\n    headerText?: string;\n    descriptionText?: string;\n    refreshActionText?: string;\n    components?: {\n      Feedback?: React.ComponentType<I18nFeedbackProps>;\n    };\n  }\n\n  export interface I18nFeedbackProps {\n    children: React.ReactNode;\n  }\n\n  export interface OnErrorDetail {\n    error: Error;\n    errorInfo: ErrorInfo;\n    errorBoundaryId?: string;\n  }\n}\n\nexport interface BuiltInErrorBoundaryProps {\n  children: React.ReactNode;\n  wrapper?: (content: React.ReactNode) => React.ReactNode;\n  suppressNested?: boolean;\n}\n\nexport interface AppLayoutBuiltInErrorBoundaryProps extends BuiltInErrorBoundaryProps {\n  renderFallback?: ErrorBoundaryProps['renderFallback'];\n}\n"]}

package/lib/internal/template/error-boundary/internal.d.ts

@@ -1,6 +1,6 @@
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { SomeRequired } from '../internal/types';
-import { BuiltInErrorBoundaryProps, ErrorBoundaryProps } from './interfaces';
+import { AppLayoutBuiltInErrorBoundaryProps, BuiltInErrorBoundaryProps, ErrorBoundaryProps } from './interfaces';
 declare global {
     interface HTMLElement {
         __awsui__?: {
@@ -13,5 +13,6 @@ interface InternalErrorBoundaryProps extends SomeRequired<ErrorBoundaryProps, 's
 }
 export declare function InternalErrorBoundary({ children, suppressNested, suppressible, __internalRootRef, ...props }: InternalErrorBoundaryProps): JSX.Element;
 export declare function BuiltInErrorBoundary({ wrapper, suppressNested, children }: BuiltInErrorBoundaryProps): JSX.Element;
+export declare function AppLayoutBuiltInErrorBoundary({ wrapper, suppressNested, children, renderFallback, }: AppLayoutBuiltInErrorBoundaryProps): JSX.Element;
 export {};
 //# sourceMappingURL=internal.d.ts.map

package/lib/internal/template/error-boundary/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/error-boundary/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAK7E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,WAAW;QACnB,SAAS,CAAC,EAAE;YAAE,UAAU,CAAC,IAAI,IAAI,CAAC;YAAC,gBAAgB,CAAC,IAAI,IAAI,CAAA;SAAE,CAAC;KAChE;CACF;AAaD,UAAU,0BACR,SAAQ,YAAY,CAAC,kBAAkB,EAAE,gBAAgB,GAAG,cAAc,CAAC,EACzE,0BAA0B;CAAG;AAEjC,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,0BAA0B,eA8B5B;AAED,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,cAAsB,EAAE,QAAQ,EAAE,EAAE,yBAAyB,eAa5G"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/error-boundary/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,kCAAkC,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAKjH,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,WAAW;QACnB,SAAS,CAAC,EAAE;YAAE,UAAU,CAAC,IAAI,IAAI,CAAC;YAAC,gBAAgB,CAAC,IAAI,IAAI,CAAA;SAAE,CAAC;KAChE;CACF;AAaD,UAAU,0BACR,SAAQ,YAAY,CAAC,kBAAkB,EAAE,gBAAgB,GAAG,cAAc,CAAC,EACzE,0BAA0B;CAAG;AAEjC,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,0BAA0B,eA8B5B;AAED,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,cAAsB,EAAE,QAAQ,EAAE,EAAE,yBAAyB,eAa5G;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,cAAsB,EACtB,QAAQ,EACR,cAA4B,GAC7B,EAAE,kCAAkC,eAoBpC"}

package/lib/internal/template/error-boundary/internal.js

@@ -34,6 +34,17 @@ export function BuiltInErrorBoundary({ wrapper, suppressNested = false, children
     return !thisSuppressed ? (React.createElement(ErrorBoundaryImpl, { ...context, wrapper: wrapper },
         React.createElement(ErrorBoundariesContext.Provider, { value: { ...context, suppressed: nextSuppressed } }, children))) : (React.createElement(React.Fragment, null, children));
 }
+export function AppLayoutBuiltInErrorBoundary({ wrapper, suppressNested = false, children, renderFallback = () => React.createElement(React.Fragment, null), }) {
+    const context = useContext(ErrorBoundariesContext);
+    const thisSuppressed = context.suppressed === true || context.suppressed === RootSuppressed;
+    const nextSuppressed = suppressNested || thisSuppressed;
+    return (React.createElement(ErrorBoundaryImpl, { ...context, wrapper: wrapper, renderFallback: renderFallback, className: styles['app-layout-part-fallback'], onError: error => {
+            var _a;
+            (_a = context === null || context === void 0 ? void 0 : context.onError) === null || _a === void 0 ? void 0 : _a.call(context, error);
+            // TODO Implement cloudscape error reporting
+        } },
+        React.createElement(ErrorBoundariesContext.Provider, { value: { ...context, suppressed: nextSuppressed, renderFallback } }, children)));
+}
 class ErrorBoundaryImpl extends Component {
     constructor(props) {
         super(props);

package/lib/internal/template/error-boundary/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/error-boundary/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { Component, createContext, useContext, useState } from 'react';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\nimport { ErrorBoundaryFallback } from './fallback';\nimport { BuiltInErrorBoundaryProps, ErrorBoundaryProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\n// Helper methods attached to the component's root node for e2e testing.\ndeclare global {\n  interface HTMLElement {\n    __awsui__?: { forceError?(): void; clearForcedError?(): void };\n  }\n}\n\nconst RootSuppressed = Symbol();\n\nconst ErrorBoundariesContext = createContext<\n  Pick<ErrorBoundaryProps, 'renderFallback' | 'i18nStrings' | 'onError' | 'errorBoundaryId'> & {\n    suppressed: boolean | typeof RootSuppressed;\n  }\n>({\n  onError: () => {},\n  suppressed: RootSuppressed,\n});\n\ninterface InternalErrorBoundaryProps\n  extends SomeRequired<ErrorBoundaryProps, 'suppressNested' | 'suppressible'>,\n    InternalBaseComponentProps {}\n\nexport function InternalErrorBoundary({\n  children,\n  suppressNested,\n  suppressible,\n  __internalRootRef,\n  ...props\n}: InternalErrorBoundaryProps) {\n  const context = useContext(ErrorBoundariesContext);\n  const thisSuppressed = context.suppressed === true && suppressible;\n  const nextSuppressed = suppressNested || thisSuppressed;\n\n  const [forcedError, setForcedError] = useState(false);\n  const setElement = (node: null | HTMLDivElement) => {\n    if (node) {\n      if (!node.__awsui__) {\n        node.__awsui__ = {};\n      }\n      node.__awsui__.forceError = () => setForcedError(true);\n      node.__awsui__.clearForcedError = () => setForcedError(false);\n    }\n  };\n  const mergedRef = useMergeRefs(setElement, __internalRootRef);\n\n  return (\n    <div ref={mergedRef} className={styles['error-boundary']} data-awsui-boundary-id={props.errorBoundaryId}>\n      {!thisSuppressed ? (\n        <ErrorBoundaryImpl {...props} forcedError={forcedError}>\n          <ErrorBoundariesContext.Provider value={{ ...props, suppressed: nextSuppressed }}>\n            {children}\n          </ErrorBoundariesContext.Provider>\n        </ErrorBoundaryImpl>\n      ) : (\n        <>{children}</>\n      )}\n    </div>\n  );\n}\n\nexport function BuiltInErrorBoundary({ wrapper, suppressNested = false, children }: BuiltInErrorBoundaryProps) {\n  const context = useContext(ErrorBoundariesContext);\n  const thisSuppressed = context.suppressed === true || context.suppressed === RootSuppressed;\n  const nextSuppressed = suppressNested || thisSuppressed;\n  return !thisSuppressed ? (\n    <ErrorBoundaryImpl {...context} wrapper={wrapper}>\n      <ErrorBoundariesContext.Provider value={{ ...context, suppressed: nextSuppressed }}>\n        {children}\n      </ErrorBoundariesContext.Provider>\n    </ErrorBoundaryImpl>\n  ) : (\n    <>{children}</>\n  );\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n}\n\ninterface ErrorBoundaryImplProps extends ErrorBoundaryProps {\n  wrapper?: (content: React.ReactNode) => React.ReactNode;\n  forcedError?: boolean;\n}\n\nclass ErrorBoundaryImpl extends Component<ErrorBoundaryImplProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryImplProps) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError() {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    this.props.onError?.({ error, errorInfo, errorBoundaryId: this.props.errorBoundaryId });\n  }\n\n  render() {\n    if (this.state.hasError || this.props.forcedError) {\n      const fallback = <ErrorBoundaryFallback {...this.props} />;\n      return this.props.wrapper?.(fallback) ?? fallback;\n    }\n    return this.props.children;\n  }\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/error-boundary/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { Component, createContext, useContext, useState } from 'react';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\nimport { ErrorBoundaryFallback } from './fallback';\nimport { AppLayoutBuiltInErrorBoundaryProps, BuiltInErrorBoundaryProps, ErrorBoundaryProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\n// Helper methods attached to the component's root node for e2e testing.\ndeclare global {\n  interface HTMLElement {\n    __awsui__?: { forceError?(): void; clearForcedError?(): void };\n  }\n}\n\nconst RootSuppressed = Symbol();\n\nconst ErrorBoundariesContext = createContext<\n  Pick<ErrorBoundaryProps, 'renderFallback' | 'i18nStrings' | 'onError' | 'errorBoundaryId'> & {\n    suppressed: boolean | typeof RootSuppressed;\n  }\n>({\n  onError: () => {},\n  suppressed: RootSuppressed,\n});\n\ninterface InternalErrorBoundaryProps\n  extends SomeRequired<ErrorBoundaryProps, 'suppressNested' | 'suppressible'>,\n    InternalBaseComponentProps {}\n\nexport function InternalErrorBoundary({\n  children,\n  suppressNested,\n  suppressible,\n  __internalRootRef,\n  ...props\n}: InternalErrorBoundaryProps) {\n  const context = useContext(ErrorBoundariesContext);\n  const thisSuppressed = context.suppressed === true && suppressible;\n  const nextSuppressed = suppressNested || thisSuppressed;\n\n  const [forcedError, setForcedError] = useState(false);\n  const setElement = (node: null | HTMLDivElement) => {\n    if (node) {\n      if (!node.__awsui__) {\n        node.__awsui__ = {};\n      }\n      node.__awsui__.forceError = () => setForcedError(true);\n      node.__awsui__.clearForcedError = () => setForcedError(false);\n    }\n  };\n  const mergedRef = useMergeRefs(setElement, __internalRootRef);\n\n  return (\n    <div ref={mergedRef} className={styles['error-boundary']} data-awsui-boundary-id={props.errorBoundaryId}>\n      {!thisSuppressed ? (\n        <ErrorBoundaryImpl {...props} forcedError={forcedError}>\n          <ErrorBoundariesContext.Provider value={{ ...props, suppressed: nextSuppressed }}>\n            {children}\n          </ErrorBoundariesContext.Provider>\n        </ErrorBoundaryImpl>\n      ) : (\n        <>{children}</>\n      )}\n    </div>\n  );\n}\n\nexport function BuiltInErrorBoundary({ wrapper, suppressNested = false, children }: BuiltInErrorBoundaryProps) {\n  const context = useContext(ErrorBoundariesContext);\n  const thisSuppressed = context.suppressed === true || context.suppressed === RootSuppressed;\n  const nextSuppressed = suppressNested || thisSuppressed;\n  return !thisSuppressed ? (\n    <ErrorBoundaryImpl {...context} wrapper={wrapper}>\n      <ErrorBoundariesContext.Provider value={{ ...context, suppressed: nextSuppressed }}>\n        {children}\n      </ErrorBoundariesContext.Provider>\n    </ErrorBoundaryImpl>\n  ) : (\n    <>{children}</>\n  );\n}\n\nexport function AppLayoutBuiltInErrorBoundary({\n  wrapper,\n  suppressNested = false,\n  children,\n  renderFallback = () => <></>,\n}: AppLayoutBuiltInErrorBoundaryProps) {\n  const context = useContext(ErrorBoundariesContext);\n  const thisSuppressed = context.suppressed === true || context.suppressed === RootSuppressed;\n  const nextSuppressed = suppressNested || thisSuppressed;\n  return (\n    <ErrorBoundaryImpl\n      {...context}\n      wrapper={wrapper}\n      renderFallback={renderFallback}\n      className={styles['app-layout-part-fallback']}\n      onError={error => {\n        context?.onError?.(error);\n        // TODO Implement cloudscape error reporting\n      }}\n    >\n      <ErrorBoundariesContext.Provider value={{ ...context, suppressed: nextSuppressed, renderFallback }}>\n        {children}\n      </ErrorBoundariesContext.Provider>\n    </ErrorBoundaryImpl>\n  );\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n}\n\ninterface ErrorBoundaryImplProps extends ErrorBoundaryProps {\n  wrapper?: (content: React.ReactNode) => React.ReactNode;\n  forcedError?: boolean;\n}\n\nclass ErrorBoundaryImpl extends Component<ErrorBoundaryImplProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryImplProps) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError() {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    this.props.onError?.({ error, errorInfo, errorBoundaryId: this.props.errorBoundaryId });\n  }\n\n  render() {\n    if (this.state.hasError || this.props.forcedError) {\n      const fallback = <ErrorBoundaryFallback {...this.props} />;\n      return this.props.wrapper?.(fallback) ?? fallback;\n    }\n    return this.props.children;\n  }\n}\n"]}

package/lib/internal/template/error-boundary/styles.css.js

@@ -1,9 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "error-boundary": "awsui_error-boundary_9pwoq_r5exj_5",
-  "header": "awsui_header_9pwoq_r5exj_6",
-  "description": "awsui_description_9pwoq_r5exj_7",
-  "action": "awsui_action_9pwoq_r5exj_8"
+  "error-boundary": "awsui_error-boundary_9pwoq_e6u2g_5",
+  "header": "awsui_header_9pwoq_e6u2g_6",
+  "description": "awsui_description_9pwoq_e6u2g_7",
+  "action": "awsui_action_9pwoq_e6u2g_8",
+  "app-layout-part-fallback": "awsui_app-layout-part-fallback_9pwoq_e6u2g_9"
 };
   

package/lib/internal/template/error-boundary/styles.scoped.css

@@ -2,9 +2,10 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_error-boundary_9pwoq_r5exj_5:not(#\9),
-.awsui_header_9pwoq_r5exj_6:not(#\9),
-.awsui_description_9pwoq_r5exj_7:not(#\9),
-.awsui_action_9pwoq_r5exj_8:not(#\9) {
+.awsui_error-boundary_9pwoq_e6u2g_5:not(#\9),
+.awsui_header_9pwoq_e6u2g_6:not(#\9),
+.awsui_description_9pwoq_e6u2g_7:not(#\9),
+.awsui_action_9pwoq_e6u2g_8:not(#\9),
+.awsui_app-layout-part-fallback_9pwoq_e6u2g_9:not(#\9) {
   display: contents;
 }

package/lib/internal/template/error-boundary/styles.selectors.js

@@ -2,9 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "error-boundary": "awsui_error-boundary_9pwoq_r5exj_5",
-  "header": "awsui_header_9pwoq_r5exj_6",
-  "description": "awsui_description_9pwoq_r5exj_7",
-  "action": "awsui_action_9pwoq_r5exj_8"
+  "error-boundary": "awsui_error-boundary_9pwoq_e6u2g_5",
+  "header": "awsui_header_9pwoq_e6u2g_6",
+  "description": "awsui_description_9pwoq_e6u2g_7",
+  "action": "awsui_action_9pwoq_e6u2g_8",
+  "app-layout-part-fallback": "awsui_app-layout-part-fallback_9pwoq_e6u2g_9"
 };
   

package/lib/internal/template/internal/base-component/styles.scoped.css

@@ -3816,5 +3816,5 @@ body {
   }
 }
 :root {
-  --awsui-version-info-54387a4e: true;
+  --awsui-version-info-d579b631: true;
 }

package/lib/internal/template/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (54387a4e)";
-export var GIT_SHA = "54387a4e";
+export var PACKAGE_VERSION = "3.0.0 (d579b631)";
+export var GIT_SHA = "d579b631";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (54387a4e)",
-  "GIT_SHA": "54387a4e",
+  "PACKAGE_VERSION": "3.0.0 (d579b631)",
+  "GIT_SHA": "d579b631",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1229",
+  "version": "3.0.1230",
   "files": [
     "lib"
   ],