@cloudscape-design/components 3.0.287 → 3.0.288

package/app-layout/visual-refresh/styles.selectors.js

@@ -2,77 +2,77 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "appbar": "awsui_appbar_hyvsj_a6htg_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_a6htg_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_a6htg_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_a6htg_125",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_a6htg_126",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_a6htg_167",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_a6htg_175",
-  "has-header": "awsui_has-header_hyvsj_a6htg_181",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_a6htg_181",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_a6htg_182",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_a6htg_185",
-  "content-type-table": "awsui_content-type-table_hyvsj_a6htg_186",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_a6htg_189",
-  "background": "awsui_background_hyvsj_a6htg_224",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_a6htg_227",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_a6htg_240",
-  "overlap": "awsui_overlap_hyvsj_a6htg_246",
-  "drawers-container": "awsui_drawers-container_hyvsj_a6htg_274",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_a6htg_286",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_a6htg_320",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_a6htg_343",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_a6htg_375",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_a6htg_375",
-  "drawer": "awsui_drawer_hyvsj_a6htg_126",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_a6htg_426",
-  "drawer-content": "awsui_drawer-content_hyvsj_a6htg_431",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_a6htg_436",
-  "content": "awsui_content_hyvsj_a6htg_182",
-  "layout": "awsui_layout_hyvsj_a6htg_534",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_a6htg_618",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_a6htg_633",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_a6htg_660",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_a6htg_667",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_a6htg_681",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_a6htg_681",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_a6htg_693",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_a6htg_696",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_a6htg_711",
-  "container": "awsui_container_hyvsj_a6htg_719",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_a6htg_745",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_a6htg_750",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_a6htg_753",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_a6htg_753",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_a6htg_753",
-  "content-type-default": "awsui_content-type-default_hyvsj_a6htg_773",
-  "content-type-form": "awsui_content-type-form_hyvsj_a6htg_773",
-  "unfocusable": "awsui_unfocusable_hyvsj_a6htg_814",
-  "navigation-container": "awsui_navigation-container_hyvsj_a6htg_824",
-  "show-navigation": "awsui_show-navigation_hyvsj_a6htg_868",
-  "animating": "awsui_animating_hyvsj_a6htg_890",
-  "showButtons": "awsui_showButtons_hyvsj_a6htg_1",
-  "navigation": "awsui_navigation_hyvsj_a6htg_824",
-  "openNavigation": "awsui_openNavigation_hyvsj_a6htg_1",
-  "animated-content": "awsui_animated-content_hyvsj_a6htg_951",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_a6htg_960",
-  "notifications": "awsui_notifications_hyvsj_a6htg_227",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_a6htg_1027",
-  "position-bottom": "awsui_position-bottom_hyvsj_a6htg_1073",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_a6htg_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_a6htg_1102",
-  "position-side": "awsui_position-side_hyvsj_a6htg_1130",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_a6htg_1",
-  "tools-container": "awsui_tools-container_hyvsj_a6htg_1167",
-  "tools": "awsui_tools_hyvsj_a6htg_1167",
-  "openTools": "awsui_openTools_hyvsj_a6htg_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_a6htg_1261",
-  "hide-tools": "awsui_hide-tools_hyvsj_a6htg_1271",
-  "show-tools": "awsui_show-tools_hyvsj_a6htg_1283",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_a6htg_1261",
-  "trigger": "awsui_trigger_hyvsj_a6htg_1350",
-  "selected": "awsui_selected_hyvsj_a6htg_1389"
+  "appbar": "awsui_appbar_hyvsj_1s8d9_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_1s8d9_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1s8d9_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_1s8d9_125",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1s8d9_126",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1s8d9_167",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_1s8d9_175",
+  "has-header": "awsui_has-header_hyvsj_1s8d9_181",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_1s8d9_181",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_1s8d9_182",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_1s8d9_185",
+  "content-type-table": "awsui_content-type-table_hyvsj_1s8d9_186",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1s8d9_189",
+  "background": "awsui_background_hyvsj_1s8d9_224",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_1s8d9_227",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1s8d9_240",
+  "overlap": "awsui_overlap_hyvsj_1s8d9_246",
+  "drawers-container": "awsui_drawers-container_hyvsj_1s8d9_274",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1s8d9_286",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1s8d9_320",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1s8d9_325",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1s8d9_343",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1s8d9_375",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1s8d9_375",
+  "drawer": "awsui_drawer_hyvsj_1s8d9_126",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1s8d9_426",
+  "drawer-content": "awsui_drawer-content_hyvsj_1s8d9_431",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1s8d9_436",
+  "content": "awsui_content_hyvsj_1s8d9_182",
+  "layout": "awsui_layout_hyvsj_1s8d9_534",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1s8d9_618",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1s8d9_633",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1s8d9_660",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1s8d9_667",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_1s8d9_681",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1s8d9_681",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1s8d9_693",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1s8d9_696",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1s8d9_711",
+  "container": "awsui_container_hyvsj_1s8d9_719",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1s8d9_745",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1s8d9_750",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_1s8d9_753",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1s8d9_753",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1s8d9_753",
+  "content-type-default": "awsui_content-type-default_hyvsj_1s8d9_773",
+  "content-type-form": "awsui_content-type-form_hyvsj_1s8d9_773",
+  "unfocusable": "awsui_unfocusable_hyvsj_1s8d9_814",
+  "navigation-container": "awsui_navigation-container_hyvsj_1s8d9_824",
+  "show-navigation": "awsui_show-navigation_hyvsj_1s8d9_868",
+  "animating": "awsui_animating_hyvsj_1s8d9_890",
+  "showButtons": "awsui_showButtons_hyvsj_1s8d9_1",
+  "navigation": "awsui_navigation_hyvsj_1s8d9_824",
+  "openNavigation": "awsui_openNavigation_hyvsj_1s8d9_1",
+  "animated-content": "awsui_animated-content_hyvsj_1s8d9_951",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_1s8d9_960",
+  "notifications": "awsui_notifications_hyvsj_1s8d9_227",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1s8d9_1027",
+  "position-bottom": "awsui_position-bottom_hyvsj_1s8d9_1073",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1s8d9_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_1s8d9_1102",
+  "position-side": "awsui_position-side_hyvsj_1s8d9_1130",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_1s8d9_1",
+  "tools-container": "awsui_tools-container_hyvsj_1s8d9_1167",
+  "tools": "awsui_tools_hyvsj_1s8d9_1167",
+  "openTools": "awsui_openTools_hyvsj_1s8d9_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1s8d9_1261",
+  "hide-tools": "awsui_hide-tools_hyvsj_1s8d9_1271",
+  "show-tools": "awsui_show-tools_hyvsj_1s8d9_1283",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_1s8d9_1261",
+  "trigger": "awsui_trigger_hyvsj_1s8d9_1350",
+  "selected": "awsui_selected_hyvsj_1s8d9_1389"
 };
   

package/app-layout/visual-refresh/tools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tools.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/tools.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,UAAU,sBAiIrD;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,OAAO,WAU/E"}
+{"version":3,"file":"tools.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/tools.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,UAAU,sBAmIrD;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,OAAO,WAU/E"}

package/app-layout/visual-refresh/tools.js

@@ -19,8 +19,8 @@ import customCssProps from '../../internal/generated/custom-css-properties';
  * split panel in large viewports;
  */
 export default function Tools({ children }) {
-    const { ariaLabels, disableBodyScroll, drawers, handleSplitPanelClick, handleToolsClick, hasDefaultToolsWidth, hasDrawerViewportOverlay, isMobile, isSplitPanelOpen, isToolsOpen, loseToolsFocus, splitPanelDisplayed, splitPanelPosition, splitPanelRefs, splitPanelToggle, tools, toolsHide, toolsRefs, toolsWidth, } = useAppLayoutInternals();
-    const hasSplitPanel = getSplitPanelStatus(splitPanelDisplayed, splitPanelPosition);
+    const { ariaLabels, disableBodyScroll, drawers, handleSplitPanelClick, handleToolsClick, hasDefaultToolsWidth, hasDrawerViewportOverlay, isMobile, isSplitPanelOpen, isToolsOpen, loseToolsFocus, splitPanel, splitPanelDisplayed, splitPanelPosition, splitPanelRefs, splitPanelToggle, tools, toolsHide, toolsRefs, toolsWidth, } = useAppLayoutInternals();
+    const hasSplitPanel = !!splitPanel && getSplitPanelStatus(splitPanelDisplayed, splitPanelPosition);
     const hasToolsForm = getToolsFormStatus(hasSplitPanel, isMobile, isSplitPanelOpen, isToolsOpen, toolsHide);
     const hasToolsFormPersistence = getToolsFormPersistence(hasSplitPanel, isSplitPanelOpen, isToolsOpen, toolsHide);
     const isUnfocusable = hasDrawerViewportOverlay && !isToolsOpen;
@@ -60,7 +60,7 @@ export default function Tools({ children }) {
                     [styles.animating]: state === 'exiting',
                     [styles['has-tools-form']]: hasToolsForm,
                     [styles['has-tools-form-persistence']]: hasToolsFormPersistence,
-                }), ref: state === 'exiting' ? transitionEventsRef : undefined },
+                }), ref: state === 'exiting' ? transitionEventsRef : undefined, "data-testid": "side-split-panel-drawer" },
                 !toolsHide && (React.createElement(TriggerButton, { ariaLabel: ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.toolsToggle, iconName: "status-info", onClick: () => handleToolsClick(!isToolsOpen), selected: hasSplitPanel && isToolsOpen, className: testutilStyles['tools-toggle'], ref: toolsRefs.toggle })),
                 hasSplitPanel && splitPanelToggle.displayed && (React.createElement(TriggerButton, { ariaLabel: splitPanelToggle.ariaLabel, iconName: "view-vertical", onClick: () => handleSplitPanelClick(), selected: hasSplitPanel && isSplitPanelOpen, className: splitPanelStyles['open-button'], ref: splitPanelRefs.toggle }))))));
     }));

package/app-layout/visual-refresh/tools.js.map

@@ -1 +1 @@
-{"version":3,"file":"tools.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/tools.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 from 'react';\nimport clsx from 'clsx';\nimport { InternalButton } from '../../button/internal';\nimport { useAppLayoutInternals } from './context';\nimport TriggerButton from './trigger-button';\nimport styles from './styles.css.js';\nimport splitPanelStyles from '../../split-panel/styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\nimport { Transition } from '../../internal/components/transition';\nimport customCssProps from '../../internal/generated/custom-css-properties';\n\ninterface ToolsProps {\n  children: React.ReactNode;\n}\n\n/**\n * The Tools component consists of the following elements:\n * the container, or root element, that sits as a direct child to the Layout grid definition;\n * the split panel, which exists only if there is a split panel in side position;\n * the tools, or drawer, that contains the hide tools form and the children passed through the API;\n * the show tools form that contains the triggers for both the drawer and the\n * split panel in large viewports;\n */\nexport default function Tools({ children }: ToolsProps) {\n  const {\n    ariaLabels,\n    disableBodyScroll,\n    drawers,\n    handleSplitPanelClick,\n    handleToolsClick,\n    hasDefaultToolsWidth,\n    hasDrawerViewportOverlay,\n    isMobile,\n    isSplitPanelOpen,\n    isToolsOpen,\n    loseToolsFocus,\n    splitPanelDisplayed,\n    splitPanelPosition,\n    splitPanelRefs,\n    splitPanelToggle,\n    tools,\n    toolsHide,\n    toolsRefs,\n    toolsWidth,\n  } = useAppLayoutInternals();\n\n  const hasSplitPanel = getSplitPanelStatus(splitPanelDisplayed, splitPanelPosition);\n  const hasToolsForm = getToolsFormStatus(hasSplitPanel, isMobile, isSplitPanelOpen, isToolsOpen, toolsHide);\n  const hasToolsFormPersistence = getToolsFormPersistence(hasSplitPanel, isSplitPanelOpen, isToolsOpen, toolsHide);\n  const isUnfocusable = hasDrawerViewportOverlay && !isToolsOpen;\n\n  /**\n   * If the drawers property is defined the Tools and SplitPanel will be mounted and rendered\n   * by the Drawers component.\n   */\n  if ((toolsHide && !hasSplitPanel) || drawers) {\n    return null;\n  }\n\n  return (\n    <Transition in={isToolsOpen ?? false}>\n      {(state, transitionEventsRef) => (\n        <div\n          className={clsx(styles['tools-container'], {\n            [styles['disable-body-scroll']]: disableBodyScroll,\n            [styles.unfocusable]: isUnfocusable,\n            [testutilStyles['drawer-closed']]: !isToolsOpen,\n          })}\n          style={{\n            [customCssProps.toolsAnimationStartingOpacity]: `${hasSplitPanel && isSplitPanelOpen ? 1 : 0}`,\n            // Overwrite the default tools width (depends on breakpoints) only when the `toolsWidth` property has been set.\n            [customCssProps.toolsWidth]: hasDefaultToolsWidth ? '' : `${toolsWidth}px`,\n          }}\n          onBlur={e => {\n            if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget)) {\n              loseToolsFocus();\n            }\n          }}\n        >\n          {children}\n\n          {!toolsHide && (\n            <aside\n              aria-hidden={!isToolsOpen ? true : false}\n              aria-label={ariaLabels?.tools ?? undefined}\n              className={clsx(\n                styles.tools,\n                {\n                  [styles.animating]: state === 'entering',\n                  [styles['has-tools-form-persistence']]: hasToolsFormPersistence,\n                  [styles['is-tools-open']]: isToolsOpen,\n                },\n                testutilStyles.tools\n              )}\n              ref={state !== 'exiting' ? transitionEventsRef : undefined}\n            >\n              <div className={clsx(styles['animated-content'])}>\n                <div className={clsx(styles['hide-tools'])}>\n                  <InternalButton\n                    ariaLabel={ariaLabels?.toolsClose ?? undefined}\n                    iconName={isMobile ? 'close' : 'angle-right'}\n                    onClick={() => handleToolsClick(false)}\n                    variant=\"icon\"\n                    formAction=\"none\"\n                    className={testutilStyles['tools-close']}\n                    ref={toolsRefs.close}\n                  />\n                </div>\n\n                {tools}\n              </div>\n            </aside>\n          )}\n\n          {!isMobile && (\n            <aside\n              aria-hidden={!hasToolsForm ? true : false}\n              aria-label={ariaLabels?.tools ?? undefined}\n              className={clsx(styles['show-tools'], {\n                [styles.animating]: state === 'exiting',\n                [styles['has-tools-form']]: hasToolsForm,\n                [styles['has-tools-form-persistence']]: hasToolsFormPersistence,\n              })}\n              ref={state === 'exiting' ? transitionEventsRef : undefined}\n            >\n              {!toolsHide && (\n                <TriggerButton\n                  ariaLabel={ariaLabels?.toolsToggle}\n                  iconName=\"status-info\"\n                  onClick={() => handleToolsClick(!isToolsOpen)}\n                  selected={hasSplitPanel && isToolsOpen}\n                  className={testutilStyles['tools-toggle']}\n                  ref={toolsRefs.toggle}\n                />\n              )}\n\n              {hasSplitPanel && splitPanelToggle.displayed && (\n                <TriggerButton\n                  ariaLabel={splitPanelToggle.ariaLabel}\n                  iconName=\"view-vertical\"\n                  onClick={() => handleSplitPanelClick()}\n                  selected={hasSplitPanel && isSplitPanelOpen}\n                  className={splitPanelStyles['open-button']}\n                  ref={splitPanelRefs.toggle}\n                />\n              )}\n            </aside>\n          )}\n        </div>\n      )}\n    </Transition>\n  );\n}\n\n/**\n * Determine the default state of the Tools component. Mobile viewports should be\n * closed by default under all circumstances. If the toolsOpen prop has not been\n * set then it should be closed as well. Otherwise, default to the toolsOpen prop.\n */\nexport function getToolsDefaultState(isMobile: boolean, stateFromProps?: boolean) {\n  let isToolsOpen;\n\n  if (isMobile || stateFromProps === undefined) {\n    isToolsOpen = false;\n  } else {\n    isToolsOpen = stateFromProps;\n  }\n\n  return isToolsOpen;\n}\n\n/**\n * This simple function returns the presence of the split panel as a child of the\n * Tools component. It must exist and be in side position.\n */\nfunction getSplitPanelStatus(splitPanelDisplayed: boolean, splitPanelPosition: string) {\n  return splitPanelDisplayed && splitPanelPosition === 'side' ? true : false;\n}\n\n/**\n * By default the Tools form is styled as display: none; This behavior should\n * be unchanged in mobile viewports where the Tools form is always suppressed.\n * In large viewports, however the Tools form and its corresponding buttons\n * should be present in the UI under the below circumstances.\n */\nfunction getToolsFormStatus(\n  hasSplitPanel: boolean,\n  isMobile: boolean,\n  isSplitPanelOpen?: boolean,\n  isToolsOpen?: boolean,\n  toolsHide?: boolean\n) {\n  let hasToolsForm = false;\n\n  if (!isMobile) {\n    // Both the Split Panel and Tools button are needed\n    if (hasSplitPanel && !toolsHide) {\n      hasToolsForm = true;\n    }\n\n    // The Split Panel button is needed\n    if (hasSplitPanel && !isSplitPanelOpen && toolsHide) {\n      hasToolsForm = true;\n    }\n\n    // The Tools button is needed\n    if (!hasSplitPanel && !toolsHide && !isToolsOpen) {\n      hasToolsForm = true;\n    }\n  }\n\n  return hasToolsForm;\n}\n\n/**\n * Under two scenarios the Tools form that contains the triggers\n * for the Tools content and the Split Panel may be persistent\n * in the UI (as opposed to disappearing when one of the drawers\n * is open). This will also add a white background as opposed to the\n * default transparent background. The buttons will present and in a\n * selected / not selected state.\n */\nfunction getToolsFormPersistence(\n  hasSplitPanel: boolean,\n  isSplitPanelOpen?: boolean,\n  isToolsOpen?: boolean,\n  toolsHide?: boolean\n) {\n  let hasToolsFormPersistence = false;\n\n  // Both Tools and Split Panel exist and one or both is open\n  if (hasSplitPanel && !toolsHide && (isSplitPanelOpen || isToolsOpen)) {\n    hasToolsFormPersistence = true;\n  }\n\n  return hasToolsFormPersistence;\n}\n"]}
+{"version":3,"file":"tools.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/tools.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 from 'react';\nimport clsx from 'clsx';\nimport { InternalButton } from '../../button/internal';\nimport { useAppLayoutInternals } from './context';\nimport TriggerButton from './trigger-button';\nimport styles from './styles.css.js';\nimport splitPanelStyles from '../../split-panel/styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\nimport { Transition } from '../../internal/components/transition';\nimport customCssProps from '../../internal/generated/custom-css-properties';\n\ninterface ToolsProps {\n  children: React.ReactNode;\n}\n\n/**\n * The Tools component consists of the following elements:\n * the container, or root element, that sits as a direct child to the Layout grid definition;\n * the split panel, which exists only if there is a split panel in side position;\n * the tools, or drawer, that contains the hide tools form and the children passed through the API;\n * the show tools form that contains the triggers for both the drawer and the\n * split panel in large viewports;\n */\nexport default function Tools({ children }: ToolsProps) {\n  const {\n    ariaLabels,\n    disableBodyScroll,\n    drawers,\n    handleSplitPanelClick,\n    handleToolsClick,\n    hasDefaultToolsWidth,\n    hasDrawerViewportOverlay,\n    isMobile,\n    isSplitPanelOpen,\n    isToolsOpen,\n    loseToolsFocus,\n    splitPanel,\n    splitPanelDisplayed,\n    splitPanelPosition,\n    splitPanelRefs,\n    splitPanelToggle,\n    tools,\n    toolsHide,\n    toolsRefs,\n    toolsWidth,\n  } = useAppLayoutInternals();\n\n  const hasSplitPanel = !!splitPanel && getSplitPanelStatus(splitPanelDisplayed, splitPanelPosition);\n  const hasToolsForm = getToolsFormStatus(hasSplitPanel, isMobile, isSplitPanelOpen, isToolsOpen, toolsHide);\n  const hasToolsFormPersistence = getToolsFormPersistence(hasSplitPanel, isSplitPanelOpen, isToolsOpen, toolsHide);\n  const isUnfocusable = hasDrawerViewportOverlay && !isToolsOpen;\n\n  /**\n   * If the drawers property is defined the Tools and SplitPanel will be mounted and rendered\n   * by the Drawers component.\n   */\n  if ((toolsHide && !hasSplitPanel) || drawers) {\n    return null;\n  }\n\n  return (\n    <Transition in={isToolsOpen ?? false}>\n      {(state, transitionEventsRef) => (\n        <div\n          className={clsx(styles['tools-container'], {\n            [styles['disable-body-scroll']]: disableBodyScroll,\n            [styles.unfocusable]: isUnfocusable,\n            [testutilStyles['drawer-closed']]: !isToolsOpen,\n          })}\n          style={{\n            [customCssProps.toolsAnimationStartingOpacity]: `${hasSplitPanel && isSplitPanelOpen ? 1 : 0}`,\n            // Overwrite the default tools width (depends on breakpoints) only when the `toolsWidth` property has been set.\n            [customCssProps.toolsWidth]: hasDefaultToolsWidth ? '' : `${toolsWidth}px`,\n          }}\n          onBlur={e => {\n            if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget)) {\n              loseToolsFocus();\n            }\n          }}\n        >\n          {children}\n\n          {!toolsHide && (\n            <aside\n              aria-hidden={!isToolsOpen ? true : false}\n              aria-label={ariaLabels?.tools ?? undefined}\n              className={clsx(\n                styles.tools,\n                {\n                  [styles.animating]: state === 'entering',\n                  [styles['has-tools-form-persistence']]: hasToolsFormPersistence,\n                  [styles['is-tools-open']]: isToolsOpen,\n                },\n                testutilStyles.tools\n              )}\n              ref={state !== 'exiting' ? transitionEventsRef : undefined}\n            >\n              <div className={clsx(styles['animated-content'])}>\n                <div className={clsx(styles['hide-tools'])}>\n                  <InternalButton\n                    ariaLabel={ariaLabels?.toolsClose ?? undefined}\n                    iconName={isMobile ? 'close' : 'angle-right'}\n                    onClick={() => handleToolsClick(false)}\n                    variant=\"icon\"\n                    formAction=\"none\"\n                    className={testutilStyles['tools-close']}\n                    ref={toolsRefs.close}\n                  />\n                </div>\n\n                {tools}\n              </div>\n            </aside>\n          )}\n\n          {!isMobile && (\n            <aside\n              aria-hidden={!hasToolsForm ? true : false}\n              aria-label={ariaLabels?.tools ?? undefined}\n              className={clsx(styles['show-tools'], {\n                [styles.animating]: state === 'exiting',\n                [styles['has-tools-form']]: hasToolsForm,\n                [styles['has-tools-form-persistence']]: hasToolsFormPersistence,\n              })}\n              ref={state === 'exiting' ? transitionEventsRef : undefined}\n              data-testid=\"side-split-panel-drawer\"\n            >\n              {!toolsHide && (\n                <TriggerButton\n                  ariaLabel={ariaLabels?.toolsToggle}\n                  iconName=\"status-info\"\n                  onClick={() => handleToolsClick(!isToolsOpen)}\n                  selected={hasSplitPanel && isToolsOpen}\n                  className={testutilStyles['tools-toggle']}\n                  ref={toolsRefs.toggle}\n                />\n              )}\n\n              {hasSplitPanel && splitPanelToggle.displayed && (\n                <TriggerButton\n                  ariaLabel={splitPanelToggle.ariaLabel}\n                  iconName=\"view-vertical\"\n                  onClick={() => handleSplitPanelClick()}\n                  selected={hasSplitPanel && isSplitPanelOpen}\n                  className={splitPanelStyles['open-button']}\n                  ref={splitPanelRefs.toggle}\n                />\n              )}\n            </aside>\n          )}\n        </div>\n      )}\n    </Transition>\n  );\n}\n\n/**\n * Determine the default state of the Tools component. Mobile viewports should be\n * closed by default under all circumstances. If the toolsOpen prop has not been\n * set then it should be closed as well. Otherwise, default to the toolsOpen prop.\n */\nexport function getToolsDefaultState(isMobile: boolean, stateFromProps?: boolean) {\n  let isToolsOpen;\n\n  if (isMobile || stateFromProps === undefined) {\n    isToolsOpen = false;\n  } else {\n    isToolsOpen = stateFromProps;\n  }\n\n  return isToolsOpen;\n}\n\n/**\n * This simple function returns the presence of the split panel as a child of the\n * Tools component. It must exist and be in side position.\n */\nfunction getSplitPanelStatus(splitPanelDisplayed: boolean, splitPanelPosition: string) {\n  return splitPanelDisplayed && splitPanelPosition === 'side' ? true : false;\n}\n\n/**\n * By default the Tools form is styled as display: none; This behavior should\n * be unchanged in mobile viewports where the Tools form is always suppressed.\n * In large viewports, however the Tools form and its corresponding buttons\n * should be present in the UI under the below circumstances.\n */\nfunction getToolsFormStatus(\n  hasSplitPanel: boolean,\n  isMobile: boolean,\n  isSplitPanelOpen?: boolean,\n  isToolsOpen?: boolean,\n  toolsHide?: boolean\n) {\n  let hasToolsForm = false;\n\n  if (!isMobile) {\n    // Both the Split Panel and Tools button are needed\n    if (hasSplitPanel && !toolsHide) {\n      hasToolsForm = true;\n    }\n\n    // The Split Panel button is needed\n    if (hasSplitPanel && !isSplitPanelOpen && toolsHide) {\n      hasToolsForm = true;\n    }\n\n    // The Tools button is needed\n    if (!hasSplitPanel && !toolsHide && !isToolsOpen) {\n      hasToolsForm = true;\n    }\n  }\n\n  return hasToolsForm;\n}\n\n/**\n * Under two scenarios the Tools form that contains the triggers\n * for the Tools content and the Split Panel may be persistent\n * in the UI (as opposed to disappearing when one of the drawers\n * is open). This will also add a white background as opposed to the\n * default transparent background. The buttons will present and in a\n * selected / not selected state.\n */\nfunction getToolsFormPersistence(\n  hasSplitPanel: boolean,\n  isSplitPanelOpen?: boolean,\n  isToolsOpen?: boolean,\n  toolsHide?: boolean\n) {\n  let hasToolsFormPersistence = false;\n\n  // Both Tools and Split Panel exist and one or both is open\n  if (hasSplitPanel && !toolsHide && (isSplitPanelOpen || isToolsOpen)) {\n    hasToolsFormPersistence = true;\n  }\n\n  return hasToolsFormPersistence;\n}\n"]}

package/area-chart/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "series": "awsui_series_y1yrh_u5bx8_93",
-  "root": "awsui_root_y1yrh_u5bx8_111",
-  "has-default-filter": "awsui_has-default-filter_y1yrh_u5bx8_126",
-  "chart-container": "awsui_chart-container_y1yrh_u5bx8_130",
-  "chart-container__vertical": "awsui_chart-container__vertical_y1yrh_u5bx8_136",
-  "chart-container__horizontal": "awsui_chart-container__horizontal_y1yrh_u5bx8_142",
-  "content": "awsui_content_y1yrh_u5bx8_146",
-  "content--reserve-filter": "awsui_content--reserve-filter_y1yrh_u5bx8_153",
-  "content--reserve-legend": "awsui_content--reserve-legend_y1yrh_u5bx8_157",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_u5bx8_169",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_u5bx8_173",
-  "series--threshold": "awsui_series--threshold_y1yrh_u5bx8_177",
-  "popover-divider": "awsui_popover-divider_y1yrh_u5bx8_182"
+  "series": "awsui_series_y1yrh_1q068_93",
+  "root": "awsui_root_y1yrh_1q068_111",
+  "has-default-filter": "awsui_has-default-filter_y1yrh_1q068_126",
+  "chart-container": "awsui_chart-container_y1yrh_1q068_130",
+  "chart-container__vertical": "awsui_chart-container__vertical_y1yrh_1q068_136",
+  "chart-container__horizontal": "awsui_chart-container__horizontal_y1yrh_1q068_142",
+  "content": "awsui_content_y1yrh_1q068_146",
+  "content--reserve-filter": "awsui_content--reserve-filter_y1yrh_1q068_153",
+  "content--reserve-legend": "awsui_content--reserve-legend_y1yrh_1q068_157",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_1q068_169",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_1q068_173",
+  "series--threshold": "awsui_series--threshold_y1yrh_1q068_177",
+  "popover-divider": "awsui_popover-divider_y1yrh_1q068_182"
 };
   

package/area-chart/styles.scoped.css

@@ -90,16 +90,16 @@ 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_series_y1yrh_u5bx8_93 > rect:not(#\9) {
-  transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
+.awsui_series_y1yrh_1q068_93 > rect:not(#\9) {
+  transition: opacity var(--motion-duration-transition-quick-dm1zcq, 90ms) var(--motion-easing-transition-quick-74hmmw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_y1yrh_u5bx8_93 > rect:not(#\9) {
+  .awsui_series_y1yrh_1q068_93 > rect:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_y1yrh_u5bx8_93 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_u5bx8_93 > rect:not(#\9) {
+.awsui-motion-disabled .awsui_series_y1yrh_1q068_93 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_1q068_93 > rect:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -108,7 +108,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_y1yrh_u5bx8_111:not(#\9) {
+.awsui_root_y1yrh_1q068_111:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -138,74 +138,74 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-size: var(--font-body-m-size-cqtcam, 14px);
+  line-height: var(--font-body-m-line-height-83azrc, 22px);
+  color: var(--color-text-body-default-01bwmw, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   position: relative;
   display: block;
 }
 
-.awsui_has-default-filter_y1yrh_u5bx8_126 > :not(#\9):first-child {
+.awsui_has-default-filter_y1yrh_1q068_126 > :not(#\9):first-child {
   flex: 280px 0 1;
 }
 
-.awsui_chart-container_y1yrh_u5bx8_130:not(#\9) {
+.awsui_chart-container_y1yrh_1q068_130:not(#\9) {
   display: flex;
   width: 100%;
   flex-direction: column;
 }
 
-.awsui_chart-container__vertical_y1yrh_u5bx8_136:not(#\9) {
+.awsui_chart-container__vertical_y1yrh_1q068_136:not(#\9) {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
 
-.awsui_chart-container__horizontal_y1yrh_u5bx8_142:not(#\9) {
+.awsui_chart-container__horizontal_y1yrh_1q068_142:not(#\9) {
   display: flex;
 }
 
-.awsui_content_y1yrh_u5bx8_146:not(#\9) {
+.awsui_content_y1yrh_1q068_146:not(#\9) {
   display: flex;
   position: relative;
   justify-content: center;
   align-items: center;
 }
 
-.awsui_content--reserve-filter_y1yrh_u5bx8_153:not(#\9) {
-  margin-top: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
+.awsui_content--reserve-filter_y1yrh_1q068_153:not(#\9) {
+  margin-top: calc(2 * var(--font-body-m-line-height-83azrc, 22px));
 }
 
-.awsui_content--reserve-legend_y1yrh_u5bx8_157:not(#\9) {
-  margin-bottom: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
+.awsui_content--reserve-legend_y1yrh_1q068_157:not(#\9) {
+  margin-bottom: calc(2 * var(--font-body-m-line-height-83azrc, 22px));
 }
 
-.awsui_series_y1yrh_u5bx8_93:not(#\9) {
+.awsui_series_y1yrh_1q068_93:not(#\9) {
   display: block;
-  stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
+  stroke-width: var(--border-line-chart-width-2yp0z7, 2px);
   fill: none;
   stroke-linecap: round;
-  stroke-linejoin: var(--border-line-chart-line-join-nan7pn, round);
+  stroke-linejoin: var(--border-line-chart-line-join-zodviy, round);
 }
 
-.awsui_series--highlighted_y1yrh_u5bx8_169:not(#\9) {
+.awsui_series--highlighted_y1yrh_1q068_169:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series--dimmed_y1yrh_u5bx8_173:not(#\9) {
+.awsui_series--dimmed_y1yrh_1q068_173:not(#\9) {
   opacity: 0.3;
 }
 
-.awsui_series--threshold_y1yrh_u5bx8_177:not(#\9) {
-  stroke-dasharray: var(--border-line-chart-dash-array-4wa4ab, 3 5);
-  stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
+.awsui_series--threshold_y1yrh_1q068_177:not(#\9) {
+  stroke-dasharray: var(--border-line-chart-dash-array-ayiln3, 3 5);
+  stroke-width: var(--border-line-chart-width-2yp0z7, 2px);
 }
 
-.awsui_popover-divider_y1yrh_u5bx8_182:not(#\9) {
-  margin: var(--space-xxs-ynfts5, 4px) 0;
-  border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
+.awsui_popover-divider_y1yrh_1q068_182:not(#\9) {
+  margin: var(--space-xxs-a6783b, 4px) 0;
+  border-bottom: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
 }

package/area-chart/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "series": "awsui_series_y1yrh_u5bx8_93",
-  "root": "awsui_root_y1yrh_u5bx8_111",
-  "has-default-filter": "awsui_has-default-filter_y1yrh_u5bx8_126",
-  "chart-container": "awsui_chart-container_y1yrh_u5bx8_130",
-  "chart-container__vertical": "awsui_chart-container__vertical_y1yrh_u5bx8_136",
-  "chart-container__horizontal": "awsui_chart-container__horizontal_y1yrh_u5bx8_142",
-  "content": "awsui_content_y1yrh_u5bx8_146",
-  "content--reserve-filter": "awsui_content--reserve-filter_y1yrh_u5bx8_153",
-  "content--reserve-legend": "awsui_content--reserve-legend_y1yrh_u5bx8_157",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_u5bx8_169",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_u5bx8_173",
-  "series--threshold": "awsui_series--threshold_y1yrh_u5bx8_177",
-  "popover-divider": "awsui_popover-divider_y1yrh_u5bx8_182"
+  "series": "awsui_series_y1yrh_1q068_93",
+  "root": "awsui_root_y1yrh_1q068_111",
+  "has-default-filter": "awsui_has-default-filter_y1yrh_1q068_126",
+  "chart-container": "awsui_chart-container_y1yrh_1q068_130",
+  "chart-container__vertical": "awsui_chart-container__vertical_y1yrh_1q068_136",
+  "chart-container__horizontal": "awsui_chart-container__horizontal_y1yrh_1q068_142",
+  "content": "awsui_content_y1yrh_1q068_146",
+  "content--reserve-filter": "awsui_content--reserve-filter_y1yrh_1q068_153",
+  "content--reserve-legend": "awsui_content--reserve-legend_y1yrh_1q068_157",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_1q068_169",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_1q068_173",
+  "series--threshold": "awsui_series--threshold_y1yrh_1q068_177",
+  "popover-divider": "awsui_popover-divider_y1yrh_1q068_182"
 };
   

package/attribute-editor/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_roecl_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_roecl_1",
-  "root": "awsui_root_n4qlp_roecl_119",
-  "empty": "awsui_empty_n4qlp_roecl_93",
-  "row": "awsui_row_n4qlp_roecl_139",
-  "row-control": "awsui_row-control_n4qlp_roecl_143",
-  "field": "awsui_field_n4qlp_roecl_147",
-  "add-button": "awsui_add-button_n4qlp_roecl_151",
-  "remove-button": "awsui_remove-button_n4qlp_roecl_155",
-  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_roecl_159",
-  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_roecl_163",
-  "divider": "awsui_divider_n4qlp_roecl_167",
-  "additional-info": "awsui_additional-info_n4qlp_roecl_171",
-  "right-align": "awsui_right-align_n4qlp_roecl_217"
+  "empty-appear": "awsui_empty-appear_n4qlp_1crna_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1crna_1",
+  "root": "awsui_root_n4qlp_1crna_119",
+  "empty": "awsui_empty_n4qlp_1crna_93",
+  "row": "awsui_row_n4qlp_1crna_139",
+  "row-control": "awsui_row-control_n4qlp_1crna_143",
+  "field": "awsui_field_n4qlp_1crna_147",
+  "add-button": "awsui_add-button_n4qlp_1crna_151",
+  "remove-button": "awsui_remove-button_n4qlp_1crna_155",
+  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_1crna_159",
+  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_1crna_163",
+  "divider": "awsui_divider_n4qlp_1crna_167",
+  "additional-info": "awsui_additional-info_n4qlp_1crna_171",
+  "right-align": "awsui_right-align_n4qlp_1crna_217"
 };