@patternfly/react-table 6.5.0-prerelease.7 → 6.5.0-prerelease.71
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 +264 -0
- package/README.md +1 -1
- 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/esm/components/Table/CollapseColumn.js +2 -2
- package/dist/esm/components/Table/CollapseColumn.js.map +1 -1
- package/dist/esm/components/Table/EditColumn.js +2 -2
- package/dist/esm/components/Table/EditColumn.js.map +1 -1
- package/dist/esm/components/Table/EditableSelectInputCell.d.ts.map +1 -1
- package/dist/esm/components/Table/EditableSelectInputCell.js.map +1 -1
- package/dist/esm/components/Table/InnerScrollContainer.d.ts +3 -1
- package/dist/esm/components/Table/InnerScrollContainer.d.ts.map +1 -1
- package/dist/esm/components/Table/InnerScrollContainer.js +5 -3
- package/dist/esm/components/Table/InnerScrollContainer.js.map +1 -1
- package/dist/esm/components/Table/Table.d.ts +7 -1
- package/dist/esm/components/Table/Table.d.ts.map +1 -1
- package/dist/esm/components/Table/Table.js +3 -3
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/Th.d.ts.map +1 -1
- package/dist/esm/components/Table/Th.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/sortable.js +2 -2
- package/dist/esm/components/Table/utils/decorators/sortable.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/treeRow.js +2 -2
- package/dist/esm/components/Table/utils/decorators/treeRow.js.map +1 -1
- package/dist/esm/demos/DashboardHeader.js +4 -4
- package/dist/esm/demos/DashboardHeader.js.map +1 -1
- package/dist/js/components/Table/CollapseColumn.js +2 -2
- package/dist/js/components/Table/CollapseColumn.js.map +1 -1
- package/dist/js/components/Table/EditColumn.js +2 -2
- package/dist/js/components/Table/EditColumn.js.map +1 -1
- package/dist/js/components/Table/EditableSelectInputCell.d.ts.map +1 -1
- package/dist/js/components/Table/EditableSelectInputCell.js.map +1 -1
- package/dist/js/components/Table/InnerScrollContainer.d.ts +3 -1
- package/dist/js/components/Table/InnerScrollContainer.d.ts.map +1 -1
- package/dist/js/components/Table/InnerScrollContainer.js +5 -4
- package/dist/js/components/Table/InnerScrollContainer.js.map +1 -1
- package/dist/js/components/Table/Table.d.ts +7 -1
- package/dist/js/components/Table/Table.d.ts.map +1 -1
- package/dist/js/components/Table/Table.js +3 -3
- package/dist/js/components/Table/Table.js.map +1 -1
- package/dist/js/components/Table/Th.d.ts.map +1 -1
- package/dist/js/components/Table/Th.js.map +1 -1
- package/dist/js/components/Table/utils/decorators/sortable.js +2 -2
- package/dist/js/components/Table/utils/decorators/sortable.js.map +1 -1
- package/dist/js/components/Table/utils/decorators/treeRow.js +2 -2
- package/dist/js/components/Table/utils/decorators/treeRow.js.map +1 -1
- package/dist/js/demos/DashboardHeader.js +4 -4
- package/dist/js/demos/DashboardHeader.js.map +1 -1
- package/dist/umd/assets/{output-DgRiEz7K.css → output-CI0BoW1v.css} +4827 -4632
- package/dist/umd/react-table.min.js +5 -5
- package/package.json +7 -7
- package/src/components/Table/CollapseColumn.tsx +2 -2
- package/src/components/Table/EditColumn.tsx +2 -2
- package/src/components/Table/EditableSelectInputCell.tsx +4 -2
- package/src/components/Table/InnerScrollContainer.tsx +9 -2
- package/src/components/Table/Table.tsx +13 -1
- package/src/components/Table/Th.tsx +1 -2
- package/src/components/Table/__tests__/Table.test.tsx +72 -0
- package/src/components/Table/__tests__/__snapshots__/RowWrapper.test.tsx.snap +2 -2
- package/src/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +1 -1
- package/src/components/Table/__tests__/__snapshots__/Tr.test.tsx.snap +2 -2
- package/src/components/Table/examples/Table.md +18 -6
- package/src/components/Table/examples/TableActions.tsx +4 -9
- package/src/components/Table/examples/TableBasic.tsx +5 -10
- package/src/components/Table/examples/TableEditable.tsx +2 -2
- package/src/components/Table/examples/TableMultipleStickyColumns.tsx +2 -2
- package/src/components/Table/examples/TableStickyColumnsAndHeader.tsx +2 -2
- package/src/components/Table/examples/TableStickyHeaderDynamic.tsx +140 -0
- package/src/components/Table/utils/decorators/sortable.tsx +2 -2
- package/src/components/Table/utils/decorators/treeRow.tsx +2 -2
- package/src/demos/DashboardHeader.tsx +4 -4
- package/src/demos/Table.md +7 -8
- package/src/demos/examples/TableEmptyStateError.tsx +2 -2
- package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +937 -469
|
@@ -4,7 +4,7 @@ import styles from '@patternfly/react-styles/css/components/Table/table';
|
|
|
4
4
|
import stylesTreeView from '@patternfly/react-styles/css/components/Table/table-tree-view';
|
|
5
5
|
import { Button } from '@patternfly/react-core/dist/esm/components/Button';
|
|
6
6
|
import { Checkbox } from '@patternfly/react-core/dist/esm/components/Checkbox';
|
|
7
|
-
import
|
|
7
|
+
import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
|
|
8
8
|
import EllipsisHIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-h-icon';
|
|
9
9
|
|
|
10
10
|
export const treeRow =
|
|
@@ -54,7 +54,7 @@ export const treeRow =
|
|
|
54
54
|
aria-label={toggleAriaLabel || `${isExpanded ? 'Collapse' : 'Expand'} row ${rowIndex}`}
|
|
55
55
|
icon={
|
|
56
56
|
<div className={css(stylesTreeView.tableToggleIcon)}>
|
|
57
|
-
<
|
|
57
|
+
<RhMicronsCaretDownIcon />
|
|
58
58
|
</div>
|
|
59
59
|
}
|
|
60
60
|
/>
|
|
@@ -23,9 +23,9 @@ import {
|
|
|
23
23
|
ToolbarItem,
|
|
24
24
|
PageToggleButton
|
|
25
25
|
} from '@patternfly/react-core';
|
|
26
|
-
import
|
|
26
|
+
import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
|
|
27
27
|
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
|
|
28
|
-
import
|
|
28
|
+
import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
|
|
29
29
|
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
|
|
30
30
|
import imgAvatar from '@patternfly/react-table/src/demos/assets/avatarImg.svg';
|
|
31
31
|
|
|
@@ -87,7 +87,7 @@ export const DashboardHeader: React.FC<DashboardHeaderProps> = ({ notificationBa
|
|
|
87
87
|
const kebabDropdownItems = (
|
|
88
88
|
<>
|
|
89
89
|
<DropdownItem>
|
|
90
|
-
<
|
|
90
|
+
<RhUiSettingsFillIcon /> Settings
|
|
91
91
|
</DropdownItem>
|
|
92
92
|
<DropdownItem>
|
|
93
93
|
<HelpIcon /> Help
|
|
@@ -159,7 +159,7 @@ export const DashboardHeader: React.FC<DashboardHeaderProps> = ({ notificationBa
|
|
|
159
159
|
<Button aria-label="Settings" isSettings variant="plain" />
|
|
160
160
|
</ToolbarItem>
|
|
161
161
|
<ToolbarItem>
|
|
162
|
-
<Button aria-label="Help" variant={ButtonVariant.plain} icon={<
|
|
162
|
+
<Button aria-label="Help" variant={ButtonVariant.plain} icon={<RhUiQuestionMarkCircleFillIcon />} />
|
|
163
163
|
</ToolbarItem>
|
|
164
164
|
</ToolbarGroup>
|
|
165
165
|
<ToolbarItem visibility={{ default: 'hidden', md: 'visible', lg: 'hidden' }}>
|
package/src/demos/Table.md
CHANGED
|
@@ -58,20 +58,19 @@ import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';
|
|
|
58
58
|
import SortAmountDownIcon from '@patternfly/react-icons/dist/esm/icons/sort-amount-down-icon';
|
|
59
59
|
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
|
|
60
60
|
import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon';
|
|
61
|
-
import
|
|
62
|
-
import
|
|
61
|
+
import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon';
|
|
62
|
+
import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
|
|
63
63
|
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
|
|
64
|
-
import
|
|
65
|
-
import
|
|
66
|
-
import
|
|
64
|
+
import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
|
|
65
|
+
import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
|
|
66
|
+
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
|
|
67
67
|
import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
|
|
68
|
-
import
|
|
69
|
-
import BlueprintIcon from '@patternfly/react-icons/dist/esm/icons/blueprint-icon';
|
|
68
|
+
import RhUiBlueprintIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-blueprint-icon';
|
|
70
69
|
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
|
|
71
70
|
import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper';
|
|
72
71
|
import { rows, columns } from '@patternfly/react-table/dist/esm/demos/sampleData';
|
|
73
72
|
import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
|
|
74
|
-
import
|
|
73
|
+
import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
|
|
75
74
|
|
|
76
75
|
## Demos
|
|
77
76
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
|
|
2
2
|
import { Bullseye, EmptyState, EmptyStateVariant, EmptyStateBody, PageSection } from '@patternfly/react-core';
|
|
3
|
-
import
|
|
3
|
+
import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon';
|
|
4
4
|
import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper';
|
|
5
5
|
|
|
6
6
|
export const TableEmptyStateError: React.FunctionComponent = () => (
|
|
@@ -21,7 +21,7 @@ export const TableEmptyStateError: React.FunctionComponent = () => (
|
|
|
21
21
|
<Td colSpan={8}>
|
|
22
22
|
<Bullseye>
|
|
23
23
|
<EmptyState
|
|
24
|
-
icon={
|
|
24
|
+
icon={RhUiErrorFillIcon}
|
|
25
25
|
titleText="Unable to connect"
|
|
26
26
|
headingLevel="h2"
|
|
27
27
|
variant={EmptyStateVariant.sm}
|