[Fleet] Prompt user of unsaved changes in package policy edit page

[nchaulet]

Summary

Related to #133740

That PR add a prompt when the user try to leave the package policy editor pages with unsaved changes, this is particularly important as we added a new flow with custom pipelines where user are redirect from the editor page to the ingest pipeline UI.

UI Changes

How to test?

Try to edit an integration:

• if no changes are made you should be able to click cancel without prompt
• if some changes are made you should see a prompt when clicking cancel
• you should be able to save and be redirected without seeing the prompt

[elasticmachine]

Pinging @elastic/fleet (Team:Fleet)

[juliaElastic]

It would be nice to make the style consistent with other modals, like move Are you sure you want to leave? to the title, and put a . after Changes will be lost, change the Confirm button label to something clearer like Leave page

[nchaulet]

It would be nice to make the style consistent with other modals, like move Are you sure you want to leave? to the title, and put a . after Changes will be lost, change the Confirm button label to something clearer like Leave page

@juliaElastic the scoped history block method do not give us a lot of options here, we could only set the message, but I can at least add the . at the end.

[juliaElastic]

LGTM

[nchaulet]

@juliaElastic Actually I was able to provide a custom modal by playing a little with the history.block method

[nchaulet]

@elastic/kibana-core I had to change the navigateToUrl method to support state do you think that change make sense? Do you think it make more sense to add this in a separate PR?

[pgayvallet]

Please add the associated unit test here:

kibana/src/core/public/application/application_service.test.ts

Line 1098 in 3c3aa33

describe('navigateToUrl with options', () => {

[nchaulet]

I just added it

[pgayvallet]

LGTM

[nchaulet]

@elasticmachine merge upstream

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: fafba4a
• Storybooks Preview
• Webpack Bundle Analyzer

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
fleet	728	730	+2

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
fleet	834.2KB	835.6KB	+1.4KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
core	298.6KB	298.6KB	+16.0B

Unknown metric groups

API count

id	before	after	diff
core	2533	2534	+1

History

• 💚 Build #53828 succeeded 34215f2
• 💛 Build #53593 was flaky 7d2ecfa
• 💔 Build #53534 failed a388a3d
• 💔 Build #53461 failed a4f255c

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @nchaulet