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

package/dist/static.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { CheckboxAbstract, CheckboxProps } from './components/form-items/checkbox';
+import { FormItemListAbstract, FormItemListProps } from './components/form-items/form-item-list';
 import { SwitchAbstract, SwitchProps } from './components/form-items/switch';
 import { CustomIcon, MynahIcons, MynahIconsType } from './components/icon';
 import { ChatItemBodyRenderer } from './helper/dom';
@@ -205,7 +206,8 @@ export declare enum MynahPortalNames {
     WRAPPER = "wrapper",
     SIDE_NAV = "sideNav",
     OVERLAY = "overlay",
-    SHEET = "sheet"
+    SHEET = "sheet",
+    LOADER = "loader"
 }
 export type PromptAttachmentType = 'code' | 'markdown';
 export interface SourceLinkMetaData {
@@ -237,14 +239,21 @@ export declare enum ChatItemType {
 }
 export interface DetailedList {
     filterOptions?: FilterOption[] | null;
+    filterActions?: ChatItemButton[];
     list?: DetailedListItemGroup[];
     header?: {
         title?: string;
         icon?: MynahIcons | MynahIconsType;
+        status?: {
+            icon?: MynahIcons | MynahIconsType;
+            title: string;
+            description?: string;
+            status?: Status;
+        };
         description?: string;
-        actions?: Action[];
+        actions?: TabBarMainAction[];
     };
-    selectable?: boolean;
+    selectable?: boolean | 'clickable';
     textDirection?: 'row' | 'column';
 }
 export interface DetailedListItemGroup {
@@ -258,6 +267,7 @@ export interface DetailedListItem {
     name?: string;
     id?: string;
     icon?: MynahIcons | MynahIconsType;
+    iconForegroundStatus?: Status;
     description?: string;
     disabled?: boolean;
     followupText?: string;
@@ -265,6 +275,12 @@ export interface DetailedListItem {
     groupActions?: boolean;
     children?: DetailedListItemGroup[];
     keywords?: string[];
+    status?: {
+        status?: Status;
+        description?: string;
+        icon?: MynahIcons | MynahIconsType;
+        text?: string;
+    };
 }
 export type Status = 'info' | 'success' | 'warning' | 'error';
 export interface ProgressField {
@@ -429,13 +445,29 @@ type CheckboxFormItem = BaseFormItem & {
     label?: string;
     alternateTooltip?: string;
 };
-export type ChatItemFormItem = TextBasedFormItem | OtherFormItem | RadioGroupFormItem | CheckboxFormItem;
+export type SingularFormItem = TextBasedFormItem | OtherFormItem | RadioGroupFormItem | CheckboxFormItem;
+export type ChatItemFormItem = TextBasedFormItem | OtherFormItem | RadioGroupFormItem | CheckboxFormItem | ListFormItem;
 export type FilterOption = ChatItemFormItem;
+export interface ListFormItem {
+    type: 'list';
+    id: string;
+    mandatory?: boolean;
+    title?: string;
+    description?: string;
+    tooltip?: string;
+    icon?: MynahIcons | MynahIconsType;
+    items: SingularFormItem[];
+    value: ListItemEntry[];
+}
+export interface ListItemEntry {
+    persistent?: boolean;
+    value: Record<string, string>;
+}
 export interface ChatPrompt {
     prompt?: string;
     escapedPrompt?: string;
     command?: string;
-    options?: Record<string, string>;
+    options?: Record<string, string | Array<Record<string, string>>>;
     context?: string[] | QuickActionCommand[];
 }
 export interface ChatItemAction extends ChatPrompt {
@@ -459,6 +491,12 @@ export interface Action {
     id: string;
     disabled?: boolean;
     description?: string;
+    confirmation?: {
+        confirmButtonText: string;
+        cancelButtonText: string;
+        title: string;
+        description?: string;
+    };
     status?: 'main' | 'primary' | 'clear' | 'dimmed-clear' | Status;
     icon?: MynahIcons | MynahIconsType;
 }
@@ -623,6 +661,7 @@ export interface ComponentOverrides {
     Select?: new (props: SelectProps) => ExtractMethods<SelectAbstract>;
     TextInput?: new (props: TextInputProps) => ExtractMethods<TextInputAbstract>;
     TextArea?: new (props: TextAreaProps) => ExtractMethods<TextAreaAbstract>;
+    FormItemList?: new (props: FormItemListProps) => ExtractMethods<FormItemListAbstract>;
 }
 export interface ConfigOptions {
     feedbackOptions: Array<{

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@aws/mynah-ui",
     "displayName": "AWS Mynah UI",
-    "version": "4.35.0-beta.1",
+    "version": "4.35.0-beta.3",
     "description": "AWS Toolkit VSCode and Intellij IDE Extension Mynah UI",
     "publisher": "Amazon Web Services",
     "license": "Apache License 2.0",
@@ -29,6 +29,8 @@
         "format:write": "npx prettier --write .",
         "tests:unit": "jest",
         "tests:e2e": "cd ./ui-tests && npm install && npm run prepare && npm run e2e",
+        "tests:e2e:chromium": "cd ./ui-tests && npm install && npm run prepare && BROWSER=chromium ts-node run-browser-tests.ts",
+        "tests:e2e:webkit": "cd ./ui-tests && npm install && npm run prepare && BROWSER=webkit ts-node run-browser-tests.ts",
         "api-docs": "npx typedoc src/main.ts --out ./api-docs",
         "api-doc-deploy": "npx typedoc src/main.ts --out ./example/dist/api-doc",
         "postinstall": "node postinstall.js",

package/ui-tests/jest.chromium.config.js

@@ -0,0 +1,22 @@
+const isHeadless = process.env.HEADLESS !== 'false';
+
+module.exports = {
+    rootDir: './',
+    roots: ['./__test__', './src'],
+    preset: 'jest-playwright-preset',
+    testEnvironmentOptions: {
+        'jest-playwright': {
+            use: {
+                trace: 'on-first-retry',
+            },
+            browsers: ['chromium'],
+            launchOptions: {
+                headless: isHeadless,
+            },
+        },
+    },
+    transform: { '^.+\\.ts?$': 'ts-jest' },
+    testMatch: ['**/?(*.)+(spec|test).[t]s'],
+    testPathIgnorePatterns: ['/node_modules/', 'dist', 'src'],
+    testTimeout: 15000,
+};

package/ui-tests/jest.webkit.config.js

@@ -0,0 +1,22 @@
+const isHeadless = process.env.HEADLESS !== 'false';
+
+module.exports = {
+    rootDir: './',
+    roots: ['./__test__', './src'],
+    preset: 'jest-playwright-preset',
+    testEnvironmentOptions: {
+        'jest-playwright': {
+            use: {
+                trace: 'on-first-retry',
+            },
+            browsers: ['webkit'],
+            launchOptions: {
+                headless: isHeadless,
+            },
+        },
+    },
+    transform: { '^.+\\.ts?$': 'ts-jest' },
+    testMatch: ['**/?(*.)+(spec|test).[t]s'],
+    testPathIgnorePatterns: ['/node_modules/', 'dist', 'src'],
+    testTimeout: 15000,
+};

package/ui-tests/package.json

@@ -7,6 +7,8 @@
         "clean": "rm -rf build dist node_modules",
         "prepare": "webpack --config webpack.config.js --mode development",
         "e2e": "npm run prepare && jest --detectOpenHandles --config=./jest.config.js",
+        "e2e:chromium": "npm run prepare && ts-node run-browser-tests.ts",
+        "e2e:webkit": "npm run prepare && BROWSER=webkit ts-node run-browser-tests.ts",
         "postinstall": "npx playwright install webkit chromium --with-deps"
     },
     "dependencies": {

package/ui-tests/run-browser-tests.ts

@@ -0,0 +1,30 @@
+/**
+ * Helper script to run tests for a specific browser
+ */
+import { execSync } from 'child_process';
+
+// Define valid browser types
+type BrowserType = 'all' | 'chromium' | 'webkit';
+
+// Get the browser from environment variable or use default
+const browser = (process.env.BROWSER ?? 'all') as BrowserType;
+
+console.log(`Running tests for browser: ${browser}`);
+
+try {
+  if (browser === 'all') {
+    // Run tests for all browsers using the default config
+    execSync('jest --detectOpenHandles --config=./jest.config.js', { stdio: 'inherit' });
+  } else if (browser === 'chromium') {
+    // Run tests for Chromium only
+    execSync('jest --detectOpenHandles --config=./jest.chromium.config.js', { stdio: 'inherit' });
+  } else if (browser === 'webkit') {
+    // Run tests for Webkit only
+    execSync('jest --detectOpenHandles --config=./jest.webkit.config.js', { stdio: 'inherit' });
+  } else {
+    process.exit(1);
+  }
+} catch (error) {
+  console.error(`Test execution failed: ${error instanceof Error ? error.message : String(error)}`);
+  process.exit(1);
+}