@aws/mynah-ui 4.15.10 → 4.16.0-beta.1

package/dist/static.d.ts

@@ -72,6 +72,10 @@ export interface MynahUIDataModel {
     */
     promptInputDisabledState?: boolean;
     /**
+    * Prompt input progress field
+    */
+    promptInputProgress?: ProgressField | null;
+    /**
     * List of chat item objects to be shown on the web suggestions search screen
     */
     chatItems?: ChatItem[];
@@ -123,7 +127,8 @@ export declare enum MynahEventNames {
     CUSTOM_FORM_ACTION_CLICK = "customFormActionClick",
     ADD_ATTACHMENT = "addAttachment",
     REMOVE_ATTACHMENT = "removeAttachment",
-    TAB_BAR_BUTTON_CLICK = "tabBarButtonClick"
+    TAB_BAR_BUTTON_CLICK = "tabBarButtonClick",
+    PROMPT_PROGRESS_ACTION_CLICK = "promptProgressActionClick"
 }
 export declare enum MynahPortalNames {
     WRAPPER = "wrapper",
@@ -158,6 +163,28 @@ export declare enum ChatItemType {
     ANSWER_PART = "answer-part",
     CODE_RESULT = "code-result"
 }
+export interface ProgressField {
+    /**
+     * Prompt input progress status
+     */
+    status?: 'default' | 'info' | 'success' | 'warning' | 'error';
+    /**
+    * Prompt input progress text
+    */
+    text?: string;
+    /**
+    * Prompt input progress text for the current state (ie: 15%, 2min remaining)
+    */
+    valueText?: string;
+    /**
+    * Prompt input progress value to show the inner bar state, -1 for infinite
+    */
+    value?: number;
+    /**
+     * Prompt input progress actions
+     */
+    actions?: ChatItemButton[];
+}
 export interface TreeNodeDetails {
     status?: 'info' | 'success' | 'warning' | 'error';
     icon?: MynahIcons;
@@ -406,6 +433,7 @@ export interface ConfigOptions {
     codeBlockActions?: CodeBlockActions;
     codeInsertToCursorEnabled?: boolean;
     codeCopyToClipboardEnabled?: boolean;
+    test?: boolean;
 }
 export interface ConfigModel extends ConfigOptions {
     texts: Partial<ConfigTexts>;

package/jest.config.js

@@ -1,6 +1,7 @@
 const jestConfig = {
     testEnvironment: 'jsdom',
     preset: 'ts-jest',
+    modulePathIgnorePatterns: ['<rootDir>/ui-tests/'],
     moduleNameMapper: {
         '\\.svg$': 'jest-svg-transformer',
         '^.+\\.(css|less|scss)$': 'babel-jest',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aws/mynah-ui",
   "displayName": "AWS Mynah UI",
-  "version": "4.15.10",
+  "version": "4.16.0-beta.1",
   "description": "AWS Toolkit VSCode and Intellij IDE Extension Mynah UI",
   "publisher": "Amazon Web Services",
   "license": "Apache License 2.0",
@@ -19,13 +19,16 @@
     "packdemo": "cd ./example && npm run pack",
     "watch": "webpack --config webpack.config.js --mode development --watch",
     "watch:example": "cd ./example && npm run watch",
-    "dev": "npm run clean && npm install && npm run build && npm run packdemo && npm run watch",
+    "start:example": "cd ./example && npm install && npm run build && npm run dev",
+    "dev": "npm run clean && npm install && npm run build && npm run start:example",
     "lint-fix": "npx eslint \"./**\" --fix",
     "lint": "npx eslint \"./**\"",
     "test": "jest",
+    "test:e2e": "npm install && npm run build && cd ./ui-tests && npm run tests:run",
     "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"
+    "postinstall": "node postinstall.js",
+    "prepare": "husky"
   },
   "dependencies": {
     "escape-html": "^1.0.3",
@@ -68,6 +71,7 @@
     "eslint-plugin-no-null": "^1.0.2",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-promise": "6.0.0",
+    "husky": "^9.1.6",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-svg-transformer": "^1.0.0",
@@ -95,4 +99,4 @@
     "arrowParens": "avoid",
     "endOfLine": "lf"
   }
-}
+}

package/ui-tests/jest.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+    rootDir: './',
+    roots: ['./__test__', './src'],
+    preset: 'jest-playwright-preset',
+    transform: { '^.+\\.ts?$': 'ts-jest' },
+    testMatch: ['**/?(*.)+(spec|test).[t]s'],
+    testPathIgnorePatterns: ['/node_modules/', 'dist', 'src'],
+    setupFilesAfterEnv: ['./jest.image.ts'],
+    testTimeout: 15000,
+};

package/ui-tests/jest.image.ts

@@ -0,0 +1,8 @@
+import { configureToMatchImageSnapshot } from 'jest-image-snapshot';
+
+const toMatchImageSnapshot = configureToMatchImageSnapshot({
+  failureThreshold: 0.25,
+  failureThresholdType: 'percent'
+});
+
+expect.extend({ toMatchImageSnapshot });

package/ui-tests/package.json

@@ -0,0 +1,46 @@
+{
+    "name": "@amzn/mynah-website",
+    "version": "1.0.0",
+    "description": "",
+    "main": "webpack.media.config.js",
+    "scripts": {
+        "clean": "rm -rf build dist node_modules",
+        "tests:prepare": "webpack --config webpack.config.js --mode development",
+        "tests:e2e": "jest --runInBand --detectOpenHandles --config=./jest.config.js",
+        "tests:run": "npm install && npm run tests:prepare && npm run tests:e2e",
+        "postinstall": "npx playwright install webkit"
+    },
+    "dependencies": {
+        "@aws/mynah-ui": "file:../"
+    },
+    "devDependencies": {
+        "@types/jest": "^29.5.12",
+        "@types/jest-image-snapshot": "^6.4.0",
+        "css-loader": "^6.6.0",
+        "html-webpack-plugin": "^5.5.0",
+        "jest": "^29.7.0",
+        "jest-image-snapshot": "^6.4.0",
+        "jest-playwright-preset": "^4.0.0",
+        "playwright": "^1.47.0",
+        "raw-loader": "^4.0.2",
+        "sass": "^1.49.8",
+        "sass-loader": "^12.6.0",
+        "style-loader": "^3.3.1",
+        "ts-loader": "^9.4.4",
+        "ts-node": "^10.9.1",
+        "typescript": "^5.0.4",
+        "webpack": "^5.61.0",
+        "webpack-cli": "^4.7.2"
+    },
+    "prettier": {
+        "printWidth": 160,
+        "trailingComma": "es5",
+        "tabWidth": 4,
+        "singleQuote": true,
+        "semi": true,
+        "bracketSpacing": true,
+        "arrowParens": "avoid",
+        "endOfLine": "lf"
+    },
+    "author": ""
+}

package/dist/components/chat-item/chat-item-followup-option.d.ts

@@ -1,21 +0,0 @@
-/*!
- * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ExtendedHTMLElement } from '../../helper/dom';
-import { ChatItemAction } from '../../static';
-export interface ChatItemFollowUpOptionProps {
-    followUpOption: ChatItemAction;
-    onClick: (followUpOption: ChatItemAction) => void;
-}
-export declare class ChatItemFollowUpOption {
-    private readonly props;
-    render: ExtendedHTMLElement;
-    private followupTooltip;
-    private followupTooltipTimeout;
-    private disabled;
-    constructor(props: ChatItemFollowUpOptionProps);
-    private readonly showCroppedFollowupText;
-    readonly hideCroppedFollowupText: () => void;
-    readonly setEnabled: (enabled: boolean) => void;
-}