Skip to content
This repository has been archived by the owner on May 24, 2024. It is now read-only.

Commit

Permalink
[compact-interactive-list] Provide a meaningful name to the column wi…
Browse files Browse the repository at this point in the history 
…th icons (#2118)
  • Loading branch information
@adoroshk
adoroshk authored Apr 3, 2024
1 parent ca70b73 commit 584fa71
Show file tree
Hide file tree
Showing 20 changed files with 22 additions and 19 deletions.
3 changes: 3 additions & 0 deletions packages/terra-framework-docs/CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,9 @@

## Unreleased

* Changed
* Updated `terra-compact-interactive-list` examples to provide a meaningful name to the column with icons.

* Added
* Added examples and tests for `terra-table` to demonstrate auto layout.

Expand Down
2 changes: 1 addition & 1 deletion ...e/doc/compact-interactive-list/Examples.2/BasicCompactInteractiveList.1.doc.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ This example demonstrates basic usage of the **[columns](/components/cerner-terr
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '60px', // width property is not required, it is used to provide a better visual structure
},
{
Expand Down
2 changes: 1 addition & 1 deletion ...rc/terra-dev-site/doc/compact-interactive-list/Examples.2/BasicCompactInteractiveList.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '60px',
},
{
Expand Down
2 changes: 1 addition & 1 deletion ...framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/CellContent.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '50px',
align: alignTypes.CENTER,
isSelectable: true,
Expand Down
2 changes: 1 addition & 1 deletion ...ork-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/FixedWidthColumns.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '5em',
align: alignTypes.CENTER,
},
Expand Down
2 changes: 1 addition & 1 deletion ...mework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/HorizontalFlow.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -115,7 +115,7 @@ const getNumberOfColumns = (activeBreakpoint) => {
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '60px',
align: alignTypes.CENTER,
},
Expand Down
2 changes: 1 addition & 1 deletion ...ork-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ResponsiveColumns.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '60px',
align: alignTypes.CENTER,
},
Expand Down
2 changes: 1 addition & 1 deletion .../src/terra-dev-site/doc/compact-interactive-list/Examples.2/ResponsiveColumnsMaxWidth.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '60px',
align: alignTypes.CENTER,
},
Expand Down
2 changes: 1 addition & 1 deletion ...amework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ScalableUnits.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '5em',
align: alignTypes.CENTER,
},
Expand Down
2 changes: 1 addition & 1 deletion ...ramework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/VerticalFlow.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,7 @@ const getRowHeight = (activeBreakpoint) => {
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '60px',
align: alignTypes.CENTER,
},
Expand Down
2 changes: 1 addition & 1 deletion ...work-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/WidthBreakpoints.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -115,7 +115,7 @@ const getNumberOfColumns = (activeBreakpoint) => {
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '60px',
align: alignTypes.CENTER,
},
Expand Down
2 changes: 1 addition & 1 deletion ...terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/Borderless.test.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '60px',
align: alignTypes.CENTER,
},
Expand Down
2 changes: 1 addition & 1 deletion ...erra-framework-docs/src/terra-dev-site/test/compact-interactive-list/CellContent.test.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '50px',
align: alignTypes.CENTER,
isSelectable: true,
Expand Down
2 changes: 1 addition & 1 deletion ...ramework-docs/src/terra-dev-site/test/compact-interactive-list/FixedWidthColumns.test.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '60px',
align: alignTypes.CENTER,
},
Expand Down
2 changes: 1 addition & 1 deletion ...ork-docs/src/terra-dev-site/test/compact-interactive-list/InconsistentWidthUnits.test.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '60px',
align: alignTypes.CENTER,
maximumWidth: '10em',
Expand Down
2 changes: 1 addition & 1 deletion ...ramework-docs/src/terra-dev-site/test/compact-interactive-list/ResponsiveColumns.test.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '60px',
align: alignTypes.CENTER,
},
Expand Down
2 changes: 1 addition & 1 deletion ...-docs/src/terra-dev-site/test/compact-interactive-list/ResponsiveColumnsMaxWidth.test.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '6em',
align: alignTypes.CENTER,
},
Expand Down
2 changes: 1 addition & 1 deletion ...ra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ScalableUnits.test.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
maximumWidth: '4.5em',
align: alignTypes.CENTER,
},
Expand Down
2 changes: 1 addition & 1 deletion ...framework-docs/src/terra-dev-site/test/compact-interactive-list/WidthBreakpoints.test.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '60px',
align: alignTypes.CENTER,
},
Expand Down
2 changes: 1 addition & 1 deletion .../src/terra-dev-site/test/compact-interactive-list/WidthBreakpointsHorizontalFlow.test.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ const rows = [
const cols = [
{
id: 'Column-0',
displayName: 'Icon',
displayName: 'Status',
width: '60px',
align: alignTypes.CENTER,
},
Expand Down

0 comments on commit 584fa71

Please sign in to comment.