mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 01:38:56 -04:00
Upgrade EUI to v101.0.1 (#215698)
`100.0.0` ⏩ `101.0.1` [Questions? Please see our Kibana upgrade FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams) ## Package updates ### `@elastic/eui` [`v101.0.1`](https://github.com/elastic/eui/releases/v101.0.1) - Updated `EuiProvider` and `EuiThemeProvider` with a new `highContrastMode` ([#8444](https://github.com/elastic/eui/pull/8444)) - This prop allows toggling a higher contrast visual style that primarily affects borders and shadows - On `EuiProvider`, if the `highContrastMode` prop is not passed, this setting will inherit from the user's OS/system settings - If the user is using a forced colors mode (e.g. Windows' high contrast themes), this system setting will take precedence over any `highContrastMode` or `colorMode` props passed - Added `highContrastModeStyles` and `preventForcedColors` styling utils ([#8444](https://github.com/elastic/eui/pull/8444)) - Updated `EuiRangeTooltip` to be easier to see in dark mode ([#8444](https://github.com/elastic/eui/pull/8444)) - Updated some deprecated color token usages that have direct substitutes ([#8444](https://github.com/elastic/eui/pull/8444)) - `text` -> `textParagraph` - `title` -> `textHeading` - `subduedText` -> `textSubdued` - `disabledText` -> `textDisabled` - `accentText` -> `textAccent` - `dangerText` -> `textDanger` - `warningText` -> `textWarning` - `useEuiShadow()` now accepts a second `options` argument ([#8234](https://github.com/elastic/eui/pull/8234)) - `useEuiShadowFlat()` now accepts an `options` object instead of only a color ([#8234](https://github.com/elastic/eui/pull/8234)) - Updated `EuiPopover` and `EuiToolTip` to be easier to see in dark mode. ([#8174](https://github.com/elastic/eui/pull/8174)) **Bug fixes** - Fixed a visual bug where a transparent border would create visible empty space (`LIGHT` mode only) for the components: ([#8427](https://github.com/elastic/eui/pull/8427)) - `EuiPanel` - `EuiPopover` - `EuiToolTip` - `EuiToast` - `EuiTour` --- ### `@elastic/eui-theme-common` [`v0.1.0`](https://github.com/elastic/eui/releases/v0.1.0) - Removed type `EuiShadowCustomColor` ([#8444](https://github.com/elastic/eui/pull/8444)) - Added types: ([#8444](https://github.com/elastic/eui/pull/8444)) - `EuiShadowOptions` - `EuiThemeHighContrastModeProp` - `EuiThemeHighContrastMode` - Updated shadow utils to accepts a second `options` argument and return borders in high contrast mode: ([#8444](https://github.com/elastic/eui/pull/8444)) - `euiShadow` - `euiShadowXSmall` - `euiShadowSmall` - `euiShadowMedium` - `euiShadowLarge` - `euiSlightShadowHover` - `euiShadowFlat` --- ### `@elastic/eui-theme-borealis` [`v0.1.0`](https://github.com/elastic/eui/releases/v0.1.0) - Added new component level tokens: ([#8444](https://github.com/elastic/eui/pull/8444)) - `buttonGroupBackgroundDisabledSelected` - `overlayMaskBackground` - `overlayMaskBackgroundHighContrast` - `skeletonBackgroundSkeletonMiddleHighContrast` ## Additional changes The latest `@elastic/eui` package introduces high contrast mode support. This PR sets all usages of `EuiProvider` to use `highContrastMode={false}` to introduce it in disabled state (this reflects the current functionality in Kibana). This is because the UI for the high contrast mode functionality (and style adjustments) need to first be implemented on Kibana side (by shared-ux). ## QA Adding high contrast mode in disabled state should result in no visual changes in Kibana. Please ensure your product view remain unchanged. --------- Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
This commit is contained in:
Lene Gadewoll
GitHub
parent
6e5fe31e85
commit
2cd777d969
52 changed files with 73 additions and 74 deletions
|
|
@ -136,7 +136,7 @@ const DataViewFieldEditorExample = ({ dataView, dataViewFieldEditor }: Props) =>
|
|||
);
|
||||
|
||||
return (
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<EuiPageTemplate offset={0}>
|
||||
<EuiPageTemplate.Header pageTitle="Data view field editor demo" />
|
||||
<EuiPageTemplate.Section>{content}</EuiPageTemplate.Section>
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@ export class ErrorBoundaryExamplePlugin implements Plugin<void, void, SetupDeps>
|
|||
// Using the "EuiProvider" here rather than KibanaRenderContextProvider, because KibanaRenderContextProvider
|
||||
// wraps KibanaErrorBoundaryProvider and KibanaErrorBoundary and we want to test it directly, not a wrapper.
|
||||
ReactDOM.render(
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<KibanaErrorBoundaryProvider analytics={core.analytics}>
|
||||
<KibanaErrorBoundary>
|
||||
<KibanaPageTemplate>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ import { EsqlInspector } from './components/esql_inspector';
|
|||
|
||||
export const App = () => {
|
||||
return (
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<EuiPage>
|
||||
<EuiPageBody style={{ maxWidth: 1200, margin: '0 auto' }}>
|
||||
<EuiPageHeader paddingSize="s" bottomBorder={true} pageTitle="ES|QL AST Inspector" />
|
||||
|
|
|
|||
|
|
@ -168,7 +168,7 @@ const CreatingCustomFieldFormatEditor: React.FC<{ deps: Deps }> = (props) => {
|
|||
|
||||
export const App: React.FC<{ deps: Deps }> = (props) => {
|
||||
return (
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<EuiPageTemplate offset={0}>
|
||||
<EuiPageTemplate.Header pageTitle="Field formats examples" />
|
||||
<EuiPageTemplate.Section grow={false}>
|
||||
|
|
|
|||
|
|
@ -133,7 +133,7 @@ export const FilesExampleApp = ({ files, notifications }: FilesExampleAppDeps) =
|
|||
];
|
||||
|
||||
return (
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<EuiPageTemplate restrictWidth>
|
||||
<EuiPageTemplate.Header pageTitle="Files example" />
|
||||
<EuiPageTemplate.Section>
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@ export function App() {
|
|||
}, [expressions]);
|
||||
|
||||
return (
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<EuiPageTemplate offset={0}>
|
||||
<EuiPageTemplate.Header pageTitle="Partial Results Demo" />
|
||||
<EuiPageTemplate.Section>
|
||||
|
|
|
|||
|
|
@ -124,8 +124,8 @@
|
|||
"@elastic/ecs": "^8.11.5",
|
||||
"@elastic/elasticsearch": "9.0.0-alpha.3",
|
||||
"@elastic/ems-client": "8.6.3",
|
||||
"@elastic/eui": "100.0.0",
|
||||
"@elastic/eui-theme-borealis": "0.0.11",
|
||||
"@elastic/eui": "101.0.1",
|
||||
"@elastic/eui-theme-borealis": "0.1.0",
|
||||
"@elastic/filesaver": "1.1.2",
|
||||
"@elastic/node-crypto": "^1.2.3",
|
||||
"@elastic/numeral": "^2.5.1",
|
||||
|
|
|
|||
|
|
@ -88,8 +88,8 @@ export const LICENSE_OVERRIDES = {
|
|||
'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
|
||||
'@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
|
||||
'@elastic/ems-client@8.6.3': ['Elastic License 2.0'],
|
||||
'@elastic/eui@100.0.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
|
||||
'@elastic/eui-theme-borealis@0.0.11': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
|
||||
'@elastic/eui@101.0.1': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
|
||||
'@elastic/eui-theme-borealis@0.1.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
|
||||
'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
|
||||
'buffers@0.1.1': ['MIT'], // license in importing module https://www.npmjs.com/package/binary
|
||||
'@bufbuild/protobuf@1.2.1': ['Apache-2.0'], // license (Apache-2.0 AND BSD-3-Clause)
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ export const PanelLoader = (props: {
|
|||
hasBorder={props.showBorder}
|
||||
data-test-subj={props.dataTestSubj}
|
||||
>
|
||||
<EuiLoadingChart size="l" mono />
|
||||
<EuiLoadingChart size="l" />
|
||||
</EuiPanel>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ import { DataTableRecord, buildDataTableRecord } from '@kbn/discover-utils';
|
|||
const renderCell = (logLevelField: string, record: DataTableRecord) => {
|
||||
const LogLevelBadgeCell = getLogLevelBadgeCell(logLevelField);
|
||||
render(
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<LogLevelBadgeCell
|
||||
rowIndex={0}
|
||||
colIndex={0}
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ import { LogLevelBadge } from './log_level_badge';
|
|||
|
||||
const renderBadge = (logLevel: string) => {
|
||||
render(
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<LogLevelBadge
|
||||
logLevel={logLevel}
|
||||
fallback={<span data-test-subj="logLevelBadge-unknown">{logLevel}</span>}
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@ const mockTheme: UseEuiTheme = {
|
|||
colorMode: 'DARK',
|
||||
euiTheme: { colors: {} } as unknown as UseEuiTheme['euiTheme'],
|
||||
modifications: {},
|
||||
highContrastMode: false,
|
||||
};
|
||||
|
||||
describe('ESQL Theme', () => {
|
||||
|
|
|
|||
|
|
@ -102,6 +102,7 @@ export const KibanaEuiProvider: FC<PropsWithChildren<KibanaEuiProviderProps>> =
|
|||
globalStyles,
|
||||
utilityClasses: globalStyles,
|
||||
theme: _theme,
|
||||
highContrastMode: false,
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@ class DefaultEditorController implements IEditorController {
|
|||
alignItems: 'center',
|
||||
}}
|
||||
>
|
||||
<EuiLoadingChart size="xl" mono />
|
||||
<EuiLoadingChart size="xl" />
|
||||
</div>
|
||||
}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -157,7 +157,7 @@ export const Item = React.forwardRef<HTMLDivElement, Props>(
|
|||
</>
|
||||
) : (
|
||||
<div>
|
||||
<EuiLoadingChart size="l" mono />
|
||||
<EuiLoadingChart size="l" />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -75,7 +75,7 @@ describe('ContextAppContent test', () => {
|
|||
|
||||
const component = mountWithIntl(
|
||||
<KibanaContextProvider services={discoverServiceMock}>
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<ContextAppContent {...props} />
|
||||
</EuiProvider>
|
||||
</KibanaContextProvider>
|
||||
|
|
|
|||
|
|
@ -82,7 +82,7 @@ async function mountComponent(
|
|||
>
|
||||
<DiscoverCustomizationProvider value={customisationService}>
|
||||
<DiscoverMainProvider value={stateContainer}>
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<DiscoverDocuments {...props} />
|
||||
</EuiProvider>
|
||||
</DiscoverMainProvider>
|
||||
|
|
|
|||
|
|
@ -129,7 +129,7 @@ async function mountComponent(
|
|||
<KibanaContextProvider services={services}>
|
||||
<DiscoverMainProvider value={stateContainer}>
|
||||
<RuntimeStateProvider currentDataView={dataView} adHocDataViews={[]}>
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<DiscoverLayout {...props} />
|
||||
</EuiProvider>
|
||||
</RuntimeStateProvider>
|
||||
|
|
|
|||
|
|
@ -147,14 +147,14 @@ setUnifiedDocViewerServices(
|
|||
|
||||
const renderLogsOverview = (props: Partial<DocViewRenderProps> = {}) => {
|
||||
const { rerender: baseRerender, ...tools } = render(
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<LogsOverview dataView={dataView} hit={fullHit} {...props} />
|
||||
</EuiProvider>
|
||||
);
|
||||
|
||||
const rerender = (rerenderProps: Partial<DocViewRenderProps>) =>
|
||||
baseRerender(
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<LogsOverview dataView={dataView} hit={fullHit} {...props} {...rerenderProps} />
|
||||
</EuiProvider>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -44,6 +44,7 @@ describe('<FilterEditor />', () => {
|
|||
euiTheme: {} as unknown as EuiThemeComputed<{}>,
|
||||
colorMode: 'DARK',
|
||||
modifications: [],
|
||||
highContrastMode: false,
|
||||
} as UseEuiTheme<{}>,
|
||||
filter: {
|
||||
meta: {
|
||||
|
|
@ -91,6 +92,7 @@ describe('<FilterEditor />', () => {
|
|||
euiTheme: {} as unknown as EuiThemeComputed<{}>,
|
||||
colorMode: 'DARK',
|
||||
modifications: [],
|
||||
highContrastMode: false,
|
||||
} as UseEuiTheme<{}>,
|
||||
filter: {
|
||||
meta: {
|
||||
|
|
@ -126,6 +128,7 @@ describe('<FilterEditor />', () => {
|
|||
euiTheme: {} as unknown as EuiThemeComputed<{}>,
|
||||
colorMode: 'DARK',
|
||||
modifications: [],
|
||||
highContrastMode: false,
|
||||
} as UseEuiTheme<{}>,
|
||||
filter: {
|
||||
meta: {
|
||||
|
|
|
|||
|
|
@ -12,6 +12,6 @@ import { EuiLoadingChart } from '@elastic/eui';
|
|||
|
||||
export const TimeseriesLoading = () => (
|
||||
<div className="visChart__spinner">
|
||||
<EuiLoadingChart mono size="l" />
|
||||
<EuiLoadingChart size="l" />
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -182,7 +182,7 @@ function TimeseriesVisualization({
|
|||
<Suspense
|
||||
fallback={
|
||||
<div className="visChart__spinner">
|
||||
<EuiLoadingChart mono size="l" />
|
||||
<EuiLoadingChart size="l" />
|
||||
</div>
|
||||
}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@ export const VisualizationContainer = ({
|
|||
|
||||
const fallBack = (
|
||||
<div className="visChart__spinner">
|
||||
<EuiLoadingChart mono size="l" />
|
||||
<EuiLoadingChart size="l" />
|
||||
</div>
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -484,7 +484,7 @@ export const getVisualizeEmbeddableFactory: (deps: {
|
|||
>
|
||||
{/* Replicate the loading state for the expression renderer to avoid FOUC */}
|
||||
<EuiFlexGroup css={{ height: '100%' }} justifyContent="center" alignItems="center">
|
||||
{isLoading && <EuiLoadingChart size="l" mono />}
|
||||
{isLoading && <EuiLoadingChart size="l" />}
|
||||
{!isLoading && error && (
|
||||
<EuiEmptyPrompt
|
||||
iconType="error"
|
||||
|
|
|
|||
|
|
@ -436,7 +436,7 @@ export class VisualizeEmbeddable extends Embeddable<VisualizeInput, VisualizeOut
|
|||
render(
|
||||
<KibanaRenderContextProvider {...core}>
|
||||
<div className="visChart__spinner">
|
||||
<EuiLoadingChart mono size="l" />
|
||||
<EuiLoadingChart size="l" />
|
||||
</div>
|
||||
</KibanaRenderContextProvider>,
|
||||
this.domNode
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -44,7 +44,7 @@ export const App: FC<Props> = ({ workpad, stage }) => {
|
|||
};
|
||||
|
||||
return (
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<CanvasShareableStateProvider initialState={initialState}>
|
||||
<Canvas />
|
||||
</CanvasShareableStateProvider>
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@ export const MiniHistogram: FC<MiniHistogramProps> = ({
|
|||
if (isLoading) {
|
||||
return (
|
||||
<div css={[cssChartSize, cssCenter]}>
|
||||
<EuiLoadingChart mono />
|
||||
<EuiLoadingChart />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ function SparkPlotItem({
|
|||
if (isLoading) {
|
||||
return (
|
||||
<div style={commonStyle}>
|
||||
<EuiLoadingChart mono />
|
||||
<EuiLoadingChart />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@ export function TrendDocsChart({
|
|||
alignItems={isChartLoading === undefined ? 'center' : undefined}
|
||||
>
|
||||
{!attributes ? (
|
||||
<EuiLoadingChart title={flyoutDegradedDocsTrendText} size="l" mono={true} />
|
||||
<EuiLoadingChart title={flyoutDegradedDocsTrendText} size="l" />
|
||||
) : (
|
||||
<lens.EmbeddableComponent
|
||||
id="datasetQualityFlyoutDegradedDocsTrend"
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ export const LoadingIndicator: FC<{ height?: number; label?: string }> = ({ heig
|
|||
<EuiFlexGroup justifyContent="spaceEvenly">
|
||||
<EuiFlexItem grow={false}>
|
||||
<div style={{ height: `${height}px` }} data-test-subj="mlLoadingIndicator">
|
||||
<EuiLoadingChart size="xl" mono />
|
||||
<EuiLoadingChart size="xl" />
|
||||
{label && (
|
||||
<>
|
||||
<EuiSpacer size="s" />
|
||||
|
|
|
|||
|
|
@ -559,11 +559,7 @@ export const SwimlaneContainer: FC<SwimlaneProps> = ({
|
|||
transform: 'translate(-50%,-50%)',
|
||||
}}
|
||||
>
|
||||
<EuiLoadingChart
|
||||
size="xl"
|
||||
mono={true}
|
||||
data-test-subj="mlSwimLaneLoadingIndicator"
|
||||
/>
|
||||
<EuiLoadingChart size="xl" data-test-subj="mlSwimLaneLoadingIndicator" />
|
||||
</EuiText>
|
||||
)}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -266,7 +266,6 @@ const AnomalyChartsContainer: FC<AnomalyChartsContainerProps> = ({
|
|||
>
|
||||
<EuiLoadingChart
|
||||
size="xl"
|
||||
mono={true}
|
||||
data-test-subj="mlAnomalyExplorerEmbeddableLoadingIndicator"
|
||||
/>
|
||||
</EuiText>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`PromptPage renders as expected with additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/some/script1.js\\"></script><script src=\\"/mock-basepath/some/script2.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">Some Title</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-f8rb91-euiText-m-euiTextColor-subdued\\"><div>Some Body</div></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#2</span></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
exports[`PromptPage renders as expected with additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/some/script1.js\\"></script><script src=\\"/mock-basepath/some/script2.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-o2v7y6-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">Some Title</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-1ph7xy0-euiText-m-euiTextColor-subdued\\"><div>Some Body</div></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#2</span></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
|
||||
exports[`PromptPage renders as expected without additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">Some Title</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-f8rb91-euiText-m-euiTextColor-subdued\\"><div>Some Body</div></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#2</span></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
exports[`PromptPage renders as expected without additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-o2v7y6-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">Some Title</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-1ph7xy0-euiText-m-euiTextColor-subdued\\"><div>Some Body</div></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#2</span></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`UnauthenticatedPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">We hit an authentication error</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-f8rb91-euiText-m-euiTextColor-subdued\\"><p>Try logging in again, and if the problem persists, contact your system administrator.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"logInButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in</span></a></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
exports[`UnauthenticatedPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-o2v7y6-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">We hit an authentication error</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-1ph7xy0-euiText-m-euiTextColor-subdued\\"><p>Try logging in again, and if the problem persists, contact your system administrator.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"logInButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in</span></a></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
|
||||
exports[`UnauthenticatedPage renders as expected with custom title 1`] = `"<html lang=\\"en\\"><head><title>My Company Name</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">We hit an authentication error</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-f8rb91-euiText-m-euiTextColor-subdued\\"><p>Try logging in again, and if the problem persists, contact your system administrator.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"logInButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in</span></a></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
exports[`UnauthenticatedPage renders as expected with custom title 1`] = `"<html lang=\\"en\\"><head><title>My Company Name</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-o2v7y6-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">We hit an authentication error</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-1ph7xy0-euiText-m-euiTextColor-subdued\\"><p>Try logging in again, and if the problem persists, contact your system administrator.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"logInButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in</span></a></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`ResetSessionPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">You do not have permission to access the requested page</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-f8rb91-euiText-m-euiTextColor-subdued\\"><p>Either go back to the previous page or log in as a different user.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/path/to/logout\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in as different user</span></a></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty eui-9heydx-euiButtonDisplay-euiButtonEmpty-m-empty-primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonEmpty__content eui-cf8eum-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
exports[`ResetSessionPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-o2v7y6-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">You do not have permission to access the requested page</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-1ph7xy0-euiText-m-euiTextColor-subdued\\"><p>Either go back to the previous page or log in as a different user.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/path/to/logout\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in as different user</span></a></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty eui-9heydx-euiButtonDisplay-euiButtonEmpty-m-empty-primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonEmpty__content eui-cf8eum-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
|
||||
exports[`ResetSessionPage renders as expected with custom page title 1`] = `"<html lang=\\"en\\"><head><title>My Company Name</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">You do not have permission to access the requested page</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-f8rb91-euiText-m-euiTextColor-subdued\\"><p>Either go back to the previous page or log in as a different user.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/path/to/logout\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in as different user</span></a></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty eui-9heydx-euiButtonDisplay-euiButtonEmpty-m-empty-primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonEmpty__content eui-cf8eum-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
exports[`ResetSessionPage renders as expected with custom page title 1`] = `"<html lang=\\"en\\"><head><title>My Company Name</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-14j2cxa-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-o2v7y6-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-f3huy-euiTitle-m\\">You do not have permission to access the requested page</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-1ph7xy0-euiText-m-euiTextColor-subdued\\"><p>Either go back to the previous page or log in as a different user.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/path/to/logout\\" rel=\\"noreferrer\\" class=\\"euiButton eui-16td9au-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in as different user</span></a></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty eui-9heydx-euiButtonDisplay-euiButtonEmpty-m-empty-primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonEmpty__content eui-cf8eum-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@ export function PromptPage({
|
|||
}: Props) {
|
||||
const content = (
|
||||
<I18nProvider>
|
||||
<EuiProvider colorMode="light" cache={emotionCache}>
|
||||
<EuiProvider colorMode="light" cache={emotionCache} highContrastMode={false}>
|
||||
<EuiPageTemplate data-test-subj="promptPage">
|
||||
<EuiPageTemplate.EmptyPrompt
|
||||
iconType="warning"
|
||||
|
|
|
|||
|
|
@ -123,7 +123,7 @@ export function SparkPlotItem({
|
|||
justifyContent: 'center',
|
||||
}}
|
||||
>
|
||||
<EuiLoadingChart mono />
|
||||
<EuiLoadingChart />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,6 +20,7 @@ const wrapper: FC<PropsWithChildren<unknown>> = ({ children }) => (
|
|||
xxxl: 2000,
|
||||
},
|
||||
}}
|
||||
highContrastMode={false}
|
||||
>
|
||||
{children}
|
||||
</EuiProvider>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ export const ChartPlaceholder = ({ style }: { style?: React.CSSProperties }) =>
|
|||
<ChartLoadingProgress hasTopMargin={false} />
|
||||
<EuiFlexGroup style={style} justifyContent="center" alignItems="center" responsive={false}>
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiLoadingChart mono size="l" />
|
||||
<EuiLoadingChart size="l" />
|
||||
</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
</>
|
||||
|
|
|
|||
|
|
@ -15,14 +15,12 @@ export function AsyncComponent({
|
|||
children,
|
||||
status,
|
||||
error,
|
||||
mono,
|
||||
size,
|
||||
style,
|
||||
alignTop,
|
||||
}: AsyncState<any> & {
|
||||
style?: EuiFlexGroupProps['style'];
|
||||
children: React.ReactElement;
|
||||
mono?: boolean;
|
||||
size: 'm' | 'l' | 'xl';
|
||||
alignTop?: boolean;
|
||||
}) {
|
||||
|
|
@ -53,7 +51,7 @@ export function AsyncComponent({
|
|||
</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
) : (
|
||||
<EuiLoadingChart mono={mono} size={size} />
|
||||
<EuiLoadingChart size={size} />
|
||||
)}
|
||||
</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@ export function StackTraces({
|
|||
</EuiPanel>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem grow>
|
||||
<AsyncComponent size="m" mono {...state} style={{ minHeight: 200 }}>
|
||||
<AsyncComponent size="m" {...state} style={{ minHeight: 200 }}>
|
||||
<>
|
||||
<EuiSpacer />
|
||||
<EuiTitle size="s">
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@ export function ErrorRatePanel({ alert, slo, isLoading }: Props) {
|
|||
const burnRate = alert.fields[ALERT_EVALUATION_VALUE];
|
||||
|
||||
if (isLoading) {
|
||||
return <EuiLoadingChart size="m" mono data-test-subj="loading" />;
|
||||
return <EuiLoadingChart size="m" data-test-subj="loading" />;
|
||||
}
|
||||
|
||||
if (!slo) {
|
||||
|
|
|
|||
|
|
@ -64,7 +64,7 @@ export function EventsChartPanel({ slo, range, hideRangeDurationLabel = false, o
|
|||
|
||||
function getChart() {
|
||||
if (isLoading) {
|
||||
return <EuiLoadingChart size="m" mono data-test-subj="eventsLoadingChart" />;
|
||||
return <EuiLoadingChart size="m" data-test-subj="eventsLoadingChart" />;
|
||||
}
|
||||
|
||||
switch (slo.indicator.type) {
|
||||
|
|
|
|||
|
|
@ -67,7 +67,7 @@ export function WideChart({ chart, data, id, isLoading, state, onBrushed, slo }:
|
|||
});
|
||||
|
||||
if (isLoading) {
|
||||
return <EuiLoadingChart size="m" mono data-test-subj="wideChartLoading" />;
|
||||
return <EuiLoadingChart size="m" data-test-subj="wideChartLoading" />;
|
||||
}
|
||||
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -240,7 +240,7 @@ export function DataPreviewChart({
|
|||
{(isLoading || isError) && (
|
||||
<EuiFlexGroup justifyContent="center" alignItems="center" style={{ height: 160 }}>
|
||||
<EuiFlexItem grow={false}>
|
||||
{isLoading && <EuiLoadingChart size="m" mono />}
|
||||
{isLoading && <EuiLoadingChart size="m" />}
|
||||
{isError && (
|
||||
<span>
|
||||
{i18n.translate('xpack.slo.sloEdit.dataPreviewChart.errorMessage', {
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ export function SloSparkline({ chart, data, id, isLoading, size, state }: Props)
|
|||
const ChartComponent = chart === 'area' ? AreaSeries : LineSeries;
|
||||
|
||||
if (isLoading) {
|
||||
return <EuiLoadingChart style={{ minWidth: 60, justifyContent: 'center' }} size="m" mono />;
|
||||
return <EuiLoadingChart style={{ minWidth: 60, justifyContent: 'center' }} size="m" />;
|
||||
}
|
||||
|
||||
const height = size === 'compact' ? 14 : 28;
|
||||
|
|
|
|||
|
|
@ -70,7 +70,7 @@ export const MonitorPendingWrapper: FC<PropsWithChildren<unknown>> = ({ children
|
|||
) : null}
|
||||
{loaded && !hasPing ? (
|
||||
<PageLoader
|
||||
icon={<EuiLoadingChart size="xl" mono />}
|
||||
icon={<EuiLoadingChart size="xl" />}
|
||||
title={<h3>{MONITOR_PENDING_HEADING}</h3>}
|
||||
body={<p>{MONITOR_PENDING_CONTENT}</p>}
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -91,7 +91,7 @@ export function VisitorBreakdown() {
|
|||
{!dataView?.id ? (
|
||||
<EuiLoadingEmbeddable justifyContent="spaceAround" alignItems={'center'}>
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiLoadingChart size="l" mono />
|
||||
<EuiLoadingChart size="l" />
|
||||
</EuiFlexItem>
|
||||
</EuiLoadingEmbeddable>
|
||||
) : (
|
||||
|
|
@ -114,7 +114,7 @@ export function VisitorBreakdown() {
|
|||
{!dataView?.id ? (
|
||||
<EuiLoadingEmbeddable justifyContent="spaceAround" alignItems={'center'}>
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiLoadingChart size="l" mono />
|
||||
<EuiLoadingChart size="l" />
|
||||
</EuiFlexItem>
|
||||
</EuiLoadingEmbeddable>
|
||||
) : (
|
||||
|
|
|
|||
|
|
@ -88,7 +88,7 @@ export const TestProvidersComponent = ({
|
|||
<CellActionsProvider
|
||||
getTriggerCompatibleActions={() => Promise.resolve(cellActions)}
|
||||
>
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<DragDropContext onDragEnd={onDragEnd}>{children}</DragDropContext>
|
||||
</EuiProvider>
|
||||
</CellActionsProvider>
|
||||
|
|
@ -149,7 +149,7 @@ const TestProvidersWithPrivilegesComponent: React.FC<Props> = ({
|
|||
<CellActionsProvider
|
||||
getTriggerCompatibleActions={() => Promise.resolve(cellActions)}
|
||||
>
|
||||
<EuiProvider>
|
||||
<EuiProvider highContrastMode={false}>
|
||||
<DragDropContext onDragEnd={onDragEnd}>{children}</DragDropContext>
|
||||
</EuiProvider>
|
||||
</CellActionsProvider>
|
||||
|
|
|
|||
|
|
@ -108,7 +108,7 @@ export const CommandExecutionOutput = memo<CommandExecutionOutputProps>(
|
|||
ResultComponent={CommandExecutionResult}
|
||||
/>
|
||||
|
||||
{isRunning && <EuiLoadingChart className="busy-indicator" mono={true} />}
|
||||
{isRunning && <EuiLoadingChart className="busy-indicator" />}
|
||||
|
||||
{isRunning && isLongRunningCommand && (
|
||||
<>
|
||||
|
|
|
|||
26
yarn.lock
26
yarn.lock
|
|
@ -2162,26 +2162,26 @@
|
|||
resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
|
||||
integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
|
||||
|
||||
"@elastic/eui-theme-borealis@0.0.11":
|
||||
version "0.0.11"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui-theme-borealis/-/eui-theme-borealis-0.0.11.tgz#edad01998f2de79b5d6b401f8951fbe10353e2d6"
|
||||
integrity sha512-M8tDj6zDkbM/K4G/MVol64CUO2e+d9wAlZWZ7odcZHBTAbxD35I3HQy0l0+z6EUzE02+2jUmPCK8IykpKLjPdg==
|
||||
"@elastic/eui-theme-borealis@0.1.0":
|
||||
version "0.1.0"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui-theme-borealis/-/eui-theme-borealis-0.1.0.tgz#5b7151c9dae093b945060b3f9c1ac9461092fac0"
|
||||
integrity sha512-eoQw+IHK+R1RHjl4VEVyWY6cWovLXddGl/u7XvIyiRZk+oEiM1ksuk0ZkO9nSkTI/j+tA7Z5aRbivhLhvCGjuA==
|
||||
|
||||
"@elastic/eui-theme-common@0.0.11":
|
||||
version "0.0.11"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui-theme-common/-/eui-theme-common-0.0.11.tgz#950d06a652a25b09c46cec8f16a449223ada45a3"
|
||||
integrity sha512-DV8qX45R/01SWdCoINWbFwJgMdWHYuq7ZmdY/J3pE1QNKIGv52SdOpiW+XwhT8S3dOv+XFidoywVT9pAjcMmyA==
|
||||
"@elastic/eui-theme-common@0.1.0":
|
||||
version "0.1.0"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui-theme-common/-/eui-theme-common-0.1.0.tgz#fa74c7f72b4ca69ff1f7a5cf45e55c979064ab73"
|
||||
integrity sha512-2Pm9PeEr4QXjtL/YYM6faXbQ2Fm/mJXzV7QLBxUW8iHov70IHZy1e3xJOio0lI1IbO3S7t79EIS6J3/uNffJfA==
|
||||
dependencies:
|
||||
"@types/lodash" "^4.14.202"
|
||||
chroma-js "^2.4.2"
|
||||
lodash "^4.17.21"
|
||||
|
||||
"@elastic/eui@100.0.0":
|
||||
version "100.0.0"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-100.0.0.tgz#7da6beb5c9b2592a8784835f1450388dcda5f51c"
|
||||
integrity sha512-8A1pYmrw3N/N8ny6tDRYYSmetOBgz3j7KkARr+LWskHMLU7l+nduK+1dVn19qR15C85ufKOyZxAoZeYpxsppsQ==
|
||||
"@elastic/eui@101.0.1":
|
||||
version "101.0.1"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-101.0.1.tgz#505360831452674ab452bf1fd6a5622c391299c0"
|
||||
integrity sha512-W0gYh4nfDMp/VvZTF0cA0UNQzuT7x+t6nTMvcShXdJ/qEQQfnlcQx50Nd0RMid2zu7HnrKElx8TJcFeTelWs1g==
|
||||
dependencies:
|
||||
"@elastic/eui-theme-common" "0.0.11"
|
||||
"@elastic/eui-theme-common" "0.1.0"
|
||||
"@elastic/prismjs-esql" "^1.0.0"
|
||||
"@hello-pangea/dnd" "^16.6.0"
|
||||
"@types/lodash" "^4.14.202"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue