@mgdis/mg-components 5.10.0 → 5.10.1
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/loader.cjs.js +1 -1
- package/dist/cjs/mg-action-more_31.cjs.entry.js +318 -427
- package/dist/cjs/mg-components.cjs.js +1 -1
- package/dist/cjs/mg-item-more.cjs.entry.js +19 -28
- package/dist/cjs/{mg-menu.conf-1942ac70.js → mg-menu.conf-196151fe.js} +16 -16
- package/dist/collection/components/atoms/mg-badge/mg-badge.js +8 -9
- package/dist/collection/components/atoms/mg-button/mg-button.js +16 -20
- package/dist/collection/components/atoms/mg-card/mg-card.js +10 -12
- package/dist/collection/components/atoms/mg-character-left/mg-character-left.js +1 -2
- package/dist/collection/components/atoms/mg-divider/mg-divider.js +1 -1
- package/dist/collection/components/atoms/mg-icon/mg-icon.js +17 -19
- package/dist/collection/components/atoms/mg-input-title/mg-input-title.js +1 -2
- package/dist/collection/components/atoms/mg-tag/mg-tag.js +11 -13
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +11 -21
- package/dist/collection/components/molecules/inputs/MgInput.conf.js +4 -1
- package/dist/collection/components/molecules/inputs/MgInput.js +26 -18
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +10 -14
- package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +7 -12
- package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +14 -22
- package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +6 -10
- package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +10 -18
- package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +21 -32
- package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +16 -31
- package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +13 -17
- package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +17 -23
- package/dist/collection/components/molecules/menu/mg-menu/mg-menu.js +11 -18
- package/dist/collection/components/molecules/menu/mg-menu-item/mg-menu-item.js +20 -29
- package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +11 -15
- package/dist/collection/components/molecules/mg-details/mg-details.js +1 -3
- package/dist/collection/components/molecules/mg-form/mg-form.js +8 -19
- package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +1 -2
- package/dist/collection/components/molecules/mg-item-more/mg-item-more.js +4 -7
- package/dist/collection/components/molecules/mg-message/mg-message.js +11 -14
- package/dist/collection/components/molecules/mg-modal/mg-modal.js +7 -11
- package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +11 -13
- package/dist/collection/components/molecules/mg-panel/mg-panel.js +6 -15
- package/dist/collection/components/molecules/mg-popover/mg-popover.js +7 -13
- package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +2 -4
- package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +20 -24
- package/dist/collection/locales/index.js +2 -2
- package/dist/collection/utils/behaviors.utils.js +16 -22
- package/dist/collection/utils/components.utils.js +21 -23
- package/dist/collection/utils/locale.utils.js +14 -14
- package/dist/collection/utils/unit.test.utils.js +7 -10
- package/dist/components/MgInput.js +30 -18
- package/dist/components/components.utils.js +21 -23
- package/dist/components/index2.js +16 -16
- package/dist/components/mg-action-more.js +9 -13
- package/dist/components/mg-badge2.js +8 -9
- package/dist/components/mg-button2.js +16 -20
- package/dist/components/mg-card2.js +8 -10
- package/dist/components/mg-character-left2.js +1 -2
- package/dist/components/mg-details.js +1 -3
- package/dist/components/mg-divider.js +1 -1
- package/dist/components/mg-form.js +7 -15
- package/dist/components/mg-icon2.js +17 -19
- package/dist/components/mg-illustrated-message.js +1 -2
- package/dist/components/mg-input-checkbox.js +9 -10
- package/dist/components/mg-input-date.js +6 -8
- package/dist/components/mg-input-numeric.js +13 -18
- package/dist/components/mg-input-password.js +5 -6
- package/dist/components/mg-input-radio.js +9 -14
- package/dist/components/mg-input-select2.js +20 -28
- package/dist/components/mg-input-text2.js +14 -23
- package/dist/components/mg-input-textarea.js +12 -13
- package/dist/components/mg-input-title2.js +1 -2
- package/dist/components/mg-input-toggle.js +16 -19
- package/dist/components/mg-item-more.js +18 -27
- package/dist/components/mg-menu-item2.js +17 -26
- package/dist/components/mg-menu2.js +9 -16
- package/dist/components/mg-message.js +11 -14
- package/dist/components/mg-modal.js +7 -11
- package/dist/components/mg-pagination.js +11 -13
- package/dist/components/mg-panel.js +6 -15
- package/dist/components/mg-popover2.js +7 -13
- package/dist/components/mg-skip-links.js +2 -4
- package/dist/components/mg-tabs.js +20 -24
- package/dist/components/mg-tag.js +11 -13
- package/dist/components/mg-tooltip2.js +11 -21
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mg-action-more_31.entry.js +318 -427
- package/dist/esm/mg-components.js +1 -1
- package/dist/esm/mg-item-more.entry.js +19 -28
- package/dist/esm/{mg-menu.conf-2cc1bb67.js → mg-menu.conf-9ca023ee.js} +16 -16
- package/dist/mg-components/mg-components.esm.js +1 -1
- package/dist/mg-components/{p-a56a3157.entry.js → p-97aaca3e.entry.js} +1 -1
- package/dist/mg-components/p-d891e707.entry.js +1 -0
- package/dist/types/components/atoms/mg-badge/mg-badge.d.ts +2 -3
- package/dist/types/components/atoms/mg-button/mg-button.d.ts +5 -9
- package/dist/types/components/atoms/mg-card/mg-card.d.ts +2 -6
- package/dist/types/components/atoms/mg-character-left/mg-character-left.d.ts +1 -2
- package/dist/types/components/atoms/mg-divider/mg-divider.d.ts +1 -1
- package/dist/types/components/atoms/mg-icon/mg-icon.d.ts +3 -5
- package/dist/types/components/atoms/mg-input-title/mg-input-title.d.ts +1 -2
- package/dist/types/components/atoms/mg-tag/mg-tag.d.ts +3 -5
- package/dist/types/components/atoms/mg-tooltip/mg-tooltip.d.ts +11 -21
- package/dist/types/components/molecules/inputs/MgInput.conf.d.ts +2 -1
- package/dist/types/components/molecules/inputs/MgInput.d.ts +5 -5
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +5 -6
- package/dist/types/components/molecules/inputs/mg-input-date/mg-input-date.d.ts +4 -6
- package/dist/types/components/molecules/inputs/mg-input-numeric/mg-input-numeric.d.ts +7 -14
- package/dist/types/components/molecules/inputs/mg-input-password/mg-input-password.d.ts +3 -4
- package/dist/types/components/molecules/inputs/mg-input-radio/mg-input-radio.d.ts +5 -10
- package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.conf.d.ts +2 -2
- package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +9 -13
- package/dist/types/components/molecules/inputs/mg-input-text/mg-input-text.d.ts +3 -12
- package/dist/types/components/molecules/inputs/mg-input-textarea/mg-input-textarea.d.ts +4 -5
- package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts +2 -6
- package/dist/types/components/molecules/menu/mg-menu/mg-menu.d.ts +10 -18
- package/dist/types/components/molecules/menu/mg-menu-item/mg-menu-item.d.ts +21 -31
- package/dist/types/components/molecules/mg-action-more/mg-action-more.d.ts +3 -10
- package/dist/types/components/molecules/mg-details/mg-details.d.ts +1 -3
- package/dist/types/components/molecules/mg-form/mg-form.d.ts +3 -11
- package/dist/types/components/molecules/mg-illustrated-message/mg-illustrated-message.d.ts +1 -2
- package/dist/types/components/molecules/mg-item-more/mg-item-more.d.ts +2 -7
- package/dist/types/components/molecules/mg-message/mg-message.d.ts +4 -7
- package/dist/types/components/molecules/mg-modal/mg-modal.d.ts +3 -7
- package/dist/types/components/molecules/mg-pagination/mg-pagination.d.ts +5 -9
- package/dist/types/components/molecules/mg-panel/mg-panel.d.ts +4 -13
- package/dist/types/components/molecules/mg-popover/mg-popover.d.ts +3 -9
- package/dist/types/components/molecules/mg-skip-links/mg-skip-links.d.ts +2 -4
- package/dist/types/components/molecules/mg-tabs/mg-tabs.d.ts +15 -19
- package/dist/types/components.d.ts +22 -34
- package/dist/types/locales/index.d.ts +2 -2
- package/dist/types/utils/behaviors.utils.d.ts +14 -20
- package/dist/types/utils/components.utils.d.ts +18 -20
- package/dist/types/utils/locale.utils.d.ts +14 -14
- package/dist/types/utils/unit.test.utils.d.ts +11 -17
- package/package.json +1 -1
- package/dist/mg-components/p-eb32bb18.entry.js +0 -1
- /package/dist/mg-components/{p-73156ac9.js → p-0d3146d9.js} +0 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Create random ID
|
|
3
|
-
* @param
|
|
4
|
-
* @param
|
|
5
|
-
* @returns
|
|
3
|
+
* @param prefix - add prefix to created ID
|
|
4
|
+
* @param length - ID length
|
|
5
|
+
* @returns ID
|
|
6
6
|
*/
|
|
7
7
|
export declare const createID: (prefix?: string, length?: number) => string;
|
|
8
8
|
/**
|
|
@@ -14,39 +14,37 @@ export declare class ClassList {
|
|
|
14
14
|
constructor(classlist?: string[]);
|
|
15
15
|
/**
|
|
16
16
|
* Add class
|
|
17
|
-
* @param
|
|
18
|
-
* @returns {void}
|
|
17
|
+
* @param className - class name to add
|
|
19
18
|
*/
|
|
20
19
|
add: (className: string) => void;
|
|
21
20
|
/**
|
|
22
21
|
* Delete class
|
|
23
|
-
* @param
|
|
24
|
-
* @returns {void}
|
|
22
|
+
* @param className - class name to delete
|
|
25
23
|
*/
|
|
26
24
|
delete: (className: string) => void;
|
|
27
25
|
/**
|
|
28
26
|
* Check if class exist in list
|
|
29
|
-
* @param
|
|
30
|
-
* @returns
|
|
27
|
+
* @param className - class name to check
|
|
28
|
+
* @returns class name is in the list
|
|
31
29
|
*/
|
|
32
30
|
has: (className: string) => boolean;
|
|
33
31
|
/**
|
|
34
32
|
* Join classes seperated by spaces
|
|
35
|
-
* @returns
|
|
33
|
+
* @returns joined values
|
|
36
34
|
*/
|
|
37
35
|
join: () => string;
|
|
38
36
|
}
|
|
39
37
|
/**
|
|
40
38
|
* Check if all items are string
|
|
41
|
-
* @param
|
|
42
|
-
* @returns
|
|
39
|
+
* @param items - items to check
|
|
40
|
+
* @returns all items are string
|
|
43
41
|
*/
|
|
44
42
|
export declare const allItemsAreString: (items: unknown) => items is string[];
|
|
45
43
|
/**
|
|
46
44
|
* Check if element is a heading
|
|
47
|
-
* @param
|
|
48
|
-
* @param
|
|
49
|
-
* @returns
|
|
45
|
+
* @param element - slotted element
|
|
46
|
+
* @param tagNames - allowed tag names list
|
|
47
|
+
* @returns element is a heading
|
|
50
48
|
*/
|
|
51
49
|
export declare const isTagName: (element: Element, tagNames: string[]) => boolean;
|
|
52
50
|
/**
|
|
@@ -55,14 +53,14 @@ export declare const isTagName: (element: Element, tagNames: string[]) => boolea
|
|
|
55
53
|
export declare const focusableElements = "a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"]), [identifier]";
|
|
56
54
|
/**
|
|
57
55
|
* Get windows
|
|
58
|
-
* @param
|
|
59
|
-
* @returns
|
|
56
|
+
* @param localWindow - the window we are lookink for other windows
|
|
57
|
+
* @returns The list of windows found
|
|
60
58
|
*/
|
|
61
59
|
export declare const getWindows: (localWindow: Window) => Window[];
|
|
62
60
|
/**
|
|
63
61
|
* Get parent windows
|
|
64
|
-
* @param
|
|
65
|
-
* @param
|
|
66
|
-
* @returns
|
|
62
|
+
* @param localWindow - the window we are lookink for parents
|
|
63
|
+
* @param windows - The list of allready found windows
|
|
64
|
+
* @returns The list of windows found
|
|
67
65
|
*/
|
|
68
66
|
export declare const getParentWindows: (localWindow: Window, windows?: Window[]) => Window[];
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Format number to the locale currency
|
|
3
|
-
* @param
|
|
4
|
-
* @param
|
|
5
|
-
* @param
|
|
6
|
-
* @returns
|
|
3
|
+
* @param number - number to format
|
|
4
|
+
* @param locale - locale to apply
|
|
5
|
+
* @param currency - currency to apply
|
|
6
|
+
* @returns formatted currency
|
|
7
7
|
*/
|
|
8
8
|
export declare const localeCurrency: (number: number, locale: string, currency: string) => string;
|
|
9
9
|
/**
|
|
10
10
|
* Format number to locale
|
|
11
|
-
* @param
|
|
12
|
-
* @param
|
|
13
|
-
* @returns
|
|
11
|
+
* @param number - number to format
|
|
12
|
+
* @param locale - locale to apply
|
|
13
|
+
* @returns formatted number
|
|
14
14
|
*/
|
|
15
15
|
export declare const localeNumber: (number: number, locale: string) => string;
|
|
16
16
|
/**
|
|
@@ -19,18 +19,18 @@ export declare const localeNumber: (number: number, locale: string) => string;
|
|
|
19
19
|
export declare const dateRegExp: RegExp;
|
|
20
20
|
/**
|
|
21
21
|
* Locale date format
|
|
22
|
-
* @param
|
|
23
|
-
* @param
|
|
24
|
-
* @returns
|
|
22
|
+
* @param date - date to format
|
|
23
|
+
* @param locale - locale to apply
|
|
24
|
+
* @returns formatted date
|
|
25
25
|
*/
|
|
26
26
|
export declare const localeDate: (date: string, locale: string) => string;
|
|
27
27
|
/**
|
|
28
28
|
* Get locale and messages
|
|
29
29
|
* We load the defined locale but for now we only support the first subtag for messages
|
|
30
|
-
* @param
|
|
31
|
-
* @param
|
|
32
|
-
* @param
|
|
33
|
-
* @returns
|
|
30
|
+
* @param element - element we need to get the language
|
|
31
|
+
* @param messages - messages to use
|
|
32
|
+
* @param defaultLocale - default messages locale
|
|
33
|
+
* @returns messages object
|
|
34
34
|
*/
|
|
35
35
|
export declare const getLocaleMessages: (element: HTMLElement, messages: unknown, defaultLocale: string) => {
|
|
36
36
|
locale: string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { MockCustomEvent } from '@stencil/core/mock-doc';
|
|
2
2
|
/**
|
|
3
3
|
* Clone Deep function
|
|
4
|
-
* @param
|
|
5
|
-
* @returns
|
|
4
|
+
* @param obj - object to clone
|
|
5
|
+
* @returns cloned json
|
|
6
6
|
*/
|
|
7
7
|
export declare const cloneDeep: (obj: unknown) => unknown;
|
|
8
8
|
/**
|
|
@@ -11,10 +11,8 @@ export declare const cloneDeep: (obj: unknown) => unknown;
|
|
|
11
11
|
* overwrite method. `jest.fn()` mock functions can be passed here if the goal is to not only
|
|
12
12
|
* mock the mutation observer, but its methods.
|
|
13
13
|
* You can manually fire an intersection entry:
|
|
14
|
-
* @param
|
|
15
|
-
* @
|
|
16
|
-
* @param {Function} mutationObserverMock.takeRecords takeRecords function
|
|
17
|
-
* @returns {MutationObserver} Mocked MutationObserver
|
|
14
|
+
* @param mutationObserverMock - configuration object
|
|
15
|
+
* @returns Mocked MutationObserver
|
|
18
16
|
* @example
|
|
19
17
|
* ```
|
|
20
18
|
* let fireMo;
|
|
@@ -39,9 +37,8 @@ export declare const setupMutationObserverMock: ({ disconnect, observe, takeReco
|
|
|
39
37
|
* overwrite method. `jest.fn()` mock functions can be passed here if the goal is to not only
|
|
40
38
|
* mock the resize observer, but its methods.
|
|
41
39
|
* You can manually fire an intersection entry:
|
|
42
|
-
* @param
|
|
43
|
-
* @
|
|
44
|
-
* @returns {ResizeObserver} Mocked ResizeObserver
|
|
40
|
+
* @param resizeObserverMock - configuration object
|
|
41
|
+
* @returns Mocked ResizeObserver
|
|
45
42
|
* @example
|
|
46
43
|
* ```
|
|
47
44
|
* let fireRo;
|
|
@@ -67,34 +64,31 @@ type setupResizeObserverMockParams = {
|
|
|
67
64
|
export declare const setupResizeObserverMock: ({ disconnect, observe }: setupResizeObserverMockParams) => typeof ResizeObserver;
|
|
68
65
|
/**
|
|
69
66
|
* Utility function that mocks the `SubmitEvent` API. Recommended to execute inside `beforeEach`.
|
|
70
|
-
* @returns {void}
|
|
71
67
|
* @example
|
|
72
68
|
* ```
|
|
73
69
|
* setupSubmitEventMock();
|
|
74
70
|
* ```
|
|
71
|
+
* @returns custom event mock
|
|
75
72
|
*/
|
|
76
73
|
export declare const setupSubmitEventMock: () => typeof MockCustomEvent;
|
|
77
74
|
/**
|
|
78
75
|
* force popover id when component use randomed identifier
|
|
79
|
-
* @param
|
|
80
|
-
* @param
|
|
81
|
-
* @param
|
|
82
|
-
* @returns {void}
|
|
76
|
+
* @param component - element wich include mg-popover
|
|
77
|
+
* @param id - new fixed id
|
|
78
|
+
* @param interactiveElement - element where attribute 'aria-controls' is set
|
|
83
79
|
*/
|
|
84
80
|
export declare const forcePopoverId: (component: Element, id: string, interactiveElement?: string) => void;
|
|
85
81
|
/**
|
|
86
82
|
* fix popper console.error in test
|
|
87
|
-
* it is generated in
|
|
83
|
+
* it is generated in `@popperjs/core/dist/cjs/popper.js l.1859`
|
|
88
84
|
* this is due to internal function isHTMLElement(), so we can not mock it directly.
|
|
89
85
|
* this function check if test DOM element mockHTMLElement instance is 'instanceof HTMLElement'
|
|
90
86
|
* so we only override the console.error side effect for this error
|
|
91
|
-
* @returns {void}
|
|
92
87
|
*/
|
|
93
88
|
export declare const mockConsoleError: () => void;
|
|
94
89
|
/**
|
|
95
90
|
* Add missing window.frames property to test context
|
|
96
91
|
* usefull for component with iframe listeners, ex: mg-popover
|
|
97
|
-
* @returns {void}
|
|
98
92
|
*/
|
|
99
93
|
export declare const mockWindowFrames: () => void;
|
|
100
94
|
export {};
|