@patternfly/react-table 6.0.0-alpha.49 → 6.0.0-alpha.50

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-table",
3
- "version": "6.0.0-alpha.49",
3
+ "version": "6.0.0-alpha.50",
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,10 +40,10 @@
40
40
  "subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json"
41
41
  },
42
42
  "dependencies": {
43
- "@patternfly/react-core": "^6.0.0-alpha.49",
44
- "@patternfly/react-icons": "^6.0.0-alpha.18",
45
- "@patternfly/react-styles": "^6.0.0-alpha.18",
46
- "@patternfly/react-tokens": "^6.0.0-alpha.18",
43
+ "@patternfly/react-core": "^6.0.0-alpha.50",
44
+ "@patternfly/react-icons": "^6.0.0-alpha.19",
45
+ "@patternfly/react-styles": "^6.0.0-alpha.19",
46
+ "@patternfly/react-tokens": "^6.0.0-alpha.19",
47
47
  "lodash": "^4.17.19",
48
48
  "tslib": "^2.5.0"
49
49
  },
@@ -55,5 +55,5 @@
55
55
  "react": "^17 || ^18",
56
56
  "react-dom": "^17 || ^18"
57
57
  },
58
- "gitHead": "7ef53d89f6130ae4c15364059920a230c3d8d8d3"
58
+ "gitHead": "ef6f95d064bfbb8f5aaa134ab6941f63ccf36111"
59
59
  }
@@ -1,8 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Table, Thead, Tr, Th, Tbody, Td, InnerScrollContainer, ThProps } from '@patternfly/react-table';
3
- import { Stack, StackItem } from '@patternfly/react-core';
4
- import textStyles from '@patternfly/react-styles/css/utilities/Text/text';
5
-
3
+ import { Stack, StackItem, Timestamp } from '@patternfly/react-core';
6
4
  interface PodConnection {
7
5
  source: {
8
6
  podName: string;
@@ -163,7 +161,7 @@ export const TableNestedHeaders: React.FunctionComponent = () => {
163
161
  <Td dataLabel={columnNames.datetime}>
164
162
  <div>
165
163
  <span>{new Date(connection.timestamp).toDateString()}</span>{' '}
166
- <span className={textStyles.color_200}>{new Date(connection.timestamp).toLocaleTimeString()}</span>
164
+ <Timestamp>{new Date(connection.timestamp).toLocaleTimeString()}</Timestamp>
167
165
  </div>
168
166
  </Td>
169
167
  <Td dataLabel={columnNames.source}>
@@ -172,7 +170,7 @@ export const TableNestedHeaders: React.FunctionComponent = () => {
172
170
  <span>{connection.source.port.num}</span>
173
171
  </StackItem>
174
172
  <StackItem>
175
- <span className={textStyles.color_200}>({connection.source.port.protocol})</span>
173
+ <Timestamp>({connection.source.port.protocol})</Timestamp>
176
174
  </StackItem>
177
175
  </Stack>
178
176
  </Td>
@@ -182,7 +180,7 @@ export const TableNestedHeaders: React.FunctionComponent = () => {
182
180
  <span>{connection.destination.port.num}</span>
183
181
  </StackItem>
184
182
  <StackItem>
185
- <span className={textStyles.color_200}>({connection.destination.port.protocol})</span>
183
+ <Timestamp>({connection.destination.port.protocol})</Timestamp>
186
184
  </StackItem>
187
185
  </Stack>
188
186
  </Td>
@@ -1,8 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Table, Thead, Tr, Th, Tbody, Td, InnerScrollContainer, ThProps } from '@patternfly/react-table';
3
- import { Stack, StackItem } from '@patternfly/react-core';
4
- import textStyles from '@patternfly/react-styles/css/utilities/Text/text';
5
-
3
+ import { Stack, StackItem, Timestamp } from '@patternfly/react-core';
6
4
  interface PodConnection {
7
5
  source: {
8
6
  podName: string;
@@ -166,7 +164,7 @@ export const TableNestedHeaders: React.FunctionComponent = () => {
166
164
  <Td dataLabel={columnNames.datetime}>
167
165
  <div>
168
166
  <span>{new Date(connection.timestamp).toDateString()}</span>{' '}
169
- <span className={textStyles.color_200}>{new Date(connection.timestamp).toLocaleTimeString()}</span>
167
+ <Timestamp>{new Date(connection.timestamp).toLocaleTimeString()}</Timestamp>
170
168
  </div>
171
169
  </Td>
172
170
  <Td dataLabel={columnNames.source}>
@@ -175,7 +173,7 @@ export const TableNestedHeaders: React.FunctionComponent = () => {
175
173
  <span>{connection.source.port.num}</span>
176
174
  </StackItem>
177
175
  <StackItem>
178
- <span className={textStyles.color_200}>({connection.source.port.protocol})</span>
176
+ <Timestamp>({connection.source.port.protocol})</Timestamp>
179
177
  </StackItem>
180
178
  </Stack>
181
179
  </Td>
@@ -185,7 +183,7 @@ export const TableNestedHeaders: React.FunctionComponent = () => {
185
183
  <span>{connection.destination.port.num}</span>
186
184
  </StackItem>
187
185
  <StackItem>
188
- <span className={textStyles.color_200}>({connection.destination.port.protocol})</span>
186
+ <Timestamp>({connection.destination.port.protocol})</Timestamp>
189
187
  </StackItem>
190
188
  </Stack>
191
189
  </Td>
@@ -98,7 +98,7 @@ export const TableStickyColumnsAndHeader: React.FunctionComponent = () => {
98
98
  });
99
99
 
100
100
  return (
101
- <div style={{ height: '600px' }}>
101
+ <div style={{ height: '400px' }}>
102
102
  <OuterScrollContainer>
103
103
  <InnerScrollContainer>
104
104
  <Table aria-label="Sticky columns and header table" gridBreakPoint="" isStickyHeader>