FP-557: New <dl> (Description/Definition List) Component

[wesleyboar]

Overview:

New component to:

• better-provide existing UI in Allocations Team Modal (user info) (#cep-design thread)
• replace initial UI for Job Details Modal with better short-term UI (private conversation).

PR Status:

• Ready.

Related Jira tickets:

• FP-557
  • for FP-204 PR Task/FP-204: My Allocations Usage Info By User #68
  • and FP-318 PR #??

Summary of Changes:

• Add new component.
• Allow composes to pass CSS linter.

Testing Steps:

1. Open. UI Patterns.
2. View new "DescriptionList" in different browsers.

UI Photos:

P.S. I found no discernible difference between browsers. 2021-08: I found a discernible difference. Firefox supports truncation via character (like ":"), but other browsers do not. This caveat is mentioned on TACC/Core-CMS#305.

Notes:

• This is not required for FP-204 PR Task/FP-204: My Allocations Usage Info By User #68.
• This is very much preferred UI for FP-318 but PR #?? should be approved without this (because of the late arrival of the new temporary UI).
• 2021-08: There is table support in the component created for CMS (GH-75: Data List - Styles / Component Core-CMS#305).

[codecov]

Codecov Report

Merging #116 into master will increase coverage by 0.07%.
The diff coverage is 88.88%.

@@            Coverage Diff             @@
##           master     #116      +/-   ##
==========================================
+ Coverage   55.02%   55.10%   +0.07%     
==========================================
  Files         220      222       +2     
  Lines        7767     7785      +18     
  Branches     1081     1083       +2     
==========================================
+ Hits         4274     4290      +16     
- Misses       3289     3291       +2     
  Partials      204      204              

Flag	Coverage Δ
#javascript	54.81% <88.88%> (+0.28%)	⬆️
#unittests	55.22% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
client/src/components/UIPatterns/UIPatterns.js	0.00% <ø> (ø)
...tternsDescriptionList/UIPatternsDescriptionList.js	33.33% <33.33%> (ø)
...ponents/_common/DescriptionList/DescriptionList.js	100.00% <100.00%> (ø)

[wesleyboar]

I keep getting an e-mail reporting Client Side Unit Tests failure. I call BS on CodeCov… it won't load the log and local npm test runs shows all passed.

[jchuahtacc]

Looks great! Can't wait to use it.