@aws/mynah-ui 4.28.1-beta.2 → 4.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/chat-item/chat-item-card.d.ts +2 -0
- package/dist/components/chat-item/chat-item-form-items.d.ts +4 -0
- package/dist/components/form-items/checkbox.d.ts +44 -0
- package/dist/components/form-items/radio-group.d.ts +1 -1
- package/dist/components/icon.d.ts +4 -1
- package/dist/components/navigation-tab-bar-buttons.d.ts +3 -0
- package/dist/main.js +1 -1
- package/dist/main.js.map +1 -1
- package/dist/static.d.ts +13 -1
- package/docs/DATAMODEL.md +145 -7
- package/docs/img/data-model/chatItems/formItemsTooltip.png +0 -0
- package/docs/img/data-model/chatItems/iconStatus.png +0 -0
- package/docs/img/data-model/chatItems/options-all-filled.png +0 -0
- package/docs/img/data-model/chatItems/options-mandatory-filled.png +0 -0
- package/docs/img/data-model/chatItems/options-submitted.png +0 -0
- package/docs/img/data-model/chatItems/options.png +0 -0
- package/package.json +1 -1
- package/ui-tests/dist/27f62b53b93858475a7f.ttf +0 -0
- package/ui-tests/dist/d50a80138ec4f2fb5e9f.ttf +0 -0
- package/ui-tests/dist/index.html +9 -0
- package/ui-tests/dist/main.js +1362 -0
- package/ui-tests/dist/main.js.map +1 -0
|
@@ -19,6 +19,7 @@ export declare class ChatItemCard {
|
|
|
19
19
|
private readonly initialSpinner;
|
|
20
20
|
private cardFooter;
|
|
21
21
|
private cardHeader;
|
|
22
|
+
private cardTitle;
|
|
22
23
|
private informationCard;
|
|
23
24
|
private tabbedCard;
|
|
24
25
|
private cardIcon;
|
|
@@ -38,6 +39,7 @@ export declare class ChatItemCard {
|
|
|
38
39
|
constructor(props: ChatItemCardProps);
|
|
39
40
|
private readonly getCardFooter;
|
|
40
41
|
private readonly getCardHeader;
|
|
42
|
+
private readonly getCardTitle;
|
|
41
43
|
private readonly generateCard;
|
|
42
44
|
private readonly setMaxHeightClass;
|
|
43
45
|
private readonly getCardClasses;
|
|
@@ -17,10 +17,14 @@ export declare class ChatItemFormItemsWrapper {
|
|
|
17
17
|
private readonly options;
|
|
18
18
|
private readonly validationItems;
|
|
19
19
|
private isValid;
|
|
20
|
+
private tooltipOverlay;
|
|
21
|
+
private tooltipTimeout;
|
|
20
22
|
onValidationChange?: (isValid: boolean) => void;
|
|
21
23
|
onAllFormItemsDisabled?: () => void;
|
|
22
24
|
render: ExtendedHTMLElement;
|
|
23
25
|
constructor(props: ChatItemFormItemsWrapperProps);
|
|
26
|
+
private readonly showTooltip;
|
|
27
|
+
readonly hideTooltip: () => void;
|
|
24
28
|
private readonly getHandlers;
|
|
25
29
|
private readonly handleTextualItemKeyPressEvent;
|
|
26
30
|
private readonly isItemValid;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
import { ExtendedHTMLElement } from '../../helper/dom';
|
|
6
|
+
import { MynahIcons, MynahIconsType } from '../icon';
|
|
7
|
+
import '../../styles/components/_form-input.scss';
|
|
8
|
+
export interface CheckboxProps {
|
|
9
|
+
type?: 'checkbox' | 'switch';
|
|
10
|
+
classNames?: string[];
|
|
11
|
+
attributes?: Record<string, string>;
|
|
12
|
+
title?: HTMLElement | ExtendedHTMLElement | string;
|
|
13
|
+
label?: string;
|
|
14
|
+
description?: ExtendedHTMLElement;
|
|
15
|
+
tooltip?: ExtendedHTMLElement;
|
|
16
|
+
value?: 'true' | 'false';
|
|
17
|
+
optional?: boolean;
|
|
18
|
+
icon?: MynahIcons | MynahIconsType;
|
|
19
|
+
onChange?: (value: 'true' | 'false') => void;
|
|
20
|
+
wrapperTestId?: string;
|
|
21
|
+
optionTestId?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare abstract class CheckboxAbstract {
|
|
24
|
+
render: ExtendedHTMLElement;
|
|
25
|
+
setValue: (value: 'true' | 'false') => void;
|
|
26
|
+
getValue: () => 'true' | 'false';
|
|
27
|
+
setEnabled: (enabled: boolean) => void;
|
|
28
|
+
}
|
|
29
|
+
export declare class CheckboxInternal extends CheckboxAbstract {
|
|
30
|
+
private readonly checkboxWrapper;
|
|
31
|
+
private readonly checkboxItem;
|
|
32
|
+
render: ExtendedHTMLElement;
|
|
33
|
+
constructor(props: CheckboxProps);
|
|
34
|
+
setValue: (value: 'true' | 'false') => void;
|
|
35
|
+
getValue: () => 'true' | 'false';
|
|
36
|
+
setEnabled: (enabled: boolean) => void;
|
|
37
|
+
}
|
|
38
|
+
export declare class Checkbox extends CheckboxAbstract {
|
|
39
|
+
render: ExtendedHTMLElement;
|
|
40
|
+
constructor(props: CheckboxProps);
|
|
41
|
+
setValue: (value: 'true' | 'false') => void;
|
|
42
|
+
getValue: () => 'true' | 'false';
|
|
43
|
+
setEnabled: (enabled: boolean) => void;
|
|
44
|
+
}
|
|
@@ -11,7 +11,7 @@ interface SelectOption {
|
|
|
11
11
|
icon?: MynahIcons | MynahIconsType;
|
|
12
12
|
}
|
|
13
13
|
export interface RadioGroupProps {
|
|
14
|
-
type?: '
|
|
14
|
+
type?: 'radiogroup' | 'toggle';
|
|
15
15
|
classNames?: string[];
|
|
16
16
|
attributes?: Record<string, string>;
|
|
17
17
|
label?: HTMLElement | ExtendedHTMLElement | string;
|
|
@@ -65,14 +65,17 @@ export declare enum MynahIcons {
|
|
|
65
65
|
BUG = "bug",
|
|
66
66
|
CHECK_LIST = "check-list",
|
|
67
67
|
DEPLOY = "deploy",
|
|
68
|
+
SHELL = "shell",
|
|
68
69
|
HELP = "help",
|
|
69
70
|
MESSAGE = "message",
|
|
70
71
|
TRASH = "trash",
|
|
71
|
-
TRANSFORM = "transform"
|
|
72
|
+
TRANSFORM = "transform",
|
|
73
|
+
HISTORY = "history"
|
|
72
74
|
}
|
|
73
75
|
export type MynahIconsType = `${MynahIcons}`;
|
|
74
76
|
export interface IconProps {
|
|
75
77
|
icon: MynahIcons | MynahIconsType;
|
|
78
|
+
subtract?: boolean;
|
|
76
79
|
classNames?: string[];
|
|
77
80
|
}
|
|
78
81
|
export declare class Icon {
|
|
@@ -8,7 +8,10 @@ export interface TabBarButtonsWrapperProps {
|
|
|
8
8
|
}
|
|
9
9
|
export declare class TabBarButtonsWrapper {
|
|
10
10
|
render: ExtendedHTMLElement;
|
|
11
|
+
private selectedTabId;
|
|
12
|
+
private tabBarButtonsSubscriptionId;
|
|
11
13
|
private readonly props;
|
|
12
14
|
constructor(props?: TabBarButtonsWrapperProps);
|
|
15
|
+
private readonly handleTabBarButtonsChange;
|
|
13
16
|
private readonly getTabsBarButtonsRender;
|
|
14
17
|
}
|