mirror of
https://github.com/elastic/kibana.git
synced 2025-04-23 09:19:04 -04:00
Bumping EUI to v70.4.0 (#145888)
`eui@70.2.4` ⏩ `eui@70.4.0` - "Fixed EuiButtonGroup firing onChange twice" required changing some tests from `click` to `change` ___ ## [`70.4.0`](https://github.com/elastic/eui/tree/v70.4.0) - Updated `EuiTourStep.footerAction` type to accept `ReactNode[]` ([#6384](https://github.com/elastic/eui/pull/6384)) - Vertically aligned all footer content so that `euiTourStepIndicator` is always centered ([#6384](https://github.com/elastic/eui/pull/6384)) - Added `filterInCircle` glyph to `EuiIcon` ([#6385](https://github.com/elastic/eui/pull/6385)) - Added `color` prop to `EuiBeacon` ([#6420](https://github.com/elastic/eui/pull/6420)) - Added the `euiMaxBreakpoint` and `euiMinBreakpoint` CSS-in-JS utilities for creating min/max-width media queries ([#6431](https://github.com/elastic/eui/pull/6431)) **Bug fixes** - Restores the previous match operator behaviour when the query value is split into multiple terms after analysis. ([#6409](https://github.com/elastic/eui/pull/6409)) - Fixed missing slide-in animation on `EuiCollapsibleNav`s and left-side `EuiFlyout`s ([#6422](https://github.com/elastic/eui/pull/6422)) - Fix bug in `EuiCard` where footer were not aligned to the bottom of the card ([#6424](https://github.com/elastic/eui/pull/6424)) - Fixed multiple component media queries for consumers with custom theme breakpoints ([#6431](https://github.com/elastic/eui/pull/6431)) ## [`70.3.0`](https://github.com/elastic/eui/tree/v70.3.0) - `EuiSearchBar` now automatically wraps special characters not used by query syntax in quotes ([#6356](https://github.com/elastic/eui/pull/6356)) - Added `alignment` prop to `EuiBetaBadge` ([#6361](https://github.com/elastic/eui/pull/6361)) - `EuiButton` now accepts `minWidth={false}` ([#6373](https://github.com/elastic/eui/pull/6373)) **Bug fixes** - Fixed `EuiPageTemplate` not correctly passing the `component` prop to the inner main content wrapper. ([#6352](https://github.com/elastic/eui/pull/6352)) - `EuiSkipLink` now correctly calls `onClick` even when `fallbackDestination` is invalid ([#6355](https://github.com/elastic/eui/pull/6355)) - Permanently fixed `EuiModal` to not cause scroll-jumping issues on modal open ([#6360](https://github.com/elastic/eui/pull/6360)) - Re-fixed `EuiPageSection` not correctly merging `contentProps.css` ([#6365](https://github.com/elastic/eui/pull/6365)) - Fixed `EuiTab` not defaulting to size `m` ([#6366](https://github.com/elastic/eui/pull/6366)) - Fixed the shadow sizes of `.eui-yScrollWithShadows` and `.eui-xScrollWithShadows` ([#6374](https://github.com/elastic/eui/pull/6374)) - Fixed bug in `EuiCard` where the inner content in vertical cards was not growing 100% in width ([#6377](https://github.com/elastic/eui/pull/6377)) - Fixed incorrect margins in `EuiSuperDatePicker` caused by `EuiFlex` CSS gap change ([#6380](https://github.com/elastic/eui/pull/6380)) - Fixed visual bug in nested `EuiFlexGroup`s, where the parent `EuiFlexGroup` is responsive but a child `EuiFlexGroup` is not ([#6381](https://github.com/elastic/eui/pull/6381)) **CSS-in-JS conversions** - Converted `EuiModal` to Emotion ([#6321](https://github.com/elastic/eui/pull/6321)) **Fixes** - `EuiButton` no longer outputs unnecessary inline styles for `minWidth={0}` or `minWidth={false}` ([#6373](https://github.com/elastic/eui/pull/6373)) - `EuiFacetButton` no longer reports type issues when passing props accepted by `EuiButton` ([#6373](https://github.com/elastic/eui/pull/6373)) Co-authored-by: Constance Chen <constance.chen@elastic.co>
This commit is contained in:
parent
78b4851a21
commit
7376d9cd63
16 changed files with 104 additions and 98 deletions
|
@ -108,7 +108,7 @@
|
|||
"@elastic/datemath": "5.0.3",
|
||||
"@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.5.0-canary.1",
|
||||
"@elastic/ems-client": "8.3.3",
|
||||
"@elastic/eui": "70.2.4",
|
||||
"@elastic/eui": "70.4.0",
|
||||
"@elastic/filesaver": "1.1.2",
|
||||
"@elastic/node-crypto": "1.2.1",
|
||||
"@elastic/numeral": "^2.5.1",
|
||||
|
@ -613,7 +613,7 @@
|
|||
"react-dom": "^17.0.2",
|
||||
"react-dropzone": "^4.2.9",
|
||||
"react-fast-compare": "^2.0.4",
|
||||
"react-focus-on": "^3.6.0",
|
||||
"react-focus-on": "^3.7.0",
|
||||
"react-grid-layout": "^1.3.4",
|
||||
"react-hook-form": "^7.39.5",
|
||||
"react-intl": "^2.8.0",
|
||||
|
|
|
@ -94,12 +94,12 @@ exports[`ModalService openConfirm() renders a mountpoint confirm message 2`] = `
|
|||
data-eui="EuiFocusTrap"
|
||||
>
|
||||
<div
|
||||
class="euiModal euiModal--maxWidth-default euiModal--confirmation"
|
||||
class="euiModal euiModal--confirmation emotion-euiModal-defaultMaxWidth-confirmation"
|
||||
tabindex="0"
|
||||
>
|
||||
<button
|
||||
aria-label="Closes this modal window"
|
||||
class="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles"
|
||||
class="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles-euiModal__closeIcon"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
|
@ -110,10 +110,10 @@ exports[`ModalService openConfirm() renders a mountpoint confirm message 2`] = `
|
|||
/>
|
||||
</button>
|
||||
<div
|
||||
class="euiModalBody"
|
||||
class="euiModalBody emotion-euiModalBody"
|
||||
>
|
||||
<div
|
||||
class="euiModalBody__overflow"
|
||||
class="euiModalBody__overflow emotion-euiModalBody__overflow"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-euiText-m"
|
||||
|
@ -130,7 +130,7 @@ exports[`ModalService openConfirm() renders a mountpoint confirm message 2`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiModalFooter"
|
||||
class="euiModalFooter emotion-euiModalFooter"
|
||||
>
|
||||
<button
|
||||
class="euiButtonEmpty css-9t7nyf-empty-primary"
|
||||
|
@ -298,12 +298,12 @@ exports[`ModalService openConfirm() renders a string confirm message 2`] = `
|
|||
data-eui="EuiFocusTrap"
|
||||
>
|
||||
<div
|
||||
class="euiModal euiModal--maxWidth-default euiModal--confirmation"
|
||||
class="euiModal euiModal--confirmation emotion-euiModal-defaultMaxWidth-confirmation"
|
||||
tabindex="0"
|
||||
>
|
||||
<button
|
||||
aria-label="Closes this modal window"
|
||||
class="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles"
|
||||
class="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles-euiModal__closeIcon"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
|
@ -314,10 +314,10 @@ exports[`ModalService openConfirm() renders a string confirm message 2`] = `
|
|||
/>
|
||||
</button>
|
||||
<div
|
||||
class="euiModalBody"
|
||||
class="euiModalBody emotion-euiModalBody"
|
||||
>
|
||||
<div
|
||||
class="euiModalBody__overflow"
|
||||
class="euiModalBody__overflow emotion-euiModalBody__overflow"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-euiText-m"
|
||||
|
@ -330,7 +330,7 @@ exports[`ModalService openConfirm() renders a string confirm message 2`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiModalFooter"
|
||||
class="euiModalFooter emotion-euiModalFooter"
|
||||
>
|
||||
<button
|
||||
class="euiButtonEmpty css-9t7nyf-empty-primary"
|
||||
|
@ -1065,12 +1065,12 @@ exports[`ModalService openModal() renders a modal to the DOM 2`] = `
|
|||
data-eui="EuiFocusTrap"
|
||||
>
|
||||
<div
|
||||
class="euiModal euiModal--maxWidth-default"
|
||||
class="euiModal emotion-euiModal-defaultMaxWidth"
|
||||
tabindex="0"
|
||||
>
|
||||
<button
|
||||
aria-label="Closes this modal window"
|
||||
class="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles"
|
||||
class="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles-euiModal__closeIcon"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
|
|
|
@ -46,7 +46,7 @@ exports[`SampleDataCard installed renders with app links 1`] = `
|
|||
class="emotion-euiCard__betaBadgeAnchor"
|
||||
>
|
||||
<span
|
||||
class="euiBetaBadge emotion-euiBetaBadge-hollow-m-euiCard__betaBadge"
|
||||
class="euiBetaBadge emotion-euiBetaBadge-hollow-m-baseline-euiCard__betaBadge"
|
||||
id="generated-idBetaBadge"
|
||||
title="installed"
|
||||
>
|
||||
|
@ -164,7 +164,7 @@ exports[`SampleDataCard installed renders without app links 1`] = `
|
|||
class="emotion-euiCard__betaBadgeAnchor"
|
||||
>
|
||||
<span
|
||||
class="euiBetaBadge emotion-euiBetaBadge-hollow-m-euiCard__betaBadge"
|
||||
class="euiBetaBadge emotion-euiBetaBadge-hollow-m-baseline-euiCard__betaBadge"
|
||||
id="generated-idBetaBadge"
|
||||
title="installed"
|
||||
>
|
||||
|
|
|
@ -237,13 +237,13 @@ Object {
|
|||
data-eui="EuiFocusTrap"
|
||||
>
|
||||
<div
|
||||
class="euiModal euiModal--maxWidth-default"
|
||||
class="euiModal emotion-euiModal-defaultMaxWidth"
|
||||
data-test-subj="EditModal"
|
||||
tabindex="0"
|
||||
>
|
||||
<button
|
||||
aria-label="Closes this modal window"
|
||||
class="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles"
|
||||
class="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles-euiModal__closeIcon"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
|
@ -254,22 +254,20 @@ Object {
|
|||
/>
|
||||
</button>
|
||||
<div
|
||||
class="euiModalHeader"
|
||||
class="euiModalHeader emotion-euiModalHeader"
|
||||
>
|
||||
<div
|
||||
class="euiModalHeader__title"
|
||||
<h1
|
||||
class="euiTitle euiModalHeader__title emotion-euiTitle-m"
|
||||
data-test-subj="editModalTitle"
|
||||
>
|
||||
<h1>
|
||||
Edit List Name
|
||||
</h1>
|
||||
</div>
|
||||
Edit List Name
|
||||
</h1>
|
||||
</div>
|
||||
<div
|
||||
class="euiModalBody"
|
||||
class="euiModalBody emotion-euiModalBody"
|
||||
>
|
||||
<div
|
||||
class="euiModalBody__overflow"
|
||||
class="euiModalBody__overflow emotion-euiModalBody__overflow"
|
||||
>
|
||||
<form
|
||||
class="euiForm"
|
||||
|
@ -347,7 +345,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiModalFooter"
|
||||
class="euiModalFooter emotion-euiModalFooter"
|
||||
>
|
||||
<button
|
||||
class="euiButtonEmpty css-9t7nyf-empty-primary"
|
||||
|
|
|
@ -14,13 +14,13 @@ Object {
|
|||
data-eui="EuiFocusTrap"
|
||||
>
|
||||
<div
|
||||
class="euiModal euiModal--maxWidth-default"
|
||||
class="euiModal emotion-euiModal-defaultMaxWidth"
|
||||
data-test-subj="EditModal"
|
||||
tabindex="0"
|
||||
>
|
||||
<button
|
||||
aria-label="Closes this modal window"
|
||||
class="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles"
|
||||
class="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles-euiModal__closeIcon"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
|
@ -31,22 +31,20 @@ Object {
|
|||
/>
|
||||
</button>
|
||||
<div
|
||||
class="euiModalHeader"
|
||||
class="euiModalHeader emotion-euiModalHeader"
|
||||
>
|
||||
<div
|
||||
class="euiModalHeader__title"
|
||||
<h1
|
||||
class="euiTitle euiModalHeader__title emotion-euiTitle-m"
|
||||
data-test-subj="editModalTitle"
|
||||
>
|
||||
<h1>
|
||||
Edit list name
|
||||
</h1>
|
||||
</div>
|
||||
Edit list name
|
||||
</h1>
|
||||
</div>
|
||||
<div
|
||||
class="euiModalBody"
|
||||
class="euiModalBody emotion-euiModalBody"
|
||||
>
|
||||
<div
|
||||
class="euiModalBody__overflow"
|
||||
class="euiModalBody__overflow emotion-euiModalBody__overflow"
|
||||
>
|
||||
<form
|
||||
class="euiForm"
|
||||
|
@ -124,7 +122,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiModalFooter"
|
||||
class="euiModalFooter emotion-euiModalFooter"
|
||||
>
|
||||
<button
|
||||
class="euiButtonEmpty css-9t7nyf-empty-primary"
|
||||
|
|
|
@ -84,6 +84,6 @@ 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.3.3': ['Elastic License 2.0'],
|
||||
'@elastic/eui@70.2.4': ['SSPL-1.0 OR Elastic License 2.0'],
|
||||
'@elastic/eui@70.4.0': ['SSPL-1.0 OR Elastic License 2.0'],
|
||||
'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
|
||||
};
|
||||
|
|
|
@ -138,7 +138,7 @@ exports[`NoDataCard props recommended 1`] = `
|
|||
class="emotion-euiCard__betaBadgeAnchor"
|
||||
>
|
||||
<span
|
||||
class="euiBetaBadge emotion-euiBetaBadge-hollow-m-euiCard__betaBadge"
|
||||
class="euiBetaBadge emotion-euiBetaBadge-hollow-m-baseline-euiCard__betaBadge"
|
||||
id="generated-idBetaBadge"
|
||||
title="Recommended"
|
||||
>
|
||||
|
|
|
@ -75,7 +75,7 @@ describe('NoDataPopover', () => {
|
|||
};
|
||||
const instance = mount(<NoDataPopover {...props} />);
|
||||
act(() => {
|
||||
instance.find(EuiTourStep).prop('footerAction')!.props.onClick();
|
||||
instance.find('button[data-test-subj="noDataPopoverDismissButton"]').simulate('click');
|
||||
});
|
||||
instance.setProps({ ...props });
|
||||
expect(props.storage.set).toHaveBeenCalledWith(expect.any(String), true);
|
||||
|
|
|
@ -61,7 +61,7 @@ describe('CreateCaseModal', () => {
|
|||
</TestProviders>
|
||||
);
|
||||
|
||||
wrapper.find('.euiModal__closeIcon').first().simulate('click');
|
||||
wrapper.find('button.euiModal__closeIcon').first().simulate('click');
|
||||
expect(onCloseCaseModal).toBeCalled();
|
||||
});
|
||||
|
||||
|
|
|
@ -421,13 +421,13 @@ describe('index table', () => {
|
|||
const rowIndex = 0;
|
||||
openMenuAndClickButton(rendered, rowIndex, 'forcemergeIndexMenuButton');
|
||||
snapshot(status(rendered, rowIndex));
|
||||
expect(rendered.find('.euiModal').length).toBe(1);
|
||||
expect(rendered.find('div.euiModal').length).toBe(1);
|
||||
|
||||
let count = 0;
|
||||
store.subscribe(() => {
|
||||
if (count === 1) {
|
||||
snapshot(status(rendered, rowIndex));
|
||||
expect(rendered.find('.euiModal').length).toBe(0);
|
||||
expect(rendered.find('div.euiModal').length).toBe(0);
|
||||
}
|
||||
count++;
|
||||
});
|
||||
|
|
|
@ -10,6 +10,7 @@ import React from 'react';
|
|||
import { EuiFlexItem, EuiCard, EuiButton, EuiLink, EuiConfirmModal, EuiText } from '@elastic/eui';
|
||||
import { FormattedMessage } from '@kbn/i18n-react';
|
||||
import { EXTERNAL_LINKS } from '../../../../../common/constants';
|
||||
import { i18n } from '@kbn/i18n';
|
||||
|
||||
export class RevertToBasic extends React.PureComponent {
|
||||
cancel = () => {
|
||||
|
@ -29,12 +30,10 @@ export class RevertToBasic extends React.PureComponent {
|
|||
}
|
||||
return (
|
||||
<EuiConfirmModal
|
||||
title={
|
||||
<FormattedMessage
|
||||
id="xpack.licenseMgmt.licenseDashboard.revertToBasic.confirmModalTitle"
|
||||
defaultMessage="Confirm Revert to Basic License"
|
||||
/>
|
||||
}
|
||||
title={i18n.translate(
|
||||
'xpack.licenseMgmt.licenseDashboard.revertToBasic.confirmModalTitle',
|
||||
{ defaultMessage: 'Confirm Revert to Basic License' }
|
||||
)}
|
||||
onCancel={cancelStartBasicLicense}
|
||||
onConfirm={() => startBasicLicense(licenseType, true)}
|
||||
cancelButtonText={
|
||||
|
|
|
@ -102,7 +102,7 @@ export const ChangePasswordModal: FunctionComponent<ChangePasswordModalProps> =
|
|||
const isCurrentUser = currentUser?.username === username;
|
||||
const isSystemUser = username === 'kibana' || username === 'kibana_system';
|
||||
|
||||
const [form, eventHandlers] = useForm({
|
||||
const [form, { onBlur, ...eventHandlers }] = useForm({
|
||||
onSubmit: async (values) => {
|
||||
try {
|
||||
await new UserAPIClient(services.http!).changePassword(
|
||||
|
@ -141,6 +141,13 @@ export const ChangePasswordModal: FunctionComponent<ChangePasswordModalProps> =
|
|||
defaultValues,
|
||||
});
|
||||
|
||||
// For some reason, the focus-lock dependency that EuiModal uses to accessibly trap focus
|
||||
// is fighting the form `onBlur` and causing focus to be lost when clicking between password
|
||||
// fields, so this workaround waits a tick before validating the form on blur
|
||||
const validateFormOnBlur = (event: React.FocusEvent<HTMLFormElement & HTMLInputElement>) => {
|
||||
requestAnimationFrame(() => onBlur(event));
|
||||
};
|
||||
|
||||
const firstFieldRef = useInitialFocus<HTMLInputElement>([isLoading]);
|
||||
const modalFormId = useGeneratedHtmlId({ prefix: 'modalForm' });
|
||||
|
||||
|
@ -158,7 +165,13 @@ export const ChangePasswordModal: FunctionComponent<ChangePasswordModalProps> =
|
|||
{isLoading ? (
|
||||
<EuiLoadingContent />
|
||||
) : (
|
||||
<EuiForm id={modalFormId} component="form" noValidate {...eventHandlers}>
|
||||
<EuiForm
|
||||
id={modalFormId}
|
||||
component="form"
|
||||
noValidate
|
||||
{...eventHandlers}
|
||||
onBlur={validateFormOnBlur}
|
||||
>
|
||||
{isSystemUser ? (
|
||||
<>
|
||||
<EuiCallOut
|
||||
|
|
|
@ -14,13 +14,13 @@ Object {
|
|||
data-eui="EuiFocusTrap"
|
||||
>
|
||||
<div
|
||||
class="euiModal"
|
||||
style="max-width: 750px;"
|
||||
class="euiModal emotion-euiModal"
|
||||
style="max-inline-size: 750px;"
|
||||
tabindex="0"
|
||||
>
|
||||
<button
|
||||
aria-label="Closes this modal window"
|
||||
class="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles"
|
||||
class="euiButtonIcon euiButtonIcon--xSmall euiModal__closeIcon emotion-euiButtonIcon-empty-text-hoverStyles-euiModal__closeIcon"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
|
@ -31,21 +31,19 @@ Object {
|
|||
/>
|
||||
</button>
|
||||
<div
|
||||
class="euiModalHeader"
|
||||
class="euiModalHeader emotion-euiModalHeader"
|
||||
>
|
||||
<div
|
||||
class="euiModalHeader__title"
|
||||
<h1
|
||||
class="euiTitle euiModalHeader__title emotion-euiTitle-m"
|
||||
>
|
||||
<h1>
|
||||
title
|
||||
</h1>
|
||||
</div>
|
||||
title
|
||||
</h1>
|
||||
</div>
|
||||
<div
|
||||
class="euiModalBody"
|
||||
class="euiModalBody emotion-euiModalBody"
|
||||
>
|
||||
<div
|
||||
class="euiModalBody__overflow"
|
||||
class="euiModalBody__overflow emotion-euiModalBody__overflow"
|
||||
>
|
||||
<div
|
||||
class="euiText emotion-euiText-s"
|
||||
|
@ -113,7 +111,7 @@ Object {
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiModalFooter"
|
||||
class="euiModalFooter emotion-euiModalFooter"
|
||||
>
|
||||
<button
|
||||
class="euiButtonEmpty css-9t7nyf-empty-primary"
|
||||
|
|
|
@ -185,9 +185,9 @@ describe('Policy Form Layout', () => {
|
|||
|
||||
it('should show a modal confirmation', () => {
|
||||
expect(confirmModal).toHaveLength(1);
|
||||
expect(confirmModal.find('div[data-test-subj="confirmModalTitleText"]').text()).toEqual(
|
||||
'Save and deploy changes'
|
||||
);
|
||||
expect(
|
||||
confirmModal.find('[data-test-subj="confirmModalTitleText"]').first().text()
|
||||
).toEqual('Save and deploy changes');
|
||||
expect(modalCancelButton.text()).toEqual('Cancel');
|
||||
expect(modalConfirmButton.text()).toEqual('Save and deploy changes');
|
||||
});
|
||||
|
|
|
@ -36,7 +36,7 @@ describe('DeleteTimelineModal', () => {
|
|||
/>
|
||||
);
|
||||
|
||||
expect(wrapper.find('[data-test-subj="title"]').first().text()).toEqual(
|
||||
expect(wrapper.find('[data-test-subj="confirmModalTitleText"]').first().text()).toEqual(
|
||||
'Delete "Privilege Escalation"?'
|
||||
);
|
||||
});
|
||||
|
@ -50,7 +50,7 @@ describe('DeleteTimelineModal', () => {
|
|||
/>
|
||||
);
|
||||
|
||||
expect(wrapper.find('[data-test-subj="title"]').first().text()).toEqual(
|
||||
expect(wrapper.find('[data-test-subj="confirmModalTitleText"]').first().text()).toEqual(
|
||||
'Delete "Leading and trailing whitespace"?'
|
||||
);
|
||||
});
|
||||
|
@ -60,7 +60,7 @@ describe('DeleteTimelineModal', () => {
|
|||
<DeleteTimelineModal onDelete={jest.fn()} closeModal={jest.fn()} />
|
||||
);
|
||||
|
||||
expect(wrapper.find('[data-test-subj="title"]').first().text()).toEqual(
|
||||
expect(wrapper.find('[data-test-subj="confirmModalTitleText"]').first().text()).toEqual(
|
||||
'Delete "Untitled timeline"?'
|
||||
);
|
||||
});
|
||||
|
@ -70,7 +70,7 @@ describe('DeleteTimelineModal', () => {
|
|||
<DeleteTimelineModal onDelete={jest.fn()} title={null} closeModal={jest.fn()} />
|
||||
);
|
||||
|
||||
expect(wrapper.find('[data-test-subj="title"]').first().text()).toEqual(
|
||||
expect(wrapper.find('[data-test-subj="confirmModalTitleText"]').first().text()).toEqual(
|
||||
'Delete "Untitled timeline"?'
|
||||
);
|
||||
});
|
||||
|
@ -80,7 +80,7 @@ describe('DeleteTimelineModal', () => {
|
|||
<DeleteTimelineModal onDelete={jest.fn()} title={' '} closeModal={jest.fn()} />
|
||||
);
|
||||
|
||||
expect(wrapper.find('[data-test-subj="title"]').first().text()).toEqual(
|
||||
expect(wrapper.find('[data-test-subj="confirmModalTitleText"]').first().text()).toEqual(
|
||||
'Delete "Untitled timeline"?'
|
||||
);
|
||||
});
|
||||
|
|
46
yarn.lock
46
yarn.lock
|
@ -1527,10 +1527,10 @@
|
|||
resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
|
||||
integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
|
||||
|
||||
"@elastic/eui@70.2.4":
|
||||
version "70.2.4"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-70.2.4.tgz#341be8be182e2d96980de771d3fc0f2a43757e9f"
|
||||
integrity sha512-rtjeJJCz7XGtuRP30kK6TZti6o5wmwA1BHQuStTH8mFmTIdUnfRgFaI1AJvbLwckgj4JuVkdfAYBUxqyC9V8UA==
|
||||
"@elastic/eui@70.4.0":
|
||||
version "70.4.0"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-70.4.0.tgz#0ce7520ac96e137f05861224a6cd0a029c4dc0bc"
|
||||
integrity sha512-w/pMxC0drBtzy3RQzHBLLbKRgy4EUTSetej0eg7m87copRZOwWXqlrIt52uuUj9txenxmpSonnnvSB+1a7fCfg==
|
||||
dependencies:
|
||||
"@types/chroma-js" "^2.0.0"
|
||||
"@types/lodash" "^4.14.160"
|
||||
|
@ -1551,7 +1551,7 @@
|
|||
react-beautiful-dnd "^13.1.0"
|
||||
react-dropzone "^11.5.3"
|
||||
react-element-to-jsx-string "^14.3.4"
|
||||
react-focus-on "^3.5.4"
|
||||
react-focus-on "^3.7.0"
|
||||
react-input-autosize "^3.0.0"
|
||||
react-is "^17.0.2"
|
||||
react-virtualized-auto-sizer "^1.0.6"
|
||||
|
@ -8911,12 +8911,12 @@ argsplit@^1.0.5:
|
|||
resolved "https://registry.yarnpkg.com/argsplit/-/argsplit-1.0.5.tgz#9319a6ef63411716cfeb216c45ec1d13b35c5e99"
|
||||
integrity sha1-kxmm72NBFxbP6yFsRewdE7NcXpk=
|
||||
|
||||
aria-hidden@^1.1.3:
|
||||
version "1.1.3"
|
||||
resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.1.3.tgz#bb48de18dc84787a3c6eee113709c473c64ec254"
|
||||
integrity sha512-RhVWFtKH5BiGMycI72q2RAFMLQi8JP9bLuQXgR5a8Znp7P5KOIADSJeyfI8PCVxLEp067B2HbP5JIiI/PXIZeA==
|
||||
aria-hidden@^1.2.2:
|
||||
version "1.2.2"
|
||||
resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.2.2.tgz#8c4f7cc88d73ca42114106fdf6f47e68d31475b8"
|
||||
integrity sha512-6y/ogyDTk/7YAe91T3E2PR1ALVKyM2QbTio5HwM+N1Q6CMlCKhvClyIjkckBswa0f2xJhjsfzIGa1yVSe1UMVA==
|
||||
dependencies:
|
||||
tslib "^1.0.0"
|
||||
tslib "^2.0.0"
|
||||
|
||||
aria-query@^4.2.2:
|
||||
version "4.2.2"
|
||||
|
@ -22660,10 +22660,10 @@ react-fast-compare@^3.0.1:
|
|||
resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.0.tgz#641a9da81b6a6320f270e89724fb45a0b39e43bb"
|
||||
integrity sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==
|
||||
|
||||
react-focus-lock@^2.9.0:
|
||||
version "2.9.1"
|
||||
resolved "https://registry.yarnpkg.com/react-focus-lock/-/react-focus-lock-2.9.1.tgz#094cfc19b4f334122c73bb0bff65d77a0c92dd16"
|
||||
integrity sha512-pSWOQrUmiKLkffPO6BpMXN7SNKXMsuOakl652IBuALAu1esk+IcpJyM+ALcYzPTTFz1rD0R54aB9A4HuP5t1Wg==
|
||||
react-focus-lock@^2.9.2:
|
||||
version "2.9.2"
|
||||
resolved "https://registry.yarnpkg.com/react-focus-lock/-/react-focus-lock-2.9.2.tgz#a57dfd7c493e5a030d87f161c96ffd082bd920f2"
|
||||
integrity sha512-5JfrsOKyA5Zn3h958mk7bAcfphr24jPoMoznJ8vaJF6fUrPQ8zrtEd3ILLOK8P5jvGxdMd96OxWNjDzATfR2qw==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
focus-lock "^0.11.2"
|
||||
|
@ -22672,14 +22672,14 @@ react-focus-lock@^2.9.0:
|
|||
use-callback-ref "^1.3.0"
|
||||
use-sidecar "^1.1.2"
|
||||
|
||||
react-focus-on@^3.5.4, react-focus-on@^3.6.0:
|
||||
version "3.6.0"
|
||||
resolved "https://registry.yarnpkg.com/react-focus-on/-/react-focus-on-3.6.0.tgz#159e13082dad4ea1f07abe11254f0e981d5a7b79"
|
||||
integrity sha512-onIRjpd9trAUenXNdDcvjc8KJUSklty4X/Gr7hAm/MzM7ekSF2pg9D8KBKL7ipige22IAPxLRRf/EmJji9KD6Q==
|
||||
react-focus-on@^3.7.0:
|
||||
version "3.7.0"
|
||||
resolved "https://registry.yarnpkg.com/react-focus-on/-/react-focus-on-3.7.0.tgz#bf782b51483d52d1d336b7b09cb864897af26cdf"
|
||||
integrity sha512-TsCnbJr4qjqFatJ4U1N8qGSZH+FUzxJ5mJ5ta7TY2YnDmUbGGmcvZMTZgGjQ1fl6vlztsMyg6YyZlPAeeIhEUg==
|
||||
dependencies:
|
||||
aria-hidden "^1.1.3"
|
||||
react-focus-lock "^2.9.0"
|
||||
react-remove-scroll "^2.5.2"
|
||||
aria-hidden "^1.2.2"
|
||||
react-focus-lock "^2.9.2"
|
||||
react-remove-scroll "^2.5.5"
|
||||
react-style-singleton "^2.2.0"
|
||||
tslib "^2.3.1"
|
||||
use-callback-ref "^1.3.0"
|
||||
|
@ -22834,7 +22834,7 @@ react-remove-scroll-bar@^2.3.3:
|
|||
react-style-singleton "^2.2.1"
|
||||
tslib "^2.0.0"
|
||||
|
||||
react-remove-scroll@^2.5.2:
|
||||
react-remove-scroll@^2.5.5:
|
||||
version "2.5.5"
|
||||
resolved "https://registry.yarnpkg.com/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz#1e31a1260df08887a8a0e46d09271b52b3a37e77"
|
||||
integrity sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==
|
||||
|
@ -26329,7 +26329,7 @@ tslib@2.3.1:
|
|||
resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.1.tgz#e8a335add5ceae51aa261d32a490158ef042ef01"
|
||||
integrity sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==
|
||||
|
||||
tslib@^1.0.0, tslib@^1.10.0, tslib@^1.8.1, tslib@^1.9.0, tslib@^1.9.3:
|
||||
tslib@^1.10.0, tslib@^1.8.1, tslib@^1.9.0, tslib@^1.9.3:
|
||||
version "1.13.0"
|
||||
resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
|
||||
integrity sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue