npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1326 → 3.0.1327 - Mend

@cloudscape-design/components-themeable 3.0.1326 → 3.0.1327

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

Files changed (106) hide show

package/lib/internal/template/button-dropdown/items-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"items-list.js","sourceRoot":"","sources":["../../../src/button-dropdown/items-list.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,eAAe,MAAM,sCAAsC,CAAC;AACnE,OAAO,yBAAyB,MAAM,iDAAiD,CAAC;AACxF,OAAO,+BAA+B,MAAM,wDAAwD,CAAC;AAErG,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,cAAc,EACd,aAAa,EACb,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,GAAG,KAAK,EACxB,mBAAmB,GAAG,KAAK,EAC3B,iBAAiB,GAAG,KAAK,EACzB,gBAAgB,GAAG,KAAK,EACxB,OAAO,GAAG,QAAQ,EAClB,4BAA4B,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,~~GACG~~;IACd,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;QACzC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;YACvB,MAAM,WAAW,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;YAErG,OAAO,CACL,oBAAC,WAAW,IACV,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,MAAA,IAAI,CAAC,QAAQ,mCAAI,gBAAgB,EAC3C,WAAW,EAAE,aAAa,CAAC,IAAI,CAAC,EAChC,qBAAqB,EAAE,mBAAmB,CAAC,IAAI,CAAC,EAChD,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC,EAAE,EACzD,4BAA4B,EAAE,4BAA4B,EAC1D,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,~~GACxB~~,CACH,CAAC;QACJ,CAAC;QACD,IAAI,mBAAmB,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,QAAQ,CAAC,CAAC,CAAC,CACT,oBAAC,+BAA+B,IAC9B,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAC5D,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,MAAA,IAAI,CAAC,QAAQ,mCAAI,KAAK,EAChC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC,EAAE,EACzD,UAAU,EAAE,UAAU,~~GACtB~~,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,yBAAyB,IACxB,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,IAAI,EACpB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,MAAA,IAAI,CAAC,QAAQ,mCAAI,KAAK,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC,EAAE,EACzD,UAAU,EAAE,UAAU,~~GACtB~~,CACH,CACF,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC;QACD,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAC5D,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,MAAA,IAAI,CAAC,QAAQ,mCAAI,KAAK,EAChC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC,EAAE,EACzD,UAAU,EAAE,UAAU,~~GACtB~~,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport CategoryElement from './category-elements/category-element';\nimport ExpandableCategoryElement from './category-elements/expandable-category-element';\nimport MobileExpandableCategoryElement from './category-elements/mobile-expandable-category-element';\nimport { ItemListProps } from './internal-interfaces';\nimport ItemElement from './item-element';\nimport { isItemGroup } from './utils/utils';\n\nexport default function ItemsList({\n items,\n onItemActivate,\n onGroupToggle,\n targetItem,\n isHighlighted,\n isKeyboardHighlight,\n isExpanded,\n lastInDropdown,\n highlightItem,\n categoryDisabled = false,\n hasExpandableGroups = false,\n hasCategoryHeader = false,\n expandToViewport = false,\n variant = 'normal',\n analyticsMetadataTransformer,\n position,\n linkStyle,\n renderItem,\n parentProps,\n}: ItemListProps) {\n const isMobile = useMobile();\n\n const elements = items.map((item, index) => {\n if (!isItemGroup(item)) {\n const showDivider = (index === items.length - 1 && !lastInDropdown) \|\| isItemGroup(items[index + 1]);\n\n return (\n <ItemElement\n key={index}\n index={index}\n item={item}\n onItemActivate={onItemActivate}\n disabled={item.disabled ?? categoryDisabled}\n highlighted={isHighlighted(item)}\n isKeyboardHighlighted={isKeyboardHighlight(item)}\n highlightItem={highlightItem}\n showDivider={showDivider}\n hasCategoryHeader={hasCategoryHeader}\n variant={variant}\n position={`${position ? `${position},` : ''}${index + 1}`}\n analyticsMetadataTransformer={analyticsMetadataTransformer}\n linkStyle={linkStyle}\n renderItem={renderItem}\n parentProps={parentProps}\n />\n );\n }\n if (hasExpandableGroups) {\n return item.text ? (\n isMobile ? (\n <MobileExpandableCategoryElement\n key={index}\n index={index}\n item={item}\n onItemActivate={onItemActivate}\n onGroupToggle={onGroupToggle}\n targetItem={targetItem}\n isHighlighted={isHighlighted}\n isKeyboardHighlight={isKeyboardHighlight}\n isExpanded={isExpanded}\n lastInDropdown={lastInDropdown && index === items.length - 1}\n highlightItem={highlightItem}\n disabled={item.disabled ?? false}\n variant={variant}\n position={`${position ? `${position},` : ''}${index + 1}`}\n renderItem={renderItem}\n />\n ) : (\n <ExpandableCategoryElement\n key={index}\n index={index}\n item={item}\n onItemActivate={onItemActivate}\n onGroupToggle={onGroupToggle}\n targetItem={targetItem}\n isHighlighted={isHighlighted}\n isKeyboardHighlight={isKeyboardHighlight}\n isExpanded={isExpanded}\n lastInDropdown={true}\n highlightItem={highlightItem}\n disabled={item.disabled ?? false}\n expandToViewport={expandToViewport}\n variant={variant}\n position={`${position ? `${position},` : ''}${index + 1}`}\n renderItem={renderItem}\n />\n )\n ) : null;\n }\n return (\n <CategoryElement\n key={index}\n index={index}\n item={item}\n onItemActivate={onItemActivate}\n onGroupToggle={onGroupToggle}\n targetItem={targetItem}\n isHighlighted={isHighlighted}\n isKeyboardHighlight={isKeyboardHighlight}\n isExpanded={isExpanded}\n lastInDropdown={lastInDropdown && index === items.length - 1}\n highlightItem={highlightItem}\n disabled={item.disabled ?? false}\n variant={variant}\n position={`${position ? `${position},` : ''}${index + 1}`}\n renderItem={renderItem}\n />\n );\n });\n\n return <>{elements}</>;\n}\n"]}
1	+ {"version":3,"file":"items-list.js","sourceRoot":"","sources":["../../../src/button-dropdown/items-list.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';\n\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport CategoryElement from './category-elements/category-element';\nimport ExpandableCategoryElement from './category-elements/expandable-category-element';\nimport MobileExpandableCategoryElement from './category-elements/mobile-expandable-category-element';\nimport { ItemListProps } from './internal-interfaces';\nimport ItemElement from './item-element';\nimport { isItemGroup } from './utils/utils';\n\nexport default function ItemsList({\n items,\n onItemActivate,\n onGroupToggle,\n targetItem,\n isHighlighted,\n isKeyboardHighlight,\n isExpanded,\n lastInDropdown,\n highlightItem,\n categoryDisabled = false,\n hasExpandableGroups = false,\n hasCategoryHeader = false,\n expandToViewport = false,\n variant = 'normal',\n analyticsMetadataTransformer,\n position,\n linkStyle,\n renderItem,\n parentProps,\n filteringText,\n filteringEnabled,\n menuId,\n filteringDescriptionId,\n}: ItemListProps) {\n const isMobile = useMobile();\n\n const elements = items.map((item, index) => {\n if (!isItemGroup(item)) {\n const showDivider = (index === items.length - 1 && !lastInDropdown) \|\| isItemGroup(items[index + 1]);\n\n return (\n <ItemElement\n key={index}\n index={index}\n item={item}\n onItemActivate={onItemActivate}\n disabled={item.disabled ?? categoryDisabled}\n highlighted={isHighlighted(item)}\n isKeyboardHighlighted={isKeyboardHighlight(item)}\n highlightItem={highlightItem}\n showDivider={showDivider}\n hasCategoryHeader={hasCategoryHeader}\n variant={variant}\n position={`${position ? `${position},` : ''}${index + 1}`}\n analyticsMetadataTransformer={analyticsMetadataTransformer}\n linkStyle={linkStyle}\n renderItem={renderItem}\n parentProps={parentProps}\n filteringText={filteringText}\n filteringEnabled={filteringEnabled}\n menuId={menuId}\n filteringDescriptionId={filteringDescriptionId}\n />\n );\n }\n if (hasExpandableGroups) {\n return item.text ? (\n isMobile ? (\n <MobileExpandableCategoryElement\n key={index}\n index={index}\n item={item}\n onItemActivate={onItemActivate}\n onGroupToggle={onGroupToggle}\n targetItem={targetItem}\n isHighlighted={isHighlighted}\n isKeyboardHighlight={isKeyboardHighlight}\n isExpanded={isExpanded}\n lastInDropdown={lastInDropdown && index === items.length - 1}\n highlightItem={highlightItem}\n disabled={item.disabled ?? false}\n variant={variant}\n position={`${position ? `${position},` : ''}${index + 1}`}\n renderItem={renderItem}\n filteringText={filteringText}\n filteringEnabled={filteringEnabled}\n menuId={menuId}\n filteringDescriptionId={filteringDescriptionId}\n />\n ) : (\n <ExpandableCategoryElement\n key={index}\n index={index}\n item={item}\n onItemActivate={onItemActivate}\n onGroupToggle={onGroupToggle}\n targetItem={targetItem}\n isHighlighted={isHighlighted}\n isKeyboardHighlight={isKeyboardHighlight}\n isExpanded={isExpanded}\n lastInDropdown={true}\n highlightItem={highlightItem}\n disabled={item.disabled ?? false}\n expandToViewport={expandToViewport}\n variant={variant}\n position={`${position ? `${position},` : ''}${index + 1}`}\n renderItem={renderItem}\n filteringText={filteringText}\n filteringEnabled={filteringEnabled}\n menuId={menuId}\n filteringDescriptionId={filteringDescriptionId}\n />\n )\n ) : null;\n }\n return (\n <CategoryElement\n key={index}\n index={index}\n item={item}\n onItemActivate={onItemActivate}\n onGroupToggle={onGroupToggle}\n targetItem={targetItem}\n isHighlighted={isHighlighted}\n isKeyboardHighlight={isKeyboardHighlight}\n isExpanded={isExpanded}\n lastInDropdown={lastInDropdown && index === items.length - 1}\n highlightItem={highlightItem}\n disabled={item.disabled ?? false}\n variant={variant}\n position={`${position ? `${position},` : ''}${index + 1}`}\n renderItem={renderItem}\n filteringText={filteringText}\n filteringEnabled={filteringEnabled}\n menuId={menuId}\n filteringDescriptionId={filteringDescriptionId}\n />\n );\n });\n\n return <>{elements}</>;\n}\n"]}

package/lib/internal/template/button-dropdown/styles.css.js CHANGED Viewed

@@ -1,27 +1,28 @@
     import './styles.scoped.css';
     export default {
-  "button-dropdown": "awsui_button-dropdown_sne0l_djar1_145",
-  "full-width": "awsui_full-width_sne0l_djar1_148",
-  "items-list-container": "awsui_items-list-container_sne0l_djar1_153",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_djar1_1",
-  "rotate": "awsui_rotate_sne0l_djar1_172",
-  "rotate-open": "awsui_rotate-open_sne0l_djar1_186",
-  "header": "awsui_header_sne0l_djar1_190",
-  "title": "awsui_title_sne0l_djar1_201",
-  "description": "awsui_description_sne0l_djar1_202",
-  "trigger-button": "awsui_trigger-button_sne0l_djar1_206",
-  "loading": "awsui_loading_sne0l_djar1_214",
-  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_djar1_218",
-  "trigger-item": "awsui_trigger-item_sne0l_djar1_221",
-  "has-no-text": "awsui_has-no-text_sne0l_djar1_230",
-  "visual-refresh": "awsui_visual-refresh_sne0l_djar1_233",
-  "has-trigger-text": "awsui_has-trigger-text_sne0l_djar1_247",
-  "variant-normal": "awsui_variant-normal_sne0l_djar1_250",
-  "split-trigger": "awsui_split-trigger_sne0l_djar1_218",
-  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_djar1_261",
-  "main-action-full-width": "awsui_main-action-full-width_sne0l_djar1_265",
-  "main-action-trigger-full-width": "awsui_main-action-trigger-full-width_sne0l_djar1_269",
-  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_djar1_273"
+  "button-dropdown": "awsui_button-dropdown_sne0l_1b9rr_145",
+  "full-width": "awsui_full-width_sne0l_1b9rr_148",
+  "items-list-container": "awsui_items-list-container_sne0l_1b9rr_153",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1b9rr_1",
+  "rotate": "awsui_rotate_sne0l_1b9rr_172",
+  "rotate-open": "awsui_rotate-open_sne0l_1b9rr_186",
+  "header": "awsui_header_sne0l_1b9rr_190",
+  "title": "awsui_title_sne0l_1b9rr_201",
+  "description": "awsui_description_sne0l_1b9rr_202",
+  "trigger-button": "awsui_trigger-button_sne0l_1b9rr_206",
+  "loading": "awsui_loading_sne0l_1b9rr_214",
+  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_1b9rr_218",
+  "trigger-item": "awsui_trigger-item_sne0l_1b9rr_221",
+  "has-no-text": "awsui_has-no-text_sne0l_1b9rr_230",
+  "visual-refresh": "awsui_visual-refresh_sne0l_1b9rr_233",
+  "has-trigger-text": "awsui_has-trigger-text_sne0l_1b9rr_247",
+  "variant-normal": "awsui_variant-normal_sne0l_1b9rr_250",
+  "split-trigger": "awsui_split-trigger_sne0l_1b9rr_218",
+  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_1b9rr_261",
+  "main-action-full-width": "awsui_main-action-full-width_sne0l_1b9rr_265",
+  "main-action-trigger-full-width": "awsui_main-action-trigger-full-width_sne0l_1b9rr_269",
+  "filter": "awsui_filter_sne0l_1b9rr_273",
+  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_1b9rr_279"
 };

package/lib/internal/template/button-dropdown/styles.scoped.css CHANGED Viewed

@@ -142,52 +142,52 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_button-dropdown_sne0l_djar1_145:not(#\9) {
+.awsui_button-dropdown_sne0l_1b9rr_145:not(#\9) {
   display: inline-block;
 }
-.awsui_button-dropdown_sne0l_djar1_145.awsui_full-width_sne0l_djar1_148:not(#\9) {
+.awsui_button-dropdown_sne0l_1b9rr_145.awsui_full-width_sne0l_1b9rr_148:not(#\9) {
   inline-size: 100%;
   display: block;
 }
-.awsui_items-list-container_sne0l_djar1_153:not(#\9) {
+.awsui_items-list-container_sne0l_1b9rr_153:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
-  animation: awsui_awsui-motion-fade-in-0_sne0l_djar1_1 500ms var(--motion-easing-show-quick-xucy9w, ease-out);
+  animation: awsui_awsui-motion-fade-in-0_sne0l_1b9rr_1 500ms var(--motion-easing-show-quick-xucy9w, ease-out);
   animation-fill-mode: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_items-list-container_sne0l_djar1_153:not(#\9) {
+  .awsui_items-list-container_sne0l_1b9rr_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_items-list-container_sne0l_djar1_153:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_djar1_153:not(#\9) {
+.awsui-motion-disabled .awsui_items-list-container_sne0l_1b9rr_153:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_1b9rr_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_rotate_sne0l_djar1_172:not(#\9) {
+.awsui_rotate_sne0l_1b9rr_172:not(#\9) {
   transform: rotate(0deg);
   transition: transform var(--motion-duration-rotate-180-4er9qu, 135ms) var(--motion-easing-rotate-180-xlspcm, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate_sne0l_djar1_172:not(#\9) {
+  .awsui_rotate_sne0l_1b9rr_172:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate_sne0l_djar1_172:not(#\9), .awsui-mode-entering .awsui_rotate_sne0l_djar1_172:not(#\9) {
+.awsui-motion-disabled .awsui_rotate_sne0l_1b9rr_172:not(#\9), .awsui-mode-entering .awsui_rotate_sne0l_1b9rr_172:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_rotate-open_sne0l_djar1_186:not(#\9) {
+.awsui_rotate-open_sne0l_1b9rr_186:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_header_sne0l_djar1_190:not(#\9) {
+.awsui_header_sne0l_1b9rr_190:not(#\9) {
   display: flex;
   flex-direction: column;
   list-style: none;
@@ -198,78 +198,84 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-width-dropdown-qic2p4, 1px) solid transparent;
 }
-.awsui_title_sne0l_djar1_201:not(#\9),
-.awsui_description_sne0l_djar1_202:not(#\9) {
+.awsui_title_sne0l_1b9rr_201:not(#\9),
+.awsui_description_sne0l_1b9rr_202:not(#\9) {
   color: var(--color-text-top-navigation-title-4lkrln, #16191f);
 }
-.awsui-one-theme .awsui_trigger-button_sne0l_djar1_206:not(#\9) {
+.awsui-one-theme .awsui_trigger-button_sne0l_1b9rr_206:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_trigger-button_sne0l_djar1_206.awsui_full-width_sne0l_djar1_148:not(#\9) {
+.awsui_trigger-button_sne0l_1b9rr_206.awsui_full-width_sne0l_1b9rr_148:not(#\9) {
   display: grid;
   grid-template-columns: 1fr auto;
 }
-.awsui_trigger-button_sne0l_djar1_206.awsui_full-width_sne0l_djar1_148.awsui_loading_sne0l_djar1_214:not(#\9) {
+.awsui_trigger-button_sne0l_1b9rr_206.awsui_full-width_sne0l_1b9rr_148.awsui_loading_sne0l_1b9rr_214:not(#\9) {
   grid-template-columns: auto 1fr auto;
 }
-.awsui_split-trigger-wrapper_sne0l_djar1_218:not(#\9) {
+.awsui_split-trigger-wrapper_sne0l_1b9rr_218:not(#\9) {
   display: flex;
 }
-.awsui_split-trigger-wrapper_sne0l_djar1_218 > .awsui_trigger-item_sne0l_djar1_221 > .awsui_trigger-button_sne0l_djar1_206:not(#\9):focus, .awsui_split-trigger-wrapper_sne0l_djar1_218 > .awsui_trigger-item_sne0l_djar1_221 > .awsui_trigger-button_sne0l_djar1_206:not(#\9):hover {
+.awsui_split-trigger-wrapper_sne0l_1b9rr_218 > .awsui_trigger-item_sne0l_1b9rr_221 > .awsui_trigger-button_sne0l_1b9rr_206:not(#\9):focus, .awsui_split-trigger-wrapper_sne0l_1b9rr_218 > .awsui_trigger-item_sne0l_1b9rr_221 > .awsui_trigger-button_sne0l_1b9rr_206:not(#\9):hover {
   z-index: 1;
 }
-.awsui_split-trigger-wrapper_sne0l_djar1_218 > .awsui_trigger-item_sne0l_djar1_221:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_djar1_206 {
+.awsui_split-trigger-wrapper_sne0l_1b9rr_218 > .awsui_trigger-item_sne0l_1b9rr_221:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1b9rr_206 {
   border-start-end-radius: 0;
   border-end-end-radius: 0;
   padding-inline-end: var(--space-m-n2lypl, 16px);
   margin-inline-end: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_djar1_218 > .awsui_trigger-item_sne0l_djar1_221:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_djar1_206.awsui_has-no-text_sne0l_djar1_230 {
+.awsui_split-trigger-wrapper_sne0l_1b9rr_218 > .awsui_trigger-item_sne0l_1b9rr_221:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1b9rr_206.awsui_has-no-text_sne0l_1b9rr_230 {
   padding-inline: var(--space-button-icon-only-horizontal-67q6rd, 16px);
 }
-.awsui_split-trigger-wrapper_sne0l_djar1_218 > .awsui_trigger-item_sne0l_djar1_221:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_djar1_206.awsui_has-no-text_sne0l_djar1_230.awsui_visual-refresh_sne0l_djar1_233 {
+.awsui_split-trigger-wrapper_sne0l_1b9rr_218 > .awsui_trigger-item_sne0l_1b9rr_221:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1b9rr_206.awsui_has-no-text_sne0l_1b9rr_230.awsui_visual-refresh_sne0l_1b9rr_233 {
   padding-inline-start: calc(var(--space-s-4a5hs8, 12px) - 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_djar1_218 > .awsui_trigger-item_sne0l_djar1_221:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_djar1_206 {
+.awsui_split-trigger-wrapper_sne0l_1b9rr_218 > .awsui_trigger-item_sne0l_1b9rr_221:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_1b9rr_206 {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
   padding-inline: calc(var(--space-xs-kw7k3v, 8px) - 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_djar1_218 > .awsui_trigger-item_sne0l_djar1_221:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_djar1_233 > .awsui_trigger-button_sne0l_djar1_206 {
+.awsui_split-trigger-wrapper_sne0l_1b9rr_218 > .awsui_trigger-item_sne0l_1b9rr_221:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_1b9rr_233 > .awsui_trigger-button_sne0l_1b9rr_206 {
   padding-inline-end: calc(var(--space-s-4a5hs8, 12px) - 2px);
 }
-.awsui-one-theme .awsui_split-trigger-wrapper_sne0l_djar1_218 > .awsui_trigger-item_sne0l_djar1_221:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_djar1_206 {
+.awsui-one-theme .awsui_split-trigger-wrapper_sne0l_1b9rr_218 > .awsui_trigger-item_sne0l_1b9rr_221:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_1b9rr_206 {
   padding-inline: calc(var(--space-xs-kw7k3v, 8px) - 2px);
 }
-.awsui-one-theme .awsui_split-trigger-wrapper_sne0l_djar1_218 > .awsui_trigger-item_sne0l_djar1_221:not(#\9):not(:first-child).awsui_has-trigger-text_sne0l_djar1_247 > .awsui_trigger-button_sne0l_djar1_206 {
+.awsui-one-theme .awsui_split-trigger-wrapper_sne0l_1b9rr_218 > .awsui_trigger-item_sne0l_1b9rr_221:not(#\9):not(:first-child).awsui_has-trigger-text_sne0l_1b9rr_247 > .awsui_trigger-button_sne0l_1b9rr_206 {
   padding-inline: calc(var(--space-xs-kw7k3v, 8px) + 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_djar1_218 > .awsui_trigger-item_sne0l_djar1_221.awsui_variant-normal_sne0l_djar1_250:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_djar1_206 {
+.awsui_split-trigger-wrapper_sne0l_1b9rr_218 > .awsui_trigger-item_sne0l_1b9rr_221.awsui_variant-normal_sne0l_1b9rr_250:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1b9rr_206 {
   margin-inline-end: 0;
 }
-.awsui_split-trigger-wrapper_sne0l_djar1_218 > .awsui_trigger-item_sne0l_djar1_221.awsui_variant-normal_sne0l_djar1_250:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_djar1_206 {
+.awsui_split-trigger-wrapper_sne0l_1b9rr_218 > .awsui_trigger-item_sne0l_1b9rr_221.awsui_variant-normal_sne0l_1b9rr_250:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_1b9rr_206 {
   margin-inline-start: calc(var(--border-width-button-40y1n5, 1px) * -1);
 }
-.awsui_split-trigger_sne0l_djar1_218:not(#\9) {
+.awsui_split-trigger_sne0l_1b9rr_218:not(#\9) {
   display: contents;
 }
-.awsui_dropdown-trigger_sne0l_djar1_261:not(#\9) {
+.awsui_dropdown-trigger_sne0l_1b9rr_261:not(#\9) {
   display: contents;
 }
-.awsui_main-action-full-width_sne0l_djar1_265:not(#\9) {
+.awsui_main-action-full-width_sne0l_1b9rr_265:not(#\9) {
   flex: 1 1 0;
 }
-.awsui_main-action-trigger-full-width_sne0l_djar1_269:not(#\9) {
+.awsui_main-action-trigger-full-width_sne0l_1b9rr_269:not(#\9) {
   flex: 0 0 auto;
 }
-.awsui_test-utils-button-trigger_sne0l_djar1_273:not(#\9) {
+.awsui_filter_sne0l_1b9rr_273:not(#\9) {
+  position: relative;
+  z-index: 4;
+  flex-shrink: 0;
+}
+.awsui_test-utils-button-trigger_sne0l_1b9rr_279:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/button-dropdown/styles.selectors.js CHANGED Viewed

@@ -2,27 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-dropdown": "awsui_button-dropdown_sne0l_djar1_145",
-  "full-width": "awsui_full-width_sne0l_djar1_148",
-  "items-list-container": "awsui_items-list-container_sne0l_djar1_153",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_djar1_1",
-  "rotate": "awsui_rotate_sne0l_djar1_172",
-  "rotate-open": "awsui_rotate-open_sne0l_djar1_186",
-  "header": "awsui_header_sne0l_djar1_190",
-  "title": "awsui_title_sne0l_djar1_201",
-  "description": "awsui_description_sne0l_djar1_202",
-  "trigger-button": "awsui_trigger-button_sne0l_djar1_206",
-  "loading": "awsui_loading_sne0l_djar1_214",
-  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_djar1_218",
-  "trigger-item": "awsui_trigger-item_sne0l_djar1_221",
-  "has-no-text": "awsui_has-no-text_sne0l_djar1_230",
-  "visual-refresh": "awsui_visual-refresh_sne0l_djar1_233",
-  "has-trigger-text": "awsui_has-trigger-text_sne0l_djar1_247",
-  "variant-normal": "awsui_variant-normal_sne0l_djar1_250",
-  "split-trigger": "awsui_split-trigger_sne0l_djar1_218",
-  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_djar1_261",
-  "main-action-full-width": "awsui_main-action-full-width_sne0l_djar1_265",
-  "main-action-trigger-full-width": "awsui_main-action-trigger-full-width_sne0l_djar1_269",
-  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_djar1_273"
+  "button-dropdown": "awsui_button-dropdown_sne0l_1b9rr_145",
+  "full-width": "awsui_full-width_sne0l_1b9rr_148",
+  "items-list-container": "awsui_items-list-container_sne0l_1b9rr_153",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1b9rr_1",
+  "rotate": "awsui_rotate_sne0l_1b9rr_172",
+  "rotate-open": "awsui_rotate-open_sne0l_1b9rr_186",
+  "header": "awsui_header_sne0l_1b9rr_190",
+  "title": "awsui_title_sne0l_1b9rr_201",
+  "description": "awsui_description_sne0l_1b9rr_202",
+  "trigger-button": "awsui_trigger-button_sne0l_1b9rr_206",
+  "loading": "awsui_loading_sne0l_1b9rr_214",
+  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_1b9rr_218",
+  "trigger-item": "awsui_trigger-item_sne0l_1b9rr_221",
+  "has-no-text": "awsui_has-no-text_sne0l_1b9rr_230",
+  "visual-refresh": "awsui_visual-refresh_sne0l_1b9rr_233",
+  "has-trigger-text": "awsui_has-trigger-text_sne0l_1b9rr_247",
+  "variant-normal": "awsui_variant-normal_sne0l_1b9rr_250",
+  "split-trigger": "awsui_split-trigger_sne0l_1b9rr_218",
+  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_1b9rr_261",
+  "main-action-full-width": "awsui_main-action-full-width_sne0l_1b9rr_265",
+  "main-action-trigger-full-width": "awsui_main-action-trigger-full-width_sne0l_1b9rr_269",
+  "filter": "awsui_filter_sne0l_1b9rr_273",
+  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_1b9rr_279"
 };

package/lib/internal/template/button-dropdown/tooltip.d.ts CHANGED Viewed

@@ -4,7 +4,8 @@ interface TooltipProps {
     content?: React.ReactNode;
     position?: 'top' | 'right' | 'bottom' | 'left';
     className?: string;
+    controlledOpen?: boolean;
 }
-export default function Tooltip({ children, content, position, className }: TooltipProps): JSX.Element;
+export default function Tooltip({ children, content, position, className, controlledOpen }: TooltipProps): JSX.Element;
 export {};
 //# sourceMappingURL=tooltip.d.ts.map

package/lib/internal/template/button-dropdown/tooltip.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/button-dropdown/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,~~KAA4D~~,MAAM,OAAO,CAAC;~~AASjF~~,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;~~CACpB~~;AAID,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAkB,EAAE,SAAS,EAAE,EAAE,YAAY,~~eAsCjG~~"}
1	+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/button-dropdown/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAS9F,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAID,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAkB,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,YAAY,eAsCjH"}

package/lib/internal/template/button-dropdown/tooltip.js CHANGED Viewed

@@ -1,16 +1,16 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Portal, useReducedMotion } from '@cloudscape-design/component-toolkit/internal';
 import { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';
 import Arrow from '../popover/arrow';
 import PopoverBody from '../popover/body';
 import PopoverContainer from '../popover/container';
 const DEFAULT_OPEN_TIMEOUT_IN_MS = 120;
-export default function Tooltip({ children, content, position = 'right', className }) {
+export default function Tooltip({ children, content, position = 'right', className, controlledOpen }) {
     const ref = useRef(null);
     const isReducedMotion = useReducedMotion(ref);
-    const { open, triggerProps } = useTooltipOpen(isReducedMotion ? 0 : DEFAULT_OPEN_TIMEOUT_IN_MS);
+    const { open, triggerProps } = useTooltipOpen(controlledOpen, isReducedMotion ? 0 : DEFAULT_OPEN_TIMEOUT_IN_MS);
     const portalClasses = usePortalModeClasses(ref);
     return (React.createElement("span", { ref: ref, ...triggerProps, className: className },
         children,
@@ -20,7 +20,7 @@ export default function Tooltip({ children, content, position = 'right', classNa
                     React.createElement(PopoverBody, { dismissButton: false, dismissAriaLabel: undefined, header: null, onDismiss: () => { }, overflowVisible: "both" },
                         React.createElement("span", { "data-testid": "button-dropdown-disabled-reason", role: "tooltip" }, content))))))));
 }
-function useTooltipOpen(timeout) {
+function useTooltipOpen(controlledOpen, timeout) {
     const [isOpen, setIsOpen] = useState(false);
     // The delayed effect is aborted in case the component unmounts. We cannot use the conventional clearTimeout()
     // as it causes cleanup of a legitimate state update when used with React 18+ strict mode.
@@ -32,22 +32,30 @@ function useTooltipOpen(timeout) {
             timeoutAbortRef.current = true;
         };
     }, []);
-    const close = () => {
+    const close = useCallback(() => {
         clearTimeout(timeoutRef.current);
         setIsOpen(false);
-    };
-    const open = () => {
+    }, []);
+    const open = useCallback(() => {
         if (!timeoutAbortRef.current) {
             setIsOpen(true);
         }
-    };
-    const openDelayed = () => {
+    }, []);
+    const openDelayed = useCallback(() => {
         timeoutRef.current = setTimeout(open, timeout);
-    };
-    const onKeyDown = e => {
-        if (isOpen && isEscape(e.key)) {
-            e.preventDefault();
-            e.stopPropagation();
+    }, [open, timeout]);
+    useEffect(() => {
+        if (controlledOpen === true) {
+            openDelayed();
+        }
+        if (controlledOpen === false) {
+            close();
+        }
+    }, [controlledOpen, openDelayed, close]);
+    const onKeyDown = event => {
+        if (isOpen && isEscape(event.key)) {
+            event.preventDefault();
+            event.stopPropagation();
             close();
         }
     };

package/lib/internal/template/button-dropdown/tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/button-dropdown/tooltip.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAwB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;~~AAEjF~~,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AAEzF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,MAAM,kBAAkB,CAAC;AACrC,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAC1C,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;~~AASpD~~,MAAM,0BAA0B,GAAG,GAAG,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,OAAO,EAAE,SAAS,EAAgB;~~IAChG~~,MAAM,GAAG,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC9C,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC;~~IAChG~~,MAAM,aAAa,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAC;IAEhD,OAAO,CACL,8BAAM,GAAG,EAAE,GAAG,KAAM,YAAY,EAAE,SAAS,EAAE,SAAS;QACnD,QAAQ;QACR,IAAI,IAAI,CACP,oBAAC,MAAM;YACL,8BAAM,SAAS,EAAE,aAAa;gBAC5B,oBAAC,gBAAgB,IACf,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAChD,gBAAgB,EAAE,IAAI,EACtB,MAAM,EAAE,IAAI;oBAEZ,oBAAC,WAAW,IACV,aAAa,EAAE,KAAK,EACpB,gBAAgB,EAAE,SAAS,EAC3B,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC,EACnB,eAAe,EAAC,MAAM;wBAEtB,6CAAkB,iCAAiC,EAAC,IAAI,EAAC,SAAS,IAC/D,OAAO,CACH,CACK,CACG,CACd,CACA,CACV,CACI,CACR,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,OAAe;~~IACrC~~,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,8GAA8G;IAC9G,0FAA0F;IAC1F,MAAM,UAAU,GAAG,MAAM,EAAU,CAAC;IACpC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,GAAG,EAAE;~~QACjB~~,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACjC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;~~IACF~~,MAAM,IAAI,GAAG,GAAG,EAAE;~~QAChB~~,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;~~IACF~~,MAAM,WAAW,GAAG,GAAG,EAAE;~~QACvB~~,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACjD,CAAC,CAAC;~~IACF~~,MAAM,SAAS,GAAyB,~~CAAC~~,CAAC,EAAE;~~QAC1C~~,IAAI,MAAM,IAAI,QAAQ,CAAC,~~CAAC~~,CAAC,GAAG,CAAC,EAAE,CAAC;~~YAC9B~~,~~CAAC~~,CAAC,cAAc,EAAE,CAAC;~~YACnB~~,~~CAAC~~,CAAC,eAAe,EAAE,CAAC;~~YACpB~~,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CAAC;IAC5B,MAAM,MAAM,GAAG,KAAK,CAAC;IAErB,OAAO;QACL,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE;YACZ,MAAM;YACN,OAAO;YACP,SAAS;SACV;KACF,CAAC;AACJ,CAAC;AAED,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { KeyboardEventHandler, useEffect, useRef, useState } from 'react';\n\nimport { Portal, useReducedMotion } from '@cloudscape-design/component-toolkit/internal';\n\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport Arrow from '../popover/arrow';\nimport PopoverBody from '../popover/body';\nimport PopoverContainer from '../popover/container';\n\ninterface TooltipProps {\n children?: React.ReactNode;\n content?: React.ReactNode;\n position?: 'top' \| 'right' \| 'bottom' \| 'left';\n className?: string;\n}\n\nconst DEFAULT_OPEN_TIMEOUT_IN_MS = 120;\n\nexport default function Tooltip({ children, content, position = 'right', className }: TooltipProps) {\n const ref = useRef<HTMLSpanElement \| null>(null);\n const isReducedMotion = useReducedMotion(ref);\n const { open, triggerProps } = useTooltipOpen(isReducedMotion ? 0 : DEFAULT_OPEN_TIMEOUT_IN_MS);\n const portalClasses = usePortalModeClasses(ref);\n\n return (\n <span ref={ref} {...triggerProps} className={className}>\n {children}\n {open && (\n <Portal>\n <span className={portalClasses}>\n <PopoverContainer\n size=\"small\"\n fixedWidth={false}\n position={position}\n trackRef={ref}\n arrow={position => <Arrow position={position} />}\n renderWithPortal={true}\n zIndex={7000}\n >\n <PopoverBody\n dismissButton={false}\n dismissAriaLabel={undefined}\n header={null}\n onDismiss={() => {}}\n overflowVisible=\"both\"\n >\n <span data-testid=\"button-dropdown-disabled-reason\" role=\"tooltip\">\n {content}\n </span>\n </PopoverBody>\n </PopoverContainer>\n </span>\n </Portal>\n )}\n </span>\n );\n}\n\nfunction useTooltipOpen(timeout: number) {\n const [isOpen, setIsOpen] = useState(false);\n\n // The delayed effect is aborted in case the component unmounts. We cannot use the conventional clearTimeout()\n // as it causes cleanup of a legitimate state update when used with React 18+ strict mode.\n const timeoutRef = useRef<number>();\n const timeoutAbortRef = useRef(false);\n useEffect(() => {\n timeoutAbortRef.current = false;\n return () => {\n timeoutAbortRef.current = true;\n };\n }, []);\n\n const close = () => {\n clearTimeout(timeoutRef.current);\n setIsOpen(false);\n };\n const open = () => {\n if (!timeoutAbortRef.current) {\n setIsOpen(true);\n }\n };\n const openDelayed = () => {\n timeoutRef.current = setTimeout(open, timeout);\n };\n const onKeyDown: KeyboardEventHandler = e => {\n if (isOpen && isEscape(e.key)) {\n e.preventDefault();\n e.stopPropagation();\n close();\n }\n };\n\n const onFocus = openDelayed;\n const onBlur = close;\n\n return {\n open: isOpen,\n triggerProps: {\n onBlur,\n onFocus,\n onKeyDown,\n },\n };\n}\n\nconst isEscape = (key: string) => key === 'Escape' \|\| key === 'Esc';\n"]}
1	+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/button-dropdown/tooltip.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, { KeyboardEventHandler, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Portal, useReducedMotion } from '@cloudscape-design/component-toolkit/internal';\n\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport Arrow from '../popover/arrow';\nimport PopoverBody from '../popover/body';\nimport PopoverContainer from '../popover/container';\n\ninterface TooltipProps {\n children?: React.ReactNode;\n content?: React.ReactNode;\n position?: 'top' \| 'right' \| 'bottom' \| 'left';\n className?: string;\n controlledOpen?: boolean;\n}\n\nconst DEFAULT_OPEN_TIMEOUT_IN_MS = 120;\n\nexport default function Tooltip({ children, content, position = 'right', className, controlledOpen }: TooltipProps) {\n const ref = useRef<HTMLSpanElement \| null>(null);\n const isReducedMotion = useReducedMotion(ref);\n const { open, triggerProps } = useTooltipOpen(controlledOpen, isReducedMotion ? 0 : DEFAULT_OPEN_TIMEOUT_IN_MS);\n const portalClasses = usePortalModeClasses(ref);\n\n return (\n <span ref={ref} {...triggerProps} className={className}>\n {children}\n {open && (\n <Portal>\n <span className={portalClasses}>\n <PopoverContainer\n size=\"small\"\n fixedWidth={false}\n position={position}\n trackRef={ref}\n arrow={position => <Arrow position={position} />}\n renderWithPortal={true}\n zIndex={7000}\n >\n <PopoverBody\n dismissButton={false}\n dismissAriaLabel={undefined}\n header={null}\n onDismiss={() => {}}\n overflowVisible=\"both\"\n >\n <span data-testid=\"button-dropdown-disabled-reason\" role=\"tooltip\">\n {content}\n </span>\n </PopoverBody>\n </PopoverContainer>\n </span>\n </Portal>\n )}\n </span>\n );\n}\n\nfunction useTooltipOpen(controlledOpen: boolean \| undefined, timeout: number) {\n const [isOpen, setIsOpen] = useState(false);\n\n // The delayed effect is aborted in case the component unmounts. We cannot use the conventional clearTimeout()\n // as it causes cleanup of a legitimate state update when used with React 18+ strict mode.\n const timeoutRef = useRef<number>();\n const timeoutAbortRef = useRef(false);\n useEffect(() => {\n timeoutAbortRef.current = false;\n return () => {\n timeoutAbortRef.current = true;\n };\n }, []);\n\n const close = useCallback(() => {\n clearTimeout(timeoutRef.current);\n setIsOpen(false);\n }, []);\n\n const open = useCallback(() => {\n if (!timeoutAbortRef.current) {\n setIsOpen(true);\n }\n }, []);\n\n const openDelayed = useCallback(() => {\n timeoutRef.current = setTimeout(open, timeout);\n }, [open, timeout]);\n\n useEffect(() => {\n if (controlledOpen === true) {\n openDelayed();\n }\n if (controlledOpen === false) {\n close();\n }\n }, [controlledOpen, openDelayed, close]);\n\n const onKeyDown: KeyboardEventHandler = event => {\n if (isOpen && isEscape(event.key)) {\n event.preventDefault();\n event.stopPropagation();\n close();\n }\n };\n\n const onFocus = openDelayed;\n const onBlur = close;\n\n return {\n open: isOpen,\n triggerProps: {\n onBlur,\n onFocus,\n onKeyDown,\n },\n };\n}\n\nconst isEscape = (key: string) => key === 'Escape' \|\| key === 'Esc';\n"]}

package/lib/internal/template/button-dropdown/utils/filter-items.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { ButtonDropdownProps } from '../interfaces';
+export declare function filterItems(items: ButtonDropdownProps.Items, filterText: string): ButtonDropdownProps.Items;
+export declare function countLeafItems(items: ButtonDropdownProps.Items): number;
+//# sourceMappingURL=filter-items.d.ts.map

package/lib/internal/template/button-dropdown/utils/filter-items.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"filter-items.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/utils/filter-items.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAkBpD,wBAAgB,WAAW,CAAC,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,mBAAmB,CAAC,KAAK,CAsB3G;AAgBD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,CAAC,KAAK,GAAG,MAAM,CAUvE"}

package/lib/internal/template/button-dropdown/utils/filter-items.js ADDED Viewed

@@ -0,0 +1,55 @@
+import { isItemGroup } from './utils';
+function matchesString(value, lowerCaseSearchText) {
+    if (!value) {
+        return false;
+    }
+    return value.toLowerCase().indexOf(lowerCaseSearchText) > -1;
+}
+function matchesItem(item, searchText) {
+    return (matchesString(item.text, searchText) ||
+        matchesString(item.secondaryText, searchText) ||
+        matchesString(item.labelTag, searchText));
+}
+export function filterItems(items, filterText) {
+    const lowerCaseSearchText = filterText.toLowerCase();
+    return items.reduce((acc, item) => {
+        if (!isItemGroup(item)) {
+            if (matchesItem(item, lowerCaseSearchText)) {
+                acc.push(item);
+            }
+            return acc;
+        }
+        // Filtered results are rendered as a collapsed (flat) list, so nested
+        // groups would otherwise render a header per level. Flatten all matching
+        // descendants into the top-most group and keep only its header.
+        const matchingChildren = collectMatchingLeaves(item.items, lowerCaseSearchText);
+        if (matchingChildren.length > 0) {
+            acc.push({ ...item, items: matchingChildren });
+        }
+        return acc;
+    }, []);
+}
+function collectMatchingLeaves(items, searchText) {
+    return items.reduce((acc, item) => {
+        if (isItemGroup(item)) {
+            acc.push(...collectMatchingLeaves(item.items, searchText));
+        }
+        else if (matchesItem(item, searchText)) {
+            acc.push(item);
+        }
+        return acc;
+    }, []);
+}
+export function countLeafItems(items) {
+    let count = 0;
+    for (const item of items) {
+        if (isItemGroup(item)) {
+            count += countLeafItems(item.items);
+        }
+        else {
+            count++;
+        }
+    }
+    return count;
+}
+//# sourceMappingURL=filter-items.js.map

package/lib/internal/template/button-dropdown/utils/filter-items.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"filter-items.js","sourceRoot":"","sources":["../../../../src/button-dropdown/utils/filter-items.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,SAAS,aAAa,CAAC,KAAyB,EAAE,mBAA2B;IAC3E,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/D,CAAC;AAED,SAAS,WAAW,CAAC,IAAiE,EAAE,UAAkB;IACxG,OAAO,CACL,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC;QACpC,aAAa,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;QAC7C,aAAa,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CACzC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAgC,EAAE,UAAkB;IAC9E,MAAM,mBAAmB,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC;IAErD,OAAO,KAAK,CAAC,MAAM,CAAoC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;QACnE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;YACvB,IAAI,WAAW,CAAC,IAAI,EAAE,mBAAmB,CAAC,EAAE,CAAC;gBAC3C,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;YACD,OAAO,GAAG,CAAC;QACb,CAAC;QAED,sEAAsE;QACtE,yEAAyE;QACzE,gEAAgE;QAChE,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC;QAEhF,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAChC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC;QACjD,CAAC;QAED,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;AAED,SAAS,qBAAqB,CAC5B,KAAgC,EAChC,UAAkB;IAElB,OAAO,KAAK,CAAC,MAAM,CAAqE,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;QACpG,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;YACtB,GAAG,CAAC,IAAI,CAAC,GAAG,qBAAqB,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;QAC7D,CAAC;aAAM,IAAI,WAAW,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,CAAC;YACzC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAgC;IAC7D,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;YACtB,KAAK,IAAI,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;aAAM,CAAC;YACN,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ButtonDropdownProps } from '../interfaces';\nimport { isItemGroup } from './utils';\n\nfunction matchesString(value: string | undefined, lowerCaseSearchText: string): boolean {\n if (!value) {\n return false;\n }\n return value.toLowerCase().indexOf(lowerCaseSearchText) > -1;\n}\n\nfunction matchesItem(item: ButtonDropdownProps.Item | ButtonDropdownProps.CheckboxItem, searchText: string): boolean {\n return (\n matchesString(item.text, searchText) ||\n matchesString(item.secondaryText, searchText) ||\n matchesString(item.labelTag, searchText)\n );\n}\n\nexport function filterItems(items: ButtonDropdownProps.Items, filterText: string): ButtonDropdownProps.Items {\n const lowerCaseSearchText = filterText.toLowerCase();\n\n return items.reduce<ButtonDropdownProps.ItemOrGroup[]>((acc, item) => {\n if (!isItemGroup(item)) {\n if (matchesItem(item, lowerCaseSearchText)) {\n acc.push(item);\n }\n return acc;\n }\n\n // Filtered results are rendered as a collapsed (flat) list, so nested\n // groups would otherwise render a header per level. Flatten all matching\n // descendants into the top-most group and keep only its header.\n const matchingChildren = collectMatchingLeaves(item.items, lowerCaseSearchText);\n\n if (matchingChildren.length > 0) {\n acc.push({ ...item, items: matchingChildren });\n }\n\n return acc;\n }, []);\n}\n\nfunction collectMatchingLeaves(\n items: ButtonDropdownProps.Items,\n searchText: string\n): Array<ButtonDropdownProps.Item | ButtonDropdownProps.CheckboxItem> {\n return items.reduce<Array<ButtonDropdownProps.Item | ButtonDropdownProps.CheckboxItem>>((acc, item) => {\n if (isItemGroup(item)) {\n acc.push(...collectMatchingLeaves(item.items, searchText));\n } else if (matchesItem(item, searchText)) {\n acc.push(item);\n }\n return acc;\n }, []);\n}\n\nexport function countLeafItems(items: ButtonDropdownProps.Items): number {\n let count = 0;\n for (const item of items) {\n if (isItemGroup(item)) {\n count += countLeafItems(item.items);\n } else {\n count++;\n }\n }\n return count;\n}\n"]}

package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ interface UseButtonDropdownOptions extends ButtonDropdownSettings {
     onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
     onReturnFocus: () => void;
     expandToViewport?: boolean;
+    hasFiltering: boolean;
 }
 interface UseButtonDropdownApi extends HighlightProps {
     isOpen: boolean;
@@ -14,12 +15,17 @@ interface UseButtonDropdownApi extends HighlightProps {
     onKeyUp: (event: React.KeyboardEvent) => void;
     onItemActivate: ItemActivate;
     onGroupToggle: GroupToggle;
+    onDropdownFocusLeave: () => void;
     toggleDropdown: (options?: {
         moveHighlightOnOpen?: boolean;
     }) => void;
     closeDropdown: () => void;
     setIsUsingMouse: (isUsingMouse: boolean) => void;
+    filteringValue: string;
+    setFilteringValue: (value: string) => void;
+    filteredItems: ButtonDropdownProps.Items;
+    showExpandableGroups: boolean;
 }
-export declare function useButtonDropdown({ items, onItemClick, onItemFollow, onReturnFocus, hasExpandableGroups, isInRestrictedView, expandToViewport, }: UseButtonDropdownOptions): UseButtonDropdownApi;
+export declare function useButtonDropdown({ items, onItemClick, onItemFollow, onReturnFocus, hasExpandableGroups, isInRestrictedView, expandToViewport, hasFiltering, }: UseButtonDropdownOptions): UseButtonDropdownApi;
 export {};
 //# sourceMappingURL=use-button-dropdown.d.ts.map

package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-button-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/utils/use-button-dropdown.ts"],"names":[],"mappings":"AAEA,OAAO,~~KAAK~~,MAAM,OAAO,CAAC;~~AAK1B~~,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;~~AAIvH~~,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC;IACjC,WAAW,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC3E,YAAY,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC5E,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;~~CAC5B~~;AAED,UAAU,oBAAqB,SAAQ,cAAc;IACnD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAChD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,YAAY,CAAC;IAC7B,aAAa,EAAE,WAAW,CAAC;IAC3B,cAAc,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,mBAAmB,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACtE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;~~CAClD~~;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,EACX,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,kBAA0B,EAC1B,gBAAwB,~~GACzB~~,EAAE,wBAAwB,GAAG,oBAAoB,~~CA4KjD~~"}
1	+ {"version":3,"file":"use-button-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/utils/use-button-dropdown.ts"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAKpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvH,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC;IACjC,WAAW,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC3E,YAAY,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC5E,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,oBAAqB,SAAQ,cAAc;IACnD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAChD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,YAAY,CAAC;IAC7B,aAAa,EAAE,WAAW,CAAC;IAC3B,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,cAAc,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,mBAAmB,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACtE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,mBAAmB,CAAC,KAAK,CAAC;IACzC,oBAAoB,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,EACX,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,kBAA0B,EAC1B,gBAAwB,EACxB,YAAY,GACb,EAAE,wBAAwB,GAAG,oBAAoB,CAkPjD"}