Skip to content

Commit

Permalink
[EuiInputPopover] Refactor & clean ups (#7241)
Browse files Browse the repository at this point in the history
  • Loading branch information
@cee-chen
cee-chen authored Oct 2, 2023
1 parent d6375ec commit 10a50bb
Show file tree
Hide file tree
Showing 8 changed files with 1,637 additions and 1,594 deletions.
470 changes: 228 additions & 242 deletions ...onents/color_picker/color_palette_picker/__snapshots__/color_palette_picker.test.tsx.snap
View file

Large diffs are not rendered by default.

188 changes: 91 additions & 97 deletions src/components/date_picker/auto_refresh/__snapshots__/auto_refresh.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,44 +7,42 @@ exports[`EuiAutoRefresh is rendered 1`] = `
<div
class="euiPopover__anchor css-zih94u-render"
>
<div>
<div
class="euiFormControlLayout euiFormControlLayout--readOnly euiFormControlLayout--group"
<div
class="euiFormControlLayout euiFormControlLayout--readOnly euiFormControlLayout--group"
>
<button
class="euiButtonEmpty euiFormControlLayout__prepend euiFormControlLayout__prepend emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text"
type="button"
>
<button
class="euiButtonEmpty euiFormControlLayout__prepend euiFormControlLayout__prepend emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text"
type="button"
<span
class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
>
<span
class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
color="inherit"
data-euiicon-type="timeRefresh"
/>
<span
class="eui-textTruncate euiButtonEmpty__text"
>
<span
color="inherit"
data-euiicon-type="timeRefresh"
/>
<span
class="eui-textTruncate euiButtonEmpty__text"
>
<strong>
<small>
Auto refresh
</small>
</strong>
</span>
<strong>
<small>
Auto refresh
</small>
</strong>
</span>
</button>
<div
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-label="aria-label"
class="euiFieldText euiFieldText--inGroup"
data-test-subj="test subject string"
readonly=""
type="text"
value="Off"
/>
</div>
</span>
</button>
<div
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-label="aria-label"
class="euiFieldText euiFieldText--inGroup"
data-test-subj="test subject string"
readonly=""
type="text"
value="Off"
/>
</div>
</div>
</div>
Expand All @@ -58,43 +56,41 @@ exports[`EuiAutoRefresh isPaused is false 1`] = `
<div
class="euiPopover__anchor css-zih94u-render"
>
<div>
<div
class="euiFormControlLayout euiFormControlLayout--readOnly euiFormControlLayout--group"
<div
class="euiFormControlLayout euiFormControlLayout--readOnly euiFormControlLayout--group"
>
<button
class="euiButtonEmpty euiFormControlLayout__prepend euiFormControlLayout__prepend emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text"
type="button"
>
<button
class="euiButtonEmpty euiFormControlLayout__prepend euiFormControlLayout__prepend emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text"
type="button"
<span
class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
>
<span
class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
color="inherit"
data-euiicon-type="timeRefresh"
/>
<span
class="eui-textTruncate euiButtonEmpty__text"
>
<span
color="inherit"
data-euiicon-type="timeRefresh"
/>
<span
class="eui-textTruncate euiButtonEmpty__text"
>
<strong>
<small>
Auto refresh
</small>
</strong>
</span>
<strong>
<small>
Auto refresh
</small>
</strong>
</span>
</button>
<div
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-label="Auto refresh"
class="euiFieldText euiFieldText--inGroup"
readonly=""
type="text"
value="1 second"
/>
</div>
</span>
</button>
<div
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-label="Auto refresh"
class="euiFieldText euiFieldText--inGroup"
readonly=""
type="text"
value="1 second"
/>
</div>
</div>
</div>
Expand All @@ -108,43 +104,41 @@ exports[`EuiAutoRefresh refreshInterval is rendered 1`] = `
<div
class="euiPopover__anchor css-zih94u-render"
>
<div>
<div
class="euiFormControlLayout euiFormControlLayout--readOnly euiFormControlLayout--group"
<div
class="euiFormControlLayout euiFormControlLayout--readOnly euiFormControlLayout--group"
>
<button
class="euiButtonEmpty euiFormControlLayout__prepend euiFormControlLayout__prepend emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text"
type="button"
>
<button
class="euiButtonEmpty euiFormControlLayout__prepend euiFormControlLayout__prepend emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text"
type="button"
<span
class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
>
<span
class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
color="inherit"
data-euiicon-type="timeRefresh"
/>
<span
class="eui-textTruncate euiButtonEmpty__text"
>
<span
color="inherit"
data-euiicon-type="timeRefresh"
/>
<span
class="eui-textTruncate euiButtonEmpty__text"
>
<strong>
<small>
Auto refresh
</small>
</strong>
</span>
<strong>
<small>
Auto refresh
</small>
</strong>
</span>
</button>
<div
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-label="Auto refresh"
class="euiFieldText euiFieldText--inGroup"
readonly=""
type="text"
value="2 seconds"
/>
</div>
</span>
</button>
<div
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-label="Auto refresh"
class="euiFieldText euiFieldText--inGroup"
readonly=""
type="text"
value="2 seconds"
/>
</div>
</div>
</div>
Expand Down
128 changes: 62 additions & 66 deletions src/components/date_picker/super_date_picker/__snapshots__/super_date_picker.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -155,43 +155,41 @@ exports[`EuiSuperDatePicker props isAutoRefreshOnly is rendered 1`] = `
<div
class="euiPopover__anchor css-zih94u-render"
>
<div>
<div
class="euiFormControlLayout euiFormControlLayout--readOnly euiFormControlLayout--group"
<div
class="euiFormControlLayout euiFormControlLayout--readOnly euiFormControlLayout--group"
>
<button
class="euiButtonEmpty euiFormControlLayout__prepend euiFormControlLayout__prepend emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text"
type="button"
>
<button
class="euiButtonEmpty euiFormControlLayout__prepend euiFormControlLayout__prepend emotion-euiButtonDisplay-euiButtonEmpty-s-empty-text"
type="button"
<span
class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
>
<span
class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
color="inherit"
data-euiicon-type="timeRefresh"
/>
<span
class="eui-textTruncate euiButtonEmpty__text"
>
<span
color="inherit"
data-euiicon-type="timeRefresh"
/>
<span
class="eui-textTruncate euiButtonEmpty__text"
>
<strong>
<small>
Auto refresh
</small>
</strong>
</span>
<strong>
<small>
Auto refresh
</small>
</strong>
</span>
</button>
<div
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-label="Auto refresh"
class="euiFieldText euiFieldText--inGroup"
readonly=""
type="text"
value="Off"
/>
</div>
</span>
</button>
<div
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-label="Auto refresh"
class="euiFieldText euiFieldText--inGroup"
readonly=""
type="text"
value="Off"
/>
</div>
</div>
</div>
Expand All @@ -210,45 +208,43 @@ exports[`EuiSuperDatePicker props isAutoRefreshOnly passes required props 1`] =
<div
class="euiPopover__anchor css-zih94u-render"
>
<div>
<div
class="euiFormControlLayout euiFormControlLayout--readOnly euiFormControlLayout--group"
<div
class="euiFormControlLayout euiFormControlLayout--readOnly euiFormControlLayout--group"
>
<button
class="euiButtonEmpty euiFormControlLayout__prepend euiFormControlLayout__prepend emotion-euiButtonDisplay-euiButtonEmpty-s-empty-disabled-isDisabled"
disabled=""
type="button"
>
<button
class="euiButtonEmpty euiFormControlLayout__prepend euiFormControlLayout__prepend emotion-euiButtonDisplay-euiButtonEmpty-s-empty-disabled-isDisabled"
disabled=""
type="button"
<span
class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
>
<span
class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
color="inherit"
data-euiicon-type="timeRefresh"
/>
<span
class="eui-textTruncate euiButtonEmpty__text"
>
<span
color="inherit"
data-euiicon-type="timeRefresh"
/>
<span
class="eui-textTruncate euiButtonEmpty__text"
>
<strong>
<small>
Auto refresh
</small>
</strong>
</span>
<strong>
<small>
Auto refresh
</small>
</strong>
</span>
</button>
<div
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-label="Auto refresh"
class="euiFieldText euiFieldText--inGroup"
disabled=""
readonly=""
type="text"
value="Off"
/>
</div>
</span>
</button>
<div
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-label="Auto refresh"
class="euiFieldText euiFieldText--inGroup"
disabled=""
readonly=""
type="text"
value="Off"
/>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 10a50bb

Please sign in to comment.