@cloudscape-design/components 3.0.873 → 3.0.875

package/attribute-editor/row.js

@@ -2,16 +2,13 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { useCallback } from 'react';
 import clsx from 'clsx';
-import InternalBox from '../box/internal';
 import { InternalButton } from '../button/internal';
-import InternalColumnLayout from '../column-layout/internal';
 import InternalFormField from '../form-field/internal';
-import InternalGrid from '../grid/internal';
 import { useInternalI18n } from '../i18n/context';
 import { fireNonCancelableEvent } from '../internal/events';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
+import { getItemGridColumns, getRemoveButtonGridColumns, isRemoveButtonOnSameLine } from './utils';
 import styles from './styles.css.js';
-const Divider = () => React.createElement(InternalBox, { className: styles.divider, padding: { top: 'l' } });
 function render(item, itemIndex, slot) {
     if (isSlotFunction(slot)) {
         return slot(item, itemIndex);
@@ -21,33 +18,39 @@ function render(item, itemIndex, slot) {
         return typeof slot === 'function';
     }
 }
-const GRID_DEFINITION = [{ colspan: { default: 12, xs: 9 } }];
-const REMOVABLE_GRID_DEFINITION = [{ colspan: { default: 12, xs: 9 } }, { colspan: { default: 12, xs: 3 } }];
-export const Row = React.memo(({ breakpoint, item, definition, i18nStrings = {}, index, removable, removeButtonText, removeButtonRefs, onRemoveButtonClick, removeButtonAriaLabel, }) => {
+export const Row = React.memo(({ breakpoint, item, definition, layout, i18nStrings = {}, index, removable, removeButtonText, removeButtonRefs, customRowActions, onRemoveButtonClick, removeButtonAriaLabel, }) => {
     var _a;
     const i18n = useInternalI18n('attribute-editor');
-    const isNarrowViewport = breakpoint === 'default' || breakpoint === 'xxs';
-    const isWideViewport = !isNarrowViewport;
     const handleRemoveClick = useCallback(() => {
         fireNonCancelableEvent(onRemoveButtonClick, { itemIndex: index });
     }, [onRemoveButtonClick, index]);
     const firstControlId = useUniqueId('first-control-id-');
-    return (React.createElement(InternalBox, { className: styles.row, margin: { bottom: 's' } },
-        React.createElement("div", { role: "group", "aria-labelledby": `${firstControlId}-label ${firstControlId}` },
-            React.createElement(InternalGrid, { __breakpoint: breakpoint, gridDefinition: removable ? REMOVABLE_GRID_DEFINITION : GRID_DEFINITION },
-                React.createElement(InternalColumnLayout, { className: styles['row-control'], columns: definition.length, __breakpoint: breakpoint }, definition.map(({ info, label, constraintText, errorText, warningText, control }, defIndex) => (React.createElement(InternalFormField, { key: defIndex, className: styles.field, label: label, info: info, constraintText: render(item, index, constraintText), errorText: render(item, index, errorText), warningText: render(item, index, warningText), stretch: true, i18nStrings: {
-                        errorIconAriaLabel: i18nStrings.errorIconAriaLabel,
-                        warningIconAriaLabel: i18nStrings.warningIconAriaLabel,
-                    }, __hideLabel: isWideViewport && index > 0, controlId: defIndex === 0 ? firstControlId : undefined }, render(item, index, control))))),
-                removable && (React.createElement(ButtonContainer, { index: index, isNarrowViewport: isNarrowViewport, hasLabel: definition.some(row => row.label) },
-                    React.createElement(InternalButton, { className: styles['remove-button'], formAction: "none", ref: ref => {
-                            removeButtonRefs[index] = ref !== null && ref !== void 0 ? ref : undefined;
-                        }, ariaLabel: (_a = (removeButtonAriaLabel !== null && removeButtonAriaLabel !== void 0 ? removeButtonAriaLabel : i18nStrings.removeButtonAriaLabel)) === null || _a === void 0 ? void 0 : _a(item), onClick: handleRemoveClick }, i18n('removeButtonText', removeButtonText)))))),
-        isNarrowViewport && React.createElement(Divider, null)));
+    const buttonRef = (ref) => {
+        removeButtonRefs[index] = ref !== null && ref !== void 0 ? ref : undefined;
+    };
+    let gridColumnStart = 1;
+    let gridColumnEnd = 1;
+    const removeButtonOnSameLine = isRemoveButtonOnSameLine(layout);
+    const customActions = customRowActions === null || customRowActions === void 0 ? void 0 : customRowActions({
+        item,
+        itemIndex: index,
+        ref: buttonRef,
+        breakpoint,
+        ownRow: !removeButtonOnSameLine,
+    });
+    return (React.createElement("div", { className: clsx(styles.row, layout.rows.length === 1 && styles['single-row']), role: "group", "aria-labelledby": `${firstControlId}-label ${firstControlId}` },
+        definition.map(({ info, label, constraintText, errorText, warningText, control }, defIndex) => {
+            ({ gridColumnStart, gridColumnEnd } = getItemGridColumns(layout, defIndex));
+            return (React.createElement(InternalFormField, { key: defIndex, className: styles.field, __style: { gridColumnStart, gridColumnEnd }, label: label, info: info, constraintText: render(item, index, constraintText), errorText: render(item, index, errorText), warningText: render(item, index, warningText), stretch: true, i18nStrings: {
+                    errorIconAriaLabel: i18nStrings.errorIconAriaLabel,
+                    warningIconAriaLabel: i18nStrings.warningIconAriaLabel,
+                }, __hideLabel: index !== 0 && removeButtonOnSameLine, controlId: defIndex === 0 ? firstControlId : undefined }, render(item, index, control)));
+        }),
+        React.createElement("div", { className: clsx(styles['remove-button-container'], {
+                [styles['remove-button-field-padding']]: removeButtonOnSameLine && index === 0,
+                [styles['remove-button-own-row']]: !removeButtonOnSameLine,
+            }), style: Object.assign({}, getRemoveButtonGridColumns(layout, gridColumnEnd)) }, removable &&
+            (customActions !== undefined ? (customActions) : (React.createElement(InternalButton, { className: styles['remove-button'], formAction: "none", ref: buttonRef, ariaLabel: (_a = (removeButtonAriaLabel !== null && removeButtonAriaLabel !== void 0 ? removeButtonAriaLabel : i18nStrings.removeButtonAriaLabel)) === null || _a === void 0 ? void 0 : _a(item), onClick: handleRemoveClick }, i18n('removeButtonText', removeButtonText))))),
+        !removeButtonOnSameLine && React.createElement("div", { className: styles.divider })));
 });
-const ButtonContainer = ({ index, children, isNarrowViewport, hasLabel }) => (React.createElement("div", { className: clsx({
-        [styles['button-container-haslabel']]: !isNarrowViewport && index === 0 && hasLabel,
-        [styles['button-container-nolabel']]: !isNarrowViewport && index === 0 && !hasLabel,
-        [styles['right-align']]: isNarrowViewport,
-    }) }, children));
 //# sourceMappingURL=row.js.map

package/attribute-editor/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/attribute-editor/row.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, { useCallback } from 'react';\nimport clsx from 'clsx';\n\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalColumnLayout, { ColumnLayoutBreakpoint } from '../column-layout/internal';\nimport InternalFormField from '../form-field/internal';\nimport InternalGrid from '../grid/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { AttributeEditorProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nconst Divider = () => <InternalBox className={styles.divider} padding={{ top: 'l' }} />;\n\ninterface RowProps<T> {\n  breakpoint: ColumnLayoutBreakpoint | null;\n  item: T;\n  definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;\n  i18nStrings: AttributeEditorProps.I18nStrings | undefined;\n  index: number;\n  removable: boolean;\n  removeButtonText?: string;\n  removeButtonRefs: Array<ButtonProps.Ref | undefined>;\n  onRemoveButtonClick?: NonCancelableEventHandler<AttributeEditorProps.RemoveButtonClickDetail>;\n  removeButtonAriaLabel?: (item: T) => string;\n}\n\nfunction render<T>(\n  item: T,\n  itemIndex: number,\n  slot: AttributeEditorProps.FieldRenderable<T> | React.ReactNode | undefined\n) {\n  if (isSlotFunction(slot)) {\n    return slot(item, itemIndex);\n  }\n  return slot;\n\n  function isSlotFunction(slot: unknown): slot is AttributeEditorProps.FieldRenderable<T> {\n    return typeof slot === 'function';\n  }\n}\n\nconst GRID_DEFINITION = [{ colspan: { default: 12, xs: 9 } }];\nconst REMOVABLE_GRID_DEFINITION = [{ colspan: { default: 12, xs: 9 } }, { colspan: { default: 12, xs: 3 } }];\nexport const Row = React.memo(\n  <T,>({\n    breakpoint,\n    item,\n    definition,\n    i18nStrings = {},\n    index,\n    removable,\n    removeButtonText,\n    removeButtonRefs,\n    onRemoveButtonClick,\n    removeButtonAriaLabel,\n  }: RowProps<T>) => {\n    const i18n = useInternalI18n('attribute-editor');\n    const isNarrowViewport = breakpoint === 'default' || breakpoint === 'xxs';\n    const isWideViewport = !isNarrowViewport;\n\n    const handleRemoveClick = useCallback(() => {\n      fireNonCancelableEvent(onRemoveButtonClick, { itemIndex: index });\n    }, [onRemoveButtonClick, index]);\n\n    const firstControlId = useUniqueId('first-control-id-');\n\n    return (\n      <InternalBox className={styles.row} margin={{ bottom: 's' }}>\n        <div role=\"group\" aria-labelledby={`${firstControlId}-label ${firstControlId}`}>\n          <InternalGrid\n            __breakpoint={breakpoint}\n            gridDefinition={removable ? REMOVABLE_GRID_DEFINITION : GRID_DEFINITION}\n          >\n            <InternalColumnLayout\n              className={styles['row-control']}\n              columns={definition.length}\n              __breakpoint={breakpoint}\n            >\n              {definition.map(({ info, label, constraintText, errorText, warningText, control }, defIndex) => (\n                <InternalFormField\n                  key={defIndex}\n                  className={styles.field}\n                  label={label}\n                  info={info}\n                  constraintText={render(item, index, constraintText)}\n                  errorText={render(item, index, errorText)}\n                  warningText={render(item, index, warningText)}\n                  stretch={true}\n                  i18nStrings={{\n                    errorIconAriaLabel: i18nStrings.errorIconAriaLabel,\n                    warningIconAriaLabel: i18nStrings.warningIconAriaLabel,\n                  }}\n                  __hideLabel={isWideViewport && index > 0}\n                  controlId={defIndex === 0 ? firstControlId : undefined}\n                >\n                  {render(item, index, control)}\n                </InternalFormField>\n              ))}\n            </InternalColumnLayout>\n            {removable && (\n              <ButtonContainer\n                index={index}\n                isNarrowViewport={isNarrowViewport}\n                hasLabel={definition.some(row => row.label)}\n              >\n                <InternalButton\n                  className={styles['remove-button']}\n                  formAction=\"none\"\n                  ref={ref => {\n                    removeButtonRefs[index] = ref ?? undefined;\n                  }}\n                  ariaLabel={(removeButtonAriaLabel ?? i18nStrings.removeButtonAriaLabel)?.(item)}\n                  onClick={handleRemoveClick}\n                >\n                  {i18n('removeButtonText', removeButtonText)}\n                </InternalButton>\n              </ButtonContainer>\n            )}\n          </InternalGrid>\n        </div>\n        {isNarrowViewport && <Divider />}\n      </InternalBox>\n    );\n  }\n) as <T>(props: RowProps<T>) => JSX.Element;\n\ninterface ButtonContainer {\n  index: number;\n  children: React.ReactNode;\n  isNarrowViewport: boolean;\n  hasLabel: boolean;\n}\n\nconst ButtonContainer = ({ index, children, isNarrowViewport, hasLabel }: ButtonContainer) => (\n  <div\n    className={clsx({\n      [styles['button-container-haslabel']]: !isNarrowViewport && index === 0 && hasLabel,\n      [styles['button-container-nolabel']]: !isNarrowViewport && index === 0 && !hasLabel,\n      [styles['right-align']]: isNarrowViewport,\n    })}\n  >\n    {children}\n  </div>\n);\n"]}
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/attribute-editor/row.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, { useCallback } from 'react';\nimport clsx from 'clsx';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalFormField from '../form-field/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { Breakpoint } from '../internal/breakpoints';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { AttributeEditorProps } from './interfaces';\nimport { getItemGridColumns, getRemoveButtonGridColumns, isRemoveButtonOnSameLine } from './utils';\n\nimport styles from './styles.css.js';\n\ninterface RowProps<T> {\n  breakpoint: Breakpoint | null;\n  layout: AttributeEditorProps.GridLayout;\n  item: T;\n  definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;\n  i18nStrings: AttributeEditorProps.I18nStrings | undefined;\n  index: number;\n  removable: boolean;\n  removeButtonText?: string;\n  removeButtonRefs: Array<ButtonProps.Ref | undefined>;\n  customRowActions?: (props: AttributeEditorProps.RowActionsProps<T>) => React.ReactNode;\n  onRemoveButtonClick?: NonCancelableEventHandler<AttributeEditorProps.RemoveButtonClickDetail>;\n  removeButtonAriaLabel?: (item: T) => string;\n}\n\nfunction render<T>(\n  item: T,\n  itemIndex: number,\n  slot: AttributeEditorProps.FieldRenderable<T> | React.ReactNode | undefined\n) {\n  if (isSlotFunction(slot)) {\n    return slot(item, itemIndex);\n  }\n  return slot;\n\n  function isSlotFunction(slot: unknown): slot is AttributeEditorProps.FieldRenderable<T> {\n    return typeof slot === 'function';\n  }\n}\n\nexport const Row = React.memo(\n  <T,>({\n    breakpoint,\n    item,\n    definition,\n    layout,\n    i18nStrings = {},\n    index,\n    removable,\n    removeButtonText,\n    removeButtonRefs,\n    customRowActions,\n    onRemoveButtonClick,\n    removeButtonAriaLabel,\n  }: RowProps<T>) => {\n    const i18n = useInternalI18n('attribute-editor');\n\n    const handleRemoveClick = useCallback(() => {\n      fireNonCancelableEvent(onRemoveButtonClick, { itemIndex: index });\n    }, [onRemoveButtonClick, index]);\n\n    const firstControlId = useUniqueId('first-control-id-');\n\n    const buttonRef = (ref: ButtonProps.Ref | null) => {\n      removeButtonRefs[index] = ref ?? undefined;\n    };\n\n    let gridColumnStart = 1;\n    let gridColumnEnd = 1;\n    const removeButtonOnSameLine = isRemoveButtonOnSameLine(layout);\n\n    const customActions = customRowActions?.({\n      item,\n      itemIndex: index,\n      ref: buttonRef,\n      breakpoint,\n      ownRow: !removeButtonOnSameLine,\n    });\n\n    return (\n      <div\n        className={clsx(styles.row, layout.rows.length === 1 && styles['single-row'])}\n        role=\"group\"\n        aria-labelledby={`${firstControlId}-label ${firstControlId}`}\n      >\n        {definition.map(({ info, label, constraintText, errorText, warningText, control }, defIndex) => {\n          ({ gridColumnStart, gridColumnEnd } = getItemGridColumns(layout, defIndex));\n          return (\n            <InternalFormField\n              key={defIndex}\n              className={styles.field}\n              __style={{ gridColumnStart, gridColumnEnd }}\n              label={label}\n              info={info}\n              constraintText={render(item, index, constraintText)}\n              errorText={render(item, index, errorText)}\n              warningText={render(item, index, warningText)}\n              stretch={true}\n              i18nStrings={{\n                errorIconAriaLabel: i18nStrings.errorIconAriaLabel,\n                warningIconAriaLabel: i18nStrings.warningIconAriaLabel,\n              }}\n              __hideLabel={index !== 0 && removeButtonOnSameLine}\n              controlId={defIndex === 0 ? firstControlId : undefined}\n            >\n              {render(item, index, control)}\n            </InternalFormField>\n          );\n        })}\n        <div\n          className={clsx(styles['remove-button-container'], {\n            [styles['remove-button-field-padding']]: removeButtonOnSameLine && index === 0,\n            [styles['remove-button-own-row']]: !removeButtonOnSameLine,\n          })}\n          style={{ ...getRemoveButtonGridColumns(layout, gridColumnEnd) }}\n        >\n          {removable &&\n            (customActions !== undefined ? (\n              customActions\n            ) : (\n              <InternalButton\n                className={styles['remove-button']}\n                formAction=\"none\"\n                ref={buttonRef}\n                ariaLabel={(removeButtonAriaLabel ?? i18nStrings.removeButtonAriaLabel)?.(item)}\n                onClick={handleRemoveClick}\n              >\n                {i18n('removeButtonText', removeButtonText)}\n              </InternalButton>\n            ))}\n        </div>\n        {!removeButtonOnSameLine && <div className={styles.divider} />}\n      </div>\n    );\n  }\n) as <T>(props: RowProps<T>) => JSX.Element;\n"]}

package/attribute-editor/styles.css.js

@@ -1,19 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_1nsib_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1nsib_1",
-  "root": "awsui_root_n4qlp_1nsib_175",
-  "empty": "awsui_empty_n4qlp_1nsib_153",
-  "row": "awsui_row_n4qlp_1nsib_214",
-  "row-control": "awsui_row-control_n4qlp_1nsib_218",
-  "field": "awsui_field_n4qlp_1nsib_222",
-  "add-button": "awsui_add-button_n4qlp_1nsib_226",
-  "remove-button": "awsui_remove-button_n4qlp_1nsib_230",
-  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_1nsib_234",
-  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_1nsib_238",
-  "divider": "awsui_divider_n4qlp_1nsib_242",
-  "additional-info": "awsui_additional-info_n4qlp_1nsib_246",
-  "right-align": "awsui_right-align_n4qlp_1nsib_292"
+  "empty-appear": "awsui_empty-appear_n4qlp_1j0l4_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1j0l4_1",
+  "root": "awsui_root_n4qlp_1j0l4_175",
+  "empty": "awsui_empty_n4qlp_1j0l4_153",
+  "row": "awsui_row_n4qlp_1j0l4_218",
+  "divider": "awsui_divider_n4qlp_1j0l4_222",
+  "row-control": "awsui_row-control_n4qlp_1j0l4_227",
+  "field": "awsui_field_n4qlp_1j0l4_231",
+  "additional-info": "awsui_additional-info_n4qlp_1j0l4_235",
+  "add-row": "awsui_add-row_n4qlp_1j0l4_281",
+  "add-button": "awsui_add-button_n4qlp_1j0l4_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_1j0l4_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1j0l4_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1j0l4_297",
+  "remove-button": "awsui_remove-button_n4qlp_1j0l4_289"
 };
   

package/attribute-editor/styles.scoped.css

@@ -150,10 +150,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_empty-appear_n4qlp_1nsib_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_1nsib_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
+.awsui_empty-appear_n4qlp_1j0l4_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_1j0l4_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_1nsib_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_1j0l4_1 {
   from {
     opacity: 0.2;
   }
@@ -162,17 +162,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_empty-appear_n4qlp_1nsib_153:not(#\9) {
+  .awsui_empty-appear_n4qlp_1j0l4_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_1nsib_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_1nsib_153:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_1j0l4_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_1j0l4_153:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_n4qlp_1nsib_175:not(#\9) {
+.awsui_root_n4qlp_1j0l4_175:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -203,48 +203,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  display: block;
+  display: grid;
+  grid-template-rows: min-content;
+  gap: var(--space-grid-gutter-ieqn7e, 20px);
+  align-items: start;
 }
 
-.awsui_empty_n4qlp_1nsib_153:not(#\9) {
+.awsui_empty_n4qlp_1j0l4_153:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   color: var(--color-text-empty-o6660v, #656871);
+  grid-column: 1/-1;
 }
 
-.awsui_row_n4qlp_1nsib_214:not(#\9) {
-  /* used in test-utils */
+.awsui_row_n4qlp_1j0l4_218:not(#\9) {
+  display: contents;
 }
 
-.awsui_row-control_n4qlp_1nsib_218:not(#\9) {
-  /* used in test-utils */
+.awsui_divider_n4qlp_1j0l4_222:not(#\9) {
+  grid-column: 1/-1;
+  border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
 
-.awsui_field_n4qlp_1nsib_222:not(#\9) {
+.awsui_row-control_n4qlp_1j0l4_227:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_add-button_n4qlp_1nsib_226:not(#\9) {
+.awsui_field_n4qlp_1j0l4_231:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button_n4qlp_1nsib_230:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_button-container-haslabel_n4qlp_1nsib_234:not(#\9) {
-  padding-block-start: calc(var(--space-xxs-p8yyaw, 4px) + var(--line-height-body-m-30ar75, 20px));
-}
-
-.awsui_button-container-nolabel_n4qlp_1nsib_238:not(#\9) {
-  padding-block-start: var(--space-xxs-p8yyaw, 4px);
-}
-
-.awsui_divider_n4qlp_1nsib_242:not(#\9) {
-  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
-}
-
-.awsui_additional-info_n4qlp_1nsib_246:not(#\9) {
+.awsui_additional-info_n4qlp_1j0l4_235:not(#\9) {
   color: var(--color-text-form-secondary-54emib, #656871);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
@@ -254,7 +243,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-xxs-p8yyaw, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_1nsib_246 > a:not(#\9) {
+.awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9) {
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
   color: var(--color-text-link-default-enwvrt, #006ce0);
@@ -268,31 +257,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_additional-info_n4qlp_1nsib_246 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_1nsib_246 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_1nsib_246 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_1nsib_246 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-49uoe9, #002b66);
 }
-.awsui_additional-info_n4qlp_1nsib_246 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_1nsib_246 > a:not(#\9):active {
+.awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9):active {
   color: var(--color-text-link-hover-49uoe9, #002b66);
 }
-.awsui_additional-info_n4qlp_1nsib_246 > a:not(#\9):active, .awsui_additional-info_n4qlp_1nsib_246 > a:not(#\9):focus, .awsui_additional-info_n4qlp_1nsib_246 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_1j0l4_235 > a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_right-align_n4qlp_1nsib_292:not(#\9) {
-  display: flex;
-  justify-content: flex-end;
+.awsui_add-row_n4qlp_1j0l4_281:not(#\9) {
+  grid-column: 1/-1;
+}
+
+.awsui_add-button_n4qlp_1j0l4_285:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_remove-button-container_n4qlp_1j0l4_289:not(#\9) {
+  display: inline-block;
+}
+
+.awsui_remove-button-field-padding_n4qlp_1j0l4_293:not(#\9) {
+  padding-block-start: calc(var(--space-xxs-p8yyaw, 4px) + var(--line-height-body-m-30ar75, 20px));
+}
+
+.awsui_remove-button-own-row_n4qlp_1j0l4_297:not(#\9) {
+  justify-self: end;
+}
+
+.awsui_remove-button_n4qlp_1j0l4_289:not(#\9) {
+  /* used in test-utils */
 }

package/attribute-editor/styles.selectors.js

@@ -2,19 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "empty-appear": "awsui_empty-appear_n4qlp_1nsib_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1nsib_1",
-  "root": "awsui_root_n4qlp_1nsib_175",
-  "empty": "awsui_empty_n4qlp_1nsib_153",
-  "row": "awsui_row_n4qlp_1nsib_214",
-  "row-control": "awsui_row-control_n4qlp_1nsib_218",
-  "field": "awsui_field_n4qlp_1nsib_222",
-  "add-button": "awsui_add-button_n4qlp_1nsib_226",
-  "remove-button": "awsui_remove-button_n4qlp_1nsib_230",
-  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_1nsib_234",
-  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_1nsib_238",
-  "divider": "awsui_divider_n4qlp_1nsib_242",
-  "additional-info": "awsui_additional-info_n4qlp_1nsib_246",
-  "right-align": "awsui_right-align_n4qlp_1nsib_292"
+  "empty-appear": "awsui_empty-appear_n4qlp_1j0l4_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1j0l4_1",
+  "root": "awsui_root_n4qlp_1j0l4_175",
+  "empty": "awsui_empty_n4qlp_1j0l4_153",
+  "row": "awsui_row_n4qlp_1j0l4_218",
+  "divider": "awsui_divider_n4qlp_1j0l4_222",
+  "row-control": "awsui_row-control_n4qlp_1j0l4_227",
+  "field": "awsui_field_n4qlp_1j0l4_231",
+  "additional-info": "awsui_additional-info_n4qlp_1j0l4_235",
+  "add-row": "awsui_add-row_n4qlp_1j0l4_281",
+  "add-button": "awsui_add-button_n4qlp_1j0l4_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_1j0l4_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1j0l4_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1j0l4_297",
+  "remove-button": "awsui_remove-button_n4qlp_1j0l4_289"
 };
   

package/attribute-editor/utils.d.ts

@@ -0,0 +1,11 @@
+import { AttributeEditorProps } from './interfaces';
+interface GridColumns {
+    gridColumnStart: number;
+    gridColumnEnd: number;
+}
+export declare function getItemGridColumns(layout: AttributeEditorProps.GridLayout, itemIndex: number): GridColumns;
+export declare function getRemoveButtonGridColumns(layout: AttributeEditorProps.GridLayout, previousGridColumnEnd: number): GridColumns;
+export declare function isRemoveButtonOnSameLine(layout: AttributeEditorProps.GridLayout): boolean;
+export declare function getGridTemplateColumns(layout: AttributeEditorProps.GridLayout): string;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/attribute-editor/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/attribute-editor/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,UAAU,WAAW;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,oBAAoB,CAAC,UAAU,EAAE,SAAS,EAAE,MAAM,GAAG,WAAW,CAc1G;AAED,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,oBAAoB,CAAC,UAAU,EACvC,qBAAqB,EAAE,MAAM,GAC5B,WAAW,CAiBb;AAED,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,oBAAoB,CAAC,UAAU,WAE/E;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,oBAAoB,CAAC,UAAU,UAiB7E"}

package/attribute-editor/utils.js

@@ -0,0 +1,43 @@
+export function getItemGridColumns(layout, itemIndex) {
+    let i = 0;
+    for (const row of layout.rows) {
+        let gridColumnStart = 1;
+        for (const columnWidth of row) {
+            if (i === itemIndex) {
+                return { gridColumnStart, gridColumnEnd: gridColumnStart + columnWidth };
+            }
+            else {
+                gridColumnStart += columnWidth;
+            }
+            i++;
+        }
+    }
+    return { gridColumnStart: 1, gridColumnEnd: 1 };
+}
+export function getRemoveButtonGridColumns(layout, previousGridColumnEnd) {
+    var _a, _b;
+    const maxColumns = layout.rows.reduce((max, columns) => Math.max(max, columns.reduce((sum, col) => sum + col, 0)), 0);
+    if (isRemoveButtonOnSameLine(layout)) {
+        const removeButtonWidth = typeof ((_a = layout.removeButton) === null || _a === void 0 ? void 0 : _a.width) === 'number' ? (_b = layout.removeButton) === null || _b === void 0 ? void 0 : _b.width : 1;
+        return {
+            gridColumnStart: previousGridColumnEnd,
+            gridColumnEnd: previousGridColumnEnd + removeButtonWidth,
+        };
+    }
+    return { gridColumnStart: 1, gridColumnEnd: maxColumns + 1 };
+}
+export function isRemoveButtonOnSameLine(layout) {
+    var _a;
+    return layout.rows.length === 1 && !((_a = layout.removeButton) === null || _a === void 0 ? void 0 : _a.ownRow);
+}
+export function getGridTemplateColumns(layout) {
+    var _a, _b, _c;
+    const totalColumnUnits = layout.rows.reduce((maxCols, row) => Math.max(maxCols, row.reduce((cols, col) => cols + col, 0)), 0);
+    const removeButtonColumn = isRemoveButtonOnSameLine(layout)
+        ? ((_a = layout.removeButton) === null || _a === void 0 ? void 0 : _a.width) === 'auto'
+            ? 'max-content'
+            : `${(_c = (_b = layout.removeButton) === null || _b === void 0 ? void 0 : _b.width) !== null && _c !== void 0 ? _c : 1}fr`
+        : '';
+    return `repeat(${totalColumnUnits}, 1fr) ${removeButtonColumn}`;
+}
+//# sourceMappingURL=utils.js.map

package/attribute-editor/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/attribute-editor/utils.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,kBAAkB,CAAC,MAAuC,EAAE,SAAiB;IAC3F,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,EAAE;QAC7B,IAAI,eAAe,GAAG,CAAC,CAAC;QACxB,KAAK,MAAM,WAAW,IAAI,GAAG,EAAE;YAC7B,IAAI,CAAC,KAAK,SAAS,EAAE;gBACnB,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,GAAG,WAAW,EAAE,CAAC;aAC1E;iBAAM;gBACL,eAAe,IAAI,WAAW,CAAC;aAChC;YACD,CAAC,EAAE,CAAC;SACL;KACF;IACD,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,0BAA0B,CACxC,MAAuC,EACvC,qBAA6B;;IAE7B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CACnC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,CACf,IAAI,CAAC,GAAG,CACN,GAAG,EACH,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,CAAC,CAC3C,EACH,CAAC,CACF,CAAC;IACF,IAAI,wBAAwB,CAAC,MAAM,CAAC,EAAE;QACpC,MAAM,iBAAiB,GAAG,OAAO,CAAA,MAAA,MAAM,CAAC,YAAY,0CAAE,KAAK,CAAA,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,YAAY,0CAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1G,OAAO;YACL,eAAe,EAAE,qBAAqB;YACtC,aAAa,EAAE,qBAAqB,GAAG,iBAAiB;SACzD,CAAC;KACH;IACD,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,aAAa,EAAE,UAAU,GAAG,CAAC,EAAE,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,MAAuC;;IAC9E,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAA,MAAA,MAAM,CAAC,YAAY,0CAAE,MAAM,CAAA,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,MAAuC;;IAC5E,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CACzC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CACf,IAAI,CAAC,GAAG,CACN,OAAO,EACP,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,CAAC,CACzC,EACH,CAAC,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,wBAAwB,CAAC,MAAM,CAAC;QACzD,CAAC,CAAC,CAAA,MAAA,MAAM,CAAC,YAAY,0CAAE,KAAK,MAAK,MAAM;YACrC,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,GAAG,MAAA,MAAA,MAAM,CAAC,YAAY,0CAAE,KAAK,mCAAI,CAAC,IAAI;QAC1C,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,UAAU,gBAAgB,UAAU,kBAAkB,EAAE,CAAC;AAClE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { AttributeEditorProps } from './interfaces';\n\ninterface GridColumns {\n  gridColumnStart: number;\n  gridColumnEnd: number;\n}\n\nexport function getItemGridColumns(layout: AttributeEditorProps.GridLayout, itemIndex: number): GridColumns {\n  let i = 0;\n  for (const row of layout.rows) {\n    let gridColumnStart = 1;\n    for (const columnWidth of row) {\n      if (i === itemIndex) {\n        return { gridColumnStart, gridColumnEnd: gridColumnStart + columnWidth };\n      } else {\n        gridColumnStart += columnWidth;\n      }\n      i++;\n    }\n  }\n  return { gridColumnStart: 1, gridColumnEnd: 1 };\n}\n\nexport function getRemoveButtonGridColumns(\n  layout: AttributeEditorProps.GridLayout,\n  previousGridColumnEnd: number\n): GridColumns {\n  const maxColumns = layout.rows.reduce(\n    (max, columns) =>\n      Math.max(\n        max,\n        columns.reduce((sum, col) => sum + col, 0)\n      ),\n    0\n  );\n  if (isRemoveButtonOnSameLine(layout)) {\n    const removeButtonWidth = typeof layout.removeButton?.width === 'number' ? layout.removeButton?.width : 1;\n    return {\n      gridColumnStart: previousGridColumnEnd,\n      gridColumnEnd: previousGridColumnEnd + removeButtonWidth,\n    };\n  }\n  return { gridColumnStart: 1, gridColumnEnd: maxColumns + 1 };\n}\n\nexport function isRemoveButtonOnSameLine(layout: AttributeEditorProps.GridLayout) {\n  return layout.rows.length === 1 && !layout.removeButton?.ownRow;\n}\n\nexport function getGridTemplateColumns(layout: AttributeEditorProps.GridLayout) {\n  const totalColumnUnits = layout.rows.reduce(\n    (maxCols, row) =>\n      Math.max(\n        maxCols,\n        row.reduce((cols, col) => cols + col, 0)\n      ),\n    0\n  );\n\n  const removeButtonColumn = isRemoveButtonOnSameLine(layout)\n    ? layout.removeButton?.width === 'auto'\n      ? 'max-content'\n      : `${layout.removeButton?.width ?? 1}fr`\n    : '';\n\n  return `repeat(${totalColumnUnits}, 1fr) ${removeButtonColumn}`;\n}\n"]}

package/button-dropdown/interfaces.d.ts

@@ -172,9 +172,13 @@ export declare namespace ButtonDropdownProps {
     }
     interface Ref {
         /**
-         * Focuses the underlying native button.
+         * Focuses the underlying native button. If a main action is defined this will focus that button.
          */
-        focus(): void;
+        focus(options?: FocusOptions): void;
+        /**
+         * Focuses the underlying native button for the dropdown.
+         */
+        focusDropdownTrigger(options?: FocusOptions): void;
     }
 }
 export interface ButtonDropdownSettings {

package/button-dropdown/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/button-dropdown/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/button-dropdown/interfaces.ts"],"names":[],"mappings":"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"}

package/button-dropdown/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/button-dropdown/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { GeneratedAnalyticsMetadataFragment } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { ExpandToViewport } from '../internal/components/dropdown/interfaces';\nimport { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nexport interface ButtonDropdownProps extends BaseComponentProps, ExpandToViewport {\n  /**\n   * Array of objects with a number of supported types.\n   *\n   * The following properties are supported across all types:\n   *\n   * - `type` (string) - The type of the item. Can be `action`, `group`, `checkbox`. Defaults to `action` if `items` undefined and `group` otherwise.\n   * - `id` (string) - allows to identify the item that the user clicked on. Mandatory for individual items, optional for categories.\n   * - `text` (string) - description shown in the menu for this item. Mandatory for individual items, optional for categories.\n   * - `lang` (string) - (Optional) The language of the item, provided as a BCP 47 language tag.\n   * - `disabled` (boolean) - whether the item is disabled. Disabled items are not clickable, but they can be highlighted with the keyboard to make them accessible.\n   * - `disabledReason` (string) - (Optional) Displays text near the `text` property when item is disabled. Use to provide additional context.\n   * - `description` (string) - additional data that will be passed to a `data-description` attribute.\n   * - `ariaLabel` (string) - (Optional) - ARIA label of the item element.\n   *\n   * ### action\n   *\n   * - `href` (string) - (Optional) Defines the target URL of the menu item, turning it into a link.\n   * - `external` (boolean) - Marks a menu item as external by adding an icon after the menu item text. The link will open in a new tab when clicked. Note that this only works when `href` is also provided.\n   * - `externalIconAriaLabel` (string) - Adds an `aria-label` to the external icon.\n   * - `iconName` (string) - (Optional) Specifies the name of the icon, used with the [icon component](/components/icon/).\n   * - `iconAlt` (string) - (Optional) Specifies alternate text for the icon when using `iconUrl`.\n   * - `iconUrl` (string) - (Optional) Specifies the URL of a custom icon.\n   * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n   *\n   * ### checkbox\n   *\n   * When `type` is set to \"checkbox\", the values set to `href`, `external` and `externalIconAriaLabel` will be ignored.\n   *\n   * - `checked` (boolean) - Controls the state of the checkbox item.\n   * - `iconName` (string) - (Optional) Specifies the name of the icon, used with the [icon component](/components/icon/).\n   * - `iconAlt` (string) - (Optional) Specifies alternate text for the icon when using `iconUrl`.\n   * - `iconUrl` (string) - (Optional) Specifies the URL of a custom icon.\n   * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n   *\n   * ### group\n   *\n   * - `items` (ReadonlyArray<Item>) - an array of item objects. Items will be rendered as nested menu items but only for the first nesting level, multi-nesting is not supported.\n   * An item which belongs to nested group has the following properties: `id`, `text`, `disabled`, and `description`.\n   *\n   */\n  items: ReadonlyArray<ButtonDropdownProps.ItemOrGroup>;\n  /**\n   * Determines whether the button dropdown is disabled. Users cannot interact with the control if it's disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Provides a reason why the button dropdown is disabled (only when `disabled` is `true`).\n   * If provided, the disabled button becomes focusable.\n   */\n  disabledReason?: string;\n  /**\n   * Renders the button as being in a loading state. It takes precedence over the `disabled` if both are set to `true`.\n   * It prevents clicks.\n   */\n  loading?: boolean;\n  /**\n   * Specifies the text that screen reader announces when the button dropdown is in a loading state.\n   */\n  loadingText?: string;\n  /** Determines the general styling of the button dropdown.\n   * * `primary` for primary buttons\n   * * `normal` for secondary buttons\n   * * `icon` for icon buttons\n   * * `inline-icon` for icon buttons with no outer padding\n   */\n  variant?: ButtonDropdownProps.Variant;\n  /**\n   * Controls expandability of the item groups.\n   */\n  expandableGroups?: boolean;\n  /**\n   * Adds `aria-label` to the button dropdown trigger.\n   * Use this to provide an accessible name for buttons that don't have visible text.\n   */\n  ariaLabel?: string;\n  /**\n   * Text displayed in the button dropdown trigger.\n   * @displayname text\n   */\n  children?: React.ReactNode;\n  /**\n   * Called when the user clicks on an item, and the item is not disabled.  The event detail object contains the id of the clicked item.\n   */\n  onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n  /**\n   * Called when the user clicks on an item with the left mouse button without pressing\n   * modifier keys (that is, CTRL, ALT, SHIFT, META), and the item has an `href` set.\n   */\n  onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n  /**\n   * A standalone action that is shown prior to the dropdown trigger.\n   * Use it with \"primary\" and \"normal\" variant only.\n   *\n   * Main action properties:\n   * * `text` (string) - Specifies the text shown in the main action.\n   * * `external` (boolean) - Marks the main action as external by adding an icon after the text. The link will open in a new tab when clicked. Note that this only works when `href` is also provided.\n   * * `externalIconAriaLabel` (string) - Adds an ARIA label to the external icon.\n   *\n   * The main action also supports the following properties of the [button](/components/button/?tabId=api) component:\n   * `ariaLabel`, `disabled`, `loading`, `loadingText`, `href`, `target`, `rel`, `download`, `iconAlt`, `iconName`, `iconUrl`, `iconSvg`, `onClick`, `onFollow`.\n   */\n  mainAction?: ButtonDropdownProps.MainAction;\n\n  /**\n   * Sets the button width to be 100% of the parent container width. Button content is centered.\n   */\n  fullWidth?: boolean;\n}\n\nexport namespace ButtonDropdownProps {\n  export type Variant = 'normal' | 'primary' | 'icon' | 'inline-icon';\n  export type ItemType = 'action' | 'group';\n\n  export interface MainAction {\n    text?: string;\n    ariaLabel?: string;\n    onClick?: CancelableEventHandler<ButtonProps.ClickDetail>;\n    onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n    disabled?: boolean;\n    disabledReason?: string;\n    loading?: boolean;\n    loadingText?: string;\n    href?: string;\n    target?: string;\n    rel?: string;\n    download?: boolean | string;\n    external?: boolean;\n    externalIconAriaLabel?: string;\n    iconAlt?: string;\n    iconName?: IconProps.Name;\n    iconUrl?: string;\n    iconSvg?: React.ReactNode;\n  }\n\n  export interface Item {\n    itemType?: ItemType;\n    id: string;\n    text: string;\n    ariaLabel?: string;\n    lang?: string;\n    disabled?: boolean;\n    disabledReason?: string;\n    description?: string;\n    href?: string;\n    external?: boolean;\n    externalIconAriaLabel?: string;\n    iconAlt?: string;\n    iconName?: IconProps.Name;\n    iconUrl?: string;\n    iconSvg?: React.ReactNode;\n  }\n\n  export interface CheckboxItem\n    extends Omit<ButtonDropdownProps.Item, 'href' | 'external' | 'externalIconAriaLabel' | 'itemType'> {\n    itemType: 'checkbox';\n    checked: boolean;\n  }\n\n  export interface ItemGroup extends Omit<Item, 'id' | 'text' | 'itemType'> {\n    itemType?: 'group';\n    id?: string;\n    text?: string;\n    items: Items;\n  }\n\n  export type ItemOrGroup = Item | CheckboxItem | ItemGroup;\n\n  export type Items = ReadonlyArray<ItemOrGroup>;\n\n  export interface ItemClickDetails extends BaseNavigationDetail {\n    id: string;\n    checked?: boolean;\n  }\n\n  export interface Ref {\n    /**\n     * Focuses the underlying native button.\n     */\n    focus(): void;\n  }\n}\n\nexport interface ButtonDropdownSettings {\n  // this means whether action is required to make group expand\n  hasExpandableGroups: boolean;\n  // on smaller screens expandable groups are integrated into parent dropdown\n  // this changes keyboard navigation, highlight and activation behavior for parent dropdown\n  isInRestrictedView?: boolean;\n}\n\nexport interface HighlightProps {\n  targetItem: ButtonDropdownProps.ItemOrGroup | null;\n  isHighlighted: (item: ButtonDropdownProps.ItemOrGroup) => boolean;\n  isKeyboardHighlight: (item: ButtonDropdownProps.ItemOrGroup) => boolean;\n  isExpanded: (group: ButtonDropdownProps.ItemGroup) => boolean;\n  highlightItem: (item: ButtonDropdownProps.ItemOrGroup) => void;\n}\n\nexport type GroupToggle = (item: ButtonDropdownProps.ItemGroup, event: React.SyntheticEvent) => void;\nexport type ItemActivate = (\n  item: ButtonDropdownProps.Item | ButtonDropdownProps.CheckboxItem,\n  event: React.MouseEvent | React.KeyboardEvent\n) => void;\n\nexport interface CategoryProps extends HighlightProps {\n  item: ButtonDropdownProps.ItemGroup;\n  onGroupToggle: GroupToggle;\n  onItemActivate: ItemActivate;\n  disabled: boolean;\n  lastInDropdown: boolean;\n  expandToViewport?: boolean;\n  variant?: ItemListProps['variant'];\n  position?: string;\n}\n\nexport interface ItemListProps extends HighlightProps {\n  items: ButtonDropdownProps.Items;\n  onGroupToggle: GroupToggle;\n  onItemActivate: ItemActivate;\n  categoryDisabled?: boolean;\n  hasExpandableGroups?: boolean;\n  hasCategoryHeader?: boolean;\n  lastInDropdown: boolean;\n  expandToViewport?: boolean;\n  variant?: InternalButtonDropdownProps['variant'];\n  position?: string;\n  analyticsMetadataTransformer?: InternalButtonDropdownProps['analyticsMetadataTransformer'];\n  linkStyle?: boolean;\n}\n\nexport interface LinkItem extends ButtonDropdownProps.Item {\n  href: string;\n}\n\nexport interface ItemProps {\n  item: ButtonDropdownProps.Item | ButtonDropdownProps.CheckboxItem | LinkItem;\n  disabled: boolean;\n  highlighted: boolean;\n  onItemActivate: ItemActivate;\n  highlightItem: (item: ButtonDropdownProps.ItemOrGroup) => void;\n  showDivider: boolean;\n  hasCategoryHeader: boolean;\n  isKeyboardHighlighted?: boolean;\n  variant?: ItemListProps['variant'];\n  position?: string;\n  analyticsMetadataTransformer?: InternalButtonDropdownProps['analyticsMetadataTransformer'];\n  linkStyle?: boolean;\n}\n\nexport interface InternalItem extends ButtonDropdownProps.Item {\n  badge?: boolean;\n  /**\n   * Used in breadcrumb-group: indicates that this breadcrumb item is the current page\n   */\n  isCurrentBreadcrumb?: boolean;\n}\n\nexport interface InternalCheckboxItem extends ButtonDropdownProps.CheckboxItem {\n  badge?: boolean;\n}\n\ninterface InternalItemGroup extends Omit<ButtonDropdownProps.ItemGroup, 'items'> {\n  items: InternalItems;\n}\n\ntype InternalItems = ReadonlyArray<InternalItemOrGroup>;\n\nexport type InternalItemOrGroup = InternalItem | InternalCheckboxItem | InternalItemGroup;\n\nexport interface InternalButtonDropdownProps\n  extends Omit<ButtonDropdownProps, 'variant' | 'items'>,\n    InternalBaseComponentProps {\n  customTriggerBuilder?: (props: CustomTriggerProps) => React.ReactNode;\n  variant?: ButtonDropdownProps['variant'] | 'navigation';\n  items: ReadonlyArray<InternalItemOrGroup>;\n\n  /**\n   * Optional text that is displayed as the title at the top of the dropdown.\n   */\n  title?: string;\n\n  /**\n   * Optional text that is displayed underneath the title at the top of the dropdown.\n   */\n  description?: string;\n\n  /**\n   * Only show main action button as a regular, non-split button.\n   * That is needed so that button dropdown test utils wrapper can still be used.\n   */\n  showMainActionOnly?: boolean;\n\n  /**\n   * Determines that the dropdown should preferably be aligned to the center of the trigger\n   * instead of dropping left or right.\n   */\n  preferCenter?: boolean;\n\n  /**\n   * Determines whether simple items should be displayed with the link styles.\n   * Used in Breadcrumb group component for collapsed breadcrumbs\n   */\n  linkStyle?: boolean;\n\n  /**\n   * Determines whether the dropdown should take up the full available width.\n   * Used in Breadcrumb group component for collapsed breadcrumbs\n   */\n  fullWidth?: boolean;\n\n  analyticsMetadataTransformer?: (input: GeneratedAnalyticsMetadataFragment) => GeneratedAnalyticsMetadataFragment;\n}\n\nexport interface CustomTriggerProps {\n  triggerRef: React.Ref<HTMLElement>;\n  testUtilsClass: string;\n  ariaLabel: string | undefined;\n  disabled: boolean;\n  disabledReason?: string;\n  isOpen: boolean;\n  onClick: () => void;\n  ariaExpanded: boolean;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/button-dropdown/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { GeneratedAnalyticsMetadataFragment } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { ExpandToViewport } from '../internal/components/dropdown/interfaces';\nimport { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nexport interface ButtonDropdownProps extends BaseComponentProps, ExpandToViewport {\n  /**\n   * Array of objects with a number of supported types.\n   *\n   * The following properties are supported across all types:\n   *\n   * - `type` (string) - The type of the item. Can be `action`, `group`, `checkbox`. Defaults to `action` if `items` undefined and `group` otherwise.\n   * - `id` (string) - allows to identify the item that the user clicked on. Mandatory for individual items, optional for categories.\n   * - `text` (string) - description shown in the menu for this item. Mandatory for individual items, optional for categories.\n   * - `lang` (string) - (Optional) The language of the item, provided as a BCP 47 language tag.\n   * - `disabled` (boolean) - whether the item is disabled. Disabled items are not clickable, but they can be highlighted with the keyboard to make them accessible.\n   * - `disabledReason` (string) - (Optional) Displays text near the `text` property when item is disabled. Use to provide additional context.\n   * - `description` (string) - additional data that will be passed to a `data-description` attribute.\n   * - `ariaLabel` (string) - (Optional) - ARIA label of the item element.\n   *\n   * ### action\n   *\n   * - `href` (string) - (Optional) Defines the target URL of the menu item, turning it into a link.\n   * - `external` (boolean) - Marks a menu item as external by adding an icon after the menu item text. The link will open in a new tab when clicked. Note that this only works when `href` is also provided.\n   * - `externalIconAriaLabel` (string) - Adds an `aria-label` to the external icon.\n   * - `iconName` (string) - (Optional) Specifies the name of the icon, used with the [icon component](/components/icon/).\n   * - `iconAlt` (string) - (Optional) Specifies alternate text for the icon when using `iconUrl`.\n   * - `iconUrl` (string) - (Optional) Specifies the URL of a custom icon.\n   * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n   *\n   * ### checkbox\n   *\n   * When `type` is set to \"checkbox\", the values set to `href`, `external` and `externalIconAriaLabel` will be ignored.\n   *\n   * - `checked` (boolean) - Controls the state of the checkbox item.\n   * - `iconName` (string) - (Optional) Specifies the name of the icon, used with the [icon component](/components/icon/).\n   * - `iconAlt` (string) - (Optional) Specifies alternate text for the icon when using `iconUrl`.\n   * - `iconUrl` (string) - (Optional) Specifies the URL of a custom icon.\n   * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n   *\n   * ### group\n   *\n   * - `items` (ReadonlyArray<Item>) - an array of item objects. Items will be rendered as nested menu items but only for the first nesting level, multi-nesting is not supported.\n   * An item which belongs to nested group has the following properties: `id`, `text`, `disabled`, and `description`.\n   *\n   */\n  items: ReadonlyArray<ButtonDropdownProps.ItemOrGroup>;\n  /**\n   * Determines whether the button dropdown is disabled. Users cannot interact with the control if it's disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Provides a reason why the button dropdown is disabled (only when `disabled` is `true`).\n   * If provided, the disabled button becomes focusable.\n   */\n  disabledReason?: string;\n  /**\n   * Renders the button as being in a loading state. It takes precedence over the `disabled` if both are set to `true`.\n   * It prevents clicks.\n   */\n  loading?: boolean;\n  /**\n   * Specifies the text that screen reader announces when the button dropdown is in a loading state.\n   */\n  loadingText?: string;\n  /** Determines the general styling of the button dropdown.\n   * * `primary` for primary buttons\n   * * `normal` for secondary buttons\n   * * `icon` for icon buttons\n   * * `inline-icon` for icon buttons with no outer padding\n   */\n  variant?: ButtonDropdownProps.Variant;\n  /**\n   * Controls expandability of the item groups.\n   */\n  expandableGroups?: boolean;\n  /**\n   * Adds `aria-label` to the button dropdown trigger.\n   * Use this to provide an accessible name for buttons that don't have visible text.\n   */\n  ariaLabel?: string;\n  /**\n   * Text displayed in the button dropdown trigger.\n   * @displayname text\n   */\n  children?: React.ReactNode;\n  /**\n   * Called when the user clicks on an item, and the item is not disabled.  The event detail object contains the id of the clicked item.\n   */\n  onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n  /**\n   * Called when the user clicks on an item with the left mouse button without pressing\n   * modifier keys (that is, CTRL, ALT, SHIFT, META), and the item has an `href` set.\n   */\n  onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n  /**\n   * A standalone action that is shown prior to the dropdown trigger.\n   * Use it with \"primary\" and \"normal\" variant only.\n   *\n   * Main action properties:\n   * * `text` (string) - Specifies the text shown in the main action.\n   * * `external` (boolean) - Marks the main action as external by adding an icon after the text. The link will open in a new tab when clicked. Note that this only works when `href` is also provided.\n   * * `externalIconAriaLabel` (string) - Adds an ARIA label to the external icon.\n   *\n   * The main action also supports the following properties of the [button](/components/button/?tabId=api) component:\n   * `ariaLabel`, `disabled`, `loading`, `loadingText`, `href`, `target`, `rel`, `download`, `iconAlt`, `iconName`, `iconUrl`, `iconSvg`, `onClick`, `onFollow`.\n   */\n  mainAction?: ButtonDropdownProps.MainAction;\n\n  /**\n   * Sets the button width to be 100% of the parent container width. Button content is centered.\n   */\n  fullWidth?: boolean;\n}\n\nexport namespace ButtonDropdownProps {\n  export type Variant = 'normal' | 'primary' | 'icon' | 'inline-icon';\n  export type ItemType = 'action' | 'group';\n\n  export interface MainAction {\n    text?: string;\n    ariaLabel?: string;\n    onClick?: CancelableEventHandler<ButtonProps.ClickDetail>;\n    onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n    disabled?: boolean;\n    disabledReason?: string;\n    loading?: boolean;\n    loadingText?: string;\n    href?: string;\n    target?: string;\n    rel?: string;\n    download?: boolean | string;\n    external?: boolean;\n    externalIconAriaLabel?: string;\n    iconAlt?: string;\n    iconName?: IconProps.Name;\n    iconUrl?: string;\n    iconSvg?: React.ReactNode;\n  }\n\n  export interface Item {\n    itemType?: ItemType;\n    id: string;\n    text: string;\n    ariaLabel?: string;\n    lang?: string;\n    disabled?: boolean;\n    disabledReason?: string;\n    description?: string;\n    href?: string;\n    external?: boolean;\n    externalIconAriaLabel?: string;\n    iconAlt?: string;\n    iconName?: IconProps.Name;\n    iconUrl?: string;\n    iconSvg?: React.ReactNode;\n  }\n\n  export interface CheckboxItem\n    extends Omit<ButtonDropdownProps.Item, 'href' | 'external' | 'externalIconAriaLabel' | 'itemType'> {\n    itemType: 'checkbox';\n    checked: boolean;\n  }\n\n  export interface ItemGroup extends Omit<Item, 'id' | 'text' | 'itemType'> {\n    itemType?: 'group';\n    id?: string;\n    text?: string;\n    items: Items;\n  }\n\n  export type ItemOrGroup = Item | CheckboxItem | ItemGroup;\n\n  export type Items = ReadonlyArray<ItemOrGroup>;\n\n  export interface ItemClickDetails extends BaseNavigationDetail {\n    id: string;\n    checked?: boolean;\n  }\n\n  export interface Ref {\n    /**\n     * Focuses the underlying native button. If a main action is defined this will focus that button.\n     */\n    focus(options?: FocusOptions): void;\n    /**\n     * Focuses the underlying native button for the dropdown.\n     */\n    focusDropdownTrigger(options?: FocusOptions): void;\n  }\n}\n\nexport interface ButtonDropdownSettings {\n  // this means whether action is required to make group expand\n  hasExpandableGroups: boolean;\n  // on smaller screens expandable groups are integrated into parent dropdown\n  // this changes keyboard navigation, highlight and activation behavior for parent dropdown\n  isInRestrictedView?: boolean;\n}\n\nexport interface HighlightProps {\n  targetItem: ButtonDropdownProps.ItemOrGroup | null;\n  isHighlighted: (item: ButtonDropdownProps.ItemOrGroup) => boolean;\n  isKeyboardHighlight: (item: ButtonDropdownProps.ItemOrGroup) => boolean;\n  isExpanded: (group: ButtonDropdownProps.ItemGroup) => boolean;\n  highlightItem: (item: ButtonDropdownProps.ItemOrGroup) => void;\n}\n\nexport type GroupToggle = (item: ButtonDropdownProps.ItemGroup, event: React.SyntheticEvent) => void;\nexport type ItemActivate = (\n  item: ButtonDropdownProps.Item | ButtonDropdownProps.CheckboxItem,\n  event: React.MouseEvent | React.KeyboardEvent\n) => void;\n\nexport interface CategoryProps extends HighlightProps {\n  item: ButtonDropdownProps.ItemGroup;\n  onGroupToggle: GroupToggle;\n  onItemActivate: ItemActivate;\n  disabled: boolean;\n  lastInDropdown: boolean;\n  expandToViewport?: boolean;\n  variant?: ItemListProps['variant'];\n  position?: string;\n}\n\nexport interface ItemListProps extends HighlightProps {\n  items: ButtonDropdownProps.Items;\n  onGroupToggle: GroupToggle;\n  onItemActivate: ItemActivate;\n  categoryDisabled?: boolean;\n  hasExpandableGroups?: boolean;\n  hasCategoryHeader?: boolean;\n  lastInDropdown: boolean;\n  expandToViewport?: boolean;\n  variant?: InternalButtonDropdownProps['variant'];\n  position?: string;\n  analyticsMetadataTransformer?: InternalButtonDropdownProps['analyticsMetadataTransformer'];\n  linkStyle?: boolean;\n}\n\nexport interface LinkItem extends ButtonDropdownProps.Item {\n  href: string;\n}\n\nexport interface ItemProps {\n  item: ButtonDropdownProps.Item | ButtonDropdownProps.CheckboxItem | LinkItem;\n  disabled: boolean;\n  highlighted: boolean;\n  onItemActivate: ItemActivate;\n  highlightItem: (item: ButtonDropdownProps.ItemOrGroup) => void;\n  showDivider: boolean;\n  hasCategoryHeader: boolean;\n  isKeyboardHighlighted?: boolean;\n  variant?: ItemListProps['variant'];\n  position?: string;\n  analyticsMetadataTransformer?: InternalButtonDropdownProps['analyticsMetadataTransformer'];\n  linkStyle?: boolean;\n}\n\nexport interface InternalItem extends ButtonDropdownProps.Item {\n  badge?: boolean;\n  /**\n   * Used in breadcrumb-group: indicates that this breadcrumb item is the current page\n   */\n  isCurrentBreadcrumb?: boolean;\n}\n\nexport interface InternalCheckboxItem extends ButtonDropdownProps.CheckboxItem {\n  badge?: boolean;\n}\n\ninterface InternalItemGroup extends Omit<ButtonDropdownProps.ItemGroup, 'items'> {\n  items: InternalItems;\n}\n\ntype InternalItems = ReadonlyArray<InternalItemOrGroup>;\n\nexport type InternalItemOrGroup = InternalItem | InternalCheckboxItem | InternalItemGroup;\n\nexport interface InternalButtonDropdownProps\n  extends Omit<ButtonDropdownProps, 'variant' | 'items'>,\n    InternalBaseComponentProps {\n  customTriggerBuilder?: (props: CustomTriggerProps) => React.ReactNode;\n  variant?: ButtonDropdownProps['variant'] | 'navigation';\n  items: ReadonlyArray<InternalItemOrGroup>;\n\n  /**\n   * Optional text that is displayed as the title at the top of the dropdown.\n   */\n  title?: string;\n\n  /**\n   * Optional text that is displayed underneath the title at the top of the dropdown.\n   */\n  description?: string;\n\n  /**\n   * Only show main action button as a regular, non-split button.\n   * That is needed so that button dropdown test utils wrapper can still be used.\n   */\n  showMainActionOnly?: boolean;\n\n  /**\n   * Determines that the dropdown should preferably be aligned to the center of the trigger\n   * instead of dropping left or right.\n   */\n  preferCenter?: boolean;\n\n  /**\n   * Determines whether simple items should be displayed with the link styles.\n   * Used in Breadcrumb group component for collapsed breadcrumbs\n   */\n  linkStyle?: boolean;\n\n  /**\n   * Determines whether the dropdown should take up the full available width.\n   * Used in Breadcrumb group component for collapsed breadcrumbs\n   */\n  fullWidth?: boolean;\n\n  analyticsMetadataTransformer?: (input: GeneratedAnalyticsMetadataFragment) => GeneratedAnalyticsMetadataFragment;\n}\n\nexport interface CustomTriggerProps {\n  triggerRef: React.Ref<HTMLElement>;\n  testUtilsClass: string;\n  ariaLabel: string | undefined;\n  disabled: boolean;\n  disabledReason?: string;\n  isOpen: boolean;\n  onClick: () => void;\n  ariaExpanded: boolean;\n}\n"]}

package/button-dropdown/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/button-dropdown/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAqBjD,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,MAAM,cAAc,CAAC;AAQhF,QAAA,MAAM,sBAAsB,6GAmX3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/button-dropdown/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAoBtE,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,MAAM,cAAc,CAAC;AAQhF,QAAA,MAAM,sBAAsB,6GA8X3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/button-dropdown/internal.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useImperativeHandle, useRef } from 'react';
 import clsx from 'clsx';
 import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
 import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
@@ -11,7 +11,6 @@ import { useFunnel } from '../internal/analytics/hooks/use-funnel.js';
 import { getBaseProps } from '../internal/base-component';
 import Dropdown from '../internal/components/dropdown';
 import OptionsList from '../internal/components/options-list';
-import useForwardFocus from '../internal/hooks/forward-focus';
 import { useMobile } from '../internal/hooks/use-mobile';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode/index.js';
@@ -59,7 +58,16 @@ const InternalButtonDropdown = React.forwardRef((_a, ref) => {
     const baseProps = getBaseProps(props);
     const mainActionRef = useRef(null);
     const triggerRef = useRef(null);
-    useForwardFocus(ref, isMainAction ? mainActionRef : triggerRef);
+    useImperativeHandle(ref, () => ({
+        focus(...args) {
+            var _a;
+            (_a = (isMainAction ? mainActionRef : triggerRef).current) === null || _a === void 0 ? void 0 : _a.focus(...args);
+        },
+        focusDropdownTrigger(...args) {
+            var _a;
+            (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus(...args);
+        },
+    }), [mainActionRef, triggerRef, isMainAction]);
     const clickHandler = () => {
         if (!loading && !disabled) {
             // Prevent moving highlight on mobiles to avoid disabled state reason popup if defined.