@semcore/data-table 17.0.0-prerelease.36 → 17.0.0-prerelease.39
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/CHANGELOG.md +1 -1
- package/lib/cjs/components/DataTable/DataTable.js +14 -40
- package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
- package/lib/cjs/components/Head/Head.js +6 -1
- package/lib/cjs/components/Head/Head.js.map +1 -1
- package/lib/cjs/components/RowSelector/RowsSelector.js +1 -1
- package/lib/cjs/components/RowSelector/RowsSelector.js.map +1 -1
- package/lib/cjs/components/RowSelector/SRAnnouncer.js +49 -0
- package/lib/cjs/components/RowSelector/SRAnnouncer.js.map +1 -0
- package/lib/cjs/components/RowSelector/SRReactiveAnnouncer.js +31 -0
- package/lib/cjs/components/RowSelector/SRReactiveAnnouncer.js.map +1 -0
- package/lib/cjs/store/SelectableRows.js +6 -5
- package/lib/cjs/store/SelectableRows.js.map +1 -1
- package/lib/cjs/translations/de.json +6 -1
- package/lib/cjs/translations/es.json +6 -1
- package/lib/cjs/translations/fr.json +6 -1
- package/lib/cjs/translations/it.json +6 -1
- package/lib/cjs/translations/ja.json +6 -1
- package/lib/cjs/translations/ko.json +6 -1
- package/lib/cjs/translations/nl.json +6 -1
- package/lib/cjs/translations/pl.json +6 -1
- package/lib/cjs/translations/pt.json +6 -1
- package/lib/cjs/translations/sv.json +6 -1
- package/lib/cjs/translations/tr.json +6 -1
- package/lib/cjs/translations/vi.json +6 -1
- package/lib/cjs/translations/zh.json +6 -1
- package/lib/es6/components/DataTable/DataTable.js +15 -41
- package/lib/es6/components/DataTable/DataTable.js.map +1 -1
- package/lib/es6/components/Head/Head.js +6 -1
- package/lib/es6/components/Head/Head.js.map +1 -1
- package/lib/es6/components/RowSelector/RowsSelector.js +1 -1
- package/lib/es6/components/RowSelector/RowsSelector.js.map +1 -1
- package/lib/es6/components/RowSelector/SRAnnouncer.js +42 -0
- package/lib/es6/components/RowSelector/SRAnnouncer.js.map +1 -0
- package/lib/es6/components/RowSelector/SRReactiveAnnouncer.js +24 -0
- package/lib/es6/components/RowSelector/SRReactiveAnnouncer.js.map +1 -0
- package/lib/es6/store/SelectableRows.js +6 -5
- package/lib/es6/store/SelectableRows.js.map +1 -1
- package/lib/es6/translations/de.json +6 -1
- package/lib/es6/translations/es.json +6 -1
- package/lib/es6/translations/fr.json +6 -1
- package/lib/es6/translations/it.json +6 -1
- package/lib/es6/translations/ja.json +6 -1
- package/lib/es6/translations/ko.json +6 -1
- package/lib/es6/translations/nl.json +6 -1
- package/lib/es6/translations/pl.json +6 -1
- package/lib/es6/translations/pt.json +6 -1
- package/lib/es6/translations/sv.json +6 -1
- package/lib/es6/translations/tr.json +6 -1
- package/lib/es6/translations/vi.json +6 -1
- package/lib/es6/translations/zh.json +6 -1
- package/lib/esm/components/AccordionRows/AccordionRows.mjs +0 -1
- package/lib/esm/components/Body/Body.mjs +19 -26
- package/lib/esm/components/Body/Cell.mjs +6 -9
- package/lib/esm/components/Body/LimitOverlay.mjs +2 -3
- package/lib/esm/components/Body/Row.mjs +18 -23
- package/lib/esm/components/Body/RowGroup.mjs +3 -3
- package/lib/esm/components/DataTable/DataTable.mjs +91 -134
- package/lib/esm/components/Head/Column.mjs +13 -19
- package/lib/esm/components/Head/Group.mjs +1 -2
- package/lib/esm/components/Head/Head.mjs +15 -15
- package/lib/esm/components/RowSelector/RowsSelector.mjs +6 -7
- package/lib/esm/components/RowSelector/SRAnnouncer.mjs +44 -0
- package/lib/esm/components/RowSelector/SRReactiveAnnouncer.mjs +26 -0
- package/lib/esm/enhancers/focusableCell.mjs +4 -5
- package/lib/esm/store/SelectableRows.mjs +6 -5
- package/lib/esm/translations/de.json.mjs +6 -1
- package/lib/esm/translations/es.json.mjs +6 -1
- package/lib/esm/translations/fr.json.mjs +6 -1
- package/lib/esm/translations/it.json.mjs +6 -1
- package/lib/esm/translations/ja.json.mjs +6 -1
- package/lib/esm/translations/ko.json.mjs +6 -1
- package/lib/esm/translations/nl.json.mjs +6 -1
- package/lib/esm/translations/pl.json.mjs +6 -1
- package/lib/esm/translations/pt.json.mjs +6 -1
- package/lib/esm/translations/sv.json.mjs +6 -1
- package/lib/esm/translations/tr.json.mjs +6 -1
- package/lib/esm/translations/vi.json.mjs +6 -1
- package/lib/esm/translations/zh.json.mjs +6 -1
- package/lib/types/components/RowSelector/SRAnnouncer.d.ts +10 -0
- package/lib/types/components/RowSelector/SRReactiveAnnouncer.d.ts +8 -0
- package/lib/types/store/SelectableRows.d.ts +5 -1
- package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +65 -0
- package/package.json +20 -20
|
@@ -26,11 +26,14 @@ export interface ISelectedRows<UniqKeyType> {
|
|
|
26
26
|
/** Check if at least one row selected */
|
|
27
27
|
isIndeterminate(): boolean;
|
|
28
28
|
/** Subscribe to changes */
|
|
29
|
-
|
|
29
|
+
on: EventEmitter<Events<UniqKeyType>>['on'];
|
|
30
|
+
/** Unsubscribe to changes */
|
|
31
|
+
off: EventEmitter<Events<UniqKeyType>>['off'];
|
|
30
32
|
}
|
|
31
33
|
type Events<UniqRowKeyType> = {
|
|
32
34
|
[SelectableRows.TOGGLE_EVENT]: (val: UniqRowKeyType) => void;
|
|
33
35
|
[SelectableRows.SELECT_ALL_EVENT]: () => void;
|
|
36
|
+
[SelectableRows.SET_INDETERMINATE_EVENT]: () => void;
|
|
34
37
|
};
|
|
35
38
|
export declare class SelectableRows<UniqRowKeyType> extends EventEmitter<Events<UniqRowKeyType>> implements ISelectedRows<UniqRowKeyType> {
|
|
36
39
|
private readonly values;
|
|
@@ -38,6 +41,7 @@ export declare class SelectableRows<UniqRowKeyType> extends EventEmitter<Events<
|
|
|
38
41
|
private lastSelectedRow;
|
|
39
42
|
static TOGGLE_EVENT: "toggle_selected_row";
|
|
40
43
|
static SELECT_ALL_EVENT: "select_all_selected_rows";
|
|
44
|
+
static SET_INDETERMINATE_EVENT: "set_indeterminate";
|
|
41
45
|
isPressedShift: boolean;
|
|
42
46
|
constructor(initValues?: UniqRowKeyType[]);
|
|
43
47
|
setAvailableKeys(value: UniqRowKeyType[]): void;
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
export declare const localizedMessages: {
|
|
2
2
|
de: {
|
|
3
3
|
sortableColumn: string;
|
|
4
|
+
"DataTable.Cell.AccordionToggle.expand:aria-label": string;
|
|
5
|
+
"DataTable.Cell.AccordionToggle.collapse:aria-label": string;
|
|
6
|
+
"DataTable.Header.selectAllCheckbox:aria-label": string;
|
|
7
|
+
"DataTable.allItemsSelected:aria-live": string;
|
|
8
|
+
"DataTable.allItemsDeselected:aria-live": string;
|
|
4
9
|
};
|
|
5
10
|
en: {
|
|
6
11
|
sortableColumn: string;
|
|
@@ -12,38 +17,98 @@ export declare const localizedMessages: {
|
|
|
12
17
|
};
|
|
13
18
|
es: {
|
|
14
19
|
sortableColumn: string;
|
|
20
|
+
"DataTable.Cell.AccordionToggle.expand:aria-label": string;
|
|
21
|
+
"DataTable.Cell.AccordionToggle.collapse:aria-label": string;
|
|
22
|
+
"DataTable.Header.selectAllCheckbox:aria-label": string;
|
|
23
|
+
"DataTable.allItemsSelected:aria-live": string;
|
|
24
|
+
"DataTable.allItemsDeselected:aria-live": string;
|
|
15
25
|
};
|
|
16
26
|
fr: {
|
|
17
27
|
sortableColumn: string;
|
|
28
|
+
"DataTable.Cell.AccordionToggle.expand:aria-label": string;
|
|
29
|
+
"DataTable.Cell.AccordionToggle.collapse:aria-label": string;
|
|
30
|
+
"DataTable.Header.selectAllCheckbox:aria-label": string;
|
|
31
|
+
"DataTable.allItemsSelected:aria-live": string;
|
|
32
|
+
"DataTable.allItemsDeselected:aria-live": string;
|
|
18
33
|
};
|
|
19
34
|
it: {
|
|
20
35
|
sortableColumn: string;
|
|
36
|
+
"DataTable.Cell.AccordionToggle.expand:aria-label": string;
|
|
37
|
+
"DataTable.Cell.AccordionToggle.collapse:aria-label": string;
|
|
38
|
+
"DataTable.Header.selectAllCheckbox:aria-label": string;
|
|
39
|
+
"DataTable.allItemsSelected:aria-live": string;
|
|
40
|
+
"DataTable.allItemsDeselected:aria-live": string;
|
|
21
41
|
};
|
|
22
42
|
ja: {
|
|
23
43
|
sortableColumn: string;
|
|
44
|
+
"DataTable.Cell.AccordionToggle.expand:aria-label": string;
|
|
45
|
+
"DataTable.Cell.AccordionToggle.collapse:aria-label": string;
|
|
46
|
+
"DataTable.Header.selectAllCheckbox:aria-label": string;
|
|
47
|
+
"DataTable.allItemsSelected:aria-live": string;
|
|
48
|
+
"DataTable.allItemsDeselected:aria-live": string;
|
|
24
49
|
};
|
|
25
50
|
ko: {
|
|
26
51
|
sortableColumn: string;
|
|
52
|
+
"DataTable.Cell.AccordionToggle.expand:aria-label": string;
|
|
53
|
+
"DataTable.Cell.AccordionToggle.collapse:aria-label": string;
|
|
54
|
+
"DataTable.Header.selectAllCheckbox:aria-label": string;
|
|
55
|
+
"DataTable.allItemsSelected:aria-live": string;
|
|
56
|
+
"DataTable.allItemsDeselected:aria-live": string;
|
|
27
57
|
};
|
|
28
58
|
nl: {
|
|
29
59
|
sortableColumn: string;
|
|
60
|
+
"DataTable.Cell.AccordionToggle.expand:aria-label": string;
|
|
61
|
+
"DataTable.Cell.AccordionToggle.collapse:aria-label": string;
|
|
62
|
+
"DataTable.Header.selectAllCheckbox:aria-label": string;
|
|
63
|
+
"DataTable.allItemsSelected:aria-live": string;
|
|
64
|
+
"DataTable.allItemsDeselected:aria-live": string;
|
|
30
65
|
};
|
|
31
66
|
pt: {
|
|
32
67
|
sortableColumn: string;
|
|
68
|
+
"DataTable.Cell.AccordionToggle.expand:aria-label": string;
|
|
69
|
+
"DataTable.Cell.AccordionToggle.collapse:aria-label": string;
|
|
70
|
+
"DataTable.Header.selectAllCheckbox:aria-label": string;
|
|
71
|
+
"DataTable.allItemsSelected:aria-live": string;
|
|
72
|
+
"DataTable.allItemsDeselected:aria-live": string;
|
|
33
73
|
};
|
|
34
74
|
tr: {
|
|
35
75
|
sortableColumn: string;
|
|
76
|
+
"DataTable.Cell.AccordionToggle.expand:aria-label": string;
|
|
77
|
+
"DataTable.Cell.AccordionToggle.collapse:aria-label": string;
|
|
78
|
+
"DataTable.Header.selectAllCheckbox:aria-label": string;
|
|
79
|
+
"DataTable.allItemsSelected:aria-live": string;
|
|
80
|
+
"DataTable.allItemsDeselected:aria-live": string;
|
|
36
81
|
};
|
|
37
82
|
vi: {
|
|
38
83
|
sortableColumn: string;
|
|
84
|
+
"DataTable.Cell.AccordionToggle.expand:aria-label": string;
|
|
85
|
+
"DataTable.Cell.AccordionToggle.collapse:aria-label": string;
|
|
86
|
+
"DataTable.Header.selectAllCheckbox:aria-label": string;
|
|
87
|
+
"DataTable.allItemsSelected:aria-live": string;
|
|
88
|
+
"DataTable.allItemsDeselected:aria-live": string;
|
|
39
89
|
};
|
|
40
90
|
zh: {
|
|
41
91
|
sortableColumn: string;
|
|
92
|
+
"DataTable.Cell.AccordionToggle.expand:aria-label": string;
|
|
93
|
+
"DataTable.Cell.AccordionToggle.collapse:aria-label": string;
|
|
94
|
+
"DataTable.Header.selectAllCheckbox:aria-label": string;
|
|
95
|
+
"DataTable.allItemsSelected:aria-live": string;
|
|
96
|
+
"DataTable.allItemsDeselected:aria-live": string;
|
|
42
97
|
};
|
|
43
98
|
pl: {
|
|
44
99
|
sortableColumn: string;
|
|
100
|
+
"DataTable.Cell.AccordionToggle.expand:aria-label": string;
|
|
101
|
+
"DataTable.Cell.AccordionToggle.collapse:aria-label": string;
|
|
102
|
+
"DataTable.Header.selectAllCheckbox:aria-label": string;
|
|
103
|
+
"DataTable.allItemsSelected:aria-live": string;
|
|
104
|
+
"DataTable.allItemsDeselected:aria-live": string;
|
|
45
105
|
};
|
|
46
106
|
sv: {
|
|
47
107
|
sortableColumn: string;
|
|
108
|
+
"DataTable.Cell.AccordionToggle.expand:aria-label": string;
|
|
109
|
+
"DataTable.Cell.AccordionToggle.collapse:aria-label": string;
|
|
110
|
+
"DataTable.Header.selectAllCheckbox:aria-label": string;
|
|
111
|
+
"DataTable.allItemsSelected:aria-live": string;
|
|
112
|
+
"DataTable.allItemsDeselected:aria-live": string;
|
|
48
113
|
};
|
|
49
114
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/data-table",
|
|
3
3
|
"description": "Semrush DataTable Component",
|
|
4
|
-
"version": "17.0.0-prerelease.
|
|
4
|
+
"version": "17.0.0-prerelease.39",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,33 +9,33 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"exports": {
|
|
12
|
-
"
|
|
12
|
+
"types": "./lib/types/index.d.ts",
|
|
13
13
|
"import": "./lib/esm/index.mjs",
|
|
14
|
-
"
|
|
14
|
+
"require": "./lib/cjs/index.js"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/button": "^17.0.0-prerelease.
|
|
18
|
-
"@semcore/checkbox": "^17.0.0-prerelease.
|
|
19
|
-
"@semcore/spin": "^17.0.0-prerelease.
|
|
20
|
-
"@semcore/tooltip": "^17.0.0-prerelease.
|
|
21
|
-
"@semcore/widget-empty": "^17.0.0-prerelease.
|
|
17
|
+
"@semcore/button": "^17.0.0-prerelease.39",
|
|
18
|
+
"@semcore/checkbox": "^17.0.0-prerelease.39",
|
|
19
|
+
"@semcore/spin": "^17.0.0-prerelease.39",
|
|
20
|
+
"@semcore/tooltip": "^17.0.0-prerelease.39",
|
|
21
|
+
"@semcore/widget-empty": "^17.0.0-prerelease.39"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@types/node": "18.16.15",
|
|
25
25
|
"csstype": "3.1.3",
|
|
26
|
-
"@semcore/base-trigger": "17.0.0-prerelease.36",
|
|
27
|
-
"@semcore/typography": "17.0.0-prerelease.36",
|
|
28
|
-
"@semcore/dropdown-menu": "17.0.0-prerelease.36",
|
|
29
|
-
"@semcore/divider": "17.0.0-prerelease.36",
|
|
30
26
|
"@semcore/testing-utils": "1.0.0",
|
|
31
|
-
"@semcore/
|
|
32
|
-
"@semcore/
|
|
33
|
-
"@semcore/
|
|
34
|
-
"@semcore/
|
|
35
|
-
"@semcore/
|
|
36
|
-
"@semcore/
|
|
37
|
-
"@semcore/
|
|
38
|
-
"@semcore/
|
|
27
|
+
"@semcore/base-trigger": "17.0.0-prerelease.39",
|
|
28
|
+
"@semcore/dropdown-menu": "17.0.0-prerelease.39",
|
|
29
|
+
"@semcore/typography": "17.0.0-prerelease.39",
|
|
30
|
+
"@semcore/accordion": "17.0.0-prerelease.39",
|
|
31
|
+
"@semcore/divider": "17.0.0-prerelease.39",
|
|
32
|
+
"@semcore/progress-bar": "17.0.0-prerelease.39",
|
|
33
|
+
"@semcore/skeleton": "17.0.0-prerelease.39",
|
|
34
|
+
"@semcore/spin": "17.0.0-prerelease.39",
|
|
35
|
+
"@semcore/spin-container": "17.0.0-prerelease.39",
|
|
36
|
+
"@semcore/tooltip": "17.0.0-prerelease.39",
|
|
37
|
+
"@semcore/base-components": "17.0.0-prerelease.39",
|
|
38
|
+
"@semcore/icon": "17.0.0-prerelease.39"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
41
41
|
"@semcore/base-components": "^17.0.0 || ^17.0.0-0",
|