@aws/mynah-ui 4.12.0 → 4.13.0

package/dist/components/button.d.ts

@@ -4,10 +4,11 @@
  */
 import { ExtendedHTMLElement } from '../helper/dom';
 import { OverlayHorizontalDirection, OverlayVerticalDirection } from './overlay';
+import '../styles/components/_button.scss';
 export interface ButtonProps {
     classNames?: string[];
     attributes?: Record<string, string>;
-    icon?: HTMLElement | ExtendedHTMLElement | string;
+    icon?: HTMLElement | ExtendedHTMLElement;
     label?: HTMLElement | ExtendedHTMLElement | string;
     tooltip?: string;
     tooltipVerticalDirection?: OverlayVerticalDirection;
@@ -17,13 +18,14 @@ export interface ButtonProps {
     additionalEvents?: Record<string, (event?: any) => any>;
     onClick: (e: Event) => void;
 }
-export declare class Button {
+export declare abstract class ButtonAbstract {
+    render: ExtendedHTMLElement;
+    updateLabel: (label: HTMLElement | ExtendedHTMLElement | string) => void;
+    setEnabled: (enabled: boolean) => void;
+}
+export declare class Button extends ButtonAbstract {
     render: ExtendedHTMLElement;
-    private buttonTooltip;
-    private buttonTooltipTimeout;
     constructor(props: ButtonProps);
-    private readonly showButtonTooltip;
-    readonly hideButtonTooltip: () => void;
     updateLabel: (label: HTMLElement | ExtendedHTMLElement | string) => void;
     setEnabled: (enabled: boolean) => void;
 }

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

@@ -4,6 +4,7 @@
  */
 import { DomBuilderObject, ExtendedHTMLElement } from '../../helper/dom';
 import { OnCopiedToClipboardFunction, OnInsertToCursorPositionFunction, ReferenceTrackerInformation } from '../../static';
+import '../../styles/components/card/_card.scss';
 export declare const highlightersWithTooltip: {
     start: {
         markupStart: string;
@@ -24,6 +25,7 @@ export interface CardBodyProps {
     useParts?: boolean;
     codeBlockStartIndex?: number;
     processChildren?: boolean;
+    classNames?: string[];
     onLinkClick?: (url: string, e: MouseEvent) => void;
     onCopiedToClipboard?: OnCopiedToClipboardFunction;
     onInsertToCursorPosition?: OnInsertToCursorPositionFunction;
@@ -40,10 +42,5 @@ export declare class CardBody {
     private readonly getReferenceTrackerInformationFromElement;
     private readonly showHighlightRangeTooltip;
     private readonly hideHighlightRangeTooltip;
-    /**
-     * Returns extension additions
-     * @returns marked options extensions
-     */
-    private readonly getMarkedExtensions;
     private readonly getContentBodyChildren;
 }

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

@@ -4,6 +4,7 @@
  */
 import { DomBuilderObject, ExtendedHTMLElement } from '../../helper/dom';
 import { EngagementType } from '../../static';
+import '../../styles/components/card/_card.scss';
 export interface CardProps extends Partial<DomBuilderObject> {
     border?: boolean;
     background?: boolean;
@@ -24,12 +25,12 @@ export interface CardProps extends Partial<DomBuilderObject> {
     }) => void;
 }
 export declare class Card {
+    render: ExtendedHTMLElement;
     private readonly props;
     private engagementStartTime;
     private totalMouseDistanceTraveled;
     private previousMousePosition;
     private mouseDownInfo;
-    render: ExtendedHTMLElement;
     constructor(props: CardProps);
     private readonly resetEngagement;
     private readonly handleEngagement;

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

@@ -7,9 +7,9 @@ import { ChatItemButton } from '../../static';
 import { ChatItemFormItemsWrapper } from './chat-item-form-items';
 export interface ChatItemButtonsWrapperProps {
     tabId: string;
+    classNames?: string[];
     buttons: ChatItemButton[];
     formItems: ChatItemFormItemsWrapper | null;
-    useButtonComponent?: boolean;
     onActionClick: (action: ChatItemButton, e?: Event) => void;
 }
 export declare class ChatItemButtonsWrapper {

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

@@ -0,0 +1,35 @@
+/*!
+ * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { DomBuilderObject, ExtendedHTMLElement } from '../../helper/dom';
+import { CardRenderDetails, OnCopiedToClipboardFunction, OnInsertToCursorPositionFunction, ReferenceTrackerInformation } from '../../static';
+import { CardBody } from '../card/card-body';
+export interface ChatItemCardContentProps {
+    body?: string;
+    renderAsStream?: boolean;
+    classNames?: string[];
+    codeReference?: ReferenceTrackerInformation[];
+    onAnimationStateChange?: (isAnimating: boolean) => void;
+    contentEvents?: {
+        onLinkClick?: (url: string, e: MouseEvent) => void;
+        onCopiedToClipboard?: OnCopiedToClipboardFunction;
+        onInsertToCursorPosition?: OnInsertToCursorPositionFunction;
+    };
+    children?: Array<ExtendedHTMLElement | HTMLElement | string | DomBuilderObject>;
+}
+export declare class ChatItemCardContent {
+    private props;
+    render: ExtendedHTMLElement;
+    contentBody: CardBody | null;
+    private readonly updateStack;
+    private typewriterItemIndex;
+    private readonly typewriterId;
+    private lastAnimationDuration;
+    private updateTimer;
+    constructor(props: ChatItemCardContentProps);
+    private readonly getCardContent;
+    private readonly updateCard;
+    readonly updateCardStack: (updateWith: Partial<ChatItemCardContentProps>) => void;
+    readonly getRenderDetails: () => CardRenderDetails;
+}

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

@@ -4,10 +4,6 @@
  */
 import { ExtendedHTMLElement } from '../../helper/dom';
 import { CardRenderDetails, ChatItem } from '../../static';
-import { CardBody } from '../card/card-body';
-import { ChatItemTreeViewWrapper } from './chat-item-tree-view-wrapper';
-import { ChatItemFormItemsWrapper } from './chat-item-form-items';
-import { ChatItemButtonsWrapper } from './chat-item-buttons';
 export interface ChatItemCardProps {
     tabId: string;
     chatItem: ChatItem;
@@ -15,24 +11,23 @@ export interface ChatItemCardProps {
 export declare class ChatItemCard {
     readonly props: ChatItemCardProps;
     render: ExtendedHTMLElement;
-    contentBody: CardBody | null;
-    chatAvatar: ExtendedHTMLElement;
-    updateStack: Array<Partial<ChatItem>>;
-    chatFormItems: ChatItemFormItemsWrapper | null;
-    customRendererWrapper: CardBody | null;
-    chatButtons: ChatItemButtonsWrapper | null;
-    fileTreeWrapper: ChatItemTreeViewWrapper | null;
-    typewriterItemIndex: number;
-    previousTypewriterItemIndex: number;
-    typewriterId: string;
-    private updateTimer;
+    private readonly card;
+    private readonly updateStack;
+    private readonly initialSpinner;
+    private cardIcon;
+    private contentBody;
+    private chatAvatar;
+    private chatFormItems;
+    private customRendererWrapper;
+    private chatButtons;
+    private fileTreeWrapper;
+    private followUps;
+    private votes;
     constructor(props: ChatItemCardProps);
     private readonly generateCard;
     private readonly getCardClasses;
-    private readonly getCardContent;
+    private readonly updateCardContent;
     private readonly getChatAvatar;
-    private readonly getInsertedTypewriterPartsCss;
-    private readonly getInsertingTypewriterPartsCss;
     private readonly checkCardSnap;
     readonly updateCard: () => void;
     readonly updateCardStack: (updateWith: Partial<ChatItem>) => void;

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

@@ -7,6 +7,7 @@ import { ChatItem } from '../../static';
 export interface ChatItemFormItemsWrapperProps {
     tabId: string;
     chatItem: Partial<ChatItem>;
+    classNames?: string[];
 }
 export declare class ChatItemFormItemsWrapper {
     private readonly props;

package/dist/components/chat-item/chat-item-relevance-vote.d.ts

@@ -5,6 +5,7 @@
 import { ExtendedHTMLElement } from '../../helper/dom';
 export interface ChatItemRelevanceVoteProps {
     tabId: string;
+    classNames?: string[];
     messageId: string;
 }
 export declare class ChatItemRelevanceVote {

package/dist/components/chat-item/chat-item-tree-view-wrapper.d.ts

@@ -9,6 +9,7 @@ export interface ChatItemTreeViewWrapperProps {
     messageId: string;
     files: string[];
     cardTitle?: string;
+    classNames?: string[];
     rootTitle?: string;
     deletedFiles: string[];
     actions?: Record<string, FileNodeAction[]>;

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

@@ -4,6 +4,7 @@
  */
 import { ExtendedHTMLElement } from '../../helper/dom';
 import { CardRenderDetails, ChatItem, PromptAttachmentType } from '../../static';
+import '../../styles/components/chat/_chat-wrapper.scss';
 export declare const CONTAINER_GAP = 12;
 export interface ChatWrapperProps {
     onStopChatResponse?: (tabId: string) => void;

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

@@ -1,11 +1,10 @@
 import { ExtendedHTMLElement } from '../../../helper/dom';
-export interface ISendButtonProps {
+export interface SendButtonProps {
     tabId: string;
     onClick: () => void;
 }
 export declare class SendButton {
-    private readonly _props;
-    private readonly _render;
-    constructor(props: ISendButtonProps);
-    get render(): ExtendedHTMLElement;
+    render: ExtendedHTMLElement;
+    private readonly props;
+    constructor(props: SendButtonProps);
 }

package/dist/components/collapsible-content.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { DomBuilderObject, ExtendedHTMLElement } from '../helper/dom';
+import '../styles/components/_collapsible-content.scss';
 interface CollapsibleContentProps {
     title: string | ExtendedHTMLElement | HTMLElement | DomBuilderObject;
     children: Array<string | ExtendedHTMLElement | HTMLElement | DomBuilderObject>;

package/dist/components/feedback-form/feedback-form.d.ts

@@ -4,6 +4,7 @@
  */
 import { FeedbackPayload } from '../../static';
 import { ExtendedHTMLElement } from '../../helper/dom';
+import '../../styles/components/_feedback-form.scss';
 export interface FeedbackFormProps {
     initPayload?: FeedbackPayload;
 }

package/dist/components/form-items/radio-group.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { ExtendedHTMLElement } from '../../helper/dom';
+import '../../styles/components/_form-input.scss';
 interface SelectOption {
     value: string;
     label: string;
@@ -16,7 +17,13 @@ export interface RadioGroupProps {
     options?: SelectOption[];
     onChange?: (value: string) => void;
 }
-export declare class RadioGroup {
+export declare abstract class RadioGroupAbstract {
+    render: ExtendedHTMLElement;
+    setValue: (value: string) => void;
+    getValue: () => string;
+    setEnabled: (enabled: boolean) => void;
+}
+export declare class RadioGroupInternal extends RadioGroupAbstract {
     private readonly radioGroupElement;
     private readonly groupName;
     render: ExtendedHTMLElement;
@@ -25,4 +32,11 @@ export declare class RadioGroup {
     getValue: () => string;
     setEnabled: (enabled: boolean) => void;
 }
+export declare class RadioGroup extends RadioGroupAbstract {
+    render: ExtendedHTMLElement;
+    constructor(props: RadioGroupProps);
+    setValue: (value: string) => void;
+    getValue: () => string;
+    setEnabled: (enabled: boolean) => void;
+}
 export {};

package/dist/components/form-items/select.d.ts

@@ -4,6 +4,7 @@
  */
 import { ExtendedHTMLElement } from '../../helper/dom';
 import { MynahIcons } from '../icon';
+import '../../styles/components/_form-input.scss';
 interface SelectOption {
     value: string;
     label: string;
@@ -16,9 +17,16 @@ export interface SelectProps {
     value?: string;
     optional?: boolean;
     options?: SelectOption[];
+    placeholder?: string;
     onChange?: (value: string) => void;
 }
-export declare class Select {
+export declare abstract class SelectAbstract {
+    render: ExtendedHTMLElement;
+    setValue: (value: string) => void;
+    getValue: () => string;
+    setEnabled: (enabled: boolean) => void;
+}
+export declare class SelectInternal {
     private readonly selectElement;
     render: ExtendedHTMLElement;
     constructor(props: SelectProps);
@@ -26,4 +34,11 @@ export declare class Select {
     getValue: () => string;
     setEnabled: (enabled: boolean) => void;
 }
+export declare class Select extends SelectAbstract {
+    render: ExtendedHTMLElement;
+    constructor(props: SelectProps);
+    setValue: (value: string) => void;
+    getValue: () => string;
+    setEnabled: (enabled: boolean) => void;
+}
 export {};

package/dist/components/form-items/stars.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { ExtendedHTMLElement } from '../../helper/dom';
+import '../../styles/components/_form-input.scss';
 export type StarValues = 1 | 2 | 3 | 4 | 5;
 export interface StarsProps {
     classNames?: string[];

package/dist/components/form-items/text-area.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { ExtendedHTMLElement } from '../../helper/dom';
+import '../../styles/components/_form-input.scss';
 export interface TextAreaProps {
     classNames?: string[];
     attributes?: Record<string, string>;
@@ -11,7 +12,13 @@ export interface TextAreaProps {
     value?: string;
     onChange?: (value: string) => void;
 }
-export declare class TextArea {
+export declare abstract class TextAreaAbstract {
+    render: ExtendedHTMLElement;
+    setValue: (value: string) => void;
+    getValue: () => string;
+    setEnabled: (enabled: boolean) => void;
+}
+export declare class TextAreaInternal extends TextAreaAbstract {
     private readonly inputElement;
     render: ExtendedHTMLElement;
     constructor(props: TextAreaProps);
@@ -19,3 +26,10 @@ export declare class TextArea {
     getValue: () => string;
     setEnabled: (enabled: boolean) => void;
 }
+export declare class TextArea extends TextAreaAbstract {
+    render: ExtendedHTMLElement;
+    constructor(props: TextAreaProps);
+    setValue: (value: string) => void;
+    getValue: () => string;
+    setEnabled: (enabled: boolean) => void;
+}

package/dist/components/form-items/text-input.d.ts

@@ -3,16 +3,23 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { ExtendedHTMLElement } from '../../helper/dom';
+import '../../styles/components/_form-input.scss';
 export interface TextInputProps {
     classNames?: string[];
     attributes?: Record<string, string>;
     label?: HTMLElement | ExtendedHTMLElement | string;
     placeholder?: string;
-    numeric?: boolean;
+    type?: 'text' | 'number' | 'email';
     value?: string;
     onChange?: (value: string) => void;
 }
-export declare class TextInput {
+export declare abstract class TextInputAbstract {
+    render: ExtendedHTMLElement;
+    setValue: (value: string) => void;
+    getValue: () => string;
+    setEnabled: (enabled: boolean) => void;
+}
+export declare class TextInputInternal extends TextInputAbstract {
     private readonly inputElement;
     render: ExtendedHTMLElement;
     constructor(props: TextInputProps);
@@ -20,3 +27,10 @@ export declare class TextInput {
     getValue: () => string;
     setEnabled: (enabled: boolean) => void;
 }
+export declare class TextInput extends TextInputAbstract {
+    render: ExtendedHTMLElement;
+    constructor(props: TextInputProps);
+    setValue: (value: string) => void;
+    getValue: () => string;
+    setEnabled: (enabled: boolean) => void;
+}

package/dist/components/icon.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { ExtendedHTMLElement } from '../helper/dom';
+import '../styles/components/_icon.scss';
 export declare enum MynahIcons {
     MYNAH = "mynah",
     MENU = "menu",

package/dist/components/navigation-tabs.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { ExtendedHTMLElement } from '../helper/dom';
+import '../styles/components/_nav-tabs.scss';
 export interface TabsProps {
     onChange?: (selectedTabId: string) => void;
     onBeforeTabRemove?: (tabId: string) => boolean;

package/dist/components/no-tabs.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { ExtendedHTMLElement } from '../helper/dom';
+import '../styles/components/_no-tabs.scss';
 export declare class NoTabs {
     render: ExtendedHTMLElement;
     constructor();

package/dist/components/notification.d.ts

@@ -4,6 +4,7 @@
  */
 import { DomBuilderObject, ExtendedHTMLElement } from '../helper/dom';
 import { NotificationType } from '../static';
+import '../styles/components/_notification.scss';
 type NotificationContentType = string | ExtendedHTMLElement | HTMLElement | DomBuilderObject;
 export interface NotificationProps {
     duration?: number;

package/dist/components/overlay.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { DomBuilderObject, ExtendedHTMLElement } from '../helper/dom';
+import '../styles/components/_overlay.scss';
 export declare const OVERLAY_MARGIN = 8;
 /**
  * The horizontal creation direction of the overlay

package/dist/components/syntax-highlighter.d.ts

@@ -30,6 +30,7 @@ import 'prismjs/plugins/line-numbers/prism-line-numbers.js';
 import 'prismjs/plugins/keep-markup/prism-keep-markup.js';
 import 'prismjs/plugins/diff-highlight/prism-diff-highlight.min';
 import { CodeSelectionType } from '../static';
+import '../styles/components/_syntax-highlighter.scss';
 export declare const highlighters: {
     start: {
         markup: string;
@@ -64,6 +65,7 @@ export interface SyntaxHighlighterProps {
 }
 export declare class SyntaxHighlighter {
     private readonly props?;
+    private readonly codeBlockButtons;
     render: ExtendedHTMLElement;
     constructor(props: SyntaxHighlighterProps);
     private readonly getSelectedCodeContextMenu;

package/dist/components/toggle.d.ts

@@ -4,6 +4,7 @@
  */
 import { ExtendedHTMLElement } from '../helper/dom';
 import { MynahIcons } from './icon';
+import '../styles/components/_toggle.scss';
 export interface ToggleOption {
     label?: ExtendedHTMLElement | string | HTMLElement;
     icon?: MynahIcons;

package/dist/helper/config.d.ts

@@ -2,9 +2,10 @@
  * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
-import { ConfigModel, ConfigOptions, ConfigTexts } from '../static';
+import { ComponentOverrides, ConfigModel, ConfigOptions, ConfigTexts } from '../static';
 interface ConfigFullModel extends ConfigOptions {
     texts: ConfigTexts;
+    componentClasses: ComponentOverrides;
 }
 export declare class Config {
     private static instance;

package/dist/helper/dom.d.ts

@@ -51,6 +51,7 @@ export declare class DomBuilder {
     private portals;
     private constructor();
     static getInstance(rootSelector?: string): DomBuilder;
+    setRoot: (rootSelector?: string) => void;
     addClass: (this: ExtendedHTMLElement, className: string) => ExtendedHTMLElement;
     removeClass: (this: ExtendedHTMLElement, className: string) => ExtendedHTMLElement;
     toggleClass: (this: ExtendedHTMLElement, className: string) => ExtendedHTMLElement;
@@ -66,4 +67,5 @@ export declare class DomBuilder {
     removeAllPortals: (portalsWithName: MynahPortalNames) => void;
 }
 export declare const htmlDecode: (input: string) => string;
+export declare const getTypewriterPartsCss: (typewriterId: string, lastVisibleItemIndex: number, totalNumberOfItems: number, timeForEach: number) => ExtendedHTMLElement;
 export {};

package/dist/main.d.ts

@@ -4,11 +4,19 @@
  */
 import { RelevancyVoteType, FeedbackPayload, MynahUIDataModel, NotificationType, ChatItem, ChatItemAction, ChatPrompt, MynahUITabStoreModel, MynahUITabStoreTab, ConfigModel, ReferenceTrackerInformation, CodeSelectionType, Engagement, ChatItemFormItem, ChatItemButton, CardRenderDetails, PromptAttachmentType } from './static';
 import './styles/styles.scss';
+export { generateUID } from './helper/guid';
 export { ChatItemBodyRenderer, } from './helper/dom';
 export { AllowedAttributesInCustomRenderer, AllowedTagsInCustomRenderer } from './helper/sanitize';
-export { FeedbackPayload, RelevancyVoteType, EngagementType, Engagement, MynahUIDataModel, NotificationType, ChatItem, ChatItemAction, ChatItemType, ChatPrompt, SourceLink, } from './static';
+export * from './static';
 export { ToggleOption } from './components/toggle';
 export { MynahIcons } from './components/icon';
+export { DomBuilder, DomBuilderObject, ExtendedHTMLElement, } from './helper/dom';
+export { ButtonProps, ButtonAbstract } from './components/button';
+export { RadioGroupProps, RadioGroupAbstract } from './components/form-items/radio-group';
+export { SelectProps, SelectAbstract } from './components/form-items/select';
+export { TextInputProps, TextInputAbstract } from './components/form-items/text-input';
+export { TextAreaProps, TextAreaAbstract } from './components/form-items/text-area';
+export { ChatItemCardContent, ChatItemCardContentProps } from './components/chat-item/chat-item-card-content';
 export interface MynahUIProps {
     rootSelector?: string;
     defaults?: MynahUITabStoreTab;