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

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

@@ -1,13 +1,20 @@
 import { ExtendedHTMLElement } from '../../helper/dom';
-import { DetailedListItem } from '../../static';
+import { ChatItemButton, DetailedListItem } from '../../static';
 export interface DetailedListItemWrapperProps {
     listItem: DetailedListItem;
-    onSelect: (detailedListItem: DetailedListItem) => void;
+    onSelect?: (detailedListItem: DetailedListItem) => void;
+    onActionClick?: (action: ChatItemButton) => void;
+    selectable?: boolean;
+    textDirection?: 'row' | 'column';
 }
 export declare class DetailedListItemWrapper {
     render: ExtendedHTMLElement;
     private readonly props;
+    private actionMenuOverlay;
     constructor(props: DetailedListItemWrapperProps);
-    readonly setFocus: (isFocused: boolean) => void;
+    readonly setFocus: (isFocused: boolean, scrollIntoView: boolean) => void;
     readonly getItem: () => DetailedListItem;
+    private readonly showActionMenuOverlay;
+    private getActionButton;
+    private readonly hideActionMenuOverlay;
 }

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

@@ -0,0 +1,22 @@
+import { ChatItemButton, DetailedList, DetailedListItem } from '../../static';
+import { DetailedListWrapper } from './detailed-list';
+export interface DetailedListSheetProps {
+    tabId: string;
+    detailedList: DetailedList;
+    events?: {
+        onFilterValueChange?: (filterValues: Record<string, any>, isValid: boolean) => void;
+        onKeyPress?: (e: KeyboardEvent) => void;
+        onItemSelect?: (detailedListItem: DetailedListItem) => void;
+        onActionClick?: (action: ChatItemButton) => void;
+        onClose?: () => void;
+    };
+}
+export declare class DetailedListSheet {
+    props: DetailedListSheetProps;
+    detailedListWrapper: DetailedListWrapper;
+    private readonly keyPressHandler;
+    constructor(props: DetailedListSheetProps);
+    open: () => void;
+    update: (detailedList: DetailedList) => void;
+    close: () => void;
+}

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

@@ -3,8 +3,9 @@ import { ChatItemButton, DetailedList, DetailedListItem } from '../../static';
 export interface DetailedListWrapperProps {
     detailedList: DetailedList;
     onFilterValueChange?: (filterValues: Record<string, any>, isValid: boolean) => void;
-    onDetailedListItemGroupActionClick: (action: ChatItemButton) => void;
-    onDetailedListItemSelect: (detailedListItem: DetailedListItem) => void;
+    onGroupActionClick?: (action: ChatItemButton) => void;
+    onItemSelect?: (detailedListItem: DetailedListItem) => void;
+    onItemActionClick?: (action: ChatItemButton) => void;
 }
 export declare class DetailedListWrapper {
     render: ExtendedHTMLElement;
@@ -18,7 +19,7 @@ export declare class DetailedListWrapper {
     private readonly getHeader;
     private readonly getFilters;
     private readonly getDetailedListItemGroups;
-    readonly changeTarget: (direction: 'up' | 'down', snapOnLastAndFirst?: boolean) => void;
+    readonly changeTarget: (direction: 'up' | 'down', snapOnLastAndFirst?: boolean, scrollIntoView?: boolean) => void;
     readonly getTargetElement: () => DetailedListItem | null;
     readonly update: (detailedList: DetailedList) => void;
 }

package/dist/components/sheet.d.ts

@@ -10,10 +10,12 @@ export interface SheetProps {
     children?: Array<ExtendedHTMLElement | HTMLElement | string | DomBuilderObject>;
     fullScreen?: boolean;
     description?: string;
+    onClose: () => void;
 }
 export declare class Sheet {
     sheetContainer: ExtendedHTMLElement;
     sheetWrapper: ExtendedHTMLElement;
+    onClose: () => void;
     constructor();
     close: () => void;
     show: () => void;

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

@@ -118,6 +118,10 @@ declare const _default: {
         description: string;
         closeButton: string;
     };
+    detailedList: {
+        action: string;
+        actionMenu: string;
+    };
     tabBar: {
         wrapper: string;
         buttonsWrapper: string;

package/dist/main.d.ts

@@ -4,6 +4,7 @@
  */
 import { RelevancyVoteType, FeedbackPayload, MynahUIDataModel, NotificationType, ChatItem, ChatItemAction, ChatPrompt, MynahUITabStoreModel, MynahUITabStoreTab, ConfigModel, ReferenceTrackerInformation, CodeSelectionType, Engagement, ChatItemFormItem, ChatItemButton, CardRenderDetails, PromptAttachmentType, QuickActionCommand, DetailedList } from './static';
 import './styles/styles.scss';
+import { DetailedListSheetProps } from './components/detailed-list/detailed-list-sheet';
 export { generateUID } from './helper/guid';
 export { ChatItemBodyRenderer, } from './helper/dom';
 export { AllowedAttributesInCustomRenderer, AllowedTagsInCustomRenderer } from './helper/sanitize';
@@ -87,9 +88,6 @@ export interface MynahUIProps {
     onQuickCommandGroupActionClick?: (tabId: string, action: {
         id: string;
     }, eventId?: string) => void;
-    onDetailActionClick?: () => void;
-    onDetailItemClick?: () => void;
-    onDetailFilterChange?: () => void;
 }
 export declare class MynahUI {
     private readonly render;
@@ -200,12 +198,10 @@ export declare class MynahUI {
      * Simply creates and shows a custom form
      */
     showCustomForm: (tabId: string, formItems?: ChatItemFormItem[], buttons?: ChatItemButton[], title?: string, description?: string) => void;
-    openSheet: (data: {
-        tabId: string;
-        title?: string;
-        children?: Array<ChatItem | DetailedList>;
-        fullScreen?: boolean;
-        description?: string;
-    }) => void;
+    openDetailedList: (data: DetailedListSheetProps) => {
+        update: (data: DetailedList) => void;
+        close: () => void;
+        changeTarget: (direction: 'up' | 'down', snapOnLastAndFirst?: boolean) => void;
+    };
     destroy: () => void;
 }