[ILM] Add warnings for managed system policies (elastic#132269)

* Add warnings to system/managed policies

* Fix translations, policies

* Add jest tests

* Add jest tests to assert new toggle behavior

* Add jest tests for edit policy callout

* Fix snapshot

* [ML] Update jest tests with helper, rename helper for clarity

* [ML] Add hook for local storage to remember toggle setting

* [ML] Fix naming

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

x-pack/plugins/index_lifecycle_management/__jest__/client_integration/edit_policy/constants.ts

@@ -221,6 +221,29 @@ export const POLICY_WITH_KNOWN_AND_UNKNOWN_FIELDS = {
   name: POLICY_NAME,
 } as any as PolicyFromES;
 
+export const POLICY_MANAGED_BY_ES: PolicyFromES = {
+  version: 1,
+  modifiedDate: Date.now().toString(),
+  policy: {
+    name: POLICY_NAME,
+    phases: {
+      hot: {
+        min_age: '0ms',
+        actions: {
+          rollover: {
+            max_age: '30d',
+            max_primary_shard_size: '50gb',
+          },
+        },
+      },
+    },
+    _meta: {
+      managed: true,
+    },
+  },
+  name: POLICY_NAME,
+};
+
 export const getGeneratedPolicies = (): PolicyFromES[] => {
   const policy = {
     phases: {

x-pack/plugins/index_lifecycle_management/__jest__/client_integration/edit_policy/features/edit_warning.test.ts

@@ -9,7 +9,7 @@ import { act } from 'react-dom/test-utils';
 import { TestBed } from '@kbn/test-jest-helpers';
 import { setupEnvironment } from '../../helpers';
 import { initTestBed } from '../init_test_bed';
-import { getDefaultHotPhasePolicy, POLICY_NAME } from '../constants';
+import { getDefaultHotPhasePolicy, POLICY_NAME, POLICY_MANAGED_BY_ES } from '../constants';
 
 describe('<EditPolicy /> edit warning', () => {
   let testBed: TestBed;
@@ -54,6 +54,19 @@ describe('<EditPolicy /> edit warning', () => {
     expect(exists('editWarning')).toBe(true);
   });
 
+  test('an edit warning callout is shown for an existing, managed policy', async () => {
+    httpRequestsMockHelpers.setLoadPolicies([POLICY_MANAGED_BY_ES]);
+
+    await act(async () => {
+      testBed = await initTestBed(httpSetup);
+    });
+    const { exists, component } = testBed;
+    component.update();
+
+    expect(exists('editWarning')).toBe(true);
+    expect(exists('editManagedPolicyCallOut')).toBe(true);
+  });
+
   test('no indices link if no indices', async () => {
     httpRequestsMockHelpers.setLoadPolicies([
       { ...getDefaultHotPhasePolicy(POLICY_NAME), indices: [] },