diff --git a/src/components/ArtifactsPage/__tests__/__snapshots__/ArtifactsPage.test.tsx.snap b/src/components/ArtifactsPage/__tests__/__snapshots__/ArtifactsPage.test.tsx.snap index 22283f93..d98b3ff4 100644 --- a/src/components/ArtifactsPage/__tests__/__snapshots__/ArtifactsPage.test.tsx.snap +++ b/src/components/ArtifactsPage/__tests__/__snapshots__/ArtifactsPage.test.tsx.snap @@ -73,70 +73,78 @@ Object { >
-
- - - - + +
-
@@ -147,80 +155,88 @@ Object { >
- -
-
- +
+
- Expand Build associated Artifacts - - + +
+
@@ -229,531 +245,539 @@ Object { class="shadow-global bg-w border-t-gray" >
- - - - - + - + - + - + - + - - - - - + + - - - + - - - + + - - - - + + + + - - -
- - - - + + - - Identifier - - - - - - - - + - - Repository Type - - - - - - - - + - - Build Category - - - - - - - - + - - Filename - - - - - - - - + - - Artifact Quality - - - - - - -
+ Artifact Quality + + + + + + + +
- -
-
+ +
+ +
+ - - abbrev:1.1.1 - - - - - - - NPM - - - - - - STANDARD - - - -
- +
+ 		- - - - -
+ +
- - abbrev-1.1.1.tgz - - - - - - - NEW - - -
+ + + + +
+
- - - 1 - - - 1 - - - of - - - 1 - - - - - -
-
-
+
-
- +
+
- - - -
-
- - -
-
- +
+
- - - -
-
-
+
- - - + +
+
+ +
+
- + @@ -1040,70 +1072,78 @@ Object { >
-
- - - - + +
-
@@ -1114,80 +1154,88 @@ Object { >
- -
-
- +
+
- Expand Build associated Artifacts - - + +
+
@@ -1196,226 +1244,597 @@ Object { class="shadow-global bg-w border-t-gray" >
- - - - - + + - + + - + + + + - + + + + + + + + + +
- - - - + + - - Identifier - - + + Identifier + + + + + + + + - - + - - Repository Type - - + + Build Category + + + + + + + + - + Filename + + + + + + + + +
+ +
+ +
+ 		- + NPM + - - - - - - Filename + + STANDARD + + +
+ + +
+ 		- + NEW + - - - - +
+
+ + + +
+
+
+
+
+
-
- - - - - - - +
+
+
-
- -
+ + +
- - - - - NPM - - - - - + - - - +
-
- - - -
-
- -
+ + +
- - - - - NEW - - - - - - -
-
-
-
- - md5 - -
-
-
- a2177e7d2ad8d263e6c38e6fe8dd6f79 -
-
-
-
-
- - sha1 - -
-
-
- f8f2c887ad10bf67f634f005b6987fed3179aac8 -
-
-
-
-
- - sha256 - -
-
-
- 0cc19d22a5f9a54ff45f64509c56c7aedb358215a41be9a9c7c0be8c8673ba6d -
-
-
- -
+ + +
- - - - -
- -
-
-
-
-
- - - 1 - - - 1 - - - of - - - 1 - - - - - +
-
diff --git a/src/components/Attributes/AttributesItem.tsx b/src/components/Attributes/AttributesItem.tsx index 41cc25da..28c8d1fa 100644 --- a/src/components/Attributes/AttributesItem.tsx +++ b/src/components/Attributes/AttributesItem.tsx @@ -13,13 +13,13 @@ interface IAttributesItemProps { export const AttributesItem = ({ children, title, tooltip }: PropsWithChildren) => ( <> - + <> {title} {tooltip && } - + {/* zero is falsy */} {children || children === 0 ? children : } diff --git a/src/components/BuildsPage/__tests__/__snapshots__/BuildsPage.test.tsx.snap b/src/components/BuildsPage/__tests__/__snapshots__/BuildsPage.test.tsx.snap index 9248767c..c0e4e5a7 100644 --- a/src/components/BuildsPage/__tests__/__snapshots__/BuildsPage.test.tsx.snap +++ b/src/components/BuildsPage/__tests__/__snapshots__/BuildsPage.test.tsx.snap @@ -43,101 +43,109 @@ Object { >
-
- - - - -
-
-
- - - - +
@@ -148,563 +156,571 @@ Object { class="shadow-global bg-w border-t-gray" >
- - - - + + + - - - + + + + -
- -
- - + + + + + + - - - - - - + - + + + + + + + + - - - - + - - - - - - - - - - - - - -
- + + ID + + Name + +
- - -
- - 		- ID - - Name - + + Times + + + + Submitted + + + + + + +
- - - User + #1001 + + + + + #20201019-0013 + + of + + 123 + + +
+
+
+ + Submitted + +
+
+
+ 2020-10-19 02:13 +
+
+
+
+
+ + Started + +
+
+
+ 02:13 +
+
+
+
+
+ + Ended + +
+
+
+ 02:15 + (took 2m) +
+
+
+
+ 		+ tozhou +
- + + FAILED - - - -
- -
- Build Failed -
- FAILED - - 		- - #1001 - - - - + - #20201019-0013 - - of - + #1002 + + - 123 - - - -
-
+ + #20201027-1206 + + of + + 123 + + +
-
- - Submitted - -
-
+
+ + Submitted + +
+
+
+ 2020-10-27 13:06 +
+
+
- 2020-10-19 02:13 +
+ + Started + +
+
+
+ 13:06 +
+
- - -
-
- - Started - -
-
+ + Ended + + +
+
+ 13:06 + (took 26s) +
+
+
+ + 		+ mkelnar +
+
- 02:13 + Build Failed
- - -
+
-
- +
+ + - Ended - - -
+ of + + DnsSSHTest + + +
+
- 02:15 - (took 2m) +
+ + Submitted + +
+
+
+ 2021-05-07 01:41 +
+
- - -
- 		- tozhou -
- -
+
+ + Started + +
+
+
+ 01:41 +
+
+
+
+
+ + Ended + +
+
+
+ 01:43 + (took 1m) +
+
+
+ + 		- Build Failed - - FAILED - - - - #1002 - - - - - #20201027-1206 - - of - - 123 - - - -
-
-
- - Submitted - -
-
-
- 2020-10-27 13:06 -
-
-
-
-
- - Started - -
-
-
- 13:06 -
-
-
-
-
- - Ended - -
-
-
- 13:06 - (took 26s) -
-
-
-
- 		- mkelnar -
- -
- Build Failed -
- FAILED - - 		- - #AJ4WUBX75VQAA - - - - - #20210506-2341 - - of - - DnsSSHTest - - - -
-
-
- - Submitted - -
-
-
- 2021-05-07 01:41 -
-
-
-
-
- - Started - -
-
-
- 01:41 -
-
-
-
-
- - Ended - -
-
-
- 01:43 - (took 1m) -
-
-
-
- 		- tozhou -
+ tozhou + + + + +
+
-
-
- - - 1 - - - 3 - - - of - - - 3 - - - - - -
-
- -
-
-
- - - , - "container":
-
-
-

- Builds -

-

- Build is a unit produced by the Build Config during the build process. It includes all Artifacts that were produced by the Build and all Artifacts (Dependencies) that were used to build it. -

-
-
- -
-
- - - - - - - - - - - - - - - - + + + +
- - - - ID - - Name - -
- -
- 		- +
+ - +
+
- -
-
- Build Failed +
- FAILED - - 		- - #1001 - - - - - #20201019-0013 - - of - - 123 - - - + + + + + + + + , + "container":
+
+
+

+ Builds +

+

+ Build is a unit produced by the Build Config during the build process. It includes all Artifacts that were produced by the Build and all Artifacts (Dependencies) that were used to build it. +

+
+
+ +
+
+
+
+ + + + + + + - - - + + - -
- Build Failed -
- FAILED - - - - + + + + - + -
-
- - Submitted - -
-
- 2020-10-27 13:06 + Build Failed
-
-
-
+ +
+ + - - - - - - + - + -
-
- - Submitted - -
-
- 2021-05-07 01:41 + Build Failed
-
-
-
+ +
+ + - - - -
+ -
+
+ Name + +
- - -
+ + Times + + + + Submitted + + + +
+ 		+ - tozhou -
+ +
- - #1002 - - - - +
+ Build Failed +
+ FAILED + + 		- #20201027-1206 - - of - + #1001 + + + + + #20201019-0013 + + of + + 123 + + + +
+
+
+ + Submitted + +
+
+
+ 2020-10-19 02:13 +
+
+
+
+
+ + Started + +
+
+
+ 02:13 +
+
+
+
+
+ + Ended + +
+
+
+ 02:15 + (took 2m) +
+
+
+
+ 		- 123 - - - -
+
-
- +
+ + - Started - - -
+ of + + 123 + + +
+
- 13:06 +
+ + Submitted + +
+
+
+ 2020-10-27 13:06 +
+
- - -
-
- - Ended - -
-
+
+ + Started + +
+
+
+ 13:06 +
+
+
- 13:06 - (took 26s) +
+ + Ended + +
+
+
+ 13:06 + (took 26s) +
+
- - -
- 		- mkelnar -
- -
- Build Failed -
- FAILED - - 		- - #AJ4WUBX75VQAA - - - - + - #20210506-2341 - - of - - DnsSSHTest - - - -
+
-
- +
+ + - Started - - -
+ of + + DnsSSHTest + + +
+
- 01:41 +
+ + Submitted + +
+
+
+ 2021-05-07 01:41 +
+
- - -
-
- - Ended - -
-
+
+ + Started + +
+
+
+ 01:41 +
+
+
- 01:43 - (took 1m) +
+ + Ended + +
+
+
+ 01:43 + (took 1m) +
+
- - -
- 		- tozhou -
+ +
+ tozhou +
+
+
- - - 1 - - - 3 - - - of - - - 3 - - - - - -
-
-
+
-
- +
+
- - - -
-
- - -
-
- +
+
- - - -
-
-
+
- - - + +
+
+ +
+
- + diff --git a/src/components/ContentBox/ContentBox.tsx b/src/components/ContentBox/ContentBox.tsx index de87280a..69c57f57 100644 --- a/src/components/ContentBox/ContentBox.tsx +++ b/src/components/ContentBox/ContentBox.tsx @@ -1,3 +1,4 @@ +import { Grid, GridItem } from '@patternfly/react-core'; import { PropsWithChildren } from 'react'; import { BoxDescription, IDescription } from 'components/BoxDescription/BoxDescription'; @@ -18,6 +19,7 @@ interface IContentBoxProps { title?: string; contentHeight?: string; description?: IDescription; + responsiveWidth?: boolean; } export const ContentBox = ({ @@ -35,6 +37,7 @@ export const ContentBox = ({ title, contentHeight, description, + responsiveWidth = false, }: PropsWithChildren) => { const classList = []; @@ -86,7 +89,13 @@ export const ContentBox = ({ )} {description && } -
{children}
+
+ + + {children} + + +
); }; diff --git a/src/components/DemoPage/DemoPage.tsx b/src/components/DemoPage/DemoPage.tsx index 9594026b..4b7d616e 100644 --- a/src/components/DemoPage/DemoPage.tsx +++ b/src/components/DemoPage/DemoPage.tsx @@ -244,96 +244,94 @@ export const DemoPage = () => { }; const formComponent = ( - -
-
{ - e.preventDefault(); - }} + + { + e.preventDefault(); + }} + > + + {fields.inputFieldA.errorMessages?.join(' ')} + + } > - - {fields.inputFieldA.errorMessages?.join(' ')} - - } + validated={fields.inputFieldA.state} + type="text" + id="inputFieldA" + name="inputFieldA" + value={fields.inputFieldA.value as string} + autoComplete="off" + onChange={(text) => { + onChange('inputFieldA', text); + }} + /> + + +