@patternfly/react-table 6.0.0-alpha.12 → 6.0.0-alpha.14
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 +10 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/Table/package.json +1 -1
- package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
- package/dist/dynamic/components/Table/utils/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/umd/react-table.min.js +3 -3
- package/package.json +3 -3
- package/src/components/Table/examples/TableEmptyState.tsx +1 -8
- package/src/demos/examples/TableEmptyStateDefault.tsx +6 -8
- package/src/demos/examples/TableEmptyStateError.tsx +7 -18
- package/src/demos/examples/TableEmptyStateLoading.tsx +2 -12
- package/src/demos/examples/TableFilterable.tsx +1 -8
- package/src/deprecated/components/Table/examples/LegacyTableEmptyState.tsx +6 -8
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-table",
|
|
3
|
-
"version": "6.0.0-alpha.
|
|
3
|
+
"version": "6.0.0-alpha.14",
|
|
4
4
|
"description": "This library provides a set of React table components for use with the PatternFly 4",
|
|
5
5
|
"main": "dist/js/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@patternfly/react-core": "^6.0.0-alpha.
|
|
43
|
+
"@patternfly/react-core": "^6.0.0-alpha.14",
|
|
44
44
|
"@patternfly/react-icons": "^6.0.0-alpha.7",
|
|
45
45
|
"@patternfly/react-styles": "^6.0.0-alpha.7",
|
|
46
46
|
"@patternfly/react-tokens": "^6.0.0-alpha.7",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"react": "^17 || ^18",
|
|
56
56
|
"react-dom": "^17 || ^18"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "536a4df37add26c0cc00d5ba65fe62772aabf63f"
|
|
59
59
|
}
|
|
@@ -4,10 +4,8 @@ import {
|
|
|
4
4
|
Bullseye,
|
|
5
5
|
EmptyState,
|
|
6
6
|
EmptyStateVariant,
|
|
7
|
-
EmptyStateIcon,
|
|
8
7
|
EmptyStateBody,
|
|
9
8
|
Button,
|
|
10
|
-
EmptyStateHeader,
|
|
11
9
|
EmptyStateFooter,
|
|
12
10
|
EmptyStateActions
|
|
13
11
|
} from '@patternfly/react-core';
|
|
@@ -31,12 +29,7 @@ export const TableEmptyState: React.FunctionComponent = () => (
|
|
|
31
29
|
<Tr>
|
|
32
30
|
<Td colSpan={8}>
|
|
33
31
|
<Bullseye>
|
|
34
|
-
<EmptyState variant={EmptyStateVariant.sm}>
|
|
35
|
-
<EmptyStateHeader
|
|
36
|
-
icon={<EmptyStateIcon icon={SearchIcon} />}
|
|
37
|
-
titleText="No results found"
|
|
38
|
-
headingLevel="h2"
|
|
39
|
-
/>
|
|
32
|
+
<EmptyState headingLevel="h2" titleText="No results found" icon={SearchIcon} variant={EmptyStateVariant.sm}>
|
|
40
33
|
<EmptyStateBody>Clear all filters and try again.</EmptyStateBody>
|
|
41
34
|
<EmptyStateFooter>
|
|
42
35
|
<EmptyStateActions>
|
|
@@ -6,9 +6,7 @@ import {
|
|
|
6
6
|
Card,
|
|
7
7
|
EmptyState,
|
|
8
8
|
EmptyStateVariant,
|
|
9
|
-
EmptyStateIcon,
|
|
10
9
|
EmptyStateBody,
|
|
11
|
-
EmptyStateHeader,
|
|
12
10
|
EmptyStateFooter,
|
|
13
11
|
EmptyStateActions,
|
|
14
12
|
PageSection
|
|
@@ -34,12 +32,12 @@ export const TableEmptyStateDefault: React.FunctionComponent = () => (
|
|
|
34
32
|
<Tr>
|
|
35
33
|
<Td colSpan={8}>
|
|
36
34
|
<Bullseye>
|
|
37
|
-
<EmptyState
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
35
|
+
<EmptyState
|
|
36
|
+
headingLevel="h2"
|
|
37
|
+
titleText="No results found"
|
|
38
|
+
icon={SearchIcon}
|
|
39
|
+
variant={EmptyStateVariant.sm}
|
|
40
|
+
>
|
|
43
41
|
<EmptyStateBody>
|
|
44
42
|
No results match this filter criteria. Clear all filters and try again.
|
|
45
43
|
</EmptyStateBody>
|
|
@@ -1,17 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
|
|
3
|
-
import {
|
|
4
|
-
Bullseye,
|
|
5
|
-
Card,
|
|
6
|
-
EmptyState,
|
|
7
|
-
EmptyStateVariant,
|
|
8
|
-
EmptyStateIcon,
|
|
9
|
-
EmptyStateBody,
|
|
10
|
-
EmptyStateHeader,
|
|
11
|
-
PageSection
|
|
12
|
-
} from '@patternfly/react-core';
|
|
13
|
-
import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
|
|
14
|
-
import globalDangerColor200 from '@patternfly/react-tokens/dist/esm/global_danger_color_200';
|
|
3
|
+
import { Bullseye, Card, EmptyState, EmptyStateVariant, EmptyStateBody, PageSection } from '@patternfly/react-core';
|
|
15
4
|
import { DashboardWrapper } from '@patternfly/react-core/dist/esm/demos/DashboardWrapper';
|
|
16
5
|
|
|
17
6
|
export const TableEmptyStateError: React.FunctionComponent = () => (
|
|
@@ -32,12 +21,12 @@ export const TableEmptyStateError: React.FunctionComponent = () => (
|
|
|
32
21
|
<Tr>
|
|
33
22
|
<Td colSpan={8}>
|
|
34
23
|
<Bullseye>
|
|
35
|
-
<EmptyState
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
24
|
+
<EmptyState
|
|
25
|
+
headingLevel="h2"
|
|
26
|
+
titleText="Unable to connect"
|
|
27
|
+
status="danger"
|
|
28
|
+
variant={EmptyStateVariant.sm}
|
|
29
|
+
>
|
|
41
30
|
<EmptyStateBody>
|
|
42
31
|
There was an error retrieving data. Check your connection and reload the page.
|
|
43
32
|
</EmptyStateBody>
|
|
@@ -1,14 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
|
|
3
|
-
import {
|
|
4
|
-
Bullseye,
|
|
5
|
-
Card,
|
|
6
|
-
EmptyState,
|
|
7
|
-
EmptyStateIcon,
|
|
8
|
-
EmptyStateHeader,
|
|
9
|
-
PageSection,
|
|
10
|
-
Spinner
|
|
11
|
-
} from '@patternfly/react-core';
|
|
3
|
+
import { Bullseye, Card, EmptyState, PageSection, Spinner } from '@patternfly/react-core';
|
|
12
4
|
import { DashboardWrapper } from '@patternfly/react-core/dist/esm/demos/DashboardWrapper';
|
|
13
5
|
|
|
14
6
|
export const TableEmptyStateLoading: React.FunctionComponent = () => (
|
|
@@ -29,9 +21,7 @@ export const TableEmptyStateLoading: React.FunctionComponent = () => (
|
|
|
29
21
|
<Tr>
|
|
30
22
|
<Td colSpan={8}>
|
|
31
23
|
<Bullseye>
|
|
32
|
-
<EmptyState>
|
|
33
|
-
<EmptyStateHeader titleText="Loading" headingLevel="h2" icon={<EmptyStateIcon icon={Spinner} />} />
|
|
34
|
-
</EmptyState>
|
|
24
|
+
<EmptyState headingLevel="h2" titleText="Loading" icon={Spinner}></EmptyState>
|
|
35
25
|
</Bullseye>
|
|
36
26
|
</Td>
|
|
37
27
|
</Tr>
|
|
@@ -6,8 +6,6 @@ import {
|
|
|
6
6
|
EmptyState,
|
|
7
7
|
EmptyStateActions,
|
|
8
8
|
EmptyStateBody,
|
|
9
|
-
EmptyStateIcon,
|
|
10
|
-
EmptyStateHeader,
|
|
11
9
|
EmptyStateFooter,
|
|
12
10
|
Label,
|
|
13
11
|
MenuToggle,
|
|
@@ -308,12 +306,7 @@ export const TableFilterable: React.FunctionComponent = () => {
|
|
|
308
306
|
: rowData;
|
|
309
307
|
|
|
310
308
|
const emptyState = (
|
|
311
|
-
<EmptyState>
|
|
312
|
-
<EmptyStateHeader
|
|
313
|
-
titleText="Clear all filters and try again."
|
|
314
|
-
headingLevel="h5"
|
|
315
|
-
icon={<EmptyStateIcon icon={SearchIcon} />}
|
|
316
|
-
/>
|
|
309
|
+
<EmptyState headingLevel="h5" titleText="Clear all filters and try again." icon={SearchIcon}>
|
|
317
310
|
<EmptyStateBody>No results match the filter criteria. Clear all filters and try again.</EmptyStateBody>
|
|
318
311
|
<EmptyStateFooter>
|
|
319
312
|
<EmptyStateActions>
|
|
@@ -4,10 +4,8 @@ import {
|
|
|
4
4
|
Bullseye,
|
|
5
5
|
EmptyState,
|
|
6
6
|
EmptyStateVariant,
|
|
7
|
-
EmptyStateIcon,
|
|
8
7
|
EmptyStateBody,
|
|
9
8
|
Button,
|
|
10
|
-
EmptyStateHeader,
|
|
11
9
|
EmptyStateFooter,
|
|
12
10
|
EmptyStateActions
|
|
13
11
|
} from '@patternfly/react-core';
|
|
@@ -26,12 +24,12 @@ export const LegacyTableEmptyState: React.FunctionComponent = () => {
|
|
|
26
24
|
props: { colSpan: 8 },
|
|
27
25
|
title: (
|
|
28
26
|
<Bullseye>
|
|
29
|
-
<EmptyState
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
27
|
+
<EmptyState
|
|
28
|
+
headingLevel="h2"
|
|
29
|
+
titleText="No results found"
|
|
30
|
+
icon={SearchIcon}
|
|
31
|
+
variant={EmptyStateVariant.sm}
|
|
32
|
+
>
|
|
35
33
|
<EmptyStateBody>Clear all filters and try again.</EmptyStateBody>
|
|
36
34
|
<EmptyStateFooter>
|
|
37
35
|
<EmptyStateActions>
|