[CORL-260] Bring back sorting (#2186)

* feat: sort stream

* feat: add FieldSet component to ui

* feat: make accessible and add feature test

* test: fix snapshots
This commit is contained in:
Kiwi
2019-02-13 16:11:13 +00:00
committed by Wyatt Johnson
parent 68839c721c
commit f4037ce6fb
43 changed files with 1047 additions and 110 deletions
@@ -108,7 +108,7 @@ exports[`renders configure general 1`] = `
data-testid="configure-generalContainer"
>
<fieldset
className="HorizontalGutter-root HorizontalGutter-oneAndAHalf"
className="FieldSet-root HorizontalGutter-root HorizontalGutter-oneAndAHalf"
>
<legend
className="Typography-root Typography-heading1 Typography-colorTextPrimary Header-root"
@@ -116,7 +116,7 @@ exports[`renders configure general 1`] = `
Community Guidelines Summary
</legend>
<fieldset
className="HorizontalGutter-root FormField-root HorizontalGutter-half"
className="FieldSet-root HorizontalGutter-root FormField-root HorizontalGutter-half"
>
<legend
className="Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
@@ -208,7 +208,7 @@ Markdown can be found
</div>
</fieldset>
<fieldset
className="HorizontalGutter-root HorizontalGutter-oneAndAHalf"
className="FieldSet-root HorizontalGutter-root HorizontalGutter-oneAndAHalf"
>
<legend
className="Typography-root Typography-heading1 Typography-colorTextPrimary Header-root"
@@ -358,7 +358,7 @@ Edited comments are marked as (Edited) on the comment stream and the
moderation panel.
</p>
<fieldset
className="HorizontalGutter-root FormField-root HorizontalGutter-half"
className="FieldSet-root HorizontalGutter-root FormField-root HorizontalGutter-half"
>
<legend
className="Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
@@ -417,7 +417,7 @@ moderation panel.
</select>
<span
aria-hidden={true}
className="SelectField-iconWrapper"
className="SelectField-afterWrapper"
>
<span
aria-hidden="true"
@@ -431,7 +431,7 @@ moderation panel.
</fieldset>
</div>
<fieldset
className="HorizontalGutter-root HorizontalGutter-oneAndAHalf"
className="FieldSet-root HorizontalGutter-root HorizontalGutter-oneAndAHalf"
>
<legend
className="Typography-root Typography-heading1 Typography-colorTextPrimary Header-root"
@@ -444,7 +444,7 @@ moderation panel.
Set comment streams to close after a defined period of time after a storys publication
</p>
<fieldset
className="HorizontalGutter-root FormField-root HorizontalGutter-half"
className="FieldSet-root HorizontalGutter-root FormField-root HorizontalGutter-half"
>
<legend
className="Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
@@ -499,7 +499,7 @@ moderation panel.
</div>
</fieldset>
<fieldset
className="HorizontalGutter-root FormField-root HorizontalGutter-half"
className="FieldSet-root HorizontalGutter-root FormField-root HorizontalGutter-half"
>
<legend
className="Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
@@ -558,7 +558,7 @@ moderation panel.
</select>
<span
aria-hidden={true}
className="SelectField-iconWrapper"
className="SelectField-afterWrapper"
>
<span
aria-hidden="true"
@@ -108,7 +108,7 @@ exports[`renders configure moderation 1`] = `
data-testid="configure-moderationContainer"
>
<fieldset
className="HorizontalGutter-root HorizontalGutter-oneAndAHalf"
className="FieldSet-root HorizontalGutter-root HorizontalGutter-oneAndAHalf"
>
<legend
className="Typography-root Typography-heading1 Typography-colorTextPrimary Header-root"
@@ -131,7 +131,7 @@ the
. If approved by a moderator, the comment will be published.
</p>
<fieldset
className="HorizontalGutter-root FormField-root HorizontalGutter-half"
className="FieldSet-root HorizontalGutter-root FormField-root HorizontalGutter-half"
>
<legend
className="Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
@@ -225,7 +225,7 @@ comment is toxic, according to Perspective API. By default the treshold is set t
</div>
</div>
<fieldset
className="HorizontalGutter-root FormField-root HorizontalGutter-half"
className="FieldSet-root HorizontalGutter-root FormField-root HorizontalGutter-half"
>
<legend
className="Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
@@ -370,7 +370,7 @@ improve the API over time
</div>
</fieldset>
<fieldset
className="HorizontalGutter-root HorizontalGutter-oneAndAHalf"
className="FieldSet-root HorizontalGutter-root HorizontalGutter-oneAndAHalf"
>
<legend
className="Typography-root Typography-heading1 Typography-colorTextPrimary Header-root"
@@ -397,7 +397,7 @@ are placed in the
the comment will be published.
</p>
<fieldset
className="HorizontalGutter-root FormField-root HorizontalGutter-half"
className="FieldSet-root HorizontalGutter-root FormField-root HorizontalGutter-half"
>
<legend
className="Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"