@cloudscape-design/components 3.0.1155 → 3.0.1156

package/code-editor/styles.selectors.js

@@ -2,38 +2,38 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_12e1r_158",
-  "code-editor": "awsui_code-editor_1gl9c_12e1r_158",
-  "pane": "awsui_pane_1gl9c_12e1r_496",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_12e1r_507",
-  "pane__list": "awsui_pane__list_1gl9c_12e1r_512",
-  "pane__table": "awsui_pane__table_1gl9c_12e1r_519",
-  "pane__item": "awsui_pane__item_1gl9c_12e1r_525",
-  "pane__cell": "awsui_pane__cell_1gl9c_12e1r_525",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_12e1r_539",
-  "pane__location": "awsui_pane__location_1gl9c_12e1r_560",
-  "pane__description": "awsui_pane__description_1gl9c_12e1r_560",
-  "focus-lock": "awsui_focus-lock_1gl9c_12e1r_575",
-  "editor": "awsui_editor_1gl9c_12e1r_619",
-  "editor-refresh": "awsui_editor-refresh_1gl9c_12e1r_649",
-  "status-bar": "awsui_status-bar_1gl9c_12e1r_654",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_12e1r_663",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_12e1r_667",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_12e1r_674",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_12e1r_678",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_12e1r_678",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_12e1r_684",
-  "tab-list": "awsui_tab-list_1gl9c_12e1r_689",
-  "tab-button": "awsui_tab-button_1gl9c_12e1r_694",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_12e1r_727",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_12e1r_730",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_12e1r_739",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_12e1r_755",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_12e1r_788",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_12e1r_795",
-  "count": "awsui_count_1gl9c_12e1r_804",
-  "text": "awsui_text_1gl9c_12e1r_807",
-  "loading-screen": "awsui_loading-screen_1gl9c_12e1r_829",
-  "error-screen": "awsui_error-screen_1gl9c_12e1r_830"
+  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_gqn4w_158",
+  "code-editor": "awsui_code-editor_1gl9c_gqn4w_158",
+  "pane": "awsui_pane_1gl9c_gqn4w_496",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_gqn4w_507",
+  "pane__list": "awsui_pane__list_1gl9c_gqn4w_512",
+  "pane__table": "awsui_pane__table_1gl9c_gqn4w_519",
+  "pane__item": "awsui_pane__item_1gl9c_gqn4w_525",
+  "pane__cell": "awsui_pane__cell_1gl9c_gqn4w_525",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_gqn4w_539",
+  "pane__location": "awsui_pane__location_1gl9c_gqn4w_560",
+  "pane__description": "awsui_pane__description_1gl9c_gqn4w_560",
+  "focus-lock": "awsui_focus-lock_1gl9c_gqn4w_575",
+  "editor": "awsui_editor_1gl9c_gqn4w_619",
+  "editor-refresh": "awsui_editor-refresh_1gl9c_gqn4w_649",
+  "status-bar": "awsui_status-bar_1gl9c_gqn4w_654",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_gqn4w_663",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_gqn4w_667",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_gqn4w_674",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_gqn4w_678",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_gqn4w_678",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_gqn4w_684",
+  "tab-list": "awsui_tab-list_1gl9c_gqn4w_689",
+  "tab-button": "awsui_tab-button_1gl9c_gqn4w_694",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_gqn4w_727",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_gqn4w_730",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_gqn4w_739",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_gqn4w_755",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_gqn4w_788",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_gqn4w_795",
+  "count": "awsui_count_1gl9c_gqn4w_804",
+  "text": "awsui_text_1gl9c_gqn4w_807",
+  "loading-screen": "awsui_loading-screen_1gl9c_gqn4w_829",
+  "error-screen": "awsui_error-screen_1gl9c_gqn4w_830"
 };
   

package/drawer/implementation.d.ts

@@ -3,6 +3,7 @@ import { DrawerProps } from './interfaces';
 type DrawerInternalProps = DrawerProps & InternalBaseComponentProps;
 export declare function DrawerImplementation({
   header,
+  footer,
   children,
   loading,
   i18nStrings,

package/drawer/implementation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/drawer/implementation.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,KAAK,mBAAmB,GAAG,WAAW,GAAG,0BAA0B,CAAC;AAEpE,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,GAAG,SAAS,EACb,EAAE,mBAAmB,eAgDrB;AAED,eAAO,MAAM,sBAAsB,mFAAkD,CAAC"}
+{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/drawer/implementation.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,KAAK,mBAAmB,GAAG,WAAW,GAAG,0BAA0B,CAAC;AAEpE,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,GAAG,SAAS,EACb,EAAE,mBAAmB,eAqErB;AAED,eAAO,MAAM,sBAAsB,mFAAkD,CAAC"}

package/drawer/implementation.js

@@ -1,6 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React from 'react';
+import React, { useRef } from 'react';
 import clsx from 'clsx';
 import { useRuntimeDrawerContext } from '../app-layout/runtime-drawer/use-runtime-drawer-context';
 import { useAppLayoutToolbarDesignEnabled } from '../app-layout/utils/feature-flags';
@@ -9,24 +9,33 @@ import { getBaseProps } from '../internal/base-component';
 import { createWidgetizedComponent } from '../internal/widgets';
 import InternalLiveRegion from '../live-region/internal';
 import InternalStatusIndicator from '../status-indicator/internal';
+import { useStickyFooter } from './use-sticky-footer';
 import styles from './styles.css.js';
-export function DrawerImplementation({ header, children, loading, i18nStrings, disableContentPaddings, __internalRootRef, headerActions, ...restProps }) {
+export function DrawerImplementation({ header, footer, children, loading, i18nStrings, disableContentPaddings, __internalRootRef, headerActions, ...restProps }) {
     const baseProps = getBaseProps(restProps);
     const isToolbar = useAppLayoutToolbarDesignEnabled();
     const i18n = useInternalI18n('drawer');
     const containerProps = {
         ...baseProps,
-        className: clsx(baseProps.className, styles.drawer, isToolbar && styles['with-toolbar']),
+        className: clsx(baseProps.className, styles.drawer, isToolbar && styles['with-toolbar'], !!footer && styles['with-footer']),
     };
+    const footerRef = useRef(null);
     const runtimeDrawerContext = useRuntimeDrawerContext({ rootRef: __internalRootRef });
     const hasAdditioalDrawerAction = !!(runtimeDrawerContext === null || runtimeDrawerContext === void 0 ? void 0 : runtimeDrawerContext.isExpandable);
+    const { isSticky: isFooterSticky } = useStickyFooter({
+        drawerRef: __internalRootRef,
+        footerRef,
+    });
     return loading ? (React.createElement("div", { ...containerProps, className: clsx(containerProps.className, styles['content-with-paddings']), ref: __internalRootRef },
         React.createElement(InternalStatusIndicator, { type: "loading" },
             React.createElement(InternalLiveRegion, { tagName: "span" }, i18n('i18nStrings.loadingText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.loadingText))))) : (React.createElement("div", { ...containerProps, ref: __internalRootRef },
         header && (React.createElement("div", { className: clsx(styles.header, runtimeDrawerContext && styles['with-runtime-context'], hasAdditioalDrawerAction && styles['with-additional-action']) },
             header,
             headerActions && React.createElement("div", { className: styles['header-actions'] }, headerActions))),
-        React.createElement("div", { className: clsx(styles['test-utils-drawer-content'], !disableContentPaddings && styles['content-with-paddings']) }, children)));
+        React.createElement("div", { className: clsx(styles['test-utils-drawer-content'], styles.content, !disableContentPaddings && styles['content-with-paddings']) }, children),
+        footer && (React.createElement("div", { ref: footerRef, className: clsx(styles.footer, {
+                [styles['is-sticky']]: isFooterSticky,
+            }) }, footer))));
 }
 export const createWidgetizedDrawer = createWidgetizedComponent(DrawerImplementation);
 //# sourceMappingURL=implementation.js.map

package/drawer/implementation.js.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/drawer/implementation.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAClG,OAAO,EAAE,gCAAgC,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAGnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,UAAU,oBAAoB,CAAC,EACnC,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,GAAG,SAAS,EACQ;IACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,gCAAgC,EAAE,CAAC;IACrD,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,cAAc,GAAG;QACrB,GAAG,SAAS;QACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC;KACzF,CAAC;IAEF,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,EAAE,OAAO,EAAE,iBAA2C,EAAE,CAAC,CAAC;IAC/G,MAAM,wBAAwB,GAAG,CAAC,CAAC,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,YAAY,CAAA,CAAC;IAEtE,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,gCACM,cAAc,EAClB,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAC1E,GAAG,EAAE,iBAAiB;QAEtB,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,kBAAkB,IAAC,OAAO,EAAC,MAAM,IAC/B,IAAI,CAAC,yBAAyB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,CACvC,CACG,CACtB,CACP,CAAC,CAAC,CAAC,CACF,gCAAS,cAAc,EAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,CACT,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,MAAM,EACb,oBAAoB,IAAI,MAAM,CAAC,sBAAsB,CAAC,EACtD,wBAAwB,IAAI,MAAM,CAAC,wBAAwB,CAAC,CAC7D;YAEA,MAAM;YACN,aAAa,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,IAAG,aAAa,CAAO,CAC7E,CACP;QACD,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,2BAA2B,CAAC,EACnC,CAAC,sBAAsB,IAAI,MAAM,CAAC,uBAAuB,CAAC,CAC3D,IAEA,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,oBAAoB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject } from 'react';\nimport clsx from 'clsx';\n\nimport { useRuntimeDrawerContext } from '../app-layout/runtime-drawer/use-runtime-drawer-context';\nimport { useAppLayoutToolbarDesignEnabled } from '../app-layout/utils/feature-flags';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport InternalLiveRegion from '../live-region/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { DrawerProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype DrawerInternalProps = DrawerProps & InternalBaseComponentProps;\n\nexport function DrawerImplementation({\n  header,\n  children,\n  loading,\n  i18nStrings,\n  disableContentPaddings,\n  __internalRootRef,\n  headerActions,\n  ...restProps\n}: DrawerInternalProps) {\n  const baseProps = getBaseProps(restProps);\n  const isToolbar = useAppLayoutToolbarDesignEnabled();\n  const i18n = useInternalI18n('drawer');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(baseProps.className, styles.drawer, isToolbar && styles['with-toolbar']),\n  };\n\n  const runtimeDrawerContext = useRuntimeDrawerContext({ rootRef: __internalRootRef as RefObject<HTMLElement> });\n  const hasAdditioalDrawerAction = !!runtimeDrawerContext?.isExpandable;\n\n  return loading ? (\n    <div\n      {...containerProps}\n      className={clsx(containerProps.className, styles['content-with-paddings'])}\n      ref={__internalRootRef}\n    >\n      <InternalStatusIndicator type=\"loading\">\n        <InternalLiveRegion tagName=\"span\">\n          {i18n('i18nStrings.loadingText', i18nStrings?.loadingText)}\n        </InternalLiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && (\n        <div\n          className={clsx(\n            styles.header,\n            runtimeDrawerContext && styles['with-runtime-context'],\n            hasAdditioalDrawerAction && styles['with-additional-action']\n          )}\n        >\n          {header}\n          {headerActions && <div className={styles['header-actions']}>{headerActions}</div>}\n        </div>\n      )}\n      <div\n        className={clsx(\n          styles['test-utils-drawer-content'],\n          !disableContentPaddings && styles['content-with-paddings']\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\nexport const createWidgetizedDrawer = createWidgetizedComponent(DrawerImplementation);\n"]}
+{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/drawer/implementation.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, { RefObject, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useRuntimeDrawerContext } from '../app-layout/runtime-drawer/use-runtime-drawer-context';\nimport { useAppLayoutToolbarDesignEnabled } from '../app-layout/utils/feature-flags';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport InternalLiveRegion from '../live-region/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { DrawerProps } from './interfaces';\nimport { useStickyFooter } from './use-sticky-footer';\n\nimport styles from './styles.css.js';\n\ntype DrawerInternalProps = DrawerProps & InternalBaseComponentProps;\n\nexport function DrawerImplementation({\n  header,\n  footer,\n  children,\n  loading,\n  i18nStrings,\n  disableContentPaddings,\n  __internalRootRef,\n  headerActions,\n  ...restProps\n}: DrawerInternalProps) {\n  const baseProps = getBaseProps(restProps);\n  const isToolbar = useAppLayoutToolbarDesignEnabled();\n  const i18n = useInternalI18n('drawer');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(\n      baseProps.className,\n      styles.drawer,\n      isToolbar && styles['with-toolbar'],\n      !!footer && styles['with-footer']\n    ),\n  };\n  const footerRef = useRef<HTMLDivElement>(null);\n\n  const runtimeDrawerContext = useRuntimeDrawerContext({ rootRef: __internalRootRef as RefObject<HTMLElement> });\n  const hasAdditioalDrawerAction = !!runtimeDrawerContext?.isExpandable;\n  const { isSticky: isFooterSticky } = useStickyFooter({\n    drawerRef: __internalRootRef as RefObject<HTMLElement>,\n    footerRef,\n  });\n\n  return loading ? (\n    <div\n      {...containerProps}\n      className={clsx(containerProps.className, styles['content-with-paddings'])}\n      ref={__internalRootRef}\n    >\n      <InternalStatusIndicator type=\"loading\">\n        <InternalLiveRegion tagName=\"span\">\n          {i18n('i18nStrings.loadingText', i18nStrings?.loadingText)}\n        </InternalLiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && (\n        <div\n          className={clsx(\n            styles.header,\n            runtimeDrawerContext && styles['with-runtime-context'],\n            hasAdditioalDrawerAction && styles['with-additional-action']\n          )}\n        >\n          {header}\n          {headerActions && <div className={styles['header-actions']}>{headerActions}</div>}\n        </div>\n      )}\n      <div\n        className={clsx(\n          styles['test-utils-drawer-content'],\n          styles.content,\n          !disableContentPaddings && styles['content-with-paddings']\n        )}\n      >\n        {children}\n      </div>\n      {footer && (\n        <div\n          ref={footerRef}\n          className={clsx(styles.footer, {\n            [styles['is-sticky']]: isFooterSticky,\n          })}\n        >\n          {footer}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const createWidgetizedDrawer = createWidgetizedComponent(DrawerImplementation);\n"]}

package/drawer/interfaces.d.ts

@@ -29,6 +29,13 @@ export interface DrawerProps extends BaseComponentProps {
    * Actions for the header. Available only if you specify the `header` property.
    */
   headerActions?: React.ReactNode;
+  /**
+   * Sticky footer content that remains visible at the bottom during scroll.
+   *
+   * Automatically becomes non-sticky when scrollable content area is too small
+   * to ensure content remains accessible (not covered by the footer).
+   */
+  footer?: React.ReactNode;
 }
 interface I18nStrings {
   /**

package/drawer/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/drawer/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,UAAU,WAAW;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/drawer/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,UAAU,WAAW;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/drawer/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/drawer/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface DrawerProps extends BaseComponentProps {\n  /**\n   * Header of the drawer.\n   *\n   * It should contain the only `h2` used in the drawer.\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Main content of the drawer.\n   *\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Renders the drawer in a loading state. We recommend that you also set a `loadingText`.\n   */\n  loading?: boolean;\n\n  /**\n   * Determines whether the drawer content has padding. If `true`, removes the default padding from the content area.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: I18nStrings;\n\n  /**\n   * Actions for the header. Available only if you specify the `header` property.\n   */\n  headerActions?: React.ReactNode;\n}\n\ninterface I18nStrings {\n  /**\n    Specifies the text that's displayed when the panel is in a loading state.\n   */\n  loadingText?: string;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/drawer/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface DrawerProps extends BaseComponentProps {\n  /**\n   * Header of the drawer.\n   *\n   * It should contain the only `h2` used in the drawer.\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Main content of the drawer.\n   *\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Renders the drawer in a loading state. We recommend that you also set a `loadingText`.\n   */\n  loading?: boolean;\n\n  /**\n   * Determines whether the drawer content has padding. If `true`, removes the default padding from the content area.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: I18nStrings;\n\n  /**\n   * Actions for the header. Available only if you specify the `header` property.\n   */\n  headerActions?: React.ReactNode;\n\n  /**\n   * Sticky footer content that remains visible at the bottom during scroll.\n   *\n   * Automatically becomes non-sticky when scrollable content area is too small\n   * to ensure content remains accessible (not covered by the footer).\n   */\n  footer?: React.ReactNode;\n}\n\ninterface I18nStrings {\n  /**\n    Specifies the text that's displayed when the panel is in a loading state.\n   */\n  loadingText?: string;\n}\n"]}

package/drawer/styles.css.js

@@ -1,13 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1sxt8_6lztv_189",
-  "header": "awsui_header_1sxt8_6lztv_222",
-  "with-additional-action": "awsui_with-additional-action_1sxt8_6lztv_239",
-  "with-runtime-context": "awsui_with-runtime-context_1sxt8_6lztv_247",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_6lztv_250",
-  "header-actions": "awsui_header-actions_1sxt8_6lztv_269",
-  "content-with-paddings": "awsui_content-with-paddings_1sxt8_6lztv_275",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_6lztv_282"
+  "drawer": "awsui_drawer_1sxt8_1gt83_189",
+  "with-footer": "awsui_with-footer_1sxt8_1gt83_221",
+  "content": "awsui_content_1sxt8_1gt83_226",
+  "header": "awsui_header_1sxt8_1gt83_230",
+  "with-additional-action": "awsui_with-additional-action_1sxt8_1gt83_247",
+  "with-runtime-context": "awsui_with-runtime-context_1sxt8_1gt83_255",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_1gt83_258",
+  "header-actions": "awsui_header-actions_1sxt8_1gt83_277",
+  "content-with-paddings": "awsui_content-with-paddings_1sxt8_1gt83_283",
+  "footer": "awsui_footer_1sxt8_1gt83_290",
+  "is-sticky": "awsui_is-sticky_1sxt8_1gt83_296",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1gt83_304"
 };
   

package/drawer/styles.scoped.css

@@ -186,7 +186,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_drawer_1sxt8_6lztv_189:not(#\9) {
+.awsui_drawer_1sxt8_1gt83_189:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -218,8 +218,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
 }
+.awsui_drawer_1sxt8_1gt83_189.awsui_with-footer_1sxt8_1gt83_221:not(#\9) {
+  display: flex;
+  flex-direction: column;
+  min-block-size: 100%;
+}
+.awsui_drawer_1sxt8_1gt83_189.awsui_with-footer_1sxt8_1gt83_221 > .awsui_content_1sxt8_1gt83_226:not(#\9) {
+  flex: 1;
+}
 
-.awsui_header_1sxt8_6lztv_222:not(#\9) {
+.awsui_header_1sxt8_1gt83_230:not(#\9) {
   font-size: var(--font-panel-header-size-33h9j8, 18px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
   line-height: var(--font-panel-header-line-height-8xb2qj, 22px);
@@ -236,7 +244,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
 @media (min-width: 689px) {
-  .awsui_header_1sxt8_6lztv_222.awsui_with-additional-action_1sxt8_6lztv_239:not(#\9) {
+  .awsui_header_1sxt8_1gt83_230.awsui_with-additional-action_1sxt8_1gt83_247:not(#\9) {
     /*
       this padding is needed when the drawer renders inside a runtime drawer and the runtime drawer has an additional action
       on the right (or left in rtl). in this case this padding ensures that the drawer's content does not overlap with runtime actions
@@ -244,18 +252,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     padding-inline: var(--space-panel-side-left-u1m3s9, 28px) calc(var(--space-xxxl-aut1u7, 40px) + var(--space-scaled-xxl-6wgq96, 32px));
   }
 }
-.awsui_header_1sxt8_6lztv_222.awsui_with-runtime-context_1sxt8_6lztv_247:not(#\9) {
+.awsui_header_1sxt8_1gt83_230.awsui_with-runtime-context_1sxt8_1gt83_255:not(#\9) {
   padding-block: 14px;
 }
-.awsui_with-toolbar_1sxt8_6lztv_250 > .awsui_header_1sxt8_6lztv_222:not(#\9) {
+.awsui_with-toolbar_1sxt8_1gt83_258 > .awsui_header_1sxt8_1gt83_230:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1sxt8_6lztv_222 h2:not(#\9),
-.awsui_header_1sxt8_6lztv_222 h3:not(#\9),
-.awsui_header_1sxt8_6lztv_222 h4:not(#\9),
-.awsui_header_1sxt8_6lztv_222 h5:not(#\9),
-.awsui_header_1sxt8_6lztv_222 h6:not(#\9) {
+.awsui_header_1sxt8_1gt83_230 h2:not(#\9),
+.awsui_header_1sxt8_1gt83_230 h3:not(#\9),
+.awsui_header_1sxt8_1gt83_230 h4:not(#\9),
+.awsui_header_1sxt8_1gt83_230 h5:not(#\9),
+.awsui_header_1sxt8_1gt83_230 h6:not(#\9) {
   font-size: var(--font-panel-header-size-33h9j8, 18px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
   line-height: var(--font-panel-header-line-height-8xb2qj, 22px);
@@ -266,19 +274,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
 
-.awsui_header-actions_1sxt8_6lztv_269:not(#\9) {
+.awsui_header-actions_1sxt8_1gt83_277:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
   z-index: 1;
 }
 
-.awsui_content-with-paddings_1sxt8_6lztv_275:not(#\9):not(:empty) {
+.awsui_content-with-paddings_1sxt8_1gt83_283:not(#\9):not(:empty) {
   padding-block-start: var(--space-panel-content-top-qvd1dr, 20px);
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
   padding-inline-end: var(--space-panel-side-right-8wwirc, 24px);
   padding-block-end: var(--space-panel-content-bottom-24c6lu, 40px);
 }
 
-.awsui_test-utils-drawer-content_1sxt8_6lztv_282:not(#\9) {
+.awsui_footer_1sxt8_1gt83_290:not(#\9) {
+  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
+  border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-panel-header-ygztvl, #c6c6cd);
+  padding-block: var(--space-panel-content-top-qvd1dr, 20px);
+  padding-inline: var(--space-panel-side-left-u1m3s9, 28px) var(--space-panel-side-right-8wwirc, 24px);
+}
+.awsui_footer_1sxt8_1gt83_290.awsui_is-sticky_1sxt8_1gt83_296:not(#\9) {
+  position: sticky;
+  inset-block-end: 0;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  z-index: 810;
+}
+
+.awsui_test-utils-drawer-content_1sxt8_1gt83_304:not(#\9) {
   /* used in test-utils */
 }

package/drawer/styles.selectors.js

@@ -2,13 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1sxt8_6lztv_189",
-  "header": "awsui_header_1sxt8_6lztv_222",
-  "with-additional-action": "awsui_with-additional-action_1sxt8_6lztv_239",
-  "with-runtime-context": "awsui_with-runtime-context_1sxt8_6lztv_247",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_6lztv_250",
-  "header-actions": "awsui_header-actions_1sxt8_6lztv_269",
-  "content-with-paddings": "awsui_content-with-paddings_1sxt8_6lztv_275",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_6lztv_282"
+  "drawer": "awsui_drawer_1sxt8_1gt83_189",
+  "with-footer": "awsui_with-footer_1sxt8_1gt83_221",
+  "content": "awsui_content_1sxt8_1gt83_226",
+  "header": "awsui_header_1sxt8_1gt83_230",
+  "with-additional-action": "awsui_with-additional-action_1sxt8_1gt83_247",
+  "with-runtime-context": "awsui_with-runtime-context_1sxt8_1gt83_255",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_1gt83_258",
+  "header-actions": "awsui_header-actions_1sxt8_1gt83_277",
+  "content-with-paddings": "awsui_content-with-paddings_1sxt8_1gt83_283",
+  "footer": "awsui_footer_1sxt8_1gt83_290",
+  "is-sticky": "awsui_is-sticky_1sxt8_1gt83_296",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1gt83_304"
 };
   

package/drawer/use-sticky-footer.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+export declare const MINIMUM_SCROLLABLE_SPACE = 148;
+export declare function useStickyFooter({
+  drawerRef,
+  footerRef
+}: {
+  drawerRef: RefObject<HTMLElement>;
+  footerRef: RefObject<HTMLElement>;
+}): {
+  isSticky: boolean;
+};

package/drawer/use-sticky-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sticky-footer.d.ts","sourceRoot":"","sources":["../../../src/drawer/use-sticky-footer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAC;AAM1E,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAG5C,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,GACV,EAAE;IACD,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACnC;;EAoCA"}

package/drawer/use-sticky-footer.js

@@ -0,0 +1,35 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useCallback, useLayoutEffect, useState } from 'react';
+import { throttle } from '../internal/utils/throttle';
+// Minimum scrollable space is the space other than the sticky content, for instance for a sticky footer it's the
+// the space other than that, which would be drawer height minus footer height.
+export const MINIMUM_SCROLLABLE_SPACE = 148;
+const STICKY_STATE_CHECK_THROTTLE_DELAY = 100; // every tenth of a second
+export function useStickyFooter({ drawerRef, footerRef, }) {
+    const [isSticky, setIsSticky] = useState(true);
+    const checkStickyState = throttle(useCallback(() => {
+        if (!drawerRef.current || !footerRef.current) {
+            return;
+        }
+        const parentElement = drawerRef.current.parentElement;
+        const parentElementHeight = parentElement === null || parentElement === void 0 ? void 0 : parentElement.getBoundingClientRect().height;
+        const drawerHeight = drawerRef.current.getBoundingClientRect().height;
+        const effectiveHeight = Math.min(parentElementHeight !== null && parentElementHeight !== void 0 ? parentElementHeight : drawerHeight, drawerHeight);
+        // take minimum of drawer and parent height
+        const footerHeight = footerRef.current.getBoundingClientRect().height;
+        const scrollableHeight = effectiveHeight - footerHeight;
+        const hasEnoughSpace = scrollableHeight >= MINIMUM_SCROLLABLE_SPACE;
+        setIsSticky(hasEnoughSpace);
+    }, [footerRef, drawerRef]), STICKY_STATE_CHECK_THROTTLE_DELAY);
+    useLayoutEffect(() => {
+        window.addEventListener('resize', checkStickyState);
+        checkStickyState();
+        return () => {
+            window.removeEventListener('resize', checkStickyState);
+            checkStickyState.cancel();
+        };
+    }, [checkStickyState]);
+    return { isSticky };
+}
+//# sourceMappingURL=use-sticky-footer.js.map

package/drawer/use-sticky-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sticky-footer.js","sourceRoot":"","sources":["../../../src/drawer/use-sticky-footer.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAa,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,iHAAiH;AACjH,+EAA+E;AAC/E,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC;AAC5C,MAAM,iCAAiC,GAAG,GAAG,CAAC,CAAC,0BAA0B;AAEzE,MAAM,UAAU,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,GAIV;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,MAAM,gBAAgB,GAAG,QAAQ,CAC/B,WAAW,CAAC,GAAG,EAAE;QACf,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC;QACtD,MAAM,mBAAmB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,qBAAqB,GAAG,MAAM,CAAC;QAC1E,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QACtE,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,YAAY,EAAE,YAAY,CAAC,CAAC;QAEpF,2CAA2C;QAC3C,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAEtE,MAAM,gBAAgB,GAAG,eAAe,GAAG,YAAY,CAAC;QACxD,MAAM,cAAc,GAAG,gBAAgB,IAAI,wBAAwB,CAAC;QAEpE,WAAW,CAAC,cAAc,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,EAC1B,iCAAiC,CAClC,CAAC;IAEF,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;QACpD,gBAAgB,EAAE,CAAC;QAEnB,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;YACvD,gBAAgB,CAAC,MAAM,EAAE,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,EAAE,QAAQ,EAAE,CAAC;AACtB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { RefObject, useCallback, useLayoutEffect, useState } from 'react';\n\nimport { throttle } from '../internal/utils/throttle';\n\n// Minimum scrollable space is the space other than the sticky content, for instance for a sticky footer it's the\n// the space other than that, which would be drawer height minus footer height.\nexport const MINIMUM_SCROLLABLE_SPACE = 148;\nconst STICKY_STATE_CHECK_THROTTLE_DELAY = 100; // every tenth of a second\n\nexport function useStickyFooter({\n  drawerRef,\n  footerRef,\n}: {\n  drawerRef: RefObject<HTMLElement>;\n  footerRef: RefObject<HTMLElement>;\n}) {\n  const [isSticky, setIsSticky] = useState(true);\n\n  const checkStickyState = throttle(\n    useCallback(() => {\n      if (!drawerRef.current || !footerRef.current) {\n        return;\n      }\n\n      const parentElement = drawerRef.current.parentElement;\n      const parentElementHeight = parentElement?.getBoundingClientRect().height;\n      const drawerHeight = drawerRef.current.getBoundingClientRect().height;\n      const effectiveHeight = Math.min(parentElementHeight ?? drawerHeight, drawerHeight);\n\n      // take minimum of drawer and parent height\n      const footerHeight = footerRef.current.getBoundingClientRect().height;\n\n      const scrollableHeight = effectiveHeight - footerHeight;\n      const hasEnoughSpace = scrollableHeight >= MINIMUM_SCROLLABLE_SPACE;\n\n      setIsSticky(hasEnoughSpace);\n    }, [footerRef, drawerRef]),\n    STICKY_STATE_CHECK_THROTTLE_DELAY\n  );\n\n  useLayoutEffect(() => {\n    window.addEventListener('resize', checkStickyState);\n    checkStickyState();\n\n    return () => {\n      window.removeEventListener('resize', checkStickyState);\n      checkStickyState.cancel();\n    };\n  }, [checkStickyState]);\n\n  return { isSticky };\n}\n"]}

package/help-panel/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "help-panel": "awsui_help-panel_1d237_idoe3_181",
-  "loading": "awsui_loading_1d237_idoe3_348",
-  "header": "awsui_header_1d237_idoe3_353",
-  "with-toolbar": "awsui_with-toolbar_1d237_idoe3_371",
-  "content": "awsui_content_1d237_idoe3_390",
-  "footer": "awsui_footer_1d237_idoe3_441"
+  "help-panel": "awsui_help-panel_1d237_1drha_181",
+  "loading": "awsui_loading_1d237_1drha_348",
+  "header": "awsui_header_1d237_1drha_353",
+  "with-toolbar": "awsui_with-toolbar_1d237_1drha_371",
+  "content": "awsui_content_1d237_1drha_390",
+  "footer": "awsui_footer_1d237_1drha_441"
 };