github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-09 03:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(ui): use pure css instead of react-truncate

Browse Source
This commit is contained in:
Łukasz Mierzwa
2019-10-27 15:22:57 +00:00
parent 580fc28339
commit a5255d5d16
15 changed files with 654 additions and 324 deletions
Download Patch File Download Diff File Expand all files Collapse all files

755
ui/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
ui/package.json
View File

@@ -56,7 +56,6 @@
"react-select": "3.0.8",
"react-tippy": "1.3.1",
"react-transition-group": "4.3.0",
"react-truncate": "2.4.0",
"semver": "6.3.0",
"typeface-open-sans": "0.0.75",
"typescript": "3.6.4"

4
ui/src/App.scss
View File

@@ -52,3 +52,7 @@ $pagination-disabled-bg: #dee2e6; // gray-300
.cursor-text {
cursor: text;
}
.mw-1p {
min-width: 1%;
}

19
ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.js.snap
View File

@@ -290,7 +290,7 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
<div class=\\"card my-1 components-managed-silence components-animation-fade-appear components-animation-fade-appear-active\\">
<div class=\\"card-header border-bottom-0 px-3\\">
<div class=\\"d-flex flex-row\\">
<div class=\\"flex-shrink-0 flex-grow-0 mr-2\\">
<div class=\\"flex-shrink-0 flex-grow-0 mr-2\\">
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"
@@ -306,19 +306,10 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
</path>
</svg>
</div>
<div class=\\"flex-shrink-1 flex-grow-1\\">
<span class=\\"font-italic\\"
width=\\"0\\"
>
<span>
</span>
<span>
Mocked Silence
</span>
<span style=\\"position: fixed; visibility: hidden; top: 0px; left: 0px;\\">
…
</span>
</span>
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p\\">
<div class=\\"font-italic text-truncate overflow-hidden\\">
Mocked Silence
</div>
</div>
</div>
<div class=\\"pt-1 d-flex flex-row justify-content-between\\">

6
ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupCollapseConfiguration.test.js.snap
View File

@@ -9,7 +9,7 @@ exports[`<AlertGroupCollapseConfiguration /> matches snapshot with default value
<div class=\\"react-select__single-value css-1uccc91-singleValue\\">
Collapse on mobile
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display: inline-block;\\"
>
@@ -29,7 +29,7 @@ exports[`<AlertGroupCollapseConfiguration /> matches snapshot with default value
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
</span>
<div aria-hidden=\\"true\\"
@@ -40,7 +40,7 @@ exports[`<AlertGroupCollapseConfiguration /> matches snapshot with default value
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>

6
ui/src/Components/MainModal/Configuration/__snapshots__/AlertGroupSortConfiguration.test.js.snap
View File

@@ -11,7 +11,7 @@ exports[`<AlertGroupSortConfiguration /> matches snapshot with default values 1`
<div class=\\"react-select__single-value css-1uccc91-singleValue\\">
Use defaults from karma config file
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display: inline-block;\\"
>
@@ -31,7 +31,7 @@ exports[`<AlertGroupSortConfiguration /> matches snapshot with default values 1`
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
</span>
<div aria-hidden=\\"true\\"
@@ -42,7 +42,7 @@ exports[`<AlertGroupSortConfiguration /> matches snapshot with default values 1`
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>

12
ui/src/Components/MainModal/Configuration/__snapshots__/index.test.js.snap
View File

@@ -346,7 +346,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
<div class=\\"react-select__single-value css-1uccc91-singleValue\\">
Collapse on mobile
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display:inline-block\\"
>
@@ -366,7 +366,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
</span>
<div aria-hidden=\\"true\\"
@@ -377,7 +377,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>
@@ -427,7 +427,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
<div class=\\"react-select__single-value css-1uccc91-singleValue\\">
Use defaults from karma config file
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display:inline-block\\"
>
@@ -447,7 +447,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
</span>
<div aria-hidden=\\"true\\"
@@ -458,7 +458,7 @@ exports[`<Configuration /> matches snapshot 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>

12
ui/src/Components/MainModal/__snapshots__/MainModalContent.test.js.snap
View File

@@ -365,7 +365,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
<div class=\\"react-select__single-value css-1uccc91-singleValue\\">
Collapse on mobile
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display: inline-block;\\"
>
@@ -385,7 +385,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
</span>
<div aria-hidden=\\"true\\"
@@ -396,7 +396,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>
@@ -446,7 +446,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
<div class=\\"react-select__single-value css-1uccc91-singleValue\\">
Use defaults from karma config file
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display: inline-block;\\"
>
@@ -466,7 +466,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
</span>
<div aria-hidden=\\"true\\"
@@ -477,7 +477,7 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>

23
ui/src/Components/ManagedSilence/SilenceComment.js
View File

@@ -1,8 +1,6 @@
import React from "react";
import PropTypes from "prop-types";
import Truncate from "react-truncate";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faChevronUp } from "@fortawesome/free-solid-svg-icons/faChevronUp";
import { faChevronDown } from "@fortawesome/free-solid-svg-icons/faChevronDown";
@@ -18,27 +16,30 @@ const SilenceComment = ({
collapseToggle,
afterUpdate
}) => {
const commentBody = (
<Truncate className="font-italic" lines={collapsed ? 2 : false}>
{silence.comment}
</Truncate>
);
const comment = silence.jiraURL ? (
<a href={silence.jiraURL} target="_blank" rel="noopener noreferrer">
<FontAwesomeIcon className="mr-2" icon={faExternalLinkAlt} />
{commentBody}
{silence.comment}
</a>
) : (
commentBody
silence.comment
);
return (
<React.Fragment>
<div className="d-flex flex-row">
<div className="flex-shrink-0 flex-grow-0 mr-2">
<div className="flex-shrink-0 flex-grow-0 mr-2">
<FontAwesomeIcon icon={faBellSlash} className="text-muted" />
</div>
<div className="flex-shrink-1 flex-grow-1">{comment}</div>
<div className="flex-shrink-1 flex-grow-1 mw-1p">
<div
className={`font-italic ${
collapsed ? "text-truncate overflow-hidden" : ""
}`}
>
{comment}
</div>
</div>
</div>
<div className="pt-1 d-flex flex-row justify-content-between">
<div className="flex-shrink-1 flex-grow-1 components-managed-silence-cite">

38
ui/src/Components/ManagedSilence/__snapshots__/SilenceComment.test.js.snap
View File

@@ -3,7 +3,7 @@
exports[`<SilenceComment /> Matches snapshot when collapsed 1`] = `
"
<div class=\\"d-flex flex-row\\">
<div class=\\"flex-shrink-0 flex-grow-0 mr-2\\">
<div class=\\"flex-shrink-0 flex-grow-0 mr-2\\">
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"
@@ -19,19 +19,10 @@ exports[`<SilenceComment /> Matches snapshot when collapsed 1`] = `
</path>
</svg>
</div>
<div class=\\"flex-shrink-1 flex-grow-1\\">
<span class=\\"font-italic\\"
width=\\"0\\"
>
<span>
</span>
<span>
Mocked Silence
</span>
<span style=\\"position: fixed; visibility: hidden; top: 0px; left: 0px;\\">
…
</span>
</span>
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p\\">
<div class=\\"font-italic text-truncate overflow-hidden\\">
Mocked Silence
</div>
</div>
</div>
<div class=\\"pt-1 d-flex flex-row justify-content-between\\">
@@ -69,7 +60,7 @@ exports[`<SilenceComment /> Matches snapshot when collapsed 1`] = `
exports[`<SilenceComment /> Matches snapshot when expanded 1`] = `
"
<div class=\\"d-flex flex-row\\">
<div class=\\"flex-shrink-0 flex-grow-0 mr-2\\">
<div class=\\"flex-shrink-0 flex-grow-0 mr-2\\">
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"
@@ -85,19 +76,10 @@ exports[`<SilenceComment /> Matches snapshot when expanded 1`] = `
</path>
</svg>
</div>
<div class=\\"flex-shrink-1 flex-grow-1\\">
<span class=\\"font-italic\\"
width=\\"0\\"
>
<span>
</span>
<span>
Mocked Silence
</span>
<span style=\\"position: fixed; visibility: hidden; top: 0px; left: 0px;\\">
…
</span>
</span>
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p\\">
<div class=\\"font-italic \\">
Mocked Silence
</div>
</div>
</div>
<div class=\\"pt-1 d-flex flex-row justify-content-between\\">

38
ui/src/Components/ManagedSilence/__snapshots__/index.test.js.snap
View File

@@ -5,7 +5,7 @@ exports[`<ManagedSilence /> matches snapshot when collapsed 1`] = `
<div class=\\"card my-1 components-managed-silence components-animation-fade-appear components-animation-fade-appear-active\\">
<div class=\\"card-header border-bottom-0 px-3\\">
<div class=\\"d-flex flex-row\\">
<div class=\\"flex-shrink-0 flex-grow-0 mr-2\\">
<div class=\\"flex-shrink-0 flex-grow-0 mr-2\\">
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"
@@ -21,19 +21,10 @@ exports[`<ManagedSilence /> matches snapshot when collapsed 1`] = `
</path>
</svg>
</div>
<div class=\\"flex-shrink-1 flex-grow-1\\">
<span class=\\"font-italic\\"
width=\\"0\\"
>
<span>
</span>
<span>
Mocked Silence
</span>
<span style=\\"position: fixed; visibility: hidden; top: 0px; left: 0px;\\">
…
</span>
</span>
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p\\">
<div class=\\"font-italic text-truncate overflow-hidden\\">
Mocked Silence
</div>
</div>
</div>
<div class=\\"pt-1 d-flex flex-row justify-content-between\\">
@@ -85,7 +76,7 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
<div class=\\"card my-1 components-managed-silence components-animation-fade-appear components-animation-fade-appear-active\\">
<div class=\\"card-header border-bottom-0 px-3\\">
<div class=\\"d-flex flex-row\\">
<div class=\\"flex-shrink-0 flex-grow-0 mr-2\\">
<div class=\\"flex-shrink-0 flex-grow-0 mr-2\\">
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"
@@ -101,19 +92,10 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
</path>
</svg>
</div>
<div class=\\"flex-shrink-1 flex-grow-1\\">
<span class=\\"font-italic\\"
width=\\"0\\"
>
<span>
</span>
<span>
Mocked Silence
</span>
<span style=\\"position: fixed; visibility: hidden; top: 0px; left: 0px;\\">
…
</span>
</span>
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p\\">
<div class=\\"font-italic \\">
Mocked Silence
</div>
</div>
</div>
<div class=\\"pt-1 d-flex flex-row justify-content-between\\">

40
ui/src/Components/MultiSelect/__snapshots__/index.test.js.snap
View File

@@ -18,7 +18,7 @@ exports[`<CustomMultiSelect /> matches snapshot when focused 1`] = `
<div class=\\"react-select__placeholder css-1wa3eu0-placeholder\\">
Select...
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display: inline-block;\\"
>
@@ -38,7 +38,7 @@ exports[`<CustomMultiSelect /> matches snapshot when focused 1`] = `
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
</span>
<div aria-hidden=\\"true\\"
@@ -49,7 +49,7 @@ exports[`<CustomMultiSelect /> matches snapshot when focused 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>
@@ -69,7 +69,7 @@ exports[`<CustomMultiSelect /> matches snapshot with a value 1`] = `
<div class=\\"react-select__single-value css-1uccc91-singleValue\\">
foo
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display:inline-block\\"
>
@@ -89,7 +89,7 @@ exports[`<CustomMultiSelect /> matches snapshot with a value 1`] = `
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
</span>
<div aria-hidden=\\"true\\"
@@ -100,7 +100,7 @@ exports[`<CustomMultiSelect /> matches snapshot with a value 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>
@@ -120,7 +120,7 @@ exports[`<CustomMultiSelect /> matches snapshot with defaults 1`] = `
<div class=\\"react-select__placeholder css-1wa3eu0-placeholder\\">
Select...
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display:inline-block\\"
>
@@ -140,7 +140,7 @@ exports[`<CustomMultiSelect /> matches snapshot with defaults 1`] = `
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
</span>
<div aria-hidden=\\"true\\"
@@ -151,7 +151,7 @@ exports[`<CustomMultiSelect /> matches snapshot with defaults 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>
@@ -171,7 +171,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isDisabled=true 1`] = `
<div class=\\"react-select__single-value react-select__single-value--is-disabled css-107lb6w-singleValue\\">
foo
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display:inline-block\\"
>
@@ -192,7 +192,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isDisabled=true 1`] = `
</div>
</div>
</div>
<div class=\\"react-select__indicators css-1m7n6pr-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-15bdmde-IndicatorsContainer\\">
<span class=\\"react-select__indicator-separator css-109onse-indicatorSeparator\\">
</span>
<div aria-hidden=\\"true\\"
@@ -203,7 +203,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isDisabled=true 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>
@@ -223,7 +223,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true 1`] = `
<div class=\\"react-select__placeholder css-1wa3eu0-placeholder\\">
Select...
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display:inline-block\\"
>
@@ -243,7 +243,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true 1`] = `
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
</span>
<div aria-hidden=\\"true\\"
@@ -254,7 +254,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>
@@ -281,14 +281,14 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true and a value 1`
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
</path>
</svg>
</div>
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display:inline-block\\"
>
@@ -308,7 +308,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true and a value 1`
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<div aria-hidden=\\"true\\"
class=\\"react-select__indicator react-select__clear-indicator css-tlfecz-indicatorContainer\\"
>
@@ -317,7 +317,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true and a value 1`
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
</path>
@@ -333,7 +333,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true and a value 1`
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>

12
ui/src/Components/SilenceModal/AlertManagerInput/__snapshots__/index.test.js.snap
View File

@@ -15,7 +15,7 @@ exports[`<AlertManagerInput /> matches snapshot 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
</path>
@@ -32,14 +32,14 @@ exports[`<AlertManagerInput /> matches snapshot 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
</path>
</svg>
</div>
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display:inline-block\\"
>
@@ -59,7 +59,7 @@ exports[`<AlertManagerInput /> matches snapshot 1`] = `
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<div aria-hidden=\\"true\\"
class=\\"react-select__indicator react-select__clear-indicator css-tlfecz-indicatorContainer\\"
>
@@ -68,7 +68,7 @@ exports[`<AlertManagerInput /> matches snapshot 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
</path>
@@ -84,7 +84,7 @@ exports[`<AlertManagerInput /> matches snapshot 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>

6
ui/src/Components/SilenceModal/SilenceMatch/__snapshots__/LabelNameInput.test.js.snap
View File

@@ -8,7 +8,7 @@ exports[`<LabelNameInput /> matches snapshot 1`] = `
<div class=\\"react-select__single-value css-1uccc91-singleValue\\">
name
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display:inline-block\\"
>
@@ -28,7 +28,7 @@ exports[`<LabelNameInput /> matches snapshot 1`] = `
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
</span>
<div aria-hidden=\\"true\\"
@@ -39,7 +39,7 @@ exports[`<LabelNameInput /> matches snapshot 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>

6
ui/src/Components/SilenceModal/SilenceMatch/__snapshots__/LabelValueInput.test.js.snap
View File

@@ -33,7 +33,7 @@ exports[`<LabelValueInput /> matches snapshot 1`] = `
Label value
</div>
</div>
<div class=\\"css-w8afj7-Input\\">
<div class=\\"css-b8ldur-Input\\">
<div class=\\"react-select__input\\"
style=\\"display:inline-block\\"
>
@@ -53,7 +53,7 @@ exports[`<LabelValueInput /> matches snapshot 1`] = `
</div>
</div>
</div>
<div class=\\"react-select__indicators css-u1mhof-IndicatorsContainer\\">
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
<span class=\\"react-select__indicator-separator css-1okebmr-indicatorSeparator\\">
</span>
<div aria-hidden=\\"true\\"
@@ -64,7 +64,7 @@ exports[`<LabelValueInput /> matches snapshot 1`] = `
viewbox=\\"0 0 20 20\\"
aria-hidden=\\"true\\"
focusable=\\"false\\"
class=\\"css-tj5bde-Svg\\"
class=\\"css-6q0nyr-Svg\\"
>
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
</path>