@cloudscape-design/components 3.0.357 → 3.0.359

package/alert/actions-wrapper/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { InternalButtonProps } from '../../button/internal';
+interface ActionsWrapperProps {
+    className: string;
+    testUtilClasses: {
+        actionSlot: string;
+        actionButton: string;
+    };
+    action: React.ReactNode;
+    discoveredActions: Array<React.ReactNode>;
+    buttonText: React.ReactNode;
+    onButtonClick: InternalButtonProps['onClick'];
+}
+export declare function ActionsWrapper({ className, testUtilClasses, action, discoveredActions, buttonText, onButtonClick, }: ActionsWrapperProps): JSX.Element | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/alert/actions-wrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["alert/actions-wrapper/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAuB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAkB5E,UAAU,mBAAmB;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,eAAe,EACf,MAAM,EACN,iBAAiB,EACjB,UAAU,EACV,aAAa,GACd,EAAE,mBAAmB,sBAYrB"}

package/alert/actions-wrapper/index.js

@@ -0,0 +1,22 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React from 'react';
+import styles from './styles.css.js';
+import InternalButton from '../../button/internal';
+function createActionButton(testUtilClasses, action, buttonText, onButtonClick) {
+    if (!action && buttonText) {
+        action = (React.createElement(InternalButton, { className: testUtilClasses.actionButton, onClick: onButtonClick, formAction: "none" }, buttonText));
+    }
+    return action ? React.createElement("div", { className: testUtilClasses.actionSlot }, action) : null;
+}
+export function ActionsWrapper({ className, testUtilClasses, action, discoveredActions, buttonText, onButtonClick, }) {
+    const actionButton = createActionButton(testUtilClasses, action, buttonText, onButtonClick);
+    if (!actionButton && discoveredActions.length === 0) {
+        return null;
+    }
+    return (React.createElement("div", { className: clsx(styles.root, className) },
+        actionButton,
+        discoveredActions));
+}
+//# sourceMappingURL=index.js.map

package/alert/actions-wrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["alert/actions-wrapper/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAuC,MAAM,uBAAuB,CAAC;AAE5E,SAAS,kBAAkB,CACzB,eAAuD,EACvD,MAAuB,EACvB,UAA2B,EAC3B,aAA6C;IAE7C,IAAI,CAAC,MAAM,IAAI,UAAU,EAAE;QACzB,MAAM,GAAG,CACP,oBAAC,cAAc,IAAC,SAAS,EAAE,eAAe,CAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAC,MAAM,IAC/F,UAAU,CACI,CAClB,CAAC;KACH;IACD,OAAO,MAAM,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,eAAe,CAAC,UAAU,IAAG,MAAM,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AACpF,CAAC;AAWD,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,eAAe,EACf,MAAM,EACN,iBAAiB,EACjB,UAAU,EACV,aAAa,GACO;IACpB,MAAM,YAAY,GAAG,kBAAkB,CAAC,eAAe,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;IAC5F,IAAI,CAAC,YAAY,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE;QACnD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC;QACzC,YAAY;QACZ,iBAAiB,CACd,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport styles from './styles.css.js';\nimport InternalButton, { InternalButtonProps } from '../../button/internal';\n\nfunction createActionButton(\n  testUtilClasses: ActionsWrapperProps['testUtilClasses'],\n  action: React.ReactNode,\n  buttonText: React.ReactNode,\n  onButtonClick: InternalButtonProps['onClick']\n) {\n  if (!action && buttonText) {\n    action = (\n      <InternalButton className={testUtilClasses.actionButton} onClick={onButtonClick} formAction=\"none\">\n        {buttonText}\n      </InternalButton>\n    );\n  }\n  return action ? <div className={testUtilClasses.actionSlot}>{action}</div> : null;\n}\n\ninterface ActionsWrapperProps {\n  className: string;\n  testUtilClasses: { actionSlot: string; actionButton: string };\n  action: React.ReactNode;\n  discoveredActions: Array<React.ReactNode>;\n  buttonText: React.ReactNode;\n  onButtonClick: InternalButtonProps['onClick'];\n}\n\nexport function ActionsWrapper({\n  className,\n  testUtilClasses,\n  action,\n  discoveredActions,\n  buttonText,\n  onButtonClick,\n}: ActionsWrapperProps) {\n  const actionButton = createActionButton(testUtilClasses, action, buttonText, onButtonClick);\n  if (!actionButton && discoveredActions.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={clsx(styles.root, className)}>\n      {actionButton}\n      {discoveredActions}\n    </div>\n  );\n}\n"]}

package/alert/actions-wrapper/styles.css.js

@@ -0,0 +1,6 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_37gf8_14wux_9"
+};
+  

package/alert/actions-wrapper/styles.scoped.css

@@ -0,0 +1,17 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_37gf8_14wux_9:not(#\9) {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: var(--space-xs-zb16t3, 8px);
+}
+.awsui_root_37gf8_14wux_9 > :not(#\9):empty {
+  display: none;
+}

package/alert/actions-wrapper/styles.selectors.js

@@ -0,0 +1,7 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_37gf8_14wux_9"
+};
+  

package/alert/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["alert/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAYtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAgBlF,QAAA,MAAM,aAAa;;qEA8FlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["alert/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAYtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAqBlF,QAAA,MAAM,aAAa;;qEAqGlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/alert/internal.js

@@ -16,12 +16,16 @@ import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { useInternalI18n } from '../i18n/context';
 import { DATA_ATTR_ANALYTICS_ALERT } from '../internal/analytics/selectors';
 import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
+import { createUseDiscoveredAction } from '../internal/plugins/helpers';
+import { awsuiPluginsInternal } from '../internal/plugins/api';
+import { ActionsWrapper } from './actions-wrapper';
 const typeToIcon = {
     error: 'status-negative',
     warning: 'status-warning',
     success: 'status-positive',
     info: 'status-info',
 };
+const useDiscoveredAction = createUseDiscoveredAction(awsuiPluginsInternal.alert.onActionRegistered);
 const InternalAlert = React.forwardRef((_a, ref) => {
     var { type, statusIconAriaLabel, visible = true, dismissible, dismissAriaLabel, children, header, buttonText, action, onDismiss, onButtonClick, __internalRootRef = null } = _a, rest = __rest(_a, ["type", "statusIconAriaLabel", "visible", "dismissible", "dismissAriaLabel", "children", "header", "buttonText", "action", "onDismiss", "onButtonClick", "__internalRootRef"]);
     const baseProps = getBaseProps(rest);
@@ -32,8 +36,7 @@ const InternalAlert = React.forwardRef((_a, ref) => {
     const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);
     const isRefresh = useVisualRefresh();
     const size = isRefresh ? 'normal' : header && children ? 'big' : 'normal';
-    const actionButton = action || (React.createElement(InternalButton, { className: styles['action-button'], onClick: () => fireNonCancelableEvent(onButtonClick), formAction: "none" }, buttonText));
-    const hasAction = Boolean(action || buttonText);
+    const { discoveredActions, headerRef, contentRef } = useDiscoveredAction(type);
     const analyticsAttributes = {
         [DATA_ATTR_ANALYTICS_ALERT]: type,
     };
@@ -47,9 +50,12 @@ const InternalAlert = React.forwardRef((_a, ref) => {
                                 React.createElement(InternalIcon, { name: typeToIcon[type], size: size })),
                             React.createElement("div", { className: styles.body },
                                 React.createElement("div", { className: clsx(styles.message, styles.text) },
-                                    header && React.createElement("div", { className: styles.header }, header),
-                                    React.createElement("div", { className: styles.content }, children)))),
-                        hasAction && React.createElement("div", { className: styles.action }, actionButton)),
+                                    header && (React.createElement("div", { className: styles.header, ref: headerRef }, header)),
+                                    React.createElement("div", { className: styles.content, ref: contentRef }, children)))),
+                        React.createElement(ActionsWrapper, { className: styles.action, testUtilClasses: {
+                                actionSlot: styles['action-slot'],
+                                actionButton: styles['action-button'],
+                            }, action: action, discoveredActions: discoveredActions, buttonText: buttonText, onButtonClick: () => fireNonCancelableEvent(onButtonClick) })),
                     dismissible && (React.createElement("div", { className: styles.dismiss },
                         React.createElement(InternalButton, { className: styles['dismiss-button'], variant: "icon", iconName: "close", formAction: "none", ariaLabel: i18n('dismissAriaLabel', dismissAriaLabel), onClick: () => fireNonCancelableEvent(onDismiss) }))))))));
 });

package/alert/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["alert/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\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { InternalButton } from '../button/internal';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport VisualContext from '../internal/components/visual-context';\nimport styles from './styles.css.js';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { AlertProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { SomeRequired } from '../internal/types';\nimport { useInternalI18n } from '../i18n/context';\nimport { DATA_ATTR_ANALYTICS_ALERT } from '../internal/analytics/selectors';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\n\nconst typeToIcon: Record<AlertProps.Type, IconProps['name']> = {\n  error: 'status-negative',\n  warning: 'status-warning',\n  success: 'status-positive',\n  info: 'status-info',\n};\n\ntype InternalAlertProps = SomeRequired<AlertProps, 'type'> & InternalBaseComponentProps;\n\nconst InternalAlert = React.forwardRef(\n  (\n    {\n      type,\n      statusIconAriaLabel,\n      visible = true,\n      dismissible,\n      dismissAriaLabel,\n      children,\n      header,\n      buttonText,\n      action,\n      onDismiss,\n      onButtonClick,\n      __internalRootRef = null,\n      ...rest\n    }: InternalAlertProps,\n    ref: React.Ref<AlertProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const i18n = useInternalI18n('alert');\n\n    const focusRef = useRef<HTMLDivElement>(null);\n    useForwardFocus(ref, focusRef);\n\n    const [breakpoint, breakpointRef] = useContainerBreakpoints(['xs']);\n    const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);\n\n    const isRefresh = useVisualRefresh();\n    const size = isRefresh ? 'normal' : header && children ? 'big' : 'normal';\n\n    const actionButton = action || (\n      <InternalButton\n        className={styles['action-button']}\n        onClick={() => fireNonCancelableEvent(onButtonClick)}\n        formAction=\"none\"\n      >\n        {buttonText}\n      </InternalButton>\n    );\n\n    const hasAction = Boolean(action || buttonText);\n    const analyticsAttributes = {\n      [DATA_ATTR_ANALYTICS_ALERT]: type,\n    };\n\n    return (\n      <div\n        {...baseProps}\n        {...analyticsAttributes}\n        aria-hidden={!visible}\n        className={clsx(\n          styles.root,\n          { [styles.hidden]: !visible },\n          baseProps.className,\n          styles[`breakpoint-${breakpoint}`]\n        )}\n        ref={mergedRef}\n      >\n        <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n          <VisualContext contextName=\"alert\">\n            <div className={clsx(styles.alert, styles[`type-${type}`], styles[`icon-size-${size}`])}>\n              <div className={styles['alert-mobile-block']}>\n                <div className={styles['alert-focus-wrapper']} tabIndex={-1} ref={focusRef}>\n                  <div className={clsx(styles.icon, styles.text)} role=\"img\" aria-label={statusIconAriaLabel}>\n                    <InternalIcon name={typeToIcon[type]} size={size} />\n                  </div>\n                  <div className={styles.body}>\n                    <div className={clsx(styles.message, styles.text)}>\n                      {header && <div className={styles.header}>{header}</div>}\n                      <div className={styles.content}>{children}</div>\n                    </div>\n                  </div>\n                </div>\n                {hasAction && <div className={styles.action}>{actionButton}</div>}\n              </div>\n              {dismissible && (\n                <div className={styles.dismiss}>\n                  <InternalButton\n                    className={styles['dismiss-button']}\n                    variant=\"icon\"\n                    iconName=\"close\"\n                    formAction=\"none\"\n                    ariaLabel={i18n('dismissAriaLabel', dismissAriaLabel)}\n                    onClick={() => fireNonCancelableEvent(onDismiss)}\n                  />\n                </div>\n              )}\n            </div>\n          </VisualContext>\n        </LinkDefaultVariantContext.Provider>\n      </div>\n    );\n  }\n);\n\nexport default InternalAlert;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["alert/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\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { InternalButton } from '../button/internal';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport VisualContext from '../internal/components/visual-context';\nimport styles from './styles.css.js';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { AlertProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { SomeRequired } from '../internal/types';\nimport { useInternalI18n } from '../i18n/context';\nimport { DATA_ATTR_ANALYTICS_ALERT } from '../internal/analytics/selectors';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { createUseDiscoveredAction } from '../internal/plugins/helpers';\nimport { awsuiPluginsInternal } from '../internal/plugins/api';\nimport { ActionsWrapper } from './actions-wrapper';\n\nconst typeToIcon: Record<AlertProps.Type, IconProps['name']> = {\n  error: 'status-negative',\n  warning: 'status-warning',\n  success: 'status-positive',\n  info: 'status-info',\n};\n\ntype InternalAlertProps = SomeRequired<AlertProps, 'type'> & InternalBaseComponentProps;\n\nconst useDiscoveredAction = createUseDiscoveredAction(awsuiPluginsInternal.alert.onActionRegistered);\n\nconst InternalAlert = React.forwardRef(\n  (\n    {\n      type,\n      statusIconAriaLabel,\n      visible = true,\n      dismissible,\n      dismissAriaLabel,\n      children,\n      header,\n      buttonText,\n      action,\n      onDismiss,\n      onButtonClick,\n      __internalRootRef = null,\n      ...rest\n    }: InternalAlertProps,\n    ref: React.Ref<AlertProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const i18n = useInternalI18n('alert');\n\n    const focusRef = useRef<HTMLDivElement>(null);\n    useForwardFocus(ref, focusRef);\n\n    const [breakpoint, breakpointRef] = useContainerBreakpoints(['xs']);\n    const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);\n\n    const isRefresh = useVisualRefresh();\n    const size = isRefresh ? 'normal' : header && children ? 'big' : 'normal';\n\n    const { discoveredActions, headerRef, contentRef } = useDiscoveredAction(type);\n\n    const analyticsAttributes = {\n      [DATA_ATTR_ANALYTICS_ALERT]: type,\n    };\n\n    return (\n      <div\n        {...baseProps}\n        {...analyticsAttributes}\n        aria-hidden={!visible}\n        className={clsx(\n          styles.root,\n          { [styles.hidden]: !visible },\n          baseProps.className,\n          styles[`breakpoint-${breakpoint}`]\n        )}\n        ref={mergedRef}\n      >\n        <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n          <VisualContext contextName=\"alert\">\n            <div className={clsx(styles.alert, styles[`type-${type}`], styles[`icon-size-${size}`])}>\n              <div className={styles['alert-mobile-block']}>\n                <div className={styles['alert-focus-wrapper']} tabIndex={-1} ref={focusRef}>\n                  <div className={clsx(styles.icon, styles.text)} role=\"img\" aria-label={statusIconAriaLabel}>\n                    <InternalIcon name={typeToIcon[type]} size={size} />\n                  </div>\n                  <div className={styles.body}>\n                    <div className={clsx(styles.message, styles.text)}>\n                      {header && (\n                        <div className={styles.header} ref={headerRef}>\n                          {header}\n                        </div>\n                      )}\n                      <div className={styles.content} ref={contentRef}>\n                        {children}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <ActionsWrapper\n                  className={styles.action}\n                  testUtilClasses={{\n                    actionSlot: styles['action-slot'],\n                    actionButton: styles['action-button'],\n                  }}\n                  action={action}\n                  discoveredActions={discoveredActions}\n                  buttonText={buttonText}\n                  onButtonClick={() => fireNonCancelableEvent(onButtonClick)}\n                />\n              </div>\n              {dismissible && (\n                <div className={styles.dismiss}>\n                  <InternalButton\n                    className={styles['dismiss-button']}\n                    variant=\"icon\"\n                    iconName=\"close\"\n                    formAction=\"none\"\n                    ariaLabel={i18n('dismissAriaLabel', dismissAriaLabel)}\n                    onClick={() => fireNonCancelableEvent(onDismiss)}\n                  />\n                </div>\n              )}\n            </div>\n          </VisualContext>\n        </LinkDefaultVariantContext.Provider>\n      </div>\n    );\n  }\n);\n\nexport default InternalAlert;\n"]}

package/alert/styles.css.js

@@ -1,29 +1,30 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_1kx9t_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1kx9t_1",
-  "root": "awsui_root_mx3cw_1kx9t_119",
-  "hidden": "awsui_hidden_mx3cw_1kx9t_135",
-  "body": "awsui_body_mx3cw_1kx9t_161",
-  "header": "awsui_header_mx3cw_1kx9t_167",
-  "action": "awsui_action_mx3cw_1kx9t_171",
-  "action-button": "awsui_action-button_mx3cw_1kx9t_176",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1kx9t_180",
-  "alert-mobile-block": "awsui_alert-mobile-block_mx3cw_1kx9t_206",
-  "text": "awsui_text_mx3cw_1kx9t_211",
-  "icon": "awsui_icon_mx3cw_1kx9t_215",
-  "message": "awsui_message_mx3cw_1kx9t_218",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1kx9t_223",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1kx9t_229",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_1kx9t_232",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1kx9t_235",
-  "content": "awsui_content_mx3cw_1kx9t_245",
-  "dismiss": "awsui_dismiss_mx3cw_1kx9t_249",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1kx9t_255",
-  "type-error": "awsui_type-error_mx3cw_1kx9t_263",
-  "type-warning": "awsui_type-warning_mx3cw_1kx9t_271",
-  "type-success": "awsui_type-success_mx3cw_1kx9t_279",
-  "type-info": "awsui_type-info_mx3cw_1kx9t_287"
+  "alert": "awsui_alert_mx3cw_1xp9u_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1xp9u_1",
+  "root": "awsui_root_mx3cw_1xp9u_119",
+  "hidden": "awsui_hidden_mx3cw_1xp9u_135",
+  "body": "awsui_body_mx3cw_1xp9u_161",
+  "header": "awsui_header_mx3cw_1xp9u_167",
+  "action": "awsui_action_mx3cw_1xp9u_171",
+  "action-slot": "awsui_action-slot_mx3cw_1xp9u_176",
+  "action-button": "awsui_action-button_mx3cw_1xp9u_177",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1xp9u_181",
+  "alert-mobile-block": "awsui_alert-mobile-block_mx3cw_1xp9u_207",
+  "text": "awsui_text_mx3cw_1xp9u_212",
+  "icon": "awsui_icon_mx3cw_1xp9u_216",
+  "message": "awsui_message_mx3cw_1xp9u_219",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1xp9u_224",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1xp9u_230",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1xp9u_233",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1xp9u_236",
+  "content": "awsui_content_mx3cw_1xp9u_246",
+  "dismiss": "awsui_dismiss_mx3cw_1xp9u_250",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1xp9u_256",
+  "type-error": "awsui_type-error_mx3cw_1xp9u_264",
+  "type-warning": "awsui_type-warning_mx3cw_1xp9u_272",
+  "type-success": "awsui_type-success_mx3cw_1xp9u_280",
+  "type-info": "awsui_type-info_mx3cw_1xp9u_288"
 };
   

package/alert/styles.scoped.css

@@ -90,10 +90,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_alert_mx3cw_1kx9t_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_1kx9t_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
+.awsui_alert_mx3cw_1xp9u_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_1xp9u_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_1kx9t_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_1xp9u_1 {
   from {
     opacity: 0.2;
   }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_1kx9t_93:not(#\9) {
+  .awsui_alert_mx3cw_1xp9u_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_1kx9t_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1kx9t_93:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_1xp9u_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1xp9u_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -116,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_mx3cw_1kx9t_119:not(#\9) {
+.awsui_root_mx3cw_1xp9u_119:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -158,11 +158,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_1kx9t_119.awsui_hidden_mx3cw_1kx9t_135:not(#\9) {
+.awsui_root_mx3cw_1xp9u_119.awsui_hidden_mx3cw_1xp9u_135:not(#\9) {
   display: none;
 }
 
-.awsui_alert_mx3cw_1kx9t_93:not(#\9) {
+.awsui_alert_mx3cw_1xp9u_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -210,40 +210,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
 }
 
-.awsui_body_mx3cw_1kx9t_161:not(#\9) {
+.awsui_body_mx3cw_1xp9u_161:not(#\9) {
   display: flex;
   flex: 1 1 0%;
   min-width: 0;
 }
 
-.awsui_header_mx3cw_1kx9t_167:not(#\9) {
+.awsui_header_mx3cw_1xp9u_167:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_action_mx3cw_1kx9t_171:not(#\9) {
+.awsui_action_mx3cw_1xp9u_171:not(#\9) {
   white-space: nowrap;
   margin-left: var(--space-alert-action-left-ea9czk, 12px);
 }
 
-.awsui_action-button_mx3cw_1kx9t_176:not(#\9) {
+.awsui_action-slot_mx3cw_1xp9u_176:not(#\9),
+.awsui_action-button_mx3cw_1xp9u_177:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_alert-focus-wrapper_mx3cw_1kx9t_180:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_1xp9u_181:not(#\9) {
   display: flex;
   flex: 1 1 0%;
 }
-.awsui_alert-focus-wrapper_mx3cw_1kx9t_180:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_1xp9u_181:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1kx9t_180:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1xp9u_181:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1kx9t_180:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1xp9u_181:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-cqfd0c, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1kx9t_180:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1xp9u_181:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -255,91 +256,91 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1kx9t_180:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_alert-mobile-block_mx3cw_1kx9t_206:not(#\9) {
+.awsui_alert-mobile-block_mx3cw_1xp9u_207:not(#\9) {
   display: flex;
   flex: 1 1 0%;
 }
 
-.awsui_text_mx3cw_1kx9t_211:not(#\9) {
+.awsui_text_mx3cw_1xp9u_212:not(#\9) {
   padding: var(--border-field-width-09w7vk, 2px) 0;
   margin: var(--space-scaled-xxs-7597g1, 4px) var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_text_mx3cw_1kx9t_211.awsui_icon_mx3cw_1kx9t_215:not(#\9) {
+.awsui_text_mx3cw_1xp9u_212.awsui_icon_mx3cw_1xp9u_216:not(#\9) {
   margin-left: 0;
 }
-.awsui_text_mx3cw_1kx9t_211.awsui_message_mx3cw_1kx9t_218:not(#\9) {
+.awsui_text_mx3cw_1xp9u_212.awsui_message_mx3cw_1xp9u_219:not(#\9) {
   margin-right: var(--space-alert-message-right-knlb6u, 4px);
 }
 
 /* stylelint-disable selector-max-type */
-.awsui_root_mx3cw_1kx9t_119.awsui_breakpoint-default_mx3cw_1kx9t_223 > div > .awsui_alert_mx3cw_1kx9t_93 > .awsui_alert-mobile-block_mx3cw_1kx9t_206:not(#\9) {
+.awsui_root_mx3cw_1xp9u_119.awsui_breakpoint-default_mx3cw_1xp9u_224 > div > .awsui_alert_mx3cw_1xp9u_93 > .awsui_alert-mobile-block_mx3cw_1xp9u_207:not(#\9) {
   display: block;
 }
-.awsui_root_mx3cw_1kx9t_119.awsui_breakpoint-default_mx3cw_1kx9t_223 > div > .awsui_alert_mx3cw_1kx9t_93 > .awsui_alert-mobile-block_mx3cw_1kx9t_206 > .awsui_action_mx3cw_1kx9t_171:not(#\9) {
+.awsui_root_mx3cw_1xp9u_119.awsui_breakpoint-default_mx3cw_1xp9u_224 > div > .awsui_alert_mx3cw_1xp9u_93 > .awsui_alert-mobile-block_mx3cw_1xp9u_207 > .awsui_action_mx3cw_1xp9u_171:not(#\9) {
   margin-bottom: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_root_mx3cw_1kx9t_119.awsui_breakpoint-default_mx3cw_1kx9t_223 > div > .awsui_alert_mx3cw_1kx9t_93.awsui_icon-size-medium_mx3cw_1kx9t_229 > .awsui_alert-mobile-block_mx3cw_1kx9t_206 > .awsui_action_mx3cw_1kx9t_171:not(#\9) {
+.awsui_root_mx3cw_1xp9u_119.awsui_breakpoint-default_mx3cw_1xp9u_224 > div > .awsui_alert_mx3cw_1xp9u_93.awsui_icon-size-medium_mx3cw_1xp9u_230 > .awsui_alert-mobile-block_mx3cw_1xp9u_207 > .awsui_action_mx3cw_1xp9u_171:not(#\9) {
   margin-left: calc(var(--size-icon-medium-y9xuoq, 20px) + var(--space-xs-zb16t3, 8px));
 }
-.awsui_root_mx3cw_1kx9t_119.awsui_breakpoint-default_mx3cw_1kx9t_223 > div > .awsui_alert_mx3cw_1kx9t_93.awsui_icon-size-big_mx3cw_1kx9t_232 > .awsui_alert-mobile-block_mx3cw_1kx9t_206 > .awsui_action_mx3cw_1kx9t_171:not(#\9) {
+.awsui_root_mx3cw_1xp9u_119.awsui_breakpoint-default_mx3cw_1xp9u_224 > div > .awsui_alert_mx3cw_1xp9u_93.awsui_icon-size-big_mx3cw_1xp9u_233 > .awsui_alert-mobile-block_mx3cw_1xp9u_207 > .awsui_action_mx3cw_1xp9u_171:not(#\9) {
   margin-left: calc(var(--size-icon-big-zkdryd, 32px) + var(--space-xs-zb16t3, 8px));
 }
-.awsui_root_mx3cw_1kx9t_119.awsui_breakpoint-default_mx3cw_1kx9t_223 > div > .awsui_alert_mx3cw_1kx9t_93.awsui_icon-size-normal_mx3cw_1kx9t_235 > .awsui_alert-mobile-block_mx3cw_1kx9t_206 > .awsui_action_mx3cw_1kx9t_171:not(#\9) {
+.awsui_root_mx3cw_1xp9u_119.awsui_breakpoint-default_mx3cw_1xp9u_224 > div > .awsui_alert_mx3cw_1xp9u_93.awsui_icon-size-normal_mx3cw_1xp9u_236 > .awsui_alert-mobile-block_mx3cw_1xp9u_207 > .awsui_action_mx3cw_1xp9u_171:not(#\9) {
   margin-left: calc(var(--size-icon-normal-0m1722, 16px) + var(--space-xs-zb16t3, 8px));
 }
 
 /* stylelint-enable selector-max-type */
-.awsui_message_mx3cw_1kx9t_218:not(#\9) {
+.awsui_message_mx3cw_1xp9u_219:not(#\9) {
   flex: 1 1 0%;
   min-width: 0;
 }
 
-.awsui_content_mx3cw_1kx9t_245:not(#\9) {
+.awsui_content_mx3cw_1xp9u_246:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dismiss_mx3cw_1kx9t_249:not(#\9) {
+.awsui_dismiss_mx3cw_1xp9u_250:not(#\9) {
   flex: 0 0 auto;
   margin-right: calc(-1 * var(--space-xxs-p8yyaw, 4px));
   margin-left: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_dismiss-button_mx3cw_1kx9t_255:not(#\9) {
+.awsui_dismiss-button_mx3cw_1xp9u_256:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_icon_mx3cw_1kx9t_215:not(#\9) {
+.awsui_icon_mx3cw_1xp9u_216:not(#\9) {
   flex: 0 0 auto;
 }
 
-.awsui_type-error_mx3cw_1kx9t_263:not(#\9) {
+.awsui_type-error_mx3cw_1xp9u_264:not(#\9) {
   border-color: var(--color-border-status-error-dj6icm, #d91515);
   background-color: var(--color-background-status-error-pbprvn, #fff7f7);
 }
-.awsui_type-error_mx3cw_1kx9t_263 > .awsui_alert-mobile-block_mx3cw_1kx9t_206 > .awsui_alert-focus-wrapper_mx3cw_1kx9t_180 > .awsui_icon_mx3cw_1kx9t_215:not(#\9) {
+.awsui_type-error_mx3cw_1xp9u_264 > .awsui_alert-mobile-block_mx3cw_1xp9u_207 > .awsui_alert-focus-wrapper_mx3cw_1xp9u_181 > .awsui_icon_mx3cw_1xp9u_216:not(#\9) {
   color: var(--color-text-status-error-wdvepn, #d91515);
 }
 
-.awsui_type-warning_mx3cw_1kx9t_271:not(#\9) {
+.awsui_type-warning_mx3cw_1xp9u_272:not(#\9) {
   border-color: var(--color-border-status-warning-52glov, #8d6605);
   background-color: var(--color-background-status-warning-oor4hw, #fffce9);
 }
-.awsui_type-warning_mx3cw_1kx9t_271 > .awsui_alert-mobile-block_mx3cw_1kx9t_206 > .awsui_alert-focus-wrapper_mx3cw_1kx9t_180 > .awsui_icon_mx3cw_1kx9t_215:not(#\9) {
+.awsui_type-warning_mx3cw_1xp9u_272 > .awsui_alert-mobile-block_mx3cw_1xp9u_207 > .awsui_alert-focus-wrapper_mx3cw_1xp9u_181 > .awsui_icon_mx3cw_1xp9u_216:not(#\9) {
   color: var(--color-text-status-warning-yik8vi, #8d6605);
 }
 
-.awsui_type-success_mx3cw_1kx9t_279:not(#\9) {
+.awsui_type-success_mx3cw_1xp9u_280:not(#\9) {
   border-color: var(--color-border-status-success-wmgb40, #037f0c);
   background-color: var(--color-background-status-success-jp14wa, #f2fcf3);
 }
-.awsui_type-success_mx3cw_1kx9t_279 > .awsui_alert-mobile-block_mx3cw_1kx9t_206 > .awsui_alert-focus-wrapper_mx3cw_1kx9t_180 > .awsui_icon_mx3cw_1kx9t_215:not(#\9) {
+.awsui_type-success_mx3cw_1xp9u_280 > .awsui_alert-mobile-block_mx3cw_1xp9u_207 > .awsui_alert-focus-wrapper_mx3cw_1xp9u_181 > .awsui_icon_mx3cw_1xp9u_216:not(#\9) {
   color: var(--color-text-status-success-bpiyjm, #037f0c);
 }
 
-.awsui_type-info_mx3cw_1kx9t_287:not(#\9) {
+.awsui_type-info_mx3cw_1xp9u_288:not(#\9) {
   border-color: var(--color-border-status-info-8upc6f, #0972d3);
   background-color: var(--color-background-status-info-mvnbre, #f2f8fd);
 }
-.awsui_type-info_mx3cw_1kx9t_287 > .awsui_alert-mobile-block_mx3cw_1kx9t_206 > .awsui_alert-focus-wrapper_mx3cw_1kx9t_180 > .awsui_icon_mx3cw_1kx9t_215:not(#\9) {
+.awsui_type-info_mx3cw_1xp9u_288 > .awsui_alert-mobile-block_mx3cw_1xp9u_207 > .awsui_alert-focus-wrapper_mx3cw_1xp9u_181 > .awsui_icon_mx3cw_1xp9u_216:not(#\9) {
   color: var(--color-text-status-info-ahz8zp, #0972d3);
 }

package/alert/styles.selectors.js

@@ -2,29 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_1kx9t_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1kx9t_1",
-  "root": "awsui_root_mx3cw_1kx9t_119",
-  "hidden": "awsui_hidden_mx3cw_1kx9t_135",
-  "body": "awsui_body_mx3cw_1kx9t_161",
-  "header": "awsui_header_mx3cw_1kx9t_167",
-  "action": "awsui_action_mx3cw_1kx9t_171",
-  "action-button": "awsui_action-button_mx3cw_1kx9t_176",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1kx9t_180",
-  "alert-mobile-block": "awsui_alert-mobile-block_mx3cw_1kx9t_206",
-  "text": "awsui_text_mx3cw_1kx9t_211",
-  "icon": "awsui_icon_mx3cw_1kx9t_215",
-  "message": "awsui_message_mx3cw_1kx9t_218",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1kx9t_223",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1kx9t_229",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_1kx9t_232",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1kx9t_235",
-  "content": "awsui_content_mx3cw_1kx9t_245",
-  "dismiss": "awsui_dismiss_mx3cw_1kx9t_249",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1kx9t_255",
-  "type-error": "awsui_type-error_mx3cw_1kx9t_263",
-  "type-warning": "awsui_type-warning_mx3cw_1kx9t_271",
-  "type-success": "awsui_type-success_mx3cw_1kx9t_279",
-  "type-info": "awsui_type-info_mx3cw_1kx9t_287"
+  "alert": "awsui_alert_mx3cw_1xp9u_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1xp9u_1",
+  "root": "awsui_root_mx3cw_1xp9u_119",
+  "hidden": "awsui_hidden_mx3cw_1xp9u_135",
+  "body": "awsui_body_mx3cw_1xp9u_161",
+  "header": "awsui_header_mx3cw_1xp9u_167",
+  "action": "awsui_action_mx3cw_1xp9u_171",
+  "action-slot": "awsui_action-slot_mx3cw_1xp9u_176",
+  "action-button": "awsui_action-button_mx3cw_1xp9u_177",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1xp9u_181",
+  "alert-mobile-block": "awsui_alert-mobile-block_mx3cw_1xp9u_207",
+  "text": "awsui_text_mx3cw_1xp9u_212",
+  "icon": "awsui_icon_mx3cw_1xp9u_216",
+  "message": "awsui_message_mx3cw_1xp9u_219",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1xp9u_224",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1xp9u_230",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1xp9u_233",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1xp9u_236",
+  "content": "awsui_content_mx3cw_1xp9u_246",
+  "dismiss": "awsui_dismiss_mx3cw_1xp9u_250",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1xp9u_256",
+  "type-error": "awsui_type-error_mx3cw_1xp9u_264",
+  "type-warning": "awsui_type-warning_mx3cw_1xp9u_272",
+  "type-success": "awsui_type-success_mx3cw_1xp9u_280",
+  "type-info": "awsui_type-info_mx3cw_1xp9u_288"
 };
   

package/app-layout/runtime-api.d.ts

@@ -1,4 +1,4 @@
-import { DrawerConfig as RuntimeDrawerConfig } from '../internal/plugins/drawers-controller';
+import { DrawerConfig as RuntimeDrawerConfig } from '../internal/plugins/controllers/drawers';
 import { DrawerItem } from './drawer/interfaces';
 export interface DrawersLayout {
     before: Array<DrawerItem>;

package/app-layout/runtime-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime-api.d.ts","sourceRoot":"lib/default/","sources":["app-layout/runtime-api.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAoBjD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,KAAK,CAAC,mBAAmB,CAAC,GAAG,aAAa,CAuBxF"}
+{"version":3,"file":"runtime-api.d.ts","sourceRoot":"lib/default/","sources":["app-layout/runtime-api.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAE9F,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,KAAK,CAAC,mBAAmB,CAAC,GAAG,aAAa,CAkBxF"}

package/app-layout/runtime-api.js

@@ -1,17 +1,9 @@
 import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useEffect, useRef } from 'react';
-function RuntimeContentWrapper({ mountContent, unmountContent }) {
-    const ref = useRef(null);
-    useEffect(() => {
-        const container = ref.current;
-        mountContent(container);
-        return () => unmountContent(container);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return React.createElement("div", { ref: ref });
-}
+import React from 'react';
+import { RuntimeContentWrapper } from '../internal/plugins/helpers';
+import { sortByPriority } from '../internal/plugins/helpers/utils';
 export function convertRuntimeDrawers(drawers) {
     const converted = drawers.map((_a) => {
         var { mountContent, unmountContent, trigger } = _a, runtimeDrawer = __rest(_a, ["mountContent", "unmountContent", "trigger"]);
@@ -21,16 +13,10 @@ export function convertRuntimeDrawers(drawers) {
                 React.createElement("span", { dangerouslySetInnerHTML: { __html: trigger.iconSvg } })),
             }, content: (React.createElement(RuntimeContentWrapper, { key: runtimeDrawer.id, mountContent: mountContent, unmountContent: unmountContent })) }));
     });
-    converted.sort((a, b) => {
-        var _a, _b;
-        if (b.orderPriority !== a.orderPriority) {
-            return Math.sign(((_a = b.orderPriority) !== null && _a !== void 0 ? _a : 0) - ((_b = a.orderPriority) !== null && _b !== void 0 ? _b : 0));
-        }
-        return b.id < a.id ? 1 : -1;
-    });
+    const sorted = sortByPriority(converted);
     return {
-        before: converted.filter(item => { var _a; return ((_a = item.orderPriority) !== null && _a !== void 0 ? _a : 0) > 0; }),
-        after: converted.filter(item => { var _a; return ((_a = item.orderPriority) !== null && _a !== void 0 ? _a : 0) <= 0; }),
+        before: sorted.filter(item => { var _a; return ((_a = item.orderPriority) !== null && _a !== void 0 ? _a : 0) > 0; }),
+        after: sorted.filter(item => { var _a; return ((_a = item.orderPriority) !== null && _a !== void 0 ? _a : 0) <= 0; }),
     };
 }
 //# sourceMappingURL=runtime-api.js.map

package/app-layout/runtime-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtime-api.js","sourceRoot":"lib/default/","sources":["app-layout/runtime-api.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AASjD,SAAS,qBAAqB,CAAC,EAAE,YAAY,EAAE,cAAc,EAA8B;IACzF,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,GAAG,CAAC,OAAQ,CAAC;QAC/B,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QACvC,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,6BAAK,GAAG,EAAE,GAAG,GAAQ,CAAC;AAC/B,CAAC;AAOD,MAAM,UAAU,qBAAqB,CAAC,OAAmC;IACvE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,EAA2D,EAAE,EAAE;YAA/D,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,OAAoB,EAAf,aAAa,cAAzD,6CAA2D,CAAF;QAAO,OAAA,iCAC1F,aAAa,KAChB,OAAO,EAAE;gBACP,OAAO,EAAE;gBACP,2CAA2C;gBAC3C,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,OAAO,EAAE,GAAI,CAC/D;aACF,EACD,OAAO,EAAE,CACP,oBAAC,qBAAqB,IAAC,GAAG,EAAE,aAAa,CAAC,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,GAAI,CAC7G,IACD,CAAA;KAAA,CAAC,CAAC;IACJ,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;;QACtB,IAAI,CAAC,CAAC,aAAa,KAAK,CAAC,CAAC,aAAa,EAAE;YACvC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,MAAA,CAAC,CAAC,aAAa,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,CAAC,CAAC,aAAa,mCAAI,CAAC,CAAC,CAAC,CAAC;SACnE;QACD,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IACH,OAAO;QACL,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAC,OAAA,CAAC,MAAA,IAAI,CAAC,aAAa,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAA,EAAA,CAAC;QAC/D,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAC,OAAA,CAAC,MAAA,IAAI,CAAC,aAAa,mCAAI,CAAC,CAAC,IAAI,CAAC,CAAA,EAAA,CAAC;KAChE,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { DrawerConfig as RuntimeDrawerConfig } from '../internal/plugins/drawers-controller';\nimport { DrawerItem } from './drawer/interfaces';\n\ninterface RuntimeContentWrapperProps {\n  mountContent: RuntimeDrawerConfig['mountContent'];\n  unmountContent: RuntimeDrawerConfig['unmountContent'];\n}\n\nfunction RuntimeContentWrapper({ mountContent, unmountContent }: RuntimeContentWrapperProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const container = ref.current!;\n    mountContent(container);\n    return () => unmountContent(container);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <div ref={ref}></div>;\n}\n\nexport interface DrawersLayout {\n  before: Array<DrawerItem>;\n  after: Array<DrawerItem>;\n}\n\nexport function convertRuntimeDrawers(drawers: Array<RuntimeDrawerConfig>): DrawersLayout {\n  const converted = drawers.map(({ mountContent, unmountContent, trigger, ...runtimeDrawer }) => ({\n    ...runtimeDrawer,\n    trigger: {\n      iconSvg: (\n        // eslint-disable-next-line react/no-danger\n        <span dangerouslySetInnerHTML={{ __html: trigger.iconSvg }} />\n      ),\n    },\n    content: (\n      <RuntimeContentWrapper key={runtimeDrawer.id} mountContent={mountContent} unmountContent={unmountContent} />\n    ),\n  }));\n  converted.sort((a, b) => {\n    if (b.orderPriority !== a.orderPriority) {\n      return Math.sign((b.orderPriority ?? 0) - (a.orderPriority ?? 0));\n    }\n    return b.id < a.id ? 1 : -1;\n  });\n  return {\n    before: converted.filter(item => (item.orderPriority ?? 0) > 0),\n    after: converted.filter(item => (item.orderPriority ?? 0) <= 0),\n  };\n}\n"]}
+{"version":3,"file":"runtime-api.js","sourceRoot":"lib/default/","sources":["app-layout/runtime-api.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAOnE,MAAM,UAAU,qBAAqB,CAAC,OAAmC;IACvE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,EAA2D,EAAE,EAAE;YAA/D,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,OAAoB,EAAf,aAAa,cAAzD,6CAA2D,CAAF;QAAO,OAAA,iCAC1F,aAAa,KAChB,OAAO,EAAE;gBACP,OAAO,EAAE;gBACP,2CAA2C;gBAC3C,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,OAAO,EAAE,GAAI,CAC/D;aACF,EACD,OAAO,EAAE,CACP,oBAAC,qBAAqB,IAAC,GAAG,EAAE,aAAa,CAAC,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,GAAI,CAC7G,IACD,CAAA;KAAA,CAAC,CAAC;IACJ,MAAM,MAAM,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IACzC,OAAO;QACL,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAC,OAAA,CAAC,MAAA,IAAI,CAAC,aAAa,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAA,EAAA,CAAC;QAC5D,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAC,OAAA,CAAC,MAAA,IAAI,CAAC,aAAa,mCAAI,CAAC,CAAC,IAAI,CAAC,CAAA,EAAA,CAAC;KAC7D,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { DrawerConfig as RuntimeDrawerConfig } from '../internal/plugins/controllers/drawers';\nimport { RuntimeContentWrapper } from '../internal/plugins/helpers';\nimport { DrawerItem } from './drawer/interfaces';\nimport { sortByPriority } from '../internal/plugins/helpers/utils';\n\nexport interface DrawersLayout {\n  before: Array<DrawerItem>;\n  after: Array<DrawerItem>;\n}\n\nexport function convertRuntimeDrawers(drawers: Array<RuntimeDrawerConfig>): DrawersLayout {\n  const converted = drawers.map(({ mountContent, unmountContent, trigger, ...runtimeDrawer }) => ({\n    ...runtimeDrawer,\n    trigger: {\n      iconSvg: (\n        // eslint-disable-next-line react/no-danger\n        <span dangerouslySetInnerHTML={{ __html: trigger.iconSvg }} />\n      ),\n    },\n    content: (\n      <RuntimeContentWrapper key={runtimeDrawer.id} mountContent={mountContent} unmountContent={unmountContent} />\n    ),\n  }));\n  const sorted = sortByPriority(converted);\n  return {\n    before: sorted.filter(item => (item.orderPriority ?? 0) > 0),\n    after: sorted.filter(item => (item.orderPriority ?? 0) <= 0),\n  };\n}\n"]}