npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1083 → 3.0.1085 - Mend

@cloudscape-design/components-themeable 3.0.1083 → 3.0.1085

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (122) hide show

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js CHANGED Viewed

@@ -1,28 +1,30 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_16h3n_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_16h3n_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_16h3n_202",
-  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_16h3n_217",
-  "navigation": "awsui_navigation_7nfqu_16h3n_222",
-  "tools": "awsui_tools_7nfqu_16h3n_223",
-  "global-tools": "awsui_global-tools_7nfqu_16h3n_224",
-  "tools-open": "awsui_tools-open_7nfqu_16h3n_262",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_16h3n_276",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_16h3n_283",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_16h3n_296",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_16h3n_306",
-  "notifications-container": "awsui_notifications-container_7nfqu_16h3n_313",
-  "notifications-background": "awsui_notifications-background_7nfqu_16h3n_317",
-  "main-landmark": "awsui_main-landmark_7nfqu_16h3n_328",
-  "main": "awsui_main_7nfqu_16h3n_328",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_16h3n_337",
-  "content-header": "awsui_content-header_7nfqu_16h3n_347",
-  "content": "awsui_content_7nfqu_16h3n_347",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_16h3n_357",
-  "hidden": "awsui_hidden_7nfqu_16h3n_362",
-  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_16h3n_366",
-  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_16h3n_366"
+  "root": "awsui_root_7nfqu_lvs63_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_lvs63_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_lvs63_202",
+  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_lvs63_217",
+  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_lvs63_220",
+  "ai-drawer": "awsui_ai-drawer_7nfqu_lvs63_220",
+  "navigation": "awsui_navigation_7nfqu_lvs63_226",
+  "tools": "awsui_tools_7nfqu_lvs63_227",
+  "global-tools": "awsui_global-tools_7nfqu_lvs63_228",
+  "tools-open": "awsui_tools-open_7nfqu_lvs63_274",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_lvs63_288",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_lvs63_295",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_lvs63_308",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_lvs63_318",
+  "notifications-container": "awsui_notifications-container_7nfqu_lvs63_325",
+  "notifications-background": "awsui_notifications-background_7nfqu_lvs63_329",
+  "main-landmark": "awsui_main-landmark_7nfqu_lvs63_340",
+  "main": "awsui_main_7nfqu_lvs63_340",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_lvs63_349",
+  "content-header": "awsui_content-header_7nfqu_lvs63_359",
+  "content": "awsui_content_7nfqu_lvs63_359",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_lvs63_369",
+  "hidden": "awsui_hidden_7nfqu_lvs63_374",
+  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_lvs63_378",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_lvs63_378"
 };

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css CHANGED Viewed

@@ -150,7 +150,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_7nfqu_16h3n_153:not(#\9) {
+.awsui_root_7nfqu_lvs63_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -189,83 +189,95 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-rows: min-content min-content 1fr;
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_16h3n_153:not(#\9) {
-    grid-template-areas: "toolbar    toolbar      toolbar       toolbar   toolbar         toolbar  toolbar" "navigation .         notifications    .         sideSplitPanel  tools    global-tools" "navigation .             main         .         sideSplitPanel  tools    global-tools";
-    grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-q3zhej, 40px), 1fr) minmax(0, var(--awsui-max-content-width-kiajpc)) minmax(var(--space-layout-content-horizontal-q3zhej, 40px), 1fr) min-content min-content;
+  .awsui_root_7nfqu_lvs63_153:not(#\9) {
+    grid-template-areas: "ai-drawer toolbar    toolbar      toolbar       toolbar   toolbar         toolbar  toolbar" "ai-drawer navigation .         notifications    .         sideSplitPanel  tools    global-tools" "ai-drawer navigation .             main         .         sideSplitPanel  tools    global-tools";
+    grid-template-columns: min-content min-content minmax(var(--space-layout-content-horizontal-q3zhej, 40px), 1fr) minmax(0, var(--awsui-max-content-width-kiajpc)) minmax(var(--space-layout-content-horizontal-q3zhej, 40px), 1fr) min-content min-content;
     grid-template-rows: min-content min-content 1fr min-content;
   }
-  .awsui_root_7nfqu_16h3n_153.awsui_has-adaptive-widths-default_7nfqu_16h3n_197:not(#\9) {
+  .awsui_root_7nfqu_lvs63_153.awsui_has-adaptive-widths-default_7nfqu_lvs63_197:not(#\9) {
     --awsui-max-content-width-kiajpc: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_16h3n_153.awsui_has-adaptive-widths-dashboard_7nfqu_16h3n_202:not(#\9) {
+  .awsui_root_7nfqu_lvs63_153.awsui_has-adaptive-widths-dashboard_7nfqu_lvs63_202:not(#\9) {
     --awsui-max-content-width-kiajpc: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_16h3n_153.awsui_has-adaptive-widths-dashboard_7nfqu_16h3n_202:not(#\9) {
+  .awsui_root_7nfqu_lvs63_153.awsui_has-adaptive-widths-dashboard_7nfqu_lvs63_202:not(#\9) {
     --awsui-max-content-width-kiajpc: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_16h3n_153.awsui_has-adaptive-widths-dashboard_7nfqu_16h3n_202:not(#\9) {
+  .awsui_root_7nfqu_lvs63_153.awsui_has-adaptive-widths-dashboard_7nfqu_lvs63_202:not(#\9) {
     --awsui-max-content-width-kiajpc: 2160px;
   }
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_16h3n_153.awsui_drawer-expanded-mode_7nfqu_16h3n_217:not(#\9) {
-    grid-template-columns: 0 0 0 0 0 0 auto;
+  .awsui_root_7nfqu_lvs63_153.awsui_drawer-expanded-mode_7nfqu_lvs63_217:not(#\9) {
+    grid-template-columns: 0 0 0 0 0 0 0 auto;
+  }
+  .awsui_root_7nfqu_lvs63_153.awsui_drawer-expanded-mode_7nfqu_lvs63_217.awsui_ai-drawer-expanded-mode_7nfqu_lvs63_220:not(#\9) {
+    grid-template-columns: auto 0 0 0 0 0 0 0;
   }
 }
-.awsui_navigation_7nfqu_16h3n_222:not(#\9),
-.awsui_tools_7nfqu_16h3n_223:not(#\9),
-.awsui_global-tools_7nfqu_16h3n_224:not(#\9) {
+.awsui_ai-drawer_7nfqu_lvs63_220:not(#\9),
+.awsui_navigation_7nfqu_lvs63_226:not(#\9),
+.awsui_tools_7nfqu_lvs63_227:not(#\9),
+.awsui_global-tools_7nfqu_lvs63_228:not(#\9) {
   grid-row: 1/-1;
   grid-column: 1/-1;
   background: var(--color-background-container-content-aemn43, #ffffff);
   opacity: 1;
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_16h3n_222:not(#\9),
-  .awsui_tools_7nfqu_16h3n_223:not(#\9),
-  .awsui_global-tools_7nfqu_16h3n_224:not(#\9) {
+  .awsui_ai-drawer_7nfqu_lvs63_220:not(#\9),
+  .awsui_navigation_7nfqu_lvs63_226:not(#\9),
+  .awsui_tools_7nfqu_lvs63_227:not(#\9),
+  .awsui_global-tools_7nfqu_lvs63_228:not(#\9) {
     inline-size: 100%;
   }
 }
-.awsui_navigation_7nfqu_16h3n_222:not(#\9) {
+@media (min-width: 689px) {
+  .awsui_ai-drawer_7nfqu_lvs63_220:not(#\9) {
+    grid-area: ai-drawer;
+    position: sticky;
+  }
+}
+.awsui_navigation_7nfqu_lvs63_226:not(#\9) {
   z-index: 830;
 }
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_16h3n_222:not(#\9) {
+  .awsui_navigation_7nfqu_lvs63_226:not(#\9) {
     grid-area: navigation;
     inline-size: var(--awsui-navigation-width-kiajpc);
     border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_16h3n_222:not(#\9) {
+  .awsui_navigation_7nfqu_lvs63_226:not(#\9) {
     z-index: 1001;
   }
 }
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_16h3n_223:not(#\9) {
+  .awsui_tools_7nfqu_lvs63_227:not(#\9) {
     grid-area: tools;
     /* stylelint-disable plugin/no-unsupported-browser-features */
   }
-  .awsui_tools_7nfqu_16h3n_223:not(#\9):not(:has(> [data-testid])) {
+  .awsui_tools_7nfqu_lvs63_227:not(#\9):not(:has(> [data-testid])) {
     inline-size: var(--awsui-tools-width-kiajpc);
   }
-  .awsui_tools_7nfqu_16h3n_223:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_16h3n_262 {
+  .awsui_tools_7nfqu_lvs63_227:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_lvs63_274 {
     border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   }
 }
 @media (min-width: 689px) {
-  .awsui_global-tools_7nfqu_16h3n_224:not(#\9) {
+  .awsui_global-tools_7nfqu_lvs63_228:not(#\9) {
     display: flex;
     grid-area: global-tools;
     justify-content: flex-end;
@@ -273,14 +285,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 @media (min-width: 689px) {
-  .awsui_split-panel-side_7nfqu_16h3n_276:not(#\9) {
+  .awsui_split-panel-side_7nfqu_lvs63_288:not(#\9) {
     grid-area: sideSplitPanel;
     border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
     opacity: 1;
   }
 }
-.awsui_split-panel-bottom_7nfqu_16h3n_283:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_lvs63_295:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -288,81 +300,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_split-panel-bottom_7nfqu_16h3n_283:not(#\9) {
-    grid-column: 2/5;
+  .awsui_split-panel-bottom_7nfqu_lvs63_295:not(#\9) {
+    grid-column: 3/6;
   }
 }
-.awsui_panel-hidden_7nfqu_16h3n_296:not(#\9) {
+.awsui_panel-hidden_7nfqu_lvs63_308:not(#\9) {
   border-block: none;
   border-inline: none;
   opacity: 0;
   z-index: 0;
 }
-.awsui_panel-hidden_7nfqu_16h3n_296.awsui_navigation_7nfqu_16h3n_222:not(#\9), .awsui_panel-hidden_7nfqu_16h3n_296.awsui_tools_7nfqu_16h3n_223:not(#\9), .awsui_panel-hidden_7nfqu_16h3n_296.awsui_global-tools_7nfqu_16h3n_224:not(#\9) {
+.awsui_panel-hidden_7nfqu_lvs63_308.awsui_navigation_7nfqu_lvs63_226:not(#\9), .awsui_panel-hidden_7nfqu_lvs63_308.awsui_tools_7nfqu_lvs63_227:not(#\9), .awsui_panel-hidden_7nfqu_lvs63_308.awsui_global-tools_7nfqu_lvs63_228:not(#\9) {
   inline-size: 0px;
 }
-.awsui_toolbar-container_7nfqu_16h3n_306:not(#\9) {
+.awsui_toolbar-container_7nfqu_lvs63_318:not(#\9) {
   grid-area: toolbar;
   block-size: 42px;
   border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   box-sizing: border-box;
 }
-.awsui_notifications-container_7nfqu_16h3n_313:not(#\9) {
+.awsui_notifications-container_7nfqu_lvs63_325:not(#\9) {
   grid-area: notifications;
 }
-.awsui_notifications-background_7nfqu_16h3n_317:not(#\9) {
+.awsui_notifications-background_7nfqu_lvs63_329:not(#\9) {
   background: var(--color-background-layout-main-05m5y6, #f2f3f3);
   grid-area: notifications;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_notifications-background_7nfqu_16h3n_317:not(#\9) {
-    grid-column: 2/5;
+  .awsui_notifications-background_7nfqu_lvs63_329:not(#\9) {
+    grid-column: 3/6;
   }
 }
-.awsui_main-landmark_7nfqu_16h3n_328:not(#\9) {
+.awsui_main-landmark_7nfqu_lvs63_340:not(#\9) {
   display: contents;
 }
-.awsui_main_7nfqu_16h3n_328:not(#\9) {
+.awsui_main_7nfqu_lvs63_340:not(#\9) {
   grid-area: main;
   margin-block-start: var(--space-scaled-s-gjhvjd, 12px);
   margin-block-end: var(--space-layout-content-bottom-iu1izz, 20px);
 }
-.awsui_main-disable-paddings_7nfqu_16h3n_337:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_lvs63_349:not(#\9) {
   margin-block: 0;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_16h3n_337:not(#\9) {
-    grid-column: 2/5;
+  .awsui_main-disable-paddings_7nfqu_lvs63_349:not(#\9) {
+    grid-column: 3/6;
   }
 }
-.awsui_content-header_7nfqu_16h3n_347:not(#\9) {
+.awsui_content-header_7nfqu_lvs63_359:not(#\9) {
   margin-block-end: var(--space-content-header-padding-bottom-hjkugf, 16px);
 }
-.awsui_content_7nfqu_16h3n_347:not(#\9) {
+.awsui_content_7nfqu_lvs63_359:not(#\9) {
   display: contents;
 }
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
 @media (max-width: 688px) {
-  .awsui_unfocusable-mobile_7nfqu_16h3n_357 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_lvs63_369 *:not(#\9) {
     visibility: hidden;
   }
 }
-.awsui_hidden_7nfqu_16h3n_362:not(#\9) {
+.awsui_hidden_7nfqu_lvs63_374:not(#\9) {
   display: none;
 }
-.awsui_breadcrumbs-own_7nfqu_16h3n_366:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_7nfqu_16h3n_366 {
+.awsui_breadcrumbs-own_7nfqu_lvs63_378:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_7nfqu_lvs63_378 {
   display: none;
 }

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js CHANGED Viewed

@@ -2,28 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_16h3n_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_16h3n_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_16h3n_202",
-  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_16h3n_217",
-  "navigation": "awsui_navigation_7nfqu_16h3n_222",
-  "tools": "awsui_tools_7nfqu_16h3n_223",
-  "global-tools": "awsui_global-tools_7nfqu_16h3n_224",
-  "tools-open": "awsui_tools-open_7nfqu_16h3n_262",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_16h3n_276",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_16h3n_283",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_16h3n_296",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_16h3n_306",
-  "notifications-container": "awsui_notifications-container_7nfqu_16h3n_313",
-  "notifications-background": "awsui_notifications-background_7nfqu_16h3n_317",
-  "main-landmark": "awsui_main-landmark_7nfqu_16h3n_328",
-  "main": "awsui_main_7nfqu_16h3n_328",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_16h3n_337",
-  "content-header": "awsui_content-header_7nfqu_16h3n_347",
-  "content": "awsui_content_7nfqu_16h3n_347",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_16h3n_357",
-  "hidden": "awsui_hidden_7nfqu_16h3n_362",
-  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_16h3n_366",
-  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_16h3n_366"
+  "root": "awsui_root_7nfqu_lvs63_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_lvs63_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_lvs63_202",
+  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_lvs63_217",
+  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_lvs63_220",
+  "ai-drawer": "awsui_ai-drawer_7nfqu_lvs63_220",
+  "navigation": "awsui_navigation_7nfqu_lvs63_226",
+  "tools": "awsui_tools_7nfqu_lvs63_227",
+  "global-tools": "awsui_global-tools_7nfqu_lvs63_228",
+  "tools-open": "awsui_tools-open_7nfqu_lvs63_274",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_lvs63_288",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_lvs63_295",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_lvs63_308",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_lvs63_318",
+  "notifications-container": "awsui_notifications-container_7nfqu_lvs63_325",
+  "notifications-background": "awsui_notifications-background_7nfqu_lvs63_329",
+  "main-landmark": "awsui_main-landmark_7nfqu_lvs63_340",
+  "main": "awsui_main_7nfqu_lvs63_340",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_lvs63_349",
+  "content-header": "awsui_content-header_7nfqu_lvs63_359",
+  "content": "awsui_content_7nfqu_lvs63_359",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_lvs63_369",
+  "hidden": "awsui_hidden_7nfqu_lvs63_374",
+  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_lvs63_378",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_lvs63_378"
 };

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.d.ts CHANGED Viewed

@@ -24,6 +24,8 @@ export interface SharedProps {
     onSplitPanelToggle?: () => void;
     expandedDrawerId?: string | null;
     setExpandedDrawerId?: (value: string | null) => void;
+    aiDrawer?: AppLayoutProps.Drawer | undefined;
+    aiDrawerFocusRef: React.Ref<Focusable> | undefined;
 }
 export type MergeProps = (ownProps: SharedProps, additionalProps: ReadonlyArray<Partial<SharedProps>>) => ToolbarProps | null;
 //# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACrD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,oBAAoB,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9F,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAClD,yBAAyB,CAAC,EAAE,0BAA0B,GAAG,SAAS,CAAC;IACnE,aAAa,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACjE,sBAAsB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC3D,2BAA2B,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClG,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACzD,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACtD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;~~CACtD~~;AAED,MAAM,MAAM,UAAU,GAAG,CACvB,QAAQ,EAAE,WAAW,EACrB,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,KACjD,YAAY,GAAG,IAAI,CAAC"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACrD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,oBAAoB,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9F,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAClD,yBAAyB,CAAC,EAAE,0BAA0B,GAAG,SAAS,CAAC;IACnE,aAAa,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACjE,sBAAsB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC3D,2BAA2B,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClG,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACzD,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACtD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC7C,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;CACpD;AAED,MAAM,MAAM,UAAU,GAAG,CACvB,QAAQ,EAAE,WAAW,EACrB,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,KACjD,YAAY,GAAG,IAAI,CAAC"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/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 { AppLayoutProps } from '../../interfaces';\nimport { OnChangeParams } from '../../utils/use-drawers';\nimport { Focusable, FocusControlMultipleStates } from '../../utils/use-focus-control';\nimport { SplitPanelToggleProps, ToolbarProps } from '../toolbar';\n\nexport interface SharedProps {\n navigationOpen: boolean;\n ariaLabels: AppLayoutProps.Labels \| undefined;\n navigation: React.ReactNode;\n onNavigationToggle?: (open: boolean) => void;\n navigationFocusRef: React.Ref<Focusable> \| undefined;\n breadcrumbs: React.ReactNode;\n activeDrawerId: string \| null;\n drawers: ReadonlyArray<AppLayoutProps.Drawer> \| undefined;\n onActiveDrawerChange: ((drawerId: string \| null, params: OnChangeParams) => void) \| undefined;\n drawersFocusRef: React.Ref<Focusable> \| undefined;\n globalDrawersFocusControl?: FocusControlMultipleStates \| undefined;\n globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> \| undefined;\n activeGlobalDrawersIds?: ReadonlyArray<string> \| undefined;\n onActiveGlobalDrawersChange?: ((newDrawerId: string, params: OnChangeParams) => void) \| undefined;\n splitPanel: React.ReactNode;\n splitPanelToggleProps: SplitPanelToggleProps \| undefined;\n splitPanelFocusRef?: React.Ref<Focusable> \| undefined;\n onSplitPanelToggle?: () => void;\n expandedDrawerId?: string \| null;\n setExpandedDrawerId?: (value: string \| null) => void;\n}\n\nexport type MergeProps = (\n ownProps: SharedProps,\n additionalProps: ReadonlyArray<Partial<SharedProps>>\n) => ToolbarProps \| null;\n"]}
1	+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/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 { AppLayoutProps } from '../../interfaces';\nimport { OnChangeParams } from '../../utils/use-drawers';\nimport { Focusable, FocusControlMultipleStates } from '../../utils/use-focus-control';\nimport { SplitPanelToggleProps, ToolbarProps } from '../toolbar';\n\nexport interface SharedProps {\n navigationOpen: boolean;\n ariaLabels: AppLayoutProps.Labels \| undefined;\n navigation: React.ReactNode;\n onNavigationToggle?: (open: boolean) => void;\n navigationFocusRef: React.Ref<Focusable> \| undefined;\n breadcrumbs: React.ReactNode;\n activeDrawerId: string \| null;\n drawers: ReadonlyArray<AppLayoutProps.Drawer> \| undefined;\n onActiveDrawerChange: ((drawerId: string \| null, params: OnChangeParams) => void) \| undefined;\n drawersFocusRef: React.Ref<Focusable> \| undefined;\n globalDrawersFocusControl?: FocusControlMultipleStates \| undefined;\n globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> \| undefined;\n activeGlobalDrawersIds?: ReadonlyArray<string> \| undefined;\n onActiveGlobalDrawersChange?: ((newDrawerId: string, params: OnChangeParams) => void) \| undefined;\n splitPanel: React.ReactNode;\n splitPanelToggleProps: SplitPanelToggleProps \| undefined;\n splitPanelFocusRef?: React.Ref<Focusable> \| undefined;\n onSplitPanelToggle?: () => void;\n expandedDrawerId?: string \| null;\n setExpandedDrawerId?: (value: string \| null) => void;\n aiDrawer?: AppLayoutProps.Drawer \| undefined;\n aiDrawerFocusRef: React.Ref<Focusable> \| undefined;\n}\n\nexport type MergeProps = (\n ownProps: SharedProps,\n additionalProps: ReadonlyArray<Partial<SharedProps>>\n) => ToolbarProps \| null;\n"]}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"props-merger.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/props-merger.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAavD,eAAO,MAAM,UAAU,EAAE,~~UA8CxB~~,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,sBAAsB,kBAAkB,qBAAqB,KAAG,~~WA8BtG~~,CAAC"}
1	+ {"version":3,"file":"props-merger.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/props-merger.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAavD,eAAO,MAAM,UAAU,EAAE,UAqDxB,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,sBAAsB,kBAAkB,qBAAqB,KAAG,WAgCtG,CAAC"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.js CHANGED Viewed

@@ -27,6 +27,11 @@ export const mergeProps = (ownProps, additionalProps) => {
             toolbar.activeGlobalDrawersIds = props.activeGlobalDrawersIds;
             toolbar.onActiveGlobalDrawersChange = props.onActiveGlobalDrawersChange;
         }
+        if (props.aiDrawer &&
+            props.aiDrawerFocusRef &&
+            !checkAlreadyExists(!!toolbar.aiDrawerFocusRef, 'aiDrawerFocusRef')) {
+            toolbar.aiDrawerFocusRef = props.aiDrawerFocusRef;
+        }
         if (props.navigation && !checkAlreadyExists(!!toolbar.hasNavigation, 'navigation')) {
             toolbar.hasNavigation = true;
             toolbar.navigationOpen = props.navigationOpen;
@@ -53,7 +58,7 @@ export const mergeProps = (ownProps, additionalProps) => {
     return Object.keys(toolbar).filter(key => key !== 'ariaLabels').length > 0 ? toolbar : null;
 };
 export const getPropsToMerge = (props, appLayoutState) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g;
     const state = appLayoutState.widgetizedState;
     return {
         breadcrumbs: props.breadcrumbs,
@@ -77,6 +82,8 @@ export const getPropsToMerge = (props, appLayoutState) => {
         onSplitPanelToggle: state === null || state === void 0 ? void 0 : state.onSplitPanelToggle,
         expandedDrawerId: state === null || state === void 0 ? void 0 : state.expandedDrawerId,
         setExpandedDrawerId: state === null || state === void 0 ? void 0 : state.setExpandedDrawerId,
+        aiDrawer: (_e = state === null || state === void 0 ? void 0 : state.aiDrawer) !== null && _e !== void 0 ? _e : undefined,
+        aiDrawerFocusRef: (_g = (_f = state === null || state === void 0 ? void 0 : state.aiDrawerFocusControl) === null || _f === void 0 ? void 0 : _f.refs) === null || _g === void 0 ? void 0 : _g.toggle,
     };
 };
 //# sourceMappingURL=props-merger.js.map

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"props-merger.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/props-merger.ts"],"names":[],"mappings":"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~~KAChD~~,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { AppLayoutInternalProps, AppLayoutPendingState } from '../interfaces';\nimport { ToolbarProps } from '../toolbar';\nimport { MergeProps, SharedProps } from './interfaces';\n\nfunction checkAlreadyExists(value: boolean, propName: string) {\n if (value) {\n warnOnce(\n 'AppLayout',\n `Another app layout instance on this page already defines ${propName} property. This instance will be ignored.`\n );\n return true;\n }\n return false;\n}\n\nexport const mergeProps: MergeProps = (ownProps, additionalProps) => {\n const toolbar: ToolbarProps = {};\n for (const props of [ownProps, ...additionalProps]) {\n toolbar.ariaLabels = { ...toolbar.ariaLabels, ...props.ariaLabels };\n if (\n props.drawers &&\n props.drawers.some(drawer => drawer.trigger) &&\n !checkAlreadyExists(!!toolbar.drawers, 'tools or drawers')\n ) {\n toolbar.drawers = props.drawers;\n toolbar.activeDrawerId = props.activeDrawerId;\n toolbar.drawersFocusRef = props.drawersFocusRef;\n toolbar.onActiveDrawerChange = props.onActiveDrawerChange;\n }\n if (props.globalDrawers && !checkAlreadyExists(!!toolbar.globalDrawers, 'globalDrawers')) {\n toolbar.globalDrawersFocusControl = props.globalDrawersFocusControl;\n toolbar.globalDrawers = props.globalDrawers;\n toolbar.activeGlobalDrawersIds = props.activeGlobalDrawersIds;\n toolbar.onActiveGlobalDrawersChange = props.onActiveGlobalDrawersChange;\n }\n if (props.navigation && !checkAlreadyExists(!!toolbar.hasNavigation, 'navigation')) {\n toolbar.hasNavigation = true;\n toolbar.navigationOpen = props.navigationOpen;\n toolbar.navigationFocusRef = props.navigationFocusRef;\n toolbar.onNavigationToggle = props.onNavigationToggle;\n }\n if (\n props.splitPanel &&\n props.splitPanelToggleProps?.displayed &&\n !checkAlreadyExists(!!toolbar.hasSplitPanel, 'splitPanel')\n ) {\n toolbar.hasSplitPanel = true;\n toolbar.splitPanelFocusRef = props.splitPanelFocusRef;\n toolbar.splitPanelToggleProps = props.splitPanelToggleProps;\n toolbar.onSplitPanelToggle = props.onSplitPanelToggle;\n }\n if (props.breadcrumbs && !checkAlreadyExists(!!toolbar.hasBreadcrumbsPortal, 'hasBreadcrumbsPortal')) {\n toolbar.hasBreadcrumbsPortal = true;\n }\n if (props.expandedDrawerId && !checkAlreadyExists(!!toolbar.expandedDrawerId, 'expandedDrawerId')) {\n toolbar.expandedDrawerId = props.expandedDrawerId;\n toolbar.setExpandedDrawerId = props.setExpandedDrawerId;\n }\n }\n // do not render toolbar if no fields are defined, except ariaLabels, which are always there\n return Object.keys(toolbar).filter(key => key !== 'ariaLabels').length > 0 ? toolbar : null;\n};\n\nexport const getPropsToMerge = (props: AppLayoutInternalProps, appLayoutState: AppLayoutPendingState): SharedProps => {\n const state = appLayoutState.widgetizedState;\n return {\n breadcrumbs: props.breadcrumbs,\n ariaLabels: state ? state.ariaLabels : props.ariaLabels,\n navigation: !props.navigationTriggerHide && !props.navigationHide,\n navigationOpen: state ? state.navigationOpen : props.navigationOpen,\n onNavigationToggle: state?.onNavigationToggle,\n navigationFocusRef: state?.navigationFocusControl.refs.toggle,\n activeDrawerId: state?.activeDrawer?.id ?? null,\n // only pass it down if there are non-empty drawers or tools\n drawers: state?.drawers?.length \|\| !props.toolsHide ? state?.drawers : undefined,\n globalDrawersFocusControl: state?.globalDrawersFocusControl,\n globalDrawers: state?.globalDrawers?.length ? state.globalDrawers : undefined,\n activeGlobalDrawersIds: state?.activeGlobalDrawersIds,\n onActiveGlobalDrawersChange: state?.onActiveGlobalDrawersChange,\n onActiveDrawerChange: state?.onActiveDrawerChange,\n drawersFocusRef: state?.drawersFocusControl.refs.toggle,\n splitPanel: props.splitPanel,\n splitPanelToggleProps: state?.splitPanelToggleConfig && {\n ...state.splitPanelToggleConfig,\n active: state?.splitPanelOpen,\n controlId: state?.splitPanelControlId,\n position: state?.splitPanelPosition,\n },\n splitPanelFocusRef: state?.splitPanelFocusControl.refs.toggle,\n onSplitPanelToggle: state?.onSplitPanelToggle,\n expandedDrawerId: state?.expandedDrawerId,\n setExpandedDrawerId: state?.setExpandedDrawerId,\n };\n};\n"]}
1	+ {"version":3,"file":"props-merger.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/props-merger.ts"],"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 { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { AppLayoutInternalProps, AppLayoutPendingState } from '../interfaces';\nimport { ToolbarProps } from '../toolbar';\nimport { MergeProps, SharedProps } from './interfaces';\n\nfunction checkAlreadyExists(value: boolean, propName: string) {\n if (value) {\n warnOnce(\n 'AppLayout',\n `Another app layout instance on this page already defines ${propName} property. This instance will be ignored.`\n );\n return true;\n }\n return false;\n}\n\nexport const mergeProps: MergeProps = (ownProps, additionalProps) => {\n const toolbar: ToolbarProps = {};\n for (const props of [ownProps, ...additionalProps]) {\n toolbar.ariaLabels = { ...toolbar.ariaLabels, ...props.ariaLabels };\n if (\n props.drawers &&\n props.drawers.some(drawer => drawer.trigger) &&\n !checkAlreadyExists(!!toolbar.drawers, 'tools or drawers')\n ) {\n toolbar.drawers = props.drawers;\n toolbar.activeDrawerId = props.activeDrawerId;\n toolbar.drawersFocusRef = props.drawersFocusRef;\n toolbar.onActiveDrawerChange = props.onActiveDrawerChange;\n }\n if (props.globalDrawers && !checkAlreadyExists(!!toolbar.globalDrawers, 'globalDrawers')) {\n toolbar.globalDrawersFocusControl = props.globalDrawersFocusControl;\n toolbar.globalDrawers = props.globalDrawers;\n toolbar.activeGlobalDrawersIds = props.activeGlobalDrawersIds;\n toolbar.onActiveGlobalDrawersChange = props.onActiveGlobalDrawersChange;\n }\n if (\n props.aiDrawer &&\n props.aiDrawerFocusRef &&\n !checkAlreadyExists(!!toolbar.aiDrawerFocusRef, 'aiDrawerFocusRef')\n ) {\n toolbar.aiDrawerFocusRef = props.aiDrawerFocusRef;\n }\n if (props.navigation && !checkAlreadyExists(!!toolbar.hasNavigation, 'navigation')) {\n toolbar.hasNavigation = true;\n toolbar.navigationOpen = props.navigationOpen;\n toolbar.navigationFocusRef = props.navigationFocusRef;\n toolbar.onNavigationToggle = props.onNavigationToggle;\n }\n if (\n props.splitPanel &&\n props.splitPanelToggleProps?.displayed &&\n !checkAlreadyExists(!!toolbar.hasSplitPanel, 'splitPanel')\n ) {\n toolbar.hasSplitPanel = true;\n toolbar.splitPanelFocusRef = props.splitPanelFocusRef;\n toolbar.splitPanelToggleProps = props.splitPanelToggleProps;\n toolbar.onSplitPanelToggle = props.onSplitPanelToggle;\n }\n if (props.breadcrumbs && !checkAlreadyExists(!!toolbar.hasBreadcrumbsPortal, 'hasBreadcrumbsPortal')) {\n toolbar.hasBreadcrumbsPortal = true;\n }\n if (props.expandedDrawerId && !checkAlreadyExists(!!toolbar.expandedDrawerId, 'expandedDrawerId')) {\n toolbar.expandedDrawerId = props.expandedDrawerId;\n toolbar.setExpandedDrawerId = props.setExpandedDrawerId;\n }\n }\n // do not render toolbar if no fields are defined, except ariaLabels, which are always there\n return Object.keys(toolbar).filter(key => key !== 'ariaLabels').length > 0 ? toolbar : null;\n};\n\nexport const getPropsToMerge = (props: AppLayoutInternalProps, appLayoutState: AppLayoutPendingState): SharedProps => {\n const state = appLayoutState.widgetizedState;\n return {\n breadcrumbs: props.breadcrumbs,\n ariaLabels: state ? state.ariaLabels : props.ariaLabels,\n navigation: !props.navigationTriggerHide && !props.navigationHide,\n navigationOpen: state ? state.navigationOpen : props.navigationOpen,\n onNavigationToggle: state?.onNavigationToggle,\n navigationFocusRef: state?.navigationFocusControl.refs.toggle,\n activeDrawerId: state?.activeDrawer?.id ?? null,\n // only pass it down if there are non-empty drawers or tools\n drawers: state?.drawers?.length \|\| !props.toolsHide ? state?.drawers : undefined,\n globalDrawersFocusControl: state?.globalDrawersFocusControl,\n globalDrawers: state?.globalDrawers?.length ? state.globalDrawers : undefined,\n activeGlobalDrawersIds: state?.activeGlobalDrawersIds,\n onActiveGlobalDrawersChange: state?.onActiveGlobalDrawersChange,\n onActiveDrawerChange: state?.onActiveDrawerChange,\n drawersFocusRef: state?.drawersFocusControl.refs.toggle,\n splitPanel: props.splitPanel,\n splitPanelToggleProps: state?.splitPanelToggleConfig && {\n ...state.splitPanelToggleConfig,\n active: state?.splitPanelOpen,\n controlId: state?.splitPanelControlId,\n position: state?.splitPanelPosition,\n },\n splitPanelFocusRef: state?.splitPanelFocusControl.refs.toggle,\n onSplitPanelToggle: state?.onSplitPanelToggle,\n expandedDrawerId: state?.expandedDrawerId,\n setExpandedDrawerId: state?.setExpandedDrawerId,\n aiDrawer: state?.aiDrawer ?? undefined,\n aiDrawerFocusRef: state?.aiDrawerFocusControl?.refs?.toggle,\n };\n};\n"]}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-app-layout.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-app-layout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,YAAY,EAAiE,MAAM,OAAO,CAAC;AAY3G,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;~~AAYlD~~,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAsB,MAAM,eAAe,CAAC;AAE3E,eAAO,MAAM,YAAY,eACX,OAAO,4fA2BhB,sBAAsB,cACb,aAAa,eAAe,GAAG,CAAC,KAC3C,~~cAiYF~~,CAAC"}
1	+ {"version":3,"file":"use-app-layout.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-app-layout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,YAAY,EAAiE,MAAM,OAAO,CAAC;AAY3G,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAalD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAsB,MAAM,eAAe,CAAC;AAE3E,eAAO,MAAM,YAAY,eACX,OAAO,4fA2BhB,sBAAsB,cACb,aAAa,eAAe,GAAG,CAAC,KAC3C,cA+ZF,CAAC"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js CHANGED Viewed

@@ -10,6 +10,7 @@ import { useMobile } from '../../../internal/hooks/use-mobile';
 import { useGetGlobalBreadcrumbs } from '../../../internal/plugins/helpers/use-global-breadcrumbs';
 import globalVars from '../../../internal/styles/global-vars';
 import { getSplitPanelDefaultSize } from '../../../split-panel/utils/size-utils';
+import { useAiDrawer } from '../../utils/use-ai-drawer';
 import { MIN_DRAWER_SIZE, useDrawers } from '../../utils/use-drawers';
 import { useAsyncFocusControl, useMultipleFocusControl } from '../../utils/use-focus-control';
 import { useGlobalScrollPadding } from '../../utils/use-global-scroll-padding';
@@ -79,6 +80,13 @@ export const useAppLayout = (hasToolbar, _a, forwardRef) => {
         toolsWidth,
         onToolsToggle,
     });
+    const { aiDrawer, onActiveAiDrawerChange, activeAiDrawer, activeAiDrawerId, activeAiDrawerSize, minAiDrawerSize, onActiveAiDrawerResize, } = useAiDrawer({
+        isEnabled: hasToolbar,
+        onAiDrawerFocus: () => aiDrawerFocusControl.setFocus(),
+        expandedDrawerId,
+        setExpandedDrawerId,
+    });
+    const aiDrawerFocusControl = useAsyncFocusControl(!!(activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.id), true, activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.id);
     const onActiveDrawerChangeHandler = (drawerId, params = { initiatedByUserAction: true }) => {
         onActiveDrawerChange(drawerId, params);
         drawersFocusControl.setFocus();
@@ -137,7 +145,7 @@ export const useAppLayout = (hasToolbar, _a, forwardRef) => {
     const resolvedNavigation = navigationHide ? null : navigation || React.createElement(React.Fragment, null);
     //navigation must not be open if navigationHide is true
     const resolvedNavigationOpen = !!resolvedNavigation && navigationOpen;
-    const { maxDrawerSize, maxSplitPanelSize, splitPanelForcedPosition, splitPanelPosition, maxGlobalDrawersSizes, resizableSpaceAvailable, } = computeHorizontalLayout({
+    const { maxDrawerSize, maxSplitPanelSize, splitPanelForcedPosition, splitPanelPosition, maxGlobalDrawersSizes, resizableSpaceAvailable, maxAiDrawerSize, } = computeHorizontalLayout({
         activeDrawerSize: activeDrawer ? activeDrawerSize : 0,
         splitPanelSize,
         minContentWidth,
@@ -148,6 +156,7 @@ export const useAppLayout = (hasToolbar, _a, forwardRef) => {
         splitPanelPosition: splitPanelPreferences === null || splitPanelPreferences === void 0 ? void 0 : splitPanelPreferences.position,
         isMobile,
         activeGlobalDrawersSizes,
+        activeAiDrawerSize,
     });
     const verticalOffsets = computeVerticalLayout({
         topOffset: placement.insetBlockStart,
@@ -203,6 +212,15 @@ export const useAppLayout = (hasToolbar, _a, forwardRef) => {
         splitPanelAnimationDisabled,
         expandedDrawerId,
         setExpandedDrawerId,
+        aiDrawer,
+        onActiveAiDrawerChange,
+        activeAiDrawer,
+        activeAiDrawerId,
+        activeAiDrawerSize,
+        minAiDrawerSize,
+        maxAiDrawerSize,
+        aiDrawerFocusControl,
+        onActiveAiDrawerResize,
     };
     const splitPanelInternals = {
         bottomOffset: 0,
@@ -245,7 +263,7 @@ export const useAppLayout = (hasToolbar, _a, forwardRef) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isMobile]);
     const getTotalActiveDrawersMinSize = () => {
-        var _a;
+        var _a, _b;
         const combinedDrawers = [...(drawers || []), ...globalDrawers];
         let result = activeGlobalDrawersIds
             .map(activeDrawerId => {
@@ -256,6 +274,9 @@ export const useAppLayout = (hasToolbar, _a, forwardRef) => {
         if (activeDrawer) {
             result += Math.min((_a = activeDrawer === null || activeDrawer === void 0 ? void 0 : activeDrawer.defaultSize) !== null && _a !== void 0 ? _a : MIN_DRAWER_SIZE, MIN_DRAWER_SIZE);
         }
+        if (activeAiDrawer) {
+            result += Math.min((_b = activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.defaultSize) !== null && _b !== void 0 ? _b : MIN_DRAWER_SIZE, MIN_DRAWER_SIZE);
+        }
         return result;
     };
     const totalActiveDrawersMinSize = getTotalActiveDrawersMinSize();
@@ -313,7 +334,7 @@ export const useAppLayout = (hasToolbar, _a, forwardRef) => {
         isIntersecting,
         appLayoutInternals,
         splitPanelInternals,
-        widgetizedState: Object.assign(Object.assign({}, appLayoutInternals), { isNested,
+        widgetizedState: Object.assign(Object.assign({}, appLayoutInternals), { aiDrawerExpandedMode: expandedDrawerId === (activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.id), isNested,
             navigationAnimationDisabled,
             verticalOffsets,
             splitPanelOffsets }),