@aws/mynah-ui 4.16.1-beta.1 → 4.17.0

package/README.md

@@ -24,16 +24,23 @@ Mynah UI operates independently of any framework or UI library, enabling seamles
 * [Live Demo](https://aws.github.io/mynah-ui/)
 * [API Docs](https://aws.github.io/mynah-ui/api-doc/index.html)
 
+
 ### Setup, configuration and use
 
->[!TIP]
-> Local environment quick start
- ```console
- git clone git@github.com:aws/mynah-ui.git
- cd mynah-ui && npm install
- cd example && npm install
+To set up your local development environment quickly, run the following command:
+
+```bash
+npm run dev
 ```
-Now run `npm watch` in both the `mynah-ui` and the `example` directories, and open `mynah-ui/example/dist/index.html` in a browser of choice.
+
+This command will:
+1. **Clean**: Remove existing `dist` and `node_modules` directories to ensure you're working with a fresh environment.
+2. **Install**: Reinstall all necessary dependencies for both the main project and the example project.
+3. **Build**: Compile the project using Webpack in production mode.
+4. **Start Example**: Install dependencies and build the example project, then start the development server with `watch` mode enabled. The project will be served on `localhost:9000` using `live-server`.
+5. **Watch**: Start the main project in `watch` mode.
+After running this command, any changes you make will automatically rebuild and refresh your development environment, allowing you to work seamlessly.
+
 
 #### Guides and documentation
 Please refer to the following guides:

package/dist/components/chat-item/chat-item-card.d.ts

@@ -17,6 +17,7 @@ export declare class ChatItemCard {
     private readonly updateStack;
     private readonly initialSpinner;
     private cardFooter;
+    private informationCard;
     private cardIcon;
     private contentBody;
     private chatAvatar;

package/dist/components/chat-item/chat-item-information-card.d.ts

@@ -0,0 +1,22 @@
+import { ExtendedHTMLElement } from '../../helper/dom';
+import { ChatItemContent, Status } from '../../static';
+import { MynahIcons } from '../icon';
+export interface ChatItemInformationCardProps {
+    tabId: string;
+    messageId: string | undefined;
+    informationCard: {
+        title?: string;
+        status?: {
+            status?: Status;
+            icon?: MynahIcons;
+            body?: string;
+        };
+        description?: string;
+        icon?: MynahIcons;
+        content: ChatItemContent;
+    };
+}
+export declare class ChatItemInformationCard {
+    render: ExtendedHTMLElement;
+    constructor(props: ChatItemInformationCardProps);
+}

package/dist/helper/dom.d.ts

@@ -75,4 +75,5 @@ export declare class DomBuilder {
 }
 export declare const htmlDecode: (input: string) => string;
 export declare const getTypewriterPartsCss: (typewriterId: string, lastVisibleItemIndex: number, totalNumberOfItems: number, timeForEach: number) => ExtendedHTMLElement;
+export declare const cleanupElement: (elm: HTMLElement) => void;
 export {};

package/dist/helper/sanitize.d.ts

@@ -2,7 +2,7 @@
  * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
-export declare const AllowedTags: readonly ["a", "audio", "b", "blockquote", "br", "hr", "canvas", "code", "col", "colgroup", "data", "div", "em", "embed", "figcaption", "figure", "h1", "h2", "h3", "h4", "h5", "h6", "i", "iframe", "img", "li", "map", "mark", "object", "ol", "p", "pre", "q", "s", "small", "source", "span", "strong", "sub", "sup", "table", "tbody", "td", "tfoot", "th", "thead", "tr", "track", "u", "ul", "video"];
+export declare const AllowedTags: readonly ["a", "audio", "b", "blockquote", "br", "hr", "canvas", "code", "col", "colgroup", "data", "div", "em", "embed", "figcaption", "figure", "h1", "h2", "h3", "h4", "h5", "h6", "i", "iframe", "img", "input", "li", "map", "mark", "object", "ol", "p", "pre", "q", "s", "small", "source", "span", "strong", "sub", "sup", "table", "tbody", "td", "tfoot", "th", "thead", "tr", "track", "u", "ul", "video"];
 export declare const AllowedAttributes: readonly ["accept", "accept-charset", "accesskey", "align", "allow", "allowfullscreen", "alt", "as", "async", "autocapitalize", "autoplay", "charset", "class", "cols", "colspan", "controls", "crossorigin", "data", "data-*", "datetime", "decoding", "default", "dir", "download", "headers", "hidden", "high", "href", "hreflang", "id", "ismap", "itemprop", "kind", "lang", "language", "loop", "low", "media", "muted", "optimum", "ping", "playsinline", "poster", "preload", "referrerpolicy", "rel", "reversed", "role", "rowspan", "sandbox", "scope", "shape", "size", "sizes", "slot", "span", "spellcheck", "src", "srcdoc", "srclang", "srcset", "start", "style", "target", "title", "translate", "usemap", "wrap", "aspect-ratio"];
 export type AllowedTagsInCustomRenderer = (typeof AllowedTags)[number];
 export type AllowedAttributesInCustomRenderer = (typeof AllowedAttributes)[number];