@cloudscape-design/components-themeable 3.0.1070 → 3.0.1072

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

@@ -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_1w5ew_153:not(#\9) {
+.awsui_root_7nfqu_1skxc_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -189,83 +189,83 @@ 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_1w5ew_153:not(#\9) {
+  .awsui_root_7nfqu_1skxc_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-kcc2gu)) 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_1w5ew_153.awsui_has-adaptive-widths-default_7nfqu_1w5ew_197:not(#\9) {
+  .awsui_root_7nfqu_1skxc_153.awsui_has-adaptive-widths-default_7nfqu_1skxc_197:not(#\9) {
     --awsui-max-content-width-kcc2gu: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_1w5ew_153.awsui_has-adaptive-widths-dashboard_7nfqu_1w5ew_202:not(#\9) {
+  .awsui_root_7nfqu_1skxc_153.awsui_has-adaptive-widths-dashboard_7nfqu_1skxc_202:not(#\9) {
     --awsui-max-content-width-kcc2gu: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_1w5ew_153.awsui_has-adaptive-widths-dashboard_7nfqu_1w5ew_202:not(#\9) {
+  .awsui_root_7nfqu_1skxc_153.awsui_has-adaptive-widths-dashboard_7nfqu_1skxc_202:not(#\9) {
     --awsui-max-content-width-kcc2gu: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_1w5ew_153.awsui_has-adaptive-widths-dashboard_7nfqu_1w5ew_202:not(#\9) {
+  .awsui_root_7nfqu_1skxc_153.awsui_has-adaptive-widths-dashboard_7nfqu_1skxc_202:not(#\9) {
     --awsui-max-content-width-kcc2gu: 2160px;
   }
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_1w5ew_153.awsui_drawer-expanded-mode_7nfqu_1w5ew_217:not(#\9) {
+  .awsui_root_7nfqu_1skxc_153.awsui_drawer-expanded-mode_7nfqu_1skxc_217:not(#\9) {
     grid-template-columns: 0 0 0 0 0 0 auto;
   }
 }
 
-.awsui_navigation_7nfqu_1w5ew_222:not(#\9),
-.awsui_tools_7nfqu_1w5ew_223:not(#\9),
-.awsui_global-tools_7nfqu_1w5ew_224:not(#\9) {
+.awsui_navigation_7nfqu_1skxc_222:not(#\9),
+.awsui_tools_7nfqu_1skxc_223:not(#\9),
+.awsui_global-tools_7nfqu_1skxc_224: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_1w5ew_222:not(#\9),
-  .awsui_tools_7nfqu_1w5ew_223:not(#\9),
-  .awsui_global-tools_7nfqu_1w5ew_224:not(#\9) {
+  .awsui_navigation_7nfqu_1skxc_222:not(#\9),
+  .awsui_tools_7nfqu_1skxc_223:not(#\9),
+  .awsui_global-tools_7nfqu_1skxc_224:not(#\9) {
     inline-size: 100%;
   }
 }
 
-.awsui_navigation_7nfqu_1w5ew_222:not(#\9) {
+.awsui_navigation_7nfqu_1skxc_222:not(#\9) {
   z-index: 830;
 }
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_1w5ew_222:not(#\9) {
+  .awsui_navigation_7nfqu_1skxc_222:not(#\9) {
     grid-area: navigation;
     inline-size: var(--awsui-navigation-width-kcc2gu);
     border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_1w5ew_222:not(#\9) {
+  .awsui_navigation_7nfqu_1skxc_222:not(#\9) {
     z-index: 1001;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_1w5ew_223:not(#\9) {
+  .awsui_tools_7nfqu_1skxc_223:not(#\9) {
     grid-area: tools;
     /* stylelint-disable plugin/no-unsupported-browser-features */
   }
-  .awsui_tools_7nfqu_1w5ew_223:not(#\9):not(:has(> [data-testid])) {
+  .awsui_tools_7nfqu_1skxc_223:not(#\9):not(:has(> [data-testid])) {
     inline-size: var(--awsui-tools-width-kcc2gu);
   }
-  .awsui_tools_7nfqu_1w5ew_223:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_1w5ew_262 {
+  .awsui_tools_7nfqu_1skxc_223:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_1skxc_262 {
     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_1w5ew_224:not(#\9) {
+  .awsui_global-tools_7nfqu_1skxc_224:not(#\9) {
     display: flex;
     grid-area: global-tools;
     justify-content: flex-end;
@@ -273,14 +273,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 @media (min-width: 689px) {
-  .awsui_split-panel-side_7nfqu_1w5ew_276:not(#\9) {
+  .awsui_split-panel-side_7nfqu_1skxc_276: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_1w5ew_283:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_1skxc_283:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -288,76 +288,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_1w5ew_283:not(#\9) {
+  .awsui_split-panel-bottom_7nfqu_1skxc_283:not(#\9) {
     grid-column: 2/5;
   }
 }
 
-.awsui_panel-hidden_7nfqu_1w5ew_296:not(#\9) {
+.awsui_panel-hidden_7nfqu_1skxc_296:not(#\9) {
   border-block: none;
   border-inline: none;
   opacity: 0;
   z-index: 0;
 }
-.awsui_panel-hidden_7nfqu_1w5ew_296.awsui_navigation_7nfqu_1w5ew_222:not(#\9), .awsui_panel-hidden_7nfqu_1w5ew_296.awsui_tools_7nfqu_1w5ew_223:not(#\9), .awsui_panel-hidden_7nfqu_1w5ew_296.awsui_global-tools_7nfqu_1w5ew_224:not(#\9) {
+.awsui_panel-hidden_7nfqu_1skxc_296.awsui_navigation_7nfqu_1skxc_222:not(#\9), .awsui_panel-hidden_7nfqu_1skxc_296.awsui_tools_7nfqu_1skxc_223:not(#\9), .awsui_panel-hidden_7nfqu_1skxc_296.awsui_global-tools_7nfqu_1skxc_224:not(#\9) {
   inline-size: 0px;
 }
 
-.awsui_toolbar-container_7nfqu_1w5ew_306:not(#\9) {
+.awsui_toolbar-container_7nfqu_1skxc_306: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_1w5ew_312:not(#\9) {
+.awsui_notifications-container_7nfqu_1skxc_313:not(#\9) {
   grid-area: notifications;
 }
 
-.awsui_notifications-background_7nfqu_1w5ew_316:not(#\9) {
+.awsui_notifications-background_7nfqu_1skxc_317: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_1w5ew_316:not(#\9) {
+  .awsui_notifications-background_7nfqu_1skxc_317:not(#\9) {
     grid-column: 2/5;
   }
 }
 
-.awsui_main-landmark_7nfqu_1w5ew_327:not(#\9) {
+.awsui_main-landmark_7nfqu_1skxc_328:not(#\9) {
   display: contents;
 }
 
-.awsui_main_7nfqu_1w5ew_327:not(#\9) {
+.awsui_main_7nfqu_1skxc_328: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_1w5ew_336:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_1skxc_337:not(#\9) {
   margin-block: 0;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_1w5ew_336:not(#\9) {
+  .awsui_main-disable-paddings_7nfqu_1skxc_337:not(#\9) {
     grid-column: 2/5;
   }
 }
 
-.awsui_content-header_7nfqu_1w5ew_346:not(#\9) {
+.awsui_content-header_7nfqu_1skxc_347:not(#\9) {
   margin-block-end: var(--space-content-header-padding-bottom-hjkugf, 16px);
 }
 
-.awsui_content_7nfqu_1w5ew_346:not(#\9) {
+.awsui_content_7nfqu_1skxc_347:not(#\9) {
   display: contents;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
 @media (max-width: 688px) {
-  .awsui_unfocusable-mobile_7nfqu_1w5ew_356 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_1skxc_357 *:not(#\9) {
     visibility: hidden;
   }
 }
 
-.awsui_hidden_7nfqu_1w5ew_361:not(#\9) {
+.awsui_hidden_7nfqu_1skxc_362:not(#\9) {
+  display: none;
+}
+
+.awsui_breadcrumbs-own_7nfqu_1skxc_366:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_7nfqu_1skxc_366 {
   display: none;
 }

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

@@ -2,26 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_1w5ew_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1w5ew_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1w5ew_202",
-  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_1w5ew_217",
-  "navigation": "awsui_navigation_7nfqu_1w5ew_222",
-  "tools": "awsui_tools_7nfqu_1w5ew_223",
-  "global-tools": "awsui_global-tools_7nfqu_1w5ew_224",
-  "tools-open": "awsui_tools-open_7nfqu_1w5ew_262",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1w5ew_276",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1w5ew_283",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1w5ew_296",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1w5ew_306",
-  "notifications-container": "awsui_notifications-container_7nfqu_1w5ew_312",
-  "notifications-background": "awsui_notifications-background_7nfqu_1w5ew_316",
-  "main-landmark": "awsui_main-landmark_7nfqu_1w5ew_327",
-  "main": "awsui_main_7nfqu_1w5ew_327",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1w5ew_336",
-  "content-header": "awsui_content-header_7nfqu_1w5ew_346",
-  "content": "awsui_content_7nfqu_1w5ew_346",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1w5ew_356",
-  "hidden": "awsui_hidden_7nfqu_1w5ew_361"
+  "root": "awsui_root_7nfqu_1skxc_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1skxc_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1skxc_202",
+  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_1skxc_217",
+  "navigation": "awsui_navigation_7nfqu_1skxc_222",
+  "tools": "awsui_tools_7nfqu_1skxc_223",
+  "global-tools": "awsui_global-tools_7nfqu_1skxc_224",
+  "tools-open": "awsui_tools-open_7nfqu_1skxc_262",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_1skxc_276",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1skxc_283",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_1skxc_296",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_1skxc_306",
+  "notifications-container": "awsui_notifications-container_7nfqu_1skxc_313",
+  "notifications-background": "awsui_notifications-background_7nfqu_1skxc_317",
+  "main-landmark": "awsui_main-landmark_7nfqu_1skxc_328",
+  "main": "awsui_main_7nfqu_1skxc_328",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1skxc_337",
+  "content-header": "awsui_content-header_7nfqu_1skxc_347",
+  "content": "awsui_content_7nfqu_1skxc_347",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1skxc_357",
+  "hidden": "awsui_hidden_7nfqu_1skxc_362",
+  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_1skxc_366",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_1skxc_366"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.d.ts

@@ -0,0 +1,18 @@
+import React, { ForwardedRef } from 'react';
+import { AppLayoutProps } from '../../interfaces';
+import { AppLayoutInternalProps, AppLayoutState } from '../interfaces';
+import { SkeletonSlotsAttributes } from '../skeleton/interfaces';
+import { MergeProps, SharedProps } from './interfaces';
+export interface StateManager {
+    setState: ((appLayoutState: AppLayoutState, skeletonAttributes: SkeletonSlotsAttributes, deduplicationProps: SharedProps, mergeProps: MergeProps) => void) | undefined;
+    hasToolbar: boolean;
+    setToolbar: ((hasToolbar: boolean) => void) | undefined;
+}
+export interface AppLayoutStateProps {
+    appLayoutProps: AppLayoutInternalProps;
+    stateManager: React.MutableRefObject<StateManager>;
+    forwardRef: ForwardedRef<AppLayoutProps.Ref>;
+}
+export declare const AppLayoutStateProvider: ({ appLayoutProps, stateManager, forwardRef }: AppLayoutStateProps) => JSX.Element;
+export declare const createWidgetizedAppLayoutState: (Loader?: (({ appLayoutProps, stateManager, forwardRef }: AppLayoutStateProps) => JSX.Element) | undefined) => ({ appLayoutProps, stateManager, forwardRef }: AppLayoutStateProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,YAAY,EAA6B,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKvD,MAAM,WAAW,YAAY;IAC3B,QAAQ,EACJ,CAAC,CACC,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,uBAAuB,EAC3C,kBAAkB,EAAE,WAAW,EAC/B,UAAU,EAAE,UAAU,KACnB,IAAI,CAAC,GACV,SAAS,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,CAAC,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACzD;AAED,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,sBAAsB,CAAC;IACvC,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACnD,UAAU,EAAE,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,sBAAsB,iDAAkD,mBAAmB,gBAuBvG,CAAC;AAEF,eAAO,MAAM,8BAA8B,4DAzB0C,mBAAmB,iFAAnB,mBAAmB,gBAyBT,CAAC"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.js

@@ -0,0 +1,27 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useLayoutEffect, useState } from 'react';
+import { createWidgetizedComponent } from '../../../internal/widgets';
+import { getPropsToMerge, mergeProps } from './props-merger';
+import { useAppLayout } from './use-app-layout';
+import { useSkeletonSlotsAttributes } from './use-skeleton-slots-attributes';
+export const AppLayoutStateProvider = ({ appLayoutProps, stateManager, forwardRef }) => {
+    var _a;
+    const [hasToolbar, setHasToolbar] = useState((_a = stateManager.current.hasToolbar) !== null && _a !== void 0 ? _a : true);
+    const appLayoutState = useAppLayout(hasToolbar, appLayoutProps, forwardRef);
+    const skeletonSlotsAttributes = useSkeletonSlotsAttributes(hasToolbar, appLayoutProps, appLayoutState);
+    useLayoutEffect(() => {
+        var _a;
+        if (!((_a = stateManager.current) === null || _a === void 0 ? void 0 : _a.setState)) {
+            console.warn('AppLayout state manager is not found');
+            return;
+        }
+        stateManager.current.setState(appLayoutState, skeletonSlotsAttributes, getPropsToMerge(appLayoutProps, appLayoutState), mergeProps);
+    });
+    useLayoutEffect(() => {
+        stateManager.current.setToolbar = setHasToolbar;
+    }, [stateManager]);
+    return React.createElement(React.Fragment, null);
+};
+export const createWidgetizedAppLayoutState = createWidgetizedComponent(AppLayoutStateProvider);
+//# sourceMappingURL=index.js.map

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAgB,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAKtE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAqB7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAuB,EAAE,EAAE;;IAC1G,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,MAAA,YAAY,CAAC,OAAO,CAAC,UAAU,mCAAI,IAAI,CAAC,CAAC;IACtF,MAAM,cAAc,GAAG,YAAY,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC;IAC5E,MAAM,uBAAuB,GAAG,0BAA0B,CAAC,UAAU,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC;IAEvG,eAAe,CAAC,GAAG,EAAE;;QACnB,IAAI,CAAC,CAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,QAAQ,CAAA,EAAE;YACnC,OAAO,CAAC,IAAI,CAAC,sCAAsC,CAAC,CAAC;YACrD,OAAO;SACR;QACD,YAAY,CAAC,OAAO,CAAC,QAAQ,CAC3B,cAAc,EACd,uBAAuB,EACvB,eAAe,CAAC,cAAc,EAAE,cAAc,CAAC,EAC/C,UAAU,CACX,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,eAAe,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC;IAClD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,yBAAyB,CAAC,sBAAsB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ForwardedRef, useLayoutEffect, useState } from 'react';\n\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { AppLayoutProps } from '../../interfaces';\nimport { AppLayoutInternalProps, AppLayoutState } from '../interfaces';\nimport { SkeletonSlotsAttributes } from '../skeleton/interfaces';\nimport { MergeProps, SharedProps } from './interfaces';\nimport { getPropsToMerge, mergeProps } from './props-merger';\nimport { useAppLayout } from './use-app-layout';\nimport { useSkeletonSlotsAttributes } from './use-skeleton-slots-attributes';\n\nexport interface StateManager {\n  setState:\n    | ((\n        appLayoutState: AppLayoutState,\n        skeletonAttributes: SkeletonSlotsAttributes,\n        deduplicationProps: SharedProps,\n        mergeProps: MergeProps\n      ) => void)\n    | undefined;\n  hasToolbar: boolean;\n  setToolbar: ((hasToolbar: boolean) => void) | undefined;\n}\n\nexport interface AppLayoutStateProps {\n  appLayoutProps: AppLayoutInternalProps;\n  stateManager: React.MutableRefObject<StateManager>;\n  forwardRef: ForwardedRef<AppLayoutProps.Ref>;\n}\n\nexport const AppLayoutStateProvider = ({ appLayoutProps, stateManager, forwardRef }: AppLayoutStateProps) => {\n  const [hasToolbar, setHasToolbar] = useState(stateManager.current.hasToolbar ?? true);\n  const appLayoutState = useAppLayout(hasToolbar, appLayoutProps, forwardRef);\n  const skeletonSlotsAttributes = useSkeletonSlotsAttributes(hasToolbar, appLayoutProps, appLayoutState);\n\n  useLayoutEffect(() => {\n    if (!stateManager.current?.setState) {\n      console.warn('AppLayout state manager is not found');\n      return;\n    }\n    stateManager.current.setState(\n      appLayoutState,\n      skeletonSlotsAttributes,\n      getPropsToMerge(appLayoutProps, appLayoutState),\n      mergeProps\n    );\n  });\n\n  useLayoutEffect(() => {\n    stateManager.current.setToolbar = setHasToolbar;\n  }, [stateManager]);\n\n  return <></>;\n};\n\nexport const createWidgetizedAppLayoutState = createWidgetizedComponent(AppLayoutStateProvider);\n"]}

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { AppLayoutProps } from '../../interfaces';
+import { OnChangeParams } from '../../utils/use-drawers';
+import { Focusable, FocusControlMultipleStates } from '../../utils/use-focus-control';
+import { SplitPanelToggleProps, ToolbarProps } from '../toolbar';
+export interface SharedProps {
+    navigationOpen: boolean;
+    ariaLabels: AppLayoutProps.Labels | undefined;
+    navigation: React.ReactNode;
+    onNavigationToggle?: (open: boolean) => void;
+    navigationFocusRef: React.Ref<Focusable> | undefined;
+    breadcrumbs: React.ReactNode;
+    activeDrawerId: string | null;
+    drawers: ReadonlyArray<AppLayoutProps.Drawer> | undefined;
+    onActiveDrawerChange: ((drawerId: string | null, params: OnChangeParams) => void) | undefined;
+    drawersFocusRef: React.Ref<Focusable> | undefined;
+    globalDrawersFocusControl?: FocusControlMultipleStates | undefined;
+    globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;
+    activeGlobalDrawersIds?: ReadonlyArray<string> | undefined;
+    onActiveGlobalDrawersChange?: ((newDrawerId: string, params: OnChangeParams) => void) | undefined;
+    splitPanel: React.ReactNode;
+    splitPanelToggleProps: SplitPanelToggleProps | undefined;
+    splitPanelFocusRef?: React.Ref<Focusable> | undefined;
+    onSplitPanelToggle?: () => void;
+    expandedDrawerId?: string | null;
+    setExpandedDrawerId?: (value: string | null) => void;
+}
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

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

@@ -0,0 +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"]}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/invariants.d.ts

@@ -0,0 +1,3 @@
+import { AppLayoutPendingState, AppLayoutState } from '../interfaces';
+export declare function isWidgetReady(state: AppLayoutPendingState): state is AppLayoutState;
+//# sourceMappingURL=invariants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"invariants.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/invariants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEtE,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,KAAK,IAAI,cAAc,CAEnF"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/invariants.js

@@ -0,0 +1,4 @@
+export function isWidgetReady(state) {
+    return !!state.widgetizedState;
+}
+//# sourceMappingURL=invariants.js.map

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/invariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"invariants.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/invariants.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,aAAa,CAAC,KAA4B;IACxD,OAAO,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC;AACjC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { AppLayoutPendingState, AppLayoutState } from '../interfaces';\n\nexport function isWidgetReady(state: AppLayoutPendingState): state is AppLayoutState {\n  return !!state.widgetizedState;\n}\n"]}

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

@@ -0,0 +1,5 @@
+import { AppLayoutInternalProps, AppLayoutPendingState } from '../interfaces';
+import { MergeProps, SharedProps } from './interfaces';
+export declare const mergeProps: MergeProps;
+export declare const getPropsToMerge: (props: AppLayoutInternalProps, appLayoutState: AppLayoutPendingState) => SharedProps;
+//# sourceMappingURL=props-merger.d.ts.map

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

@@ -0,0 +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"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/{multi-layout.js → state/props-merger.js}

@@ -1,9 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { useLayoutEffect, useState } from 'react';
 import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
-import { awsuiPluginsInternal } from '../../internal/plugins/api';
-import { useAppLayoutFlagEnabled } from '../utils/feature-flags';
 function checkAlreadyExists(value, propName) {
     if (value) {
         warnOnce('AppLayout', `Another app layout instance on this page already defines ${propName} property. This instance will be ignored.`);
@@ -11,7 +8,7 @@ function checkAlreadyExists(value, propName) {
     }
     return false;
 }
-export function mergeProps(ownProps, additionalProps) {
+export const mergeProps = (ownProps, additionalProps) => {
     var _a, _b;
     const toolbar = {};
     for (const props of [ownProps, ...additionalProps]) {
@@ -54,41 +51,32 @@ export function mergeProps(ownProps, additionalProps) {
     }
     // do not render toolbar if no fields are defined, except ariaLabels, which are always there
     return Object.keys(toolbar).filter(key => key !== 'ariaLabels').length > 0 ? toolbar : null;
-}
-export function useMultiAppLayout(props, isEnabled) {
-    const [registration, setRegistration] = useState(null);
-    const { forceDeduplicationType } = props;
-    const isToolbar = useAppLayoutFlagEnabled();
-    useLayoutEffect(() => {
-        if (!isEnabled || forceDeduplicationType === 'suspended' || !isToolbar) {
-            return;
-        }
-        if (forceDeduplicationType === 'off') {
-            setRegistration({ type: 'primary', discoveredProps: [] });
-            return;
-        }
-        const unregister = awsuiPluginsInternal.appLayoutWidget.register(forceDeduplicationType, props => setRegistration(props));
-        return () => {
-            unregister();
-            setRegistration({ type: 'suspended' });
-        };
-    }, [forceDeduplicationType, isEnabled, isToolbar]);
-    useLayoutEffect(() => {
-        if ((registration === null || registration === void 0 ? void 0 : registration.type) === 'secondary') {
-            registration.update(props);
-        }
-    });
-    if (!isToolbar) {
-        return {
-            registered: true,
-            // mergeProps is needed here because the toolbar's behavior depends on reconciliation logic
-            // in this function. For example, navigation trigger visibility
-            toolbarProps: mergeProps(props, []),
-        };
-    }
+};
+export const getPropsToMerge = (props, appLayoutState) => {
+    var _a, _b, _c, _d;
+    const state = appLayoutState.widgetizedState;
     return {
-        registered: !!(registration === null || registration === void 0 ? void 0 : registration.type),
-        toolbarProps: (registration === null || registration === void 0 ? void 0 : registration.type) === 'primary' ? mergeProps(props, registration.discoveredProps) : null,
+        breadcrumbs: props.breadcrumbs,
+        ariaLabels: state ? state.ariaLabels : props.ariaLabels,
+        navigation: !props.navigationTriggerHide && !props.navigationHide,
+        navigationOpen: state ? state.navigationOpen : props.navigationOpen,
+        onNavigationToggle: state === null || state === void 0 ? void 0 : state.onNavigationToggle,
+        navigationFocusRef: state === null || state === void 0 ? void 0 : state.navigationFocusControl.refs.toggle,
+        activeDrawerId: (_b = (_a = state === null || state === void 0 ? void 0 : state.activeDrawer) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null,
+        // only pass it down if there are non-empty drawers or tools
+        drawers: ((_c = state === null || state === void 0 ? void 0 : state.drawers) === null || _c === void 0 ? void 0 : _c.length) || !props.toolsHide ? state === null || state === void 0 ? void 0 : state.drawers : undefined,
+        globalDrawersFocusControl: state === null || state === void 0 ? void 0 : state.globalDrawersFocusControl,
+        globalDrawers: ((_d = state === null || state === void 0 ? void 0 : state.globalDrawers) === null || _d === void 0 ? void 0 : _d.length) ? state.globalDrawers : undefined,
+        activeGlobalDrawersIds: state === null || state === void 0 ? void 0 : state.activeGlobalDrawersIds,
+        onActiveGlobalDrawersChange: state === null || state === void 0 ? void 0 : state.onActiveGlobalDrawersChange,
+        onActiveDrawerChange: state === null || state === void 0 ? void 0 : state.onActiveDrawerChange,
+        drawersFocusRef: state === null || state === void 0 ? void 0 : state.drawersFocusControl.refs.toggle,
+        splitPanel: props.splitPanel,
+        splitPanelToggleProps: (state === null || state === void 0 ? void 0 : state.splitPanelToggleConfig) && Object.assign(Object.assign({}, state.splitPanelToggleConfig), { active: state === null || state === void 0 ? void 0 : state.splitPanelOpen, controlId: state === null || state === void 0 ? void 0 : state.splitPanelControlId, position: state === null || state === void 0 ? void 0 : state.splitPanelPosition }),
+        splitPanelFocusRef: state === null || state === void 0 ? void 0 : state.splitPanelFocusControl.refs.toggle,
+        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,
     };
-}
-//# sourceMappingURL=multi-layout.js.map
+};
+//# sourceMappingURL=props-merger.js.map

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

@@ -0,0 +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 = Object.assign(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"]}

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

@@ -0,0 +1,6 @@
+import { ForwardedRef } from 'react';
+import { AppLayoutProps } from '../../interfaces';
+import { AppLayoutState } from '../interfaces';
+import { AppLayoutInternalProps } from '../interfaces';
+export declare const useAppLayout: (hasToolbar: boolean, { ariaLabels, navigationOpen, navigationWidth, navigation, navigationHide, onNavigationChange, tools, toolsOpen: controlledToolsOpen, onToolsChange, toolsHide, toolsWidth, headerVariant, breadcrumbs, stickyNotifications, splitPanelPreferences: controlledSplitPanelPreferences, splitPanelOpen: controlledSplitPanelOpen, splitPanel, splitPanelSize: controlledSplitPanelSize, onSplitPanelToggle, onSplitPanelResize, onSplitPanelPreferencesChange, minContentWidth, placement, navigationTriggerHide, ...rest }: AppLayoutInternalProps, forwardRef: ForwardedRef<AppLayoutProps.Ref>) => AppLayoutState;
+//# sourceMappingURL=use-app-layout.d.ts.map

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

@@ -0,0 +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"}