@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.
Files changed (123) hide show
  1. package/dist/cjs/{domsanitiser.options-277161b9.js → domsanitiser.options-975e3317.js} +12 -12
  2. package/dist/cjs/{index-76f14107.js → index-457ca775.js} +88 -2
  3. package/dist/cjs/loader.cjs.js +4 -3
  4. package/dist/cjs/tttx-button.cjs.entry.js +24 -24
  5. package/dist/cjs/tttx-filter.cjs.entry.js +177 -159
  6. package/dist/cjs/tttx-form.cjs.entry.js +458 -456
  7. package/dist/cjs/tttx-icon.cjs.entry.js +11 -11
  8. package/dist/cjs/tttx-keyvalue-block.cjs.entry.js +59 -59
  9. package/dist/cjs/tttx-list.cjs.entry.js +32 -32
  10. package/dist/cjs/tttx-loading-spinner.cjs.entry.js +16 -16
  11. package/dist/cjs/tttx-sorter.cjs.entry.js +102 -102
  12. package/dist/cjs/tttx-standalone-input.cjs.entry.js +79 -79
  13. package/dist/cjs/tttx-toolbar.cjs.entry.js +10 -10
  14. package/dist/cjs/tttx.cjs.js +7 -3
  15. package/dist/collection/collection-manifest.json +2 -2
  16. package/dist/collection/components/atoms/tttx-button/tttx-button.js +110 -110
  17. package/dist/collection/components/atoms/tttx-button/tttx-button.stories.js +14 -14
  18. package/dist/collection/components/atoms/tttx-icon/tttx-icon.js +62 -62
  19. package/dist/collection/components/atoms/tttx-icon/tttx-icon.stories.js +22 -22
  20. package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.js +109 -109
  21. package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.js +38 -38
  22. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.js +67 -67
  23. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.js +17 -17
  24. package/dist/collection/components/molecules/tttx-filter/tttx-filter.js +369 -334
  25. package/dist/collection/components/molecules/tttx-filter/tttx-filter.stories.js +73 -62
  26. package/dist/collection/components/molecules/tttx-form/lib/setErrorState.js +37 -37
  27. package/dist/collection/components/molecules/tttx-form/lib/validityCheck.js +61 -61
  28. package/dist/collection/components/molecules/tttx-form/tttx-form.js +479 -477
  29. package/dist/collection/components/molecules/tttx-form/tttx-form.stories.js +272 -272
  30. package/dist/collection/components/molecules/tttx-list/tttx-list.js +105 -105
  31. package/dist/collection/components/molecules/tttx-list/tttx-list.stories.js +43 -43
  32. package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.js +224 -224
  33. package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.stories.js +42 -42
  34. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.js +759 -759
  35. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.js +172 -172
  36. package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.js +44 -44
  37. package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.stories.js +14 -14
  38. package/dist/collection/components/palette.stories.js +7 -7
  39. package/dist/collection/docs/gettingstarted-developer.stories.js +5 -5
  40. package/dist/collection/icons.js +2838 -2838
  41. package/dist/collection/index.js +1 -1
  42. package/dist/collection/shared/domsanitiser.options.js +14 -14
  43. package/dist/components/domsanitiser.options.js +12 -12
  44. package/dist/components/index.d.ts +9 -0
  45. package/dist/components/index.js +1 -1
  46. package/dist/components/tttx-button.js +48 -48
  47. package/dist/components/tttx-filter.js +210 -191
  48. package/dist/components/tttx-form.js +475 -473
  49. package/dist/components/tttx-icon2.js +28 -28
  50. package/dist/components/tttx-keyvalue-block.js +76 -76
  51. package/dist/components/tttx-list.js +53 -53
  52. package/dist/components/tttx-loading-spinner.js +33 -33
  53. package/dist/components/tttx-sorter.js +130 -130
  54. package/dist/components/tttx-standalone-input.js +130 -130
  55. package/dist/components/tttx-toolbar.js +26 -26
  56. package/dist/esm/{domsanitiser.options-cc420431.js → domsanitiser.options-3c7ded83.js} +12 -12
  57. package/dist/esm/{index-9cde46a5.js → index-d784fb3e.js} +88 -3
  58. package/dist/esm/loader.js +4 -3
  59. package/dist/esm/polyfills/core-js.js +0 -0
  60. package/dist/esm/polyfills/css-shim.js +1 -1
  61. package/dist/esm/polyfills/dom.js +0 -0
  62. package/dist/esm/polyfills/es5-html-element.js +0 -0
  63. package/dist/esm/polyfills/index.js +0 -0
  64. package/dist/esm/polyfills/system.js +0 -0
  65. package/dist/esm/tttx-button.entry.js +24 -24
  66. package/dist/esm/tttx-filter.entry.js +177 -159
  67. package/dist/esm/tttx-form.entry.js +458 -456
  68. package/dist/esm/tttx-icon.entry.js +11 -11
  69. package/dist/esm/tttx-keyvalue-block.entry.js +59 -59
  70. package/dist/esm/tttx-list.entry.js +32 -32
  71. package/dist/esm/tttx-loading-spinner.entry.js +16 -16
  72. package/dist/esm/tttx-sorter.entry.js +102 -102
  73. package/dist/esm/tttx-standalone-input.entry.js +79 -79
  74. package/dist/esm/tttx-toolbar.entry.js +10 -10
  75. package/dist/esm/tttx.js +4 -3
  76. package/dist/tttx/p-0ebffdfc.js +2 -0
  77. package/dist/tttx/{p-dc2a37b0.entry.js → p-1db3704e.entry.js} +1 -1
  78. package/dist/tttx/p-350ddb03.js +3 -0
  79. package/dist/tttx/{p-561224f5.entry.js → p-563605b2.entry.js} +1 -1
  80. package/dist/tttx/{p-aef96333.entry.js → p-798a098a.entry.js} +1 -1
  81. package/dist/tttx/{p-f885f17a.entry.js → p-92cade7f.entry.js} +1 -1
  82. package/dist/tttx/{p-bd1edaed.entry.js → p-aaf02902.entry.js} +1 -1
  83. package/dist/tttx/{p-e53c7f9d.entry.js → p-ab6ce9f6.entry.js} +1 -1
  84. package/dist/tttx/{p-9f1e9cc1.entry.js → p-b720c4ad.entry.js} +1 -1
  85. package/dist/tttx/{p-d2f1aa8e.entry.js → p-cac26a1b.entry.js} +1 -1
  86. package/dist/tttx/p-ec253eea.entry.js +1 -0
  87. package/dist/tttx/p-f702df4f.entry.js +1 -0
  88. package/dist/tttx/tttx.esm.js +1 -1
  89. package/dist/types/components/atoms/tttx-button/tttx-button.d.ts +10 -10
  90. package/dist/types/components/atoms/tttx-button/tttx-button.stories.d.ts +10 -10
  91. package/dist/types/components/atoms/tttx-icon/tttx-icon.d.ts +5 -5
  92. package/dist/types/components/atoms/tttx-icon/tttx-icon.stories.d.ts +20 -20
  93. package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.d.ts +7 -7
  94. package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.d.ts +9 -9
  95. package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.d.ts +6 -6
  96. package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.d.ts +17 -17
  97. package/dist/types/components/molecules/tttx-filter/tttx-filter.d.ts +41 -39
  98. package/dist/types/components/molecules/tttx-filter/tttx-filter.stories.d.ts +70 -68
  99. package/dist/types/components/molecules/tttx-form/lib/setErrorState.d.ts +13 -13
  100. package/dist/types/components/molecules/tttx-form/lib/validityCheck.d.ts +17 -17
  101. package/dist/types/components/molecules/tttx-form/tttx-form.d.ts +133 -133
  102. package/dist/types/components/molecules/tttx-form/tttx-form.stories.d.ts +278 -278
  103. package/dist/types/components/molecules/tttx-list/tttx-list.d.ts +11 -11
  104. package/dist/types/components/molecules/tttx-list/tttx-list.stories.d.ts +14 -14
  105. package/dist/types/components/molecules/tttx-sorter/tttx-sorter.d.ts +19 -19
  106. package/dist/types/components/molecules/tttx-sorter/tttx-sorter.stories.d.ts +30 -30
  107. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts +69 -69
  108. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts +143 -143
  109. package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.d.ts +4 -4
  110. package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.stories.d.ts +13 -13
  111. package/dist/types/components/palette.stories.d.ts +6 -6
  112. package/dist/types/components.d.ts +2 -0
  113. package/dist/types/docs/gettingstarted-developer.stories.d.ts +5 -5
  114. package/dist/types/icons.d.ts +2 -2
  115. package/dist/types/index.d.ts +1 -1
  116. package/dist/types/shared/domsanitiser.options.d.ts +10 -10
  117. package/dist/types/stencil-public-runtime.d.ts +59 -3
  118. package/loader/index.d.ts +9 -0
  119. package/package.json +2 -2
  120. package/dist/tttx/p-3b1be372.entry.js +0 -1
  121. package/dist/tttx/p-b4290a5b.js +0 -3
  122. package/dist/tttx/p-d0ff9ad0.entry.js +0 -1
  123. 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
- showPopover: boolean;
21
- displayedFilterSettings: FilterSettings[];
22
- selectedFilters: string[];
23
- filterSearchTerm: string;
24
- allSelected: boolean;
25
- filterChangeEvent: EventEmitter<FilterChangeEvent>;
26
- el: any;
27
- emitFilterEvent(): void;
28
- onFilterButtonClick(): void;
29
- onCloseButtonClick(): void;
30
- onApplyFilterButtonClick(): void;
31
- onFilterOptionSelected(selectedOption: string): void;
32
- componentWillLoad(): void;
33
- togglePopover(): void;
34
- handleFilterChange(event: Event | InputEvent): void;
35
- onSelectAllClick(): void;
36
- getFilterButtonClassName(buttonStyle: string): "" | "--table-icon" | "--list-icon";
37
- parseFilterOptions(): any;
38
- render(): any;
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 ListFilterWithoutSearchField: any;
68
- export declare const TableIconWithoutOptionIconsOrSelectAll: any;
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;