This repository has been archived by the owner on May 24, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 72
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Sugan G
authored and
Sugan G
committed
Feb 2, 2024
1 parent
2c68e0d
commit 2234831
Showing
21 changed files
with
226 additions
and
150 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
9 changes: 0 additions & 9 deletions
9
...dev-site/doc/data-grid/FlowsheetDataGrid.4/Examples.6/ColumnHighlight.6.doc.mdx
This file was deleted.
Oops, something went wrong.
2 changes: 1 addition & 1 deletion
2
...ite/doc/data-grid/FlowsheetDataGrid.4/Examples.6/ColumnHighlightGreen.7.doc.mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
9 changes: 9 additions & 0 deletions
9
...te/doc/data-grid/FlowsheetDataGrid.4/Examples.6/ColumnHighlightOrange.6.doc.mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
import ColumnHighlightOrange from "./ColumnHighlightOrange?dev-site-example"; | ||
|
||
# Flowsheet Data Grid with orange column highlighting | ||
|
||
### Description | ||
|
||
This example demonstrates a basic [Flowsheet Data Grid](/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/about) with orange column highlighting. | ||
|
||
<ColumnHighlightOrange title='Flowsheet Data Grid with orange column highlight' /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
9 changes: 9 additions & 0 deletions
9
...ite/doc/data-grid/FlowsheetDataGrid.4/Examples.6/MultiColumnHighlight.8.doc.mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
import MultiColumnHighlight from "./MultiColumnHighlight?dev-site-example"; | ||
|
||
# Flowsheet Data Grid with orange and green column highlighting | ||
|
||
### Description | ||
|
||
This example demonstrates a basic [Flowsheet Data Grid](/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/about) with orange and green column highlighting. | ||
|
||
<MultiColumnHighlight title='Flowsheet Data Grid with orange and green column highlight' /> |
77 changes: 77 additions & 0 deletions
77
.../src/terra-dev-site/doc/data-grid/FlowsheetDataGrid.4/Examples.6/MultiColumnHighlight.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,77 @@ | ||
import React from 'react'; | ||
import { FlowsheetDataGrid } from 'terra-data-grid'; | ||
|
||
const MultiColumnHighlight = () => { | ||
const gridDataJSON = { | ||
cols: [ | ||
{ id: 'Column-0', displayName: 'Vitals' }, | ||
{ id: 'Column-1', displayName: 'March 16' }, | ||
{ | ||
id: 'Column-2', displayName: 'March 17', isColumnHighlighted: true, columnHighlightColor: 'orange', | ||
}, | ||
{ | ||
id: 'Column-3', displayName: 'March 18', isColumnHighlighted: true, columnHighlightColor: 'green', | ||
}, | ||
], | ||
rows: [ | ||
{ | ||
id: '1', | ||
cells: [ | ||
{ content: 'Heart Rate Monitored (bpm)' }, | ||
{ content: '68' }, | ||
{ content: '66' }, | ||
{ content: '67' }, | ||
], | ||
}, | ||
{ | ||
id: '2', | ||
cells: [ | ||
{ content: 'Temperature Oral (degC)' }, | ||
{ content: '36.7' }, | ||
{ content: '36.9' }, | ||
{ content: '37' }, | ||
], | ||
}, | ||
{ | ||
id: '3', | ||
cells: [ | ||
{ content: 'Cardiac Index (L/min/m2)' }, | ||
{ content: '2.25' }, | ||
{ content: '2.28' }, | ||
{ content: '2.8' }, | ||
], | ||
}, | ||
{ | ||
id: '4', | ||
cells: [ | ||
{ content: 'ICP (mmHg)' }, | ||
{ content: '11' }, | ||
{ content: '11' }, | ||
{ content: '12' }, | ||
], | ||
}, | ||
{ | ||
id: '5', | ||
cells: [ | ||
{ content: 'CPP (mmHg)' }, | ||
{ content: '63' }, | ||
{ content: '47' }, | ||
{ content: '48' }, | ||
], | ||
}, | ||
], | ||
}; | ||
|
||
const { cols, rows } = gridDataJSON; | ||
|
||
return ( | ||
<FlowsheetDataGrid | ||
id="terra-flowsheet-data-grid-column-highlight" | ||
columns={cols} | ||
rows={rows} | ||
ariaLabel="Flowsheet Data Grid" | ||
/> | ||
); | ||
}; | ||
|
||
export default MultiColumnHighlight; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
77 changes: 77 additions & 0 deletions
77
...-docs/src/terra-dev-site/test/data-grid/flowsheet-data-grid/MultiColumnHighlight.test.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,77 @@ | ||
import React from 'react'; | ||
import { FlowsheetDataGrid } from 'terra-data-grid'; | ||
|
||
const MultiColumnHighlight = () => { | ||
const gridDataJSON = { | ||
cols: [ | ||
{ id: 'Column-0', displayName: 'Vitals' }, | ||
{ id: 'Column-1', displayName: 'March 16' }, | ||
{ | ||
id: 'Column-2', displayName: 'March 17', isColumnHighlighted: true, columnHighlightColor: 'orange', | ||
}, | ||
{ | ||
id: 'Column-3', displayName: 'March 18', isColumnHighlighted: true, columnHighlightColor: 'green', | ||
}, | ||
], | ||
rows: [ | ||
{ | ||
id: '1', | ||
cells: [ | ||
{ content: 'Heart Rate Monitored (bpm)' }, | ||
{ content: '68' }, | ||
{ content: '66' }, | ||
{ content: '67' }, | ||
], | ||
}, | ||
{ | ||
id: '2', | ||
cells: [ | ||
{ content: 'Temperature Oral (degC)' }, | ||
{ content: '36.7' }, | ||
{ content: '36.9' }, | ||
{ content: '37' }, | ||
], | ||
}, | ||
{ | ||
id: '3', | ||
cells: [ | ||
{ content: 'Cardiac Index (L/min/m2)' }, | ||
{ content: '2.25' }, | ||
{ content: '2.28' }, | ||
{ content: '2.8' }, | ||
], | ||
}, | ||
{ | ||
id: '4', | ||
cells: [ | ||
{ content: 'ICP (mmHg)' }, | ||
{ content: '11' }, | ||
{ content: '11' }, | ||
{ content: '12' }, | ||
], | ||
}, | ||
{ | ||
id: '5', | ||
cells: [ | ||
{ content: 'CPP (mmHg)' }, | ||
{ content: '63' }, | ||
{ content: '47' }, | ||
{ content: '48' }, | ||
], | ||
}, | ||
], | ||
}; | ||
|
||
const { cols, rows } = gridDataJSON; | ||
|
||
return ( | ||
<FlowsheetDataGrid | ||
id="terra-flowsheet-data-grid-column-highlight" | ||
columns={cols} | ||
rows={rows} | ||
ariaLabel="Flowsheet Data Grid" | ||
/> | ||
); | ||
}; | ||
|
||
export default MultiColumnHighlight; |
Oops, something went wrong.