@3t-transform/threeteeui 0.1.41 → 0.1.43
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/cjs/{domsanitiser.options-277161b9.js → domsanitiser.options-975e3317.js} +12 -12
- package/dist/cjs/{index-76f14107.js → index-457ca775.js} +88 -2
- package/dist/cjs/loader.cjs.js +4 -3
- package/dist/cjs/tttx-button.cjs.entry.js +24 -24
- package/dist/cjs/tttx-filter.cjs.entry.js +177 -159
- package/dist/cjs/tttx-form.cjs.entry.js +458 -456
- package/dist/cjs/tttx-icon.cjs.entry.js +11 -11
- package/dist/cjs/tttx-keyvalue-block.cjs.entry.js +59 -59
- package/dist/cjs/tttx-list.cjs.entry.js +32 -32
- package/dist/cjs/tttx-loading-spinner.cjs.entry.js +16 -16
- package/dist/cjs/tttx-sorter.cjs.entry.js +102 -102
- package/dist/cjs/tttx-standalone-input.cjs.entry.js +79 -79
- package/dist/cjs/tttx-toolbar.cjs.entry.js +10 -10
- package/dist/cjs/tttx.cjs.js +7 -3
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/atoms/tttx-button/tttx-button.js +110 -110
- package/dist/collection/components/atoms/tttx-button/tttx-button.stories.js +14 -14
- package/dist/collection/components/atoms/tttx-icon/tttx-icon.js +62 -62
- package/dist/collection/components/atoms/tttx-icon/tttx-icon.stories.js +22 -22
- package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.js +109 -109
- package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.js +38 -38
- package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.js +67 -67
- package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.js +17 -17
- package/dist/collection/components/molecules/tttx-filter/tttx-filter.js +369 -334
- package/dist/collection/components/molecules/tttx-filter/tttx-filter.stories.js +73 -62
- package/dist/collection/components/molecules/tttx-form/lib/setErrorState.js +37 -37
- package/dist/collection/components/molecules/tttx-form/lib/validityCheck.js +61 -61
- package/dist/collection/components/molecules/tttx-form/tttx-form.js +479 -477
- package/dist/collection/components/molecules/tttx-form/tttx-form.stories.js +272 -272
- package/dist/collection/components/molecules/tttx-list/tttx-list.js +105 -105
- package/dist/collection/components/molecules/tttx-list/tttx-list.stories.js +43 -43
- package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.js +224 -224
- package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.stories.js +42 -42
- package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.js +759 -759
- package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.js +172 -172
- package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.js +44 -44
- package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.stories.js +14 -14
- package/dist/collection/components/palette.stories.js +7 -7
- package/dist/collection/docs/gettingstarted-developer.stories.js +5 -5
- package/dist/collection/icons.js +2838 -2838
- package/dist/collection/index.js +1 -1
- package/dist/collection/shared/domsanitiser.options.js +14 -14
- package/dist/components/domsanitiser.options.js +12 -12
- package/dist/components/index.d.ts +9 -0
- package/dist/components/index.js +1 -1
- package/dist/components/tttx-button.js +48 -48
- package/dist/components/tttx-filter.js +210 -191
- package/dist/components/tttx-form.js +475 -473
- package/dist/components/tttx-icon2.js +28 -28
- package/dist/components/tttx-keyvalue-block.js +76 -76
- package/dist/components/tttx-list.js +53 -53
- package/dist/components/tttx-loading-spinner.js +33 -33
- package/dist/components/tttx-sorter.js +130 -130
- package/dist/components/tttx-standalone-input.js +130 -130
- package/dist/components/tttx-toolbar.js +26 -26
- package/dist/esm/{domsanitiser.options-cc420431.js → domsanitiser.options-3c7ded83.js} +12 -12
- package/dist/esm/{index-9cde46a5.js → index-d784fb3e.js} +88 -3
- package/dist/esm/loader.js +4 -3
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/tttx-button.entry.js +24 -24
- package/dist/esm/tttx-filter.entry.js +177 -159
- package/dist/esm/tttx-form.entry.js +458 -456
- package/dist/esm/tttx-icon.entry.js +11 -11
- package/dist/esm/tttx-keyvalue-block.entry.js +59 -59
- package/dist/esm/tttx-list.entry.js +32 -32
- package/dist/esm/tttx-loading-spinner.entry.js +16 -16
- package/dist/esm/tttx-sorter.entry.js +102 -102
- package/dist/esm/tttx-standalone-input.entry.js +79 -79
- package/dist/esm/tttx-toolbar.entry.js +10 -10
- package/dist/esm/tttx.js +4 -3
- package/dist/tttx/p-0ebffdfc.js +2 -0
- package/dist/tttx/{p-dc2a37b0.entry.js → p-1db3704e.entry.js} +1 -1
- package/dist/tttx/p-350ddb03.js +3 -0
- package/dist/tttx/{p-561224f5.entry.js → p-563605b2.entry.js} +1 -1
- package/dist/tttx/{p-aef96333.entry.js → p-798a098a.entry.js} +1 -1
- package/dist/tttx/{p-f885f17a.entry.js → p-92cade7f.entry.js} +1 -1
- package/dist/tttx/{p-bd1edaed.entry.js → p-aaf02902.entry.js} +1 -1
- package/dist/tttx/{p-e53c7f9d.entry.js → p-ab6ce9f6.entry.js} +1 -1
- package/dist/tttx/{p-9f1e9cc1.entry.js → p-b720c4ad.entry.js} +1 -1
- package/dist/tttx/{p-d2f1aa8e.entry.js → p-cac26a1b.entry.js} +1 -1
- package/dist/tttx/p-ec253eea.entry.js +1 -0
- package/dist/tttx/p-f702df4f.entry.js +1 -0
- package/dist/tttx/tttx.esm.js +1 -1
- package/dist/types/components/atoms/tttx-button/tttx-button.d.ts +10 -10
- package/dist/types/components/atoms/tttx-button/tttx-button.stories.d.ts +10 -10
- package/dist/types/components/atoms/tttx-icon/tttx-icon.d.ts +5 -5
- package/dist/types/components/atoms/tttx-icon/tttx-icon.stories.d.ts +20 -20
- package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.d.ts +7 -7
- package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.d.ts +9 -9
- package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.d.ts +6 -6
- package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.d.ts +17 -17
- package/dist/types/components/molecules/tttx-filter/tttx-filter.d.ts +41 -39
- package/dist/types/components/molecules/tttx-filter/tttx-filter.stories.d.ts +70 -68
- package/dist/types/components/molecules/tttx-form/lib/setErrorState.d.ts +13 -13
- package/dist/types/components/molecules/tttx-form/lib/validityCheck.d.ts +17 -17
- package/dist/types/components/molecules/tttx-form/tttx-form.d.ts +133 -133
- package/dist/types/components/molecules/tttx-form/tttx-form.stories.d.ts +278 -278
- package/dist/types/components/molecules/tttx-list/tttx-list.d.ts +11 -11
- package/dist/types/components/molecules/tttx-list/tttx-list.stories.d.ts +14 -14
- package/dist/types/components/molecules/tttx-sorter/tttx-sorter.d.ts +19 -19
- package/dist/types/components/molecules/tttx-sorter/tttx-sorter.stories.d.ts +30 -30
- package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts +69 -69
- package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts +143 -143
- package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.d.ts +4 -4
- package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.stories.d.ts +13 -13
- package/dist/types/components/palette.stories.d.ts +6 -6
- package/dist/types/components.d.ts +2 -0
- package/dist/types/docs/gettingstarted-developer.stories.d.ts +5 -5
- package/dist/types/icons.d.ts +2 -2
- package/dist/types/index.d.ts +1 -1
- package/dist/types/shared/domsanitiser.options.d.ts +10 -10
- package/dist/types/stencil-public-runtime.d.ts +59 -3
- package/loader/index.d.ts +9 -0
- package/package.json +2 -2
- package/dist/tttx/p-3b1be372.entry.js +0 -1
- package/dist/tttx/p-b4290a5b.js +0 -3
- package/dist/tttx/p-d0ff9ad0.entry.js +0 -1
- package/dist/tttx/p-db059a69.js +0 -2
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
component: string;
|
|
4
|
-
argTypes: {
|
|
5
|
-
icon: {
|
|
6
|
-
control: {
|
|
7
|
-
type: string;
|
|
8
|
-
};
|
|
9
|
-
options: string[];
|
|
10
|
-
};
|
|
11
|
-
color: {
|
|
12
|
-
control: {
|
|
13
|
-
type: string;
|
|
14
|
-
};
|
|
15
|
-
options: string[];
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
export default _default;
|
|
20
|
-
export declare const Icon: any;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: string;
|
|
4
|
+
argTypes: {
|
|
5
|
+
icon: {
|
|
6
|
+
control: {
|
|
7
|
+
type: string;
|
|
8
|
+
};
|
|
9
|
+
options: string[];
|
|
10
|
+
};
|
|
11
|
+
color: {
|
|
12
|
+
control: {
|
|
13
|
+
type: string;
|
|
14
|
+
};
|
|
15
|
+
options: string[];
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export default _default;
|
|
20
|
+
export declare const Icon: any;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export declare class TttxKeyvalueBlock {
|
|
2
|
-
keyvalues: any | any[] | string;
|
|
3
|
-
horizontal: boolean;
|
|
4
|
-
private renderSingleElements;
|
|
5
|
-
private renderArrayElements;
|
|
6
|
-
render(): any;
|
|
7
|
-
}
|
|
1
|
+
export declare class TttxKeyvalueBlock {
|
|
2
|
+
keyvalues: any | any[] | string;
|
|
3
|
+
horizontal: boolean;
|
|
4
|
+
private renderSingleElements;
|
|
5
|
+
private renderArrayElements;
|
|
6
|
+
render(): any;
|
|
7
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
component: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const KeyValueBlock: () => string;
|
|
7
|
-
export declare const KeyValueSubtitleBlock: () => string;
|
|
8
|
-
export declare const HorizontalKeyValueBlock: () => string;
|
|
9
|
-
export declare const HorizontalKeyValueSubtitleBlock: () => string;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const KeyValueBlock: () => string;
|
|
7
|
+
export declare const KeyValueSubtitleBlock: () => string;
|
|
8
|
+
export declare const HorizontalKeyValueBlock: () => string;
|
|
9
|
+
export declare const HorizontalKeyValueSubtitleBlock: () => string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare class TttxLoadingSpinner {
|
|
2
|
-
loadingMessage: boolean;
|
|
3
|
-
size: 'small' | 'large';
|
|
4
|
-
renderLoadingMessage(): any;
|
|
5
|
-
render(): any;
|
|
6
|
-
}
|
|
1
|
+
export declare class TttxLoadingSpinner {
|
|
2
|
+
loadingMessage: boolean;
|
|
3
|
+
size: 'small' | 'large';
|
|
4
|
+
renderLoadingMessage(): any;
|
|
5
|
+
render(): any;
|
|
6
|
+
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
component: string;
|
|
4
|
-
argTypes: {
|
|
5
|
-
loadingMessage: {
|
|
6
|
-
control: string;
|
|
7
|
-
};
|
|
8
|
-
size: {
|
|
9
|
-
control: {
|
|
10
|
-
type: string;
|
|
11
|
-
};
|
|
12
|
-
options: string[];
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
export default _default;
|
|
17
|
-
export declare const Example: (args: any) => string;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: string;
|
|
4
|
+
argTypes: {
|
|
5
|
+
loadingMessage: {
|
|
6
|
+
control: string;
|
|
7
|
+
};
|
|
8
|
+
size: {
|
|
9
|
+
control: {
|
|
10
|
+
type: string;
|
|
11
|
+
};
|
|
12
|
+
options: string[];
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default _default;
|
|
17
|
+
export declare const Example: (args: any) => string;
|
|
@@ -1,39 +1,41 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
export interface FilterSettings {
|
|
3
|
-
optionIcon: string;
|
|
4
|
-
optionIconColor: string;
|
|
5
|
-
optionText: string;
|
|
6
|
-
}
|
|
7
|
-
export interface FilterChangeEvent {
|
|
8
|
-
selectedFilters: string[];
|
|
9
|
-
filterKey: string;
|
|
10
|
-
allSelected: boolean;
|
|
11
|
-
}
|
|
12
|
-
export declare class TttxFilter {
|
|
13
|
-
filterKey: string;
|
|
14
|
-
filterOptions: string | FilterSettings[];
|
|
15
|
-
showSelectAll: boolean;
|
|
16
|
-
showSearchField: boolean;
|
|
17
|
-
showOptionIcons: boolean;
|
|
18
|
-
filterButtonStyle: 'list filter' | 'list icon' | 'table icon';
|
|
19
|
-
filterHeader: string;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
1
|
+
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
+
export interface FilterSettings {
|
|
3
|
+
optionIcon: string;
|
|
4
|
+
optionIconColor: string;
|
|
5
|
+
optionText: string;
|
|
6
|
+
}
|
|
7
|
+
export interface FilterChangeEvent {
|
|
8
|
+
selectedFilters: string[];
|
|
9
|
+
filterKey: string;
|
|
10
|
+
allSelected: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare class TttxFilter {
|
|
13
|
+
filterKey: string;
|
|
14
|
+
filterOptions: string | FilterSettings[];
|
|
15
|
+
showSelectAll: boolean;
|
|
16
|
+
showSearchField: boolean;
|
|
17
|
+
showOptionIcons: boolean;
|
|
18
|
+
filterButtonStyle: 'list filter' | 'list icon' | 'table icon';
|
|
19
|
+
filterHeader: string;
|
|
20
|
+
defaultFilterOptions: string[] | string;
|
|
21
|
+
showPopover: boolean;
|
|
22
|
+
displayedFilterSettings: FilterSettings[];
|
|
23
|
+
selectedFilters: string[];
|
|
24
|
+
filterSearchTerm: string;
|
|
25
|
+
allSelected: boolean;
|
|
26
|
+
filterChangeEvent: EventEmitter<FilterChangeEvent>;
|
|
27
|
+
el: any;
|
|
28
|
+
emitFilterEvent(): void;
|
|
29
|
+
onFilterButtonClick(): void;
|
|
30
|
+
onCloseButtonClick(): void;
|
|
31
|
+
onApplyFilterButtonClick(): void;
|
|
32
|
+
onFilterOptionSelected(selectedOption: string): void;
|
|
33
|
+
componentWillLoad(): void;
|
|
34
|
+
togglePopover(): void;
|
|
35
|
+
handleFilterChange(event: Event | InputEvent): void;
|
|
36
|
+
onSelectAllClick(): void;
|
|
37
|
+
getFilterButtonClassName(buttonStyle: string): "" | "--table-icon" | "--list-icon";
|
|
38
|
+
parseFilterOptions(): any;
|
|
39
|
+
parseDefaultFilterOptions(): any;
|
|
40
|
+
render(): any;
|
|
41
|
+
}
|
|
@@ -1,68 +1,70 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
component: string;
|
|
4
|
-
argTypes: {
|
|
5
|
-
filterOptions: {
|
|
6
|
-
control: {
|
|
7
|
-
type: string;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
filterButtonStyle: {
|
|
11
|
-
table: {
|
|
12
|
-
defaultValue: {
|
|
13
|
-
summary: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
control: {
|
|
17
|
-
type: string;
|
|
18
|
-
};
|
|
19
|
-
options: string[];
|
|
20
|
-
};
|
|
21
|
-
showSearchField: {
|
|
22
|
-
table: {
|
|
23
|
-
defaultValue: {
|
|
24
|
-
summary: boolean;
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
control: {
|
|
28
|
-
type: string;
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
showSelectAll: {
|
|
32
|
-
table: {
|
|
33
|
-
defaultValue: {
|
|
34
|
-
summary: boolean;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
control: {
|
|
38
|
-
type: string;
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
|
-
showOptionIcons: {
|
|
42
|
-
table: {
|
|
43
|
-
defaultValue: {
|
|
44
|
-
summary: boolean;
|
|
45
|
-
};
|
|
46
|
-
};
|
|
47
|
-
control: {
|
|
48
|
-
type: string;
|
|
49
|
-
};
|
|
50
|
-
};
|
|
51
|
-
filterHeader: {
|
|
52
|
-
control: {
|
|
53
|
-
type: string;
|
|
54
|
-
};
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
parameters: {
|
|
58
|
-
actions: {
|
|
59
|
-
handles: string[];
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
|
|
63
|
-
};
|
|
64
|
-
export default _default;
|
|
65
|
-
export declare const Default: any;
|
|
66
|
-
export declare const CustomFilterOptions: any;
|
|
67
|
-
export declare const
|
|
68
|
-
export declare const
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: string;
|
|
4
|
+
argTypes: {
|
|
5
|
+
filterOptions: {
|
|
6
|
+
control: {
|
|
7
|
+
type: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
filterButtonStyle: {
|
|
11
|
+
table: {
|
|
12
|
+
defaultValue: {
|
|
13
|
+
summary: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
control: {
|
|
17
|
+
type: string;
|
|
18
|
+
};
|
|
19
|
+
options: string[];
|
|
20
|
+
};
|
|
21
|
+
showSearchField: {
|
|
22
|
+
table: {
|
|
23
|
+
defaultValue: {
|
|
24
|
+
summary: boolean;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
control: {
|
|
28
|
+
type: string;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
showSelectAll: {
|
|
32
|
+
table: {
|
|
33
|
+
defaultValue: {
|
|
34
|
+
summary: boolean;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
control: {
|
|
38
|
+
type: string;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
showOptionIcons: {
|
|
42
|
+
table: {
|
|
43
|
+
defaultValue: {
|
|
44
|
+
summary: boolean;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
control: {
|
|
48
|
+
type: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
filterHeader: {
|
|
52
|
+
control: {
|
|
53
|
+
type: string;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
parameters: {
|
|
58
|
+
actions: {
|
|
59
|
+
handles: string[];
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
|
|
63
|
+
};
|
|
64
|
+
export default _default;
|
|
65
|
+
export declare const Default: any;
|
|
66
|
+
export declare const CustomFilterOptions: any;
|
|
67
|
+
export declare const DefaultFilterOptions: any;
|
|
68
|
+
export declare const EverythingDefaultFilterOptions: any;
|
|
69
|
+
export declare const ListFilterWithoutSearchField: any;
|
|
70
|
+
export declare const TableIconWithoutOptionIconsOrSelectAll: any;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Sets the error state of an input field by updating its class and error message.
|
|
3
|
-
* If an error was detected, it sets the input field's class to "invalid" and
|
|
4
|
-
* displays the error message in an error bubble. If no error was detected,
|
|
5
|
-
* it removes the "invalid" class from the input field and clears the error bubble.
|
|
6
|
-
*
|
|
7
|
-
* @param {HTMLInputElement} target - The input field to update.
|
|
8
|
-
* @param {boolean} hasError - Whether an error was detected in the field.
|
|
9
|
-
* @param {string} errorMessage - The error message to display (if any).
|
|
10
|
-
* @return {void}
|
|
11
|
-
*/
|
|
12
|
-
declare function setErrorState(target: any, hasError: any, errorMessage: any): void;
|
|
13
|
-
export default setErrorState;
|
|
1
|
+
/**
|
|
2
|
+
* Sets the error state of an input field by updating its class and error message.
|
|
3
|
+
* If an error was detected, it sets the input field's class to "invalid" and
|
|
4
|
+
* displays the error message in an error bubble. If no error was detected,
|
|
5
|
+
* it removes the "invalid" class from the input field and clears the error bubble.
|
|
6
|
+
*
|
|
7
|
+
* @param {HTMLInputElement} target - The input field to update.
|
|
8
|
+
* @param {boolean} hasError - Whether an error was detected in the field.
|
|
9
|
+
* @param {string} errorMessage - The error message to display (if any).
|
|
10
|
+
* @return {void}
|
|
11
|
+
*/
|
|
12
|
+
declare function setErrorState(target: any, hasError: any, errorMessage: any): void;
|
|
13
|
+
export default setErrorState;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Validates the input field on focusout event by checking its validity state,
|
|
3
|
-
* sets an error message if there's an issue, and emits a "dataChanged" event to
|
|
4
|
-
* the parent component with the field name and its new value.
|
|
5
|
-
*
|
|
6
|
-
* @param {Event} event - The focusout event triggered by the input field.
|
|
7
|
-
* @return {void}
|
|
8
|
-
*/
|
|
9
|
-
declare function validityCheck(event: {
|
|
10
|
-
target: any;
|
|
11
|
-
preventDefault: Function;
|
|
12
|
-
}): {
|
|
13
|
-
target: any;
|
|
14
|
-
hasError: boolean;
|
|
15
|
-
errorMessage: string;
|
|
16
|
-
};
|
|
17
|
-
export default validityCheck;
|
|
1
|
+
/**
|
|
2
|
+
* Validates the input field on focusout event by checking its validity state,
|
|
3
|
+
* sets an error message if there's an issue, and emits a "dataChanged" event to
|
|
4
|
+
* the parent component with the field name and its new value.
|
|
5
|
+
*
|
|
6
|
+
* @param {Event} event - The focusout event triggered by the input field.
|
|
7
|
+
* @return {void}
|
|
8
|
+
*/
|
|
9
|
+
declare function validityCheck(event: {
|
|
10
|
+
target: any;
|
|
11
|
+
preventDefault: Function;
|
|
12
|
+
}): {
|
|
13
|
+
target: any;
|
|
14
|
+
hasError: boolean;
|
|
15
|
+
errorMessage: string;
|
|
16
|
+
};
|
|
17
|
+
export default validityCheck;
|