Chore: Upgrade prettier to v3 (#71764)

* Update dependency prettier to v3 (#71586)

* Update dependency prettier to v3

* run prettier

* ignore prettier update in legacy select scss

* update command line arg

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>

* unplug prettier

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
This commit is contained in:
Ashley Harrison
2023-07-17 15:58:22 +01:00
committed by GitHub
parent 8320b18b71
commit 9852b24d61
93 changed files with 575 additions and 380 deletions

View File

@@ -232,10 +232,10 @@ const getStyles = (theme: GrafanaTheme2) => {
const pulsate = keyframes`
0% {box-shadow: 0 0 0 2px ${theme.colors.background.canvas}, 0 0 0px 4px ${theme.colors.primary.main};}
50% {box-shadow: 0 0 0 2px ${theme.components.dashboard.background}, 0 0 0px 4px ${tinycolor(
theme.colors.primary.main
)
.darken(20)
.toHexString()};}
theme.colors.primary.main
)
.darken(20)
.toHexString()};}
100% {box-shadow: 0 0 0 2px ${theme.components.dashboard.background}, 0 0 0px 4px ${theme.colors.primary.main};}
`;
@@ -249,7 +249,9 @@ const getStyles = (theme: GrafanaTheme2) => {
overflow: hidden;
outline: 2px dotted transparent;
outline-offset: 2px;
box-shadow: 0 0 0 2px black, 0 0 0px 4px #1f60c4;
box-shadow:
0 0 0 2px black,
0 0 0px 4px #1f60c4;
animation: ${pulsate} 2s ease infinite;
`,
actionsWrapper: css`

View File

@@ -100,7 +100,7 @@ describe('getValidIntervals', () => {
getTimeSrv: () =>
({
getValidIntervals: (intervals: string[]) => intervals,
} as unknown as TimeSrv),
}) as unknown as TimeSrv,
};
const result = getValidIntervals(emptyIntervals, dependencies);
@@ -116,7 +116,7 @@ describe('getValidIntervals', () => {
getTimeSrv: () =>
({
getValidIntervals: (intervals: string[]) => intervals,
} as unknown as TimeSrv),
}) as unknown as TimeSrv,
};
const result = getValidIntervals(duplicateIntervals, dependencies);
@@ -132,7 +132,7 @@ describe('getValidIntervals', () => {
getTimeSrv: () =>
({
getValidIntervals: (intervals: string[]) => intervals,
} as unknown as TimeSrv),
}) as unknown as TimeSrv,
};
const result = getValidIntervals(duplicateIntervals, dependencies);
@@ -149,7 +149,7 @@ describe('validateIntervals', () => {
getTimeSrv: () =>
({
getValidIntervals: (intervals: string[]) => intervals,
} as unknown as TimeSrv),
}) as unknown as TimeSrv,
};
const result = validateIntervals(defaultIntervals, dependencies);
@@ -166,7 +166,7 @@ describe('validateIntervals', () => {
getValidIntervals: () => {
throw new Error('Some error');
},
} as unknown as TimeSrv),
}) as unknown as TimeSrv,
};
const result = validateIntervals(defaultIntervals, dependencies);

View File

@@ -53,30 +53,29 @@ export const DynamicConfigValueEditor = ({
/* eslint-disable react/display-name */
const renderLabel =
(includeDescription = true, includeCounter = false) =>
(isExpanded = false) =>
(
<HorizontalGroup justify="space-between">
<Label
category={labelCategory}
description={includeDescription ? item.description : undefined}
htmlFor={componentId}
>
<Highlighter
textToHighlight={item.name}
searchWords={[searchQuery]}
highlightClassName={'search-fragment-highlight'}
/>
{!isExpanded && includeCounter && item.getItemsCount && (
<Counter value={item.getItemsCount(property.value)} />
)}
</Label>
{!isSystemOverride && (
<div>
<IconButton name="times" onClick={onRemove} tooltip="Remove label" />
</div>
(isExpanded = false) => (
<HorizontalGroup justify="space-between">
<Label
category={labelCategory}
description={includeDescription ? item.description : undefined}
htmlFor={componentId}
>
<Highlighter
textToHighlight={item.name}
searchWords={[searchQuery]}
highlightClassName={'search-fragment-highlight'}
/>
{!isExpanded && includeCounter && item.getItemsCount && (
<Counter value={item.getItemsCount(property.value)} />
)}
</HorizontalGroup>
);
</Label>
{!isSystemOverride && (
<div>
<IconButton name="times" onClick={onRemove} tooltip="Remove label" />
</div>
)}
</HorizontalGroup>
);
/* eslint-enable react/display-name */
if (isCollapsible) {