@cloudscape-design/components-themeable 3.0.1120 → 3.0.1122

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "d52c074d07d2880ee17b6cd8f32a66b8a2336952"
+  "commit": "627449bac581fbd30010a574d93ece086dc1a320"
 }

package/lib/internal/scss/box/text.scss

@@ -53,6 +53,17 @@
       font-weight: awsui.$font-box-value-large-weight;
       color: inherit;
     }
+    &.inline-code-variant {
+      @include base-styles.code-extra-defaults;
+      @include styles.font-body-s;
+      border-start-start-radius: awsui.$space-static-xxs;
+      border-start-end-radius: awsui.$space-static-xxs;
+      border-end-start-radius: awsui.$space-static-xxs;
+      border-end-end-radius: awsui.$space-static-xxs;
+      background-color: awsui.$color-background-inline-code;
+      padding-block: awsui.$space-static-xxxs;
+      padding-inline: awsui.$space-static-xxs;
+    }
     &.h1-variant.font-weight-default,
     &.h2-variant.font-weight-default,
     &.h3-variant.font-weight-default,

package/lib/internal/scss/cards/analytics-metadata/styles.scss

@@ -0,0 +1,16 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+
+.container {
+  /* used in analytics metadata */
+}
+
+.cards-list {
+  /* used in analytics metadata */
+}
+
+.card-header {
+  /* used in analytics metadata */
+}

package/lib/internal/scss/file-token-group/styles.scss

@@ -6,7 +6,7 @@
 @use '../internal/styles/tokens' as awsui;
 @use '../internal/styles' as styles;
 @use './constants' as constants;
-@use '../token-group/mixins.scss' as mixins;
+@use '../token/mixins.scss' as mixins;
 @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
 
 @mixin token-box-validation {

package/lib/internal/scss/internal/components/button-trigger/styles.scss

@@ -6,7 +6,7 @@
 @use '../../styles' as styles;
 @use '../../styles/tokens' as awsui;
 @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
-@use '../../../token-group/constants' as tokenGroup;
+@use '../../../token/constants' as token;
 
 @use './motion';
 
@@ -40,7 +40,7 @@ $padding-block-inner-filtering-token: 0px;
     border-block-width: awsui.$border-width-token;
     border-inline-width: awsui.$border-width-token;
 
-    border-color: tokenGroup.$token-border-color;
+    border-color: token.$token-border-color;
     border-start-end-radius: 0;
     border-end-end-radius: 0;
     block-size: 100%;

package/lib/internal/scss/internal/components/drag-handle-wrapper/motion.scss

@@ -71,12 +71,20 @@
   #{custom-props.$dragHandleAnimationBlockOffset}: -20px;
 }
 
-.direction-button-wrapper-inline-start,
-.direction-button-wrapper-inline-end.direction-button-wrapper-rtl {
-  #{custom-props.$dragHandleAnimationInlineOffset}: 20px;
+.direction-button-wrapper-inline-start {
+  @include styles.with-direction('ltr') {
+    #{custom-props.$dragHandleAnimationInlineOffset}: 20px;
+  }
+  @include styles.with-direction('rtl') {
+    #{custom-props.$dragHandleAnimationInlineOffset}: -20px;
+  }
 }
 
-.direction-button-wrapper-inline-end,
-.direction-button-wrapper-inline-start.direction-button-wrapper-rtl {
-  #{custom-props.$dragHandleAnimationInlineOffset}: -20px;
+.direction-button-wrapper-inline-end {
+  @include styles.with-direction('ltr') {
+    #{custom-props.$dragHandleAnimationInlineOffset}: -20px;
+  }
+  @include styles.with-direction('rtl') {
+    #{custom-props.$dragHandleAnimationInlineOffset}: 20px;
+  }
 }

package/lib/internal/scss/internal/components/drag-handle-wrapper/styles.scss

@@ -11,9 +11,8 @@ $direction-button-wrapper-size: calc(#{awsui.$space-static-xl} + 2 * #{awsui.$sp
 $direction-button-size: awsui.$space-static-xl;
 $direction-button-offset: awsui.$space-static-xxs;
 
-.drag-handle-wrapper {
-  position: relative;
-  display: inline-block;
+.contents {
+  display: contents;
 }
 
 .portal-overlay {
@@ -35,7 +34,7 @@ $direction-button-offset: awsui.$space-static-xxs;
 
 .drag-handle {
   position: relative;
-  display: flex;
+  display: inline-flex;
 }
 
 .direction-button-wrapper {

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss

@@ -1,6 +1,6 @@
 
     // Build environment
-    $awsui-commit-hash: "d52c074d";
+    $awsui-commit-hash: "627449ba";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-vl73au;
 $minContentWidth: --awsui-min-content-width-vl73au;

package/lib/internal/scss/property-filter/filtering-token/styles.scss

@@ -6,7 +6,7 @@
 @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
 @use '../../internal/styles' as styles;
 @use '../../internal/styles/tokens' as awsui;
-@use '../../token-group/constants' as constants;
+@use '../../token/constants' as constants;
 
 $token-padding-block: styles.$control-padding-vertical;
 $token-padding-inline: styles.$control-padding-horizontal;

package/lib/internal/scss/select/parts/styles.scss

@@ -61,6 +61,7 @@ $inlineLabel-border-radius: 2px;
 
 .selected-icon {
   color: awsui.$color-item-selected;
+  padding-inline-start: awsui.$space-xs;
 }
 
 .show-label-tag > .selected-icon {
@@ -88,31 +89,6 @@ $inlineLabel-border-radius: 2px;
   @include styles.with-direction('rtl') {
     mask-image: linear-gradient(-270deg, transparent, white 20px, white);
   }
-
-  > .inline-token {
-    display: flex;
-    align-items: center;
-    min-inline-size: max-content;
-    block-size: 18px;
-
-    border-block: awsui.$border-width-token solid awsui.$color-border-item-selected;
-    border-inline: awsui.$border-width-token solid awsui.$color-border-item-selected;
-    padding-block: 0;
-    padding-inline: awsui.$space-xxs;
-    background: awsui.$color-background-item-selected;
-    border-start-start-radius: awsui.$border-radius-token;
-    border-start-end-radius: awsui.$border-radius-token;
-    border-end-start-radius: awsui.$border-radius-token;
-    border-end-end-radius: awsui.$border-radius-token;
-    color: awsui.$color-text-body-default;
-  }
-}
-
-.visual-refresh > .inline-token-list > .inline-token {
-  border-start-start-radius: awsui.$border-radius-badge;
-  border-start-end-radius: awsui.$border-radius-badge;
-  border-end-start-radius: awsui.$border-radius-badge;
-  border-end-end-radius: awsui.$border-radius-badge;
 }
 
 .inline-token-hidden-placeholder {
@@ -122,13 +98,6 @@ $inlineLabel-border-radius: 2px;
 .inline-token-counter {
   white-space: nowrap;
 }
-.inline-token-trigger--disabled {
-  > .inline-token-list > .inline-token {
-    border-color: awsui.$color-border-control-disabled;
-    background-color: awsui.$color-background-container-content;
-    color: awsui.$color-text-disabled;
-  }
-}
 
 .inline-label-trigger-wrapper {
   margin-block-start: -7px;

package/lib/internal/scss/table/resizer/styles.scss

@@ -15,11 +15,27 @@
 
 $handle-width: awsui.$space-xl;
 $active-separator-width: 2px;
+$block-gap: calc(2 * #{awsui.$space-xs} + #{awsui.$space-xxxs});
+
+.resizer-wrapper {
+  inset-block: 0;
+  position: absolute;
+  inset-inline-end: calc(-1 * #{$handle-width} / 2);
+  inline-size: $handle-width;
+  overflow: hidden;
+  z-index: 10;
+
+  th:last-child > &:has(.divider-interactive):not(.is-visual-refresh) {
+    inset-inline-end: 0;
+  }
+}
+
+.resizer-button-wrapper {
+  block-size: 100%;
+}
 
 th:not(:last-child) > .divider,
 .divider-interactive {
-  $gap: calc(2 * #{awsui.$space-xs} + #{awsui.$space-xxxs});
-
   position: absolute;
   outline: none;
   pointer-events: none;
@@ -27,24 +43,25 @@ th:not(:last-child) > .divider,
   inset-block-end: 0;
   inset-block-start: 0;
   min-block-size: awsui.$line-height-heading-xs;
-  max-block-size: calc(100% - #{$gap});
+  max-block-size: calc(100% - #{$block-gap});
   margin-block: auto;
   margin-inline: auto;
   border-inline-start: awsui.$border-item-width solid awsui.$color-border-divider-interactive-default;
   box-sizing: border-box;
+}
 
-  &-disabled {
-    border-inline-start-color: awsui.$color-border-divider-default;
-  }
-  &-active {
-    border-inline-start: $active-separator-width solid awsui.$color-border-divider-active;
-  }
+th:not(:last-child) > .divider-disabled {
+  border-inline-start-color: awsui.$color-border-divider-default;
 }
 
-th:last-child > .divider-interactive:not(.is-visual-refresh) {
+.divider-interactive {
   inset-inline-end: calc(#{$handle-width} / 2);
 }
 
+.divider-active {
+  border-inline-start: $active-separator-width solid awsui.$color-border-divider-active;
+}
+
 .resizer {
   @include styles.styles-reset;
   border-block: none;
@@ -52,10 +69,8 @@ th:last-child > .divider-interactive:not(.is-visual-refresh) {
   background: none;
   inset-block: 0;
   cursor: col-resize;
-  position: absolute;
-  inset-inline-end: calc(-1 * #{$handle-width} / 2);
+  block-size: 100%;
   inline-size: $handle-width;
-  z-index: 10;
   &:focus {
     outline: none;
     text-decoration: none;
@@ -70,9 +85,6 @@ th:last-child > .divider-interactive:not(.is-visual-refresh) {
   &.has-focus {
     @include focus-visible.when-visible-unfocused {
       @include styles.focus-highlight(calc(#{awsui.$space-table-header-focus-outline-gutter} - 2px));
-      & {
-        position: absolute;
-      }
     }
   }
 }

package/lib/internal/scss/token/analytics-metadata/styles.scss

@@ -0,0 +1,8 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+
+.token {
+  /* used in analytics metadata */
+}

package/lib/internal/scss/{token-group → token}/constants.scss

@@ -8,3 +8,5 @@
 
 $token-background: awsui.$color-background-item-selected;
 $token-border-color: awsui.$color-border-item-selected;
+$token-max-height-inline: 20px;
+$icon-width: 16px;

package/lib/internal/scss/{token-group → token}/mixins.scss

@@ -25,3 +25,23 @@
   color: awsui.$color-text-body-default;
   box-sizing: border-box;
 }
+
+@mixin token-box-inline-styles {
+  position: relative;
+  block-size: constants.$token-max-height-inline;
+  max-block-size: constants.$token-max-height-inline;
+  border-block: awsui.$border-width-field solid constants.$token-border-color;
+  border-inline: awsui.$border-width-field solid constants.$token-border-color;
+  padding-inline-start: awsui.$space-scaled-xxs;
+  padding-inline-end: awsui.$space-scaled-xxs;
+  display: flex;
+  align-items: center;
+  background: constants.$token-background;
+  border-start-start-radius: awsui.$space-scaled-xxs;
+  border-start-end-radius: awsui.$space-scaled-xxs;
+  border-end-start-radius: awsui.$space-scaled-xxs;
+  border-end-end-radius: awsui.$space-scaled-xxs;
+  color: awsui.$color-text-body-default;
+  box-sizing: border-box;
+  max-inline-size: 100%;
+}

package/lib/internal/scss/token/styles.scss

@@ -0,0 +1,119 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+
+@use '../internal/styles' as styles;
+@use '../internal/styles/tokens' as awsui;
+@use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
+@use './constants' as constants;
+@use './mixins.scss' as mixins;
+
+.root {
+  @include styles.styles-reset;
+}
+
+.dismiss-button {
+  align-self: flex-start;
+  margin-block-end: 0;
+  margin-inline-start: awsui.$space-xxs;
+  border-block: awsui.$border-width-field solid transparent;
+  border-inline: awsui.$border-width-field solid transparent;
+  padding-block: 0;
+  padding-inline: awsui.$space-xxs;
+  color: awsui.$color-text-button-inline-icon-default;
+  background-color: transparent;
+  cursor: pointer;
+
+  @include focus-visible.when-visible {
+    @include styles.focus-highlight(0px);
+  }
+
+  &:focus {
+    outline: none;
+    text-decoration: none;
+  }
+
+  &:hover {
+    color: awsui.$color-text-button-inline-icon-hover;
+  }
+
+  &-inline {
+    padding-inline: 0;
+    display: flex;
+    align-items: center;
+    align-self: center;
+  }
+}
+
+.icon {
+  padding-inline-end: awsui.$space-xs;
+  align-self: flex-start;
+  display: flex;
+  flex-shrink: 0;
+
+  &-inline {
+    padding-inline-end: awsui.$space-xxs;
+    align-self: center;
+  }
+}
+
+.token-normal {
+  block-size: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: awsui.$space-xxs;
+}
+
+.token-inline {
+  display: inline-flex;
+  max-inline-size: 100%;
+
+  @include focus-visible.when-visible {
+    @include styles.focus-highlight(0px);
+  }
+}
+
+.token-option-inline {
+  max-block-size: constants.$token-max-height-inline;
+}
+
+.token-box {
+  @include mixins.token-box-styles();
+
+  &-without-dismiss {
+    padding-inline-end: styles.$control-padding-horizontal;
+  }
+}
+
+.token-box-inline {
+  @include mixins.token-box-inline-styles();
+}
+
+.disable-padding {
+  padding-block-start: 0;
+  padding-block-end: 0;
+  padding-inline-start: 0;
+  padding-inline-end: 0;
+}
+
+.token-box-readonly,
+.token-box-disabled {
+  border-color: awsui.$color-border-input-disabled;
+  background-color: awsui.$color-background-container-content;
+  pointer-events: none;
+
+  > .dismiss-button {
+    color: awsui.$color-text-button-inline-icon-disabled;
+    cursor: initial;
+
+    &:hover {
+      color: awsui.$color-text-button-inline-icon-disabled;
+    }
+  }
+}
+
+.token-box-disabled {
+  border-color: awsui.$color-border-control-disabled;
+  color: awsui.$color-text-disabled;
+}

package/lib/internal/scss/token/test-classes/styles.scss

@@ -0,0 +1,8 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.root,
+.dismiss-button {
+  /* used in test-utils */
+}

package/lib/internal/scss/token-group/styles.scss

@@ -5,9 +5,11 @@
 
 @use '../internal/styles' as styles;
 @use '../internal/styles/tokens' as awsui;
-@use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
-@use './constants' as constants;
-@use './mixins.scss' as mixins;
+
+.dismiss-button,
+.token {
+  /* used in test-utils */
+}
 
 .root {
   @include styles.styles-reset;
@@ -16,72 +18,3 @@
     padding-block-start: awsui.$space-xs;
   }
 }
-
-.dismiss-button {
-  margin-block-start: -1px;
-  margin-block-end: 0;
-  margin-inline-start: awsui.$space-xxs;
-  margin-inline-end: -1px;
-  border-block: 1px solid transparent;
-  border-inline: 1px solid transparent;
-  padding-block: 0;
-  padding-inline: awsui.$space-xxs;
-  color: awsui.$color-text-button-inline-icon-default;
-  background-color: transparent;
-
-  @include focus-visible.when-visible {
-    @include styles.focus-highlight(0px);
-  }
-
-  &:focus {
-    outline: none;
-    text-decoration: none;
-  }
-
-  &:hover {
-    cursor: pointer;
-    color: awsui.$color-text-button-inline-icon-hover;
-  }
-}
-
-.token {
-  block-size: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: awsui.$space-xxs;
-}
-
-.token-box {
-  @include mixins.token-box-styles();
-}
-
-.token-box-readonly {
-  border-color: awsui.$color-border-input-disabled;
-  background-color: awsui.$color-background-container-content;
-  pointer-events: none;
-
-  > .dismiss-button {
-    color: awsui.$color-text-button-inline-icon-disabled;
-
-    &:hover {
-      /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-      cursor: initial;
-      color: awsui.$color-text-button-inline-icon-disabled;
-    }
-  }
-}
-.token-box-disabled.token-box-disabled {
-  border-color: awsui.$color-border-control-disabled;
-  background-color: awsui.$color-background-container-content;
-  color: awsui.$color-text-disabled;
-  pointer-events: none;
-
-  > .dismiss-button {
-    color: awsui.$color-text-button-inline-icon-disabled;
-
-    &:hover {
-      cursor: initial;
-      color: awsui.$color-text-button-inline-icon-disabled;
-    }
-  }
-}

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { AppLayoutProps } from '../../interfaces';
-import { OnChangeParams } from '../../utils/use-ai-drawer';
 import { FocusControlState } from '../../utils/use-focus-control';
 import { AppLayoutInternals, InternalDrawer } from '../interfaces';
+import { OnChangeParams } from '../state/use-ai-drawer';
 interface AIDrawerProps {
     activeAiDrawerSize: number;
     minAiDrawerSize: number;

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"global-ai-drawer.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAOnE,UAAU,aAAa;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC5C,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,GAAG,CAAC;IAChB,oBAAoB,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACpD,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACpD,sBAAsB,EAAE,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC,CAAC;IACpG,oBAAoB,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrE,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED,UAAU,0CAA0C;IAClD,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,wBAAgB,qCAAqC,CAAC,EACpD,kBAAkB,EAClB,IAAI,EACJ,cAAc,EACd,aAAa,GACd,EAAE,0CAA0C,eAyL5C"}
+{"version":3,"file":"global-ai-drawer.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAOxD,UAAU,aAAa;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC5C,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,GAAG,CAAC;IAChB,oBAAoB,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACpD,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACpD,sBAAsB,EAAE,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC,CAAC;IACpG,oBAAoB,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrE,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED,UAAU,0CAA0C;IAClD,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,wBAAgB,qCAAqC,CAAC,EACpD,kBAAkB,EAClB,IAAI,EACJ,cAAc,EACd,aAAa,GACd,EAAE,0CAA0C,eAyL5C"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"global-ai-drawer.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport clsx from 'clsx';\n\nimport { InternalItemOrGroup } from '../../../button-group/interfaces';\nimport ButtonGroup from '../../../button-group/internal';\nimport PanelResizeHandle from '../../../internal/components/panel-resize-handle';\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { usePrevious } from '../../../internal/hooks/use-previous';\nimport { getLimitedValue } from '../../../split-panel/utils/size-utils';\nimport { AppLayoutProps } from '../../interfaces';\nimport { OnChangeParams } from '../../utils/use-ai-drawer';\nimport { FocusControlState } from '../../utils/use-focus-control';\nimport { AppLayoutInternals, InternalDrawer } from '../interfaces';\nimport { useResize } from './use-resize';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface AIDrawerProps {\n  activeAiDrawerSize: number;\n  minAiDrawerSize: number;\n  aiDrawer: AppLayoutProps.Drawer | undefined;\n  maxAiDrawerSize: number;\n  ariaLabels: any;\n  aiDrawerFocusControl: FocusControlState | undefined;\n  isMobile: boolean;\n  drawersOpenQueue: ReadonlyArray<string> | undefined;\n  onActiveAiDrawerChange: undefined | ((newDrawerId: string | null, params?: OnChangeParams) => void);\n  onActiveDrawerResize: (detail: { id: string; size: number }) => void;\n  expandedDrawerId?: string | null;\n  setExpandedDrawerId: (value: string | null) => void;\n}\n\ninterface AppLayoutGlobalAiDrawerImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  show: boolean;\n  activeAiDrawer: InternalDrawer | null;\n  aiDrawerProps: AIDrawerProps;\n}\n\nexport function AppLayoutGlobalAiDrawerImplementation({\n  appLayoutInternals,\n  show,\n  activeAiDrawer,\n  aiDrawerProps,\n}: AppLayoutGlobalAiDrawerImplementationProps) {\n  const {\n    activeAiDrawerSize,\n    minAiDrawerSize,\n    maxAiDrawerSize,\n    ariaLabels,\n    aiDrawerFocusControl,\n    isMobile,\n    drawersOpenQueue,\n    onActiveAiDrawerChange,\n    onActiveDrawerResize,\n    expandedDrawerId,\n    setExpandedDrawerId,\n  } = aiDrawerProps;\n  const { verticalOffsets, placement } = appLayoutInternals;\n  const drawerRef = useRef<HTMLDivElement>(null);\n  const activeDrawerId = activeAiDrawer?.id;\n\n  const computedAriaLabels = {\n    closeButton: activeAiDrawer ? activeAiDrawer.ariaLabels?.closeButton : ariaLabels?.toolsClose,\n    content: activeAiDrawer ? activeAiDrawer.ariaLabels?.drawerName : ariaLabels?.tools,\n  };\n\n  const resizeProps = useResize({\n    currentWidth: activeAiDrawerSize,\n    minWidth: minAiDrawerSize,\n    maxWidth: maxAiDrawerSize,\n    panelRef: drawerRef,\n    handleRef: aiDrawerFocusControl!.refs.slider,\n    onResize: size => {\n      onActiveDrawerResize({ id: activeDrawerId!, size });\n    },\n    position: 'side-start',\n  });\n  const size = getLimitedValue(minAiDrawerSize, activeAiDrawerSize, maxAiDrawerSize);\n  const isExpanded = activeAiDrawer?.isExpandable && expandedDrawerId === activeDrawerId;\n  const wasExpanded = usePrevious(isExpanded);\n  const animationDisabled =\n    (activeAiDrawer?.defaultActive && !drawersOpenQueue?.includes(activeAiDrawer.id)) || (wasExpanded && !isExpanded);\n  const drawerHeight = `calc(100vh - ${verticalOffsets.toolbar + placement.insetBlockEnd}px)`;\n  // disable resizing when the drawer is at its minimum width in a \"squeezed\" state\n  // (window is between mobile and desktop sizes). At this point, the drawer can't be\n  // resized in either direction, so we disable the resize handler\n  const isResizingDisabled = maxAiDrawerSize < activeAiDrawerSize;\n  let drawerActions: ReadonlyArray<InternalItemOrGroup> = [\n    {\n      type: 'icon-button',\n      id: 'close',\n      iconName: isMobile ? 'close' : 'angle-left',\n      text: computedAriaLabels.closeButton,\n      analyticsAction: 'close',\n    },\n  ];\n  if (!isMobile && activeAiDrawer?.isExpandable) {\n    drawerActions = [\n      {\n        type: 'icon-button',\n        id: 'expand',\n        iconName: isExpanded ? 'shrink' : 'expand',\n        text: activeAiDrawer?.ariaLabels?.expandedModeButton ?? '',\n        analyticsAction: isExpanded ? 'expand' : 'collapse',\n      },\n      ...drawerActions,\n    ];\n  }\n  if (activeAiDrawer?.headerActions) {\n    drawerActions = [\n      {\n        type: 'group',\n        text: 'Actions',\n        items: activeAiDrawer.headerActions!,\n      },\n      ...drawerActions,\n    ];\n  }\n\n  return (\n    <Transition nodeRef={drawerRef} in={show} appear={show} mountOnEnter={true} timeout={250}>\n      {drawerTransitionState => {\n        return (\n          <Transition nodeRef={drawerRef} in={isExpanded} timeout={250}>\n            {expandedTransitionState => {\n              return (\n                <aside\n                  id={activeAiDrawer?.id}\n                  aria-hidden={!activeAiDrawer}\n                  aria-label={computedAriaLabels.content}\n                  className={clsx(\n                    styles.drawer,\n                    styles['ai-drawer'],\n                    !animationDisabled && isExpanded && styles['with-expanded-motion'],\n                    {\n                      [sharedStyles['with-motion-horizontal']]: !animationDisabled,\n                      [testutilStyles['active-drawer']]: show,\n                      [styles['drawer-hidden']]: !show && drawerTransitionState === 'exited',\n                      [testutilStyles['drawer-closed']]: !activeAiDrawer,\n                      [styles['drawer-expanded']]: isExpanded,\n                    }\n                  )}\n                  ref={drawerRef}\n                  onBlur={e => {\n                    if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget)) {\n                      aiDrawerFocusControl?.loseFocus();\n                    }\n                  }}\n                  style={{\n                    blockSize: drawerHeight,\n                    insetBlockStart: `${placement.insetBlockStart}px`,\n                    ...(!isMobile && {\n                      [customCssProps.drawerMinSize]: `${size}px`,\n                      [customCssProps.drawerSize]: `${['entering', 'entered'].includes(drawerTransitionState) ? size : 0}px`,\n                    }),\n                  }}\n                  data-testid={activeDrawerId && `awsui-app-layout-drawer-${activeDrawerId}`}\n                >\n                  {!isMobile && activeAiDrawer?.resizable && (!isExpanded || expandedTransitionState !== 'entered') && (\n                    <div className={styles['drawer-slider']}>\n                      <PanelResizeHandle\n                        ref={aiDrawerFocusControl?.refs.slider}\n                        position=\"side-start\"\n                        className={clsx(testutilStyles['drawers-slider'], styles['ai-drawer-slider-handle'])}\n                        ariaLabel={activeAiDrawer?.ariaLabels?.resizeHandle}\n                        tooltipText={activeAiDrawer?.ariaLabels?.resizeHandleTooltipText}\n                        ariaValuenow={resizeProps.relativeSize}\n                        onKeyDown={resizeProps.onKeyDown}\n                        onPointerDown={resizeProps.onPointerDown}\n                        onDirectionClick={resizeProps.onDirectionClick}\n                        disabled={isResizingDisabled}\n                      />\n                    </div>\n                  )}\n                  <div className={clsx(styles['drawer-content-container'], sharedStyles['with-motion-horizontal'])}>\n                    <div className={styles['drawer-content']}>\n                      <header className={styles['drawer-content-header']}>\n                        <div className={styles['drawer-content-header-content']}>\n                          {activeAiDrawer?.header ?? <div />}\n                          <div className={styles['drawer-actions']}>\n                            <ButtonGroup\n                              dropdownExpandToViewport={false}\n                              variant=\"icon\"\n                              onItemClick={event => {\n                                switch (event.detail.id) {\n                                  case 'close':\n                                    onActiveAiDrawerChange?.(null, { initiatedByUserAction: true });\n                                    break;\n                                  case 'expand':\n                                    setExpandedDrawerId(isExpanded ? null : activeDrawerId!);\n                                    break;\n                                  default:\n                                    activeAiDrawer?.onHeaderActionClick?.(event);\n                                }\n                              }}\n                              ariaLabel=\"Left panel actions\"\n                              items={drawerActions}\n                            />\n                          </div>\n                        </div>\n                        {!isMobile && isExpanded && activeAiDrawer?.ariaLabels?.exitExpandedModeButton && (\n                          <div className={styles['drawer-back-to-console-slot']}>\n                            <div className={styles['drawer-back-to-console-button-wrapper']}>\n                              <button\n                                className={clsx(\n                                  testutilStyles['active-ai-drawer-leave-expanded-mode-custom-button'],\n                                  styles['drawer-back-to-console-button']\n                                )}\n                                formAction=\"none\"\n                                onClick={() => setExpandedDrawerId(null)}\n                              >\n                                {activeAiDrawer?.ariaLabels?.exitExpandedModeButton}\n                              </button>\n                            </div>\n                          </div>\n                        )}\n                      </header>\n                      <div className={styles['drawer-content-content']}>{activeAiDrawer?.content}</div>\n                    </div>\n                  </div>\n                </aside>\n              );\n            }}\n          </Transition>\n        );\n      }}\n    </Transition>\n  );\n}\n"]}
+{"version":3,"file":"global-ai-drawer.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport clsx from 'clsx';\n\nimport { InternalItemOrGroup } from '../../../button-group/interfaces';\nimport ButtonGroup from '../../../button-group/internal';\nimport PanelResizeHandle from '../../../internal/components/panel-resize-handle';\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { usePrevious } from '../../../internal/hooks/use-previous';\nimport { getLimitedValue } from '../../../split-panel/utils/size-utils';\nimport { AppLayoutProps } from '../../interfaces';\nimport { FocusControlState } from '../../utils/use-focus-control';\nimport { AppLayoutInternals, InternalDrawer } from '../interfaces';\nimport { OnChangeParams } from '../state/use-ai-drawer';\nimport { useResize } from './use-resize';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface AIDrawerProps {\n  activeAiDrawerSize: number;\n  minAiDrawerSize: number;\n  aiDrawer: AppLayoutProps.Drawer | undefined;\n  maxAiDrawerSize: number;\n  ariaLabels: any;\n  aiDrawerFocusControl: FocusControlState | undefined;\n  isMobile: boolean;\n  drawersOpenQueue: ReadonlyArray<string> | undefined;\n  onActiveAiDrawerChange: undefined | ((newDrawerId: string | null, params?: OnChangeParams) => void);\n  onActiveDrawerResize: (detail: { id: string; size: number }) => void;\n  expandedDrawerId?: string | null;\n  setExpandedDrawerId: (value: string | null) => void;\n}\n\ninterface AppLayoutGlobalAiDrawerImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  show: boolean;\n  activeAiDrawer: InternalDrawer | null;\n  aiDrawerProps: AIDrawerProps;\n}\n\nexport function AppLayoutGlobalAiDrawerImplementation({\n  appLayoutInternals,\n  show,\n  activeAiDrawer,\n  aiDrawerProps,\n}: AppLayoutGlobalAiDrawerImplementationProps) {\n  const {\n    activeAiDrawerSize,\n    minAiDrawerSize,\n    maxAiDrawerSize,\n    ariaLabels,\n    aiDrawerFocusControl,\n    isMobile,\n    drawersOpenQueue,\n    onActiveAiDrawerChange,\n    onActiveDrawerResize,\n    expandedDrawerId,\n    setExpandedDrawerId,\n  } = aiDrawerProps;\n  const { verticalOffsets, placement } = appLayoutInternals;\n  const drawerRef = useRef<HTMLDivElement>(null);\n  const activeDrawerId = activeAiDrawer?.id;\n\n  const computedAriaLabels = {\n    closeButton: activeAiDrawer ? activeAiDrawer.ariaLabels?.closeButton : ariaLabels?.toolsClose,\n    content: activeAiDrawer ? activeAiDrawer.ariaLabels?.drawerName : ariaLabels?.tools,\n  };\n\n  const resizeProps = useResize({\n    currentWidth: activeAiDrawerSize,\n    minWidth: minAiDrawerSize,\n    maxWidth: maxAiDrawerSize,\n    panelRef: drawerRef,\n    handleRef: aiDrawerFocusControl!.refs.slider,\n    onResize: size => {\n      onActiveDrawerResize({ id: activeDrawerId!, size });\n    },\n    position: 'side-start',\n  });\n  const size = getLimitedValue(minAiDrawerSize, activeAiDrawerSize, maxAiDrawerSize);\n  const isExpanded = activeAiDrawer?.isExpandable && expandedDrawerId === activeDrawerId;\n  const wasExpanded = usePrevious(isExpanded);\n  const animationDisabled =\n    (activeAiDrawer?.defaultActive && !drawersOpenQueue?.includes(activeAiDrawer.id)) || (wasExpanded && !isExpanded);\n  const drawerHeight = `calc(100vh - ${verticalOffsets.toolbar + placement.insetBlockEnd}px)`;\n  // disable resizing when the drawer is at its minimum width in a \"squeezed\" state\n  // (window is between mobile and desktop sizes). At this point, the drawer can't be\n  // resized in either direction, so we disable the resize handler\n  const isResizingDisabled = maxAiDrawerSize < activeAiDrawerSize;\n  let drawerActions: ReadonlyArray<InternalItemOrGroup> = [\n    {\n      type: 'icon-button',\n      id: 'close',\n      iconName: isMobile ? 'close' : 'angle-left',\n      text: computedAriaLabels.closeButton,\n      analyticsAction: 'close',\n    },\n  ];\n  if (!isMobile && activeAiDrawer?.isExpandable) {\n    drawerActions = [\n      {\n        type: 'icon-button',\n        id: 'expand',\n        iconName: isExpanded ? 'shrink' : 'expand',\n        text: activeAiDrawer?.ariaLabels?.expandedModeButton ?? '',\n        analyticsAction: isExpanded ? 'expand' : 'collapse',\n      },\n      ...drawerActions,\n    ];\n  }\n  if (activeAiDrawer?.headerActions) {\n    drawerActions = [\n      {\n        type: 'group',\n        text: 'Actions',\n        items: activeAiDrawer.headerActions!,\n      },\n      ...drawerActions,\n    ];\n  }\n\n  return (\n    <Transition nodeRef={drawerRef} in={show} appear={show} mountOnEnter={true} timeout={250}>\n      {drawerTransitionState => {\n        return (\n          <Transition nodeRef={drawerRef} in={isExpanded} timeout={250}>\n            {expandedTransitionState => {\n              return (\n                <aside\n                  id={activeAiDrawer?.id}\n                  aria-hidden={!activeAiDrawer}\n                  aria-label={computedAriaLabels.content}\n                  className={clsx(\n                    styles.drawer,\n                    styles['ai-drawer'],\n                    !animationDisabled && isExpanded && styles['with-expanded-motion'],\n                    {\n                      [sharedStyles['with-motion-horizontal']]: !animationDisabled,\n                      [testutilStyles['active-drawer']]: show,\n                      [styles['drawer-hidden']]: !show && drawerTransitionState === 'exited',\n                      [testutilStyles['drawer-closed']]: !activeAiDrawer,\n                      [styles['drawer-expanded']]: isExpanded,\n                    }\n                  )}\n                  ref={drawerRef}\n                  onBlur={e => {\n                    if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget)) {\n                      aiDrawerFocusControl?.loseFocus();\n                    }\n                  }}\n                  style={{\n                    blockSize: drawerHeight,\n                    insetBlockStart: `${placement.insetBlockStart}px`,\n                    ...(!isMobile && {\n                      [customCssProps.drawerMinSize]: `${size}px`,\n                      [customCssProps.drawerSize]: `${['entering', 'entered'].includes(drawerTransitionState) ? size : 0}px`,\n                    }),\n                  }}\n                  data-testid={activeDrawerId && `awsui-app-layout-drawer-${activeDrawerId}`}\n                >\n                  {!isMobile && activeAiDrawer?.resizable && (!isExpanded || expandedTransitionState !== 'entered') && (\n                    <div className={styles['drawer-slider']}>\n                      <PanelResizeHandle\n                        ref={aiDrawerFocusControl?.refs.slider}\n                        position=\"side-start\"\n                        className={clsx(testutilStyles['drawers-slider'], styles['ai-drawer-slider-handle'])}\n                        ariaLabel={activeAiDrawer?.ariaLabels?.resizeHandle}\n                        tooltipText={activeAiDrawer?.ariaLabels?.resizeHandleTooltipText}\n                        ariaValuenow={resizeProps.relativeSize}\n                        onKeyDown={resizeProps.onKeyDown}\n                        onPointerDown={resizeProps.onPointerDown}\n                        onDirectionClick={resizeProps.onDirectionClick}\n                        disabled={isResizingDisabled}\n                      />\n                    </div>\n                  )}\n                  <div className={clsx(styles['drawer-content-container'], sharedStyles['with-motion-horizontal'])}>\n                    <div className={styles['drawer-content']}>\n                      <header className={styles['drawer-content-header']}>\n                        <div className={styles['drawer-content-header-content']}>\n                          {activeAiDrawer?.header ?? <div />}\n                          <div className={styles['drawer-actions']}>\n                            <ButtonGroup\n                              dropdownExpandToViewport={false}\n                              variant=\"icon\"\n                              onItemClick={event => {\n                                switch (event.detail.id) {\n                                  case 'close':\n                                    onActiveAiDrawerChange?.(null, { initiatedByUserAction: true });\n                                    break;\n                                  case 'expand':\n                                    setExpandedDrawerId(isExpanded ? null : activeDrawerId!);\n                                    break;\n                                  default:\n                                    activeAiDrawer?.onHeaderActionClick?.(event);\n                                }\n                              }}\n                              ariaLabel=\"Left panel actions\"\n                              items={drawerActions}\n                            />\n                          </div>\n                        </div>\n                        {!isMobile && isExpanded && activeAiDrawer?.ariaLabels?.exitExpandedModeButton && (\n                          <div className={styles['drawer-back-to-console-slot']}>\n                            <div className={styles['drawer-back-to-console-button-wrapper']}>\n                              <button\n                                className={clsx(\n                                  testutilStyles['active-ai-drawer-leave-expanded-mode-custom-button'],\n                                  styles['drawer-back-to-console-button']\n                                )}\n                                formAction=\"none\"\n                                onClick={() => setExpandedDrawerId(null)}\n                              >\n                                {activeAiDrawer?.ariaLabels?.exitExpandedModeButton}\n                              </button>\n                            </div>\n                          </div>\n                        )}\n                      </header>\n                      <div className={styles['drawer-content-content']}>{activeAiDrawer?.content}</div>\n                    </div>\n                  </div>\n                </aside>\n              );\n            }}\n          </Transition>\n        );\n      }}\n    </Transition>\n  );\n}\n"]}