@aws/mynah-ui 4.35.0-beta.1 → 4.35.0-beta.3

package/dist/components/button.d.ts

@@ -10,11 +10,18 @@ export interface ButtonProps {
     icon?: HTMLElement | ExtendedHTMLElement;
     testId?: string;
     label?: HTMLElement | ExtendedHTMLElement | string;
+    confirmation?: {
+        confirmButtonText: string;
+        cancelButtonText: string;
+        title: string;
+        description?: string;
+    };
     tooltip?: string;
     tooltipVerticalDirection?: OverlayVerticalDirection;
     tooltipHorizontalDirection?: OverlayHorizontalDirection;
     children?: Array<HTMLElement | ExtendedHTMLElement | string>;
     disabled?: boolean;
+    hidden?: boolean;
     primary?: boolean;
     border?: boolean;
     status?: 'main' | 'primary' | 'info' | 'success' | 'warning' | 'error' | 'clear' | 'dimmed-clear';
@@ -26,6 +33,7 @@ export interface ButtonProps {
 export declare abstract class ButtonAbstract {
     render: ExtendedHTMLElement;
     updateLabel: (label: HTMLElement | ExtendedHTMLElement | string) => void;
+    setHidden: (hidden: boolean) => void;
     setEnabled: (enabled: boolean) => void;
     hideTooltip: () => void;
 }
@@ -34,5 +42,6 @@ export declare class Button extends ButtonAbstract {
     constructor(props: ButtonProps);
     updateLabel: (label: HTMLElement | ExtendedHTMLElement | string) => void;
     setEnabled: (enabled: boolean) => void;
+    setHidden: (hidden: boolean) => void;
     hideTooltip: () => void;
 }

package/dist/components/card/card.d.ts

@@ -3,10 +3,11 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { DomBuilderObject, ExtendedHTMLElement } from '../../helper/dom';
-import { EngagementType } from '../../static';
+import { EngagementType, Status } from '../../static';
 export interface CardProps extends Partial<DomBuilderObject> {
     border?: boolean;
     background?: boolean;
+    status?: Status;
     padding?: 'small' | 'medium' | 'large' | 'none';
     children?: Array<HTMLElement | ExtendedHTMLElement | string>;
     onCardEngaged?: (engagement: {

package/dist/components/chat-item/chat-item-form-items.d.ts

@@ -30,5 +30,6 @@ export declare class ChatItemFormItemsWrapper {
     private readonly isItemValid;
     isFormValid: () => boolean;
     disableAll: () => void;
-    getAllValues: () => Record<string, string>;
+    enableAll: () => void;
+    getAllValues: () => Record<string, string | Array<Record<string, string>>>;
 }

package/dist/components/chat-item/prompt-input/prompt-options.d.ts

@@ -14,5 +14,5 @@ export declare class PromptOptions {
     constructor(props: PromptOptionsProps);
     private readonly getFilterOptionsWrapper;
     readonly update: (filterOptions?: FilterOption[], buttons?: ChatItemButton[]) => void;
-    readonly getOptionValues: () => Record<string, string>;
+    readonly getOptionValues: () => Record<string, string | Array<Record<string, string>>>;
 }

package/dist/components/detailed-list/detailed-list-item.d.ts

@@ -4,15 +4,21 @@ export interface DetailedListItemWrapperProps {
     listItem: DetailedListItem;
     descriptionTextDirection?: 'ltr' | 'rtl';
     onSelect?: (detailedListItem: DetailedListItem) => void;
-    onActionClick?: (action: ChatItemButton) => void;
+    onClick?: (detailedListItem: DetailedListItem) => void;
+    onActionClick?: (action: ChatItemButton, detailedListItem?: DetailedListItem) => void;
     selectable?: boolean;
+    clickable?: boolean;
     textDirection?: 'row' | 'column';
 }
 export declare class DetailedListItemWrapper {
     render: ExtendedHTMLElement;
+    private tooltipOverlay;
+    private tooltipTimeout;
     private readonly props;
     private actionMenuOverlay;
     constructor(props: DetailedListItemWrapperProps);
+    private readonly showTooltip;
+    readonly hideTooltip: () => void;
     readonly setFocus: (isFocused: boolean, scrollIntoView: boolean) => void;
     readonly getItem: () => DetailedListItem;
     private readonly showActionMenuOverlay;

package/dist/components/detailed-list/detailed-list-sheet.d.ts

@@ -7,8 +7,11 @@ export interface DetailedListSheetProps {
         onFilterValueChange?: (filterValues: Record<string, any>, isValid: boolean) => void;
         onKeyPress?: (e: KeyboardEvent) => void;
         onItemSelect?: (detailedListItem: DetailedListItem) => void;
+        onItemClick?: (detailedListItem: DetailedListItem) => void;
+        onBackClick?: () => void;
         onTitleActionClick?: (action: ChatItemButton) => void;
-        onActionClick?: (action: ChatItemButton) => void;
+        onActionClick?: (action: ChatItemButton, listItem?: DetailedListItem) => void;
+        onFilterActionClick?: (action: ChatItemButton, filterValues?: Record<string, any>, isValid?: boolean) => void;
         onClose?: () => void;
     };
 }
@@ -17,7 +20,7 @@ export declare class DetailedListSheet {
     detailedListWrapper: DetailedListWrapper;
     private readonly keyPressHandler;
     constructor(props: DetailedListSheetProps);
-    open: () => void;
-    update: (detailedList: DetailedList) => void;
+    open: (showBackButton?: boolean) => void;
+    update: (detailedList: DetailedList, showBackButton?: boolean) => void;
     close: () => void;
 }

package/dist/components/detailed-list/detailed-list.d.ts

@@ -6,12 +6,16 @@ export interface DetailedListWrapperProps {
     onFilterValueChange?: (filterValues: Record<string, any>, isValid: boolean) => void;
     onGroupActionClick?: (action: ChatItemButton) => void;
     onItemSelect?: (detailedListItem: DetailedListItem) => void;
-    onItemActionClick?: (action: ChatItemButton) => void;
+    onItemClick?: (detailedListItem: DetailedListItem) => void;
+    onItemActionClick?: (action: ChatItemButton, detailedListItem?: DetailedListItem) => void;
+    onFilterActionClick?: (action: ChatItemButton, filterValues?: Record<string, any>, isValid?: boolean) => void;
 }
 export declare class DetailedListWrapper {
     render: ExtendedHTMLElement;
     private readonly detailedListItemGroupsContainer;
+    private filterForm;
     private readonly filtersContainer;
+    private readonly filterActionsContainer;
     private readonly headerContainer;
     private readonly props;
     private detailedListItemsBlockData;
@@ -20,6 +24,7 @@ export declare class DetailedListWrapper {
     constructor(props: DetailedListWrapperProps);
     private readonly getHeader;
     private readonly getFilters;
+    private readonly getFilterActions;
     private readonly getDetailedListItemGroups;
     private readonly getDetailedListItemElements;
     readonly changeTarget: (direction: 'up' | 'down', snapOnLastAndFirst?: boolean, scrollIntoView?: boolean) => void;

package/dist/components/form-items/form-item-list.d.ts

@@ -0,0 +1,43 @@
+/*!
+ * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ExtendedHTMLElement } from '../../helper/dom';
+import { ListItemEntry, SingularFormItem } from '../../static';
+export interface FormItemListProps {
+    items: SingularFormItem[];
+    value?: ListItemEntry[];
+    classNames?: string[];
+    attributes?: Record<string, string>;
+    label?: HTMLElement | ExtendedHTMLElement | string;
+    description?: ExtendedHTMLElement;
+    wrapperTestId?: string;
+    onChange?: (values: Array<Record<string, string | Array<Record<string, string>>>>) => void;
+}
+export declare abstract class FormItemListAbstract {
+    render: ExtendedHTMLElement;
+    setValue: (value: ListItemEntry[]) => void;
+    getValue: () => Array<Record<string, string>>;
+    setEnabled: (enabled: boolean) => void;
+}
+export declare class FormItemListInternal extends FormItemListAbstract {
+    private readonly rowWrapper;
+    private readonly addButton;
+    private readonly props;
+    private readonly rows;
+    render: ExtendedHTMLElement;
+    constructor(props: FormItemListProps);
+    private addRow;
+    private removeRow;
+    setValue: (value: ListItemEntry[]) => void;
+    getValue: () => Array<Record<string, string>>;
+    setEnabled: (enabled: boolean) => void;
+    isFormValid: () => boolean;
+}
+export declare class FormItemList extends FormItemListAbstract {
+    render: ExtendedHTMLElement;
+    constructor(props: FormItemListProps);
+    setValue: (value: ListItemEntry[]) => void;
+    getValue: () => Array<Record<string, string>>;
+    setEnabled: (enabled: boolean) => void;
+}

package/dist/components/icon.d.ts

@@ -10,6 +10,7 @@ export declare enum MynahIcons {
     AT = "at",
     MENU = "menu",
     MINUS = "minus",
+    MINUS_CIRCLE = "minus-circled",
     SEARCH = "search",
     PLUS = "plus",
     PAPER_CLIP = "paper-clip",
@@ -31,6 +32,7 @@ export declare enum MynahIcons {
     NOTIFICATION = "notification",
     EYE = "eye",
     ELLIPSIS = "ellipsis",
+    ELLIPSIS_H = "ellipsis-h",
     OK = "ok",
     UP_OPEN = "up-open",
     DOWN_OPEN = "down-open",

package/dist/components/navigation-tab-bar-buttons.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { ExtendedHTMLElement } from '../helper/dom';
+import { TabBarAction, TabBarMainAction } from '../static';
 export interface TabBarButtonsWrapperProps {
     onButtonClick?: (selectedTabId: string, buttonId: string) => void;
 }
@@ -15,3 +16,16 @@ export declare class TabBarButtonsWrapper {
     private readonly handleTabBarButtonsChange;
     private readonly getTabsBarButtonsRender;
 }
+interface TabBarButtonWithMultipleOptionsProps {
+    onButtonClick: (action: TabBarAction) => void;
+    tabBarActionButton: TabBarMainAction;
+}
+export declare class TabBarButtonWithMultipleOptions {
+    render: ExtendedHTMLElement;
+    private buttonOptionsOverlay;
+    private readonly props;
+    constructor(props: TabBarButtonWithMultipleOptionsProps);
+    private readonly showButtonOptionsOverlay;
+    private readonly hideButtonOptionsOverlay;
+}
+export {};

package/dist/components/sheet.d.ts

@@ -2,28 +2,41 @@
  * Copyright 2025 Amazon.com, Inc. or its affiliates. All Rights Reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
-import { ChatItemButton, DomBuilderObject, ExtendedHTMLElement } from '../main';
+import { ChatItemButton, DomBuilderObject, ExtendedHTMLElement, MynahIcons, Status, TabBarAction } from '../main';
+import { MynahIconsType } from './icon';
 export interface SheetProps {
     title?: string;
     children?: Array<ExtendedHTMLElement | HTMLElement | string | DomBuilderObject>;
     fullScreen?: boolean;
+    showBackButton?: boolean;
     description?: string;
-    actions?: ChatItemButton[];
+    status?: {
+        icon?: MynahIcons | MynahIconsType;
+        title: string;
+        description?: string;
+        status?: Status;
+    };
+    actions?: TabBarAction[];
     onClose: () => void;
-    onActionClick?: (action: ChatItemButton) => void;
+    onBack: () => void;
+    onActionClick?: (action: TabBarAction) => void;
 }
 export declare class Sheet {
+    private backButton;
     private sheetTitle;
     private sheetTitleActions;
+    private sheetStatus;
     private sheetDescription;
     sheetContainer: ExtendedHTMLElement;
     sheetWrapper: ExtendedHTMLElement;
     onClose: () => void;
+    onBack: () => void;
     onActionClick: ((action: ChatItemButton) => void) | undefined;
     constructor();
     private readonly getTitle;
     private readonly getTitleActions;
     private readonly getDescription;
+    private readonly getStatus;
     close: () => void;
     show: () => void;
 }

package/dist/helper/test-ids.d.ts

@@ -72,6 +72,7 @@ declare const _default: {
             itemRadioWrapper: string;
             itemRadio: string;
             itemInput: string;
+            itemList: string;
             itemStarsWrapper: string;
             itemStars: string;
             itemTextArea: string;
@@ -127,6 +128,7 @@ declare const _default: {
     detailedList: {
         action: string;
         actionMenu: string;
+        status: string;
     };
     tabBar: {
         wrapper: string;

package/dist/main.d.ts

@@ -207,8 +207,8 @@ export declare class MynahUI {
      * Simply creates and shows a custom form
      */
     showCustomForm: (tabId: string, formItems?: ChatItemFormItem[], buttons?: ChatItemButton[], title?: string, description?: string) => void;
-    openDetailedList: (data: DetailedListSheetProps) => {
-        update: (data: DetailedList) => void;
+    openDetailedList: (data: DetailedListSheetProps, showBackButton?: boolean) => {
+        update: (data: DetailedList, showBackButton?: boolean) => void;
         close: () => void;
         changeTarget: (direction: 'up' | 'down', snapOnLastAndFirst?: boolean) => void;
         getTargetElementId: () => string | undefined;