From 54cc28461ce4b5407f791bdc0a398050f07f4882 Mon Sep 17 00:00:00 2001
From: Muhammad Ibragimov <53621505+mibragimov@users.noreply.github.com>
Date: Fri, 24 Dec 2021 14:21:06 +0500
Subject: [PATCH] [Console] Move split_panel component to Console (#121283)

* Move split_panel component to Console

Co-authored-by: Muhammad Ibragimov <muhammad.ibragimov@elastic.co>
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
---
 .../public/application/containers/editor/editor.tsx    |  2 +-
 .../console/public/application/containers/index.ts     |  1 +
 .../__snapshots__/split_panel.test.tsx.snap            |  0
 .../application/containers}/split_panel/index.ts       |  4 ++--
 .../application/containers/split_panel}/panel.tsx      |  2 +-
 .../containers/split_panel}/panel_container.tsx        |  5 ++---
 .../application/containers/split_panel}/resizer.tsx    |  2 +-
 .../containers}/split_panel/split_panel.test.tsx       |  3 ++-
 .../console/public/application/contexts/index.ts       |  2 ++
 .../public/application/contexts/split_panel/index.ts   | 10 ++++++++++
 .../contexts/split_panel/split_panel_context.tsx}      |  2 +-
 .../contexts/split_panel/split_panel_registry.ts}      |  0
 src/plugins/kibana_react/public/index.ts               |  1 -
 x-pack/plugins/translations/translations/ja-JP.json    |  2 +-
 x-pack/plugins/translations/translations/zh-CN.json    |  2 +-
 15 files changed, 25 insertions(+), 13 deletions(-)
 rename src/plugins/{kibana_react/public => console/public/application/containers}/split_panel/__snapshots__/split_panel.test.tsx.snap (100%)
 rename src/plugins/{kibana_react/public => console/public/application/containers}/split_panel/index.ts (76%)
 rename src/plugins/{kibana_react/public/split_panel/containers => console/public/application/containers/split_panel}/panel.tsx (96%)
 rename src/plugins/{kibana_react/public/split_panel/containers => console/public/application/containers/split_panel}/panel_container.tsx (97%)
 rename src/plugins/{kibana_react/public/split_panel/components => console/public/application/containers/split_panel}/resizer.tsx (92%)
 rename src/plugins/{kibana_react/public => console/public/application/containers}/split_panel/split_panel.test.tsx (96%)
 create mode 100644 src/plugins/console/public/application/contexts/split_panel/index.ts
 rename src/plugins/{kibana_react/public/split_panel/context.tsx => console/public/application/contexts/split_panel/split_panel_context.tsx} (94%)
 rename src/plugins/{kibana_react/public/split_panel/registry.ts => console/public/application/contexts/split_panel/split_panel_registry.ts} (100%)

diff --git a/src/plugins/console/public/application/containers/editor/editor.tsx b/src/plugins/console/public/application/containers/editor/editor.tsx
index b756aa4f28f1b..df017250664e4 100644
--- a/src/plugins/console/public/application/containers/editor/editor.tsx
+++ b/src/plugins/console/public/application/containers/editor/editor.tsx
@@ -11,7 +11,7 @@ import { debounce } from 'lodash';
 import { EuiProgress } from '@elastic/eui';
 
 import { EditorContentSpinner } from '../../components';
-import { Panel, PanelsContainer } from '../../../../../kibana_react/public';
+import { Panel, PanelsContainer } from '../../containers';
 import { Editor as EditorUI, EditorOutput } from './legacy/console_editor';
 import { StorageKeys } from '../../../services';
 import { useEditorReadContext, useServicesContext, useRequestReadContext } from '../../contexts';
diff --git a/src/plugins/console/public/application/containers/index.ts b/src/plugins/console/public/application/containers/index.ts
index da7eb41637f21..447b574676144 100644
--- a/src/plugins/console/public/application/containers/index.ts
+++ b/src/plugins/console/public/application/containers/index.ts
@@ -7,3 +7,4 @@
  */
 
 export { Main } from './main';
+export { Panel, PanelsContainer } from './split_panel';
diff --git a/src/plugins/kibana_react/public/split_panel/__snapshots__/split_panel.test.tsx.snap b/src/plugins/console/public/application/containers/split_panel/__snapshots__/split_panel.test.tsx.snap
similarity index 100%
rename from src/plugins/kibana_react/public/split_panel/__snapshots__/split_panel.test.tsx.snap
rename to src/plugins/console/public/application/containers/split_panel/__snapshots__/split_panel.test.tsx.snap
diff --git a/src/plugins/kibana_react/public/split_panel/index.ts b/src/plugins/console/public/application/containers/split_panel/index.ts
similarity index 76%
rename from src/plugins/kibana_react/public/split_panel/index.ts
rename to src/plugins/console/public/application/containers/split_panel/index.ts
index 6d976fe2f5849..0d54d48c484d9 100644
--- a/src/plugins/kibana_react/public/split_panel/index.ts
+++ b/src/plugins/console/public/application/containers/split_panel/index.ts
@@ -6,5 +6,5 @@
  * Side Public License, v 1.
  */
 
-export { Panel } from './containers/panel';
-export { PanelsContainer } from './containers/panel_container';
+export { Panel } from './panel';
+export { PanelsContainer } from './panel_container';
diff --git a/src/plugins/kibana_react/public/split_panel/containers/panel.tsx b/src/plugins/console/public/application/containers/split_panel/panel.tsx
similarity index 96%
rename from src/plugins/kibana_react/public/split_panel/containers/panel.tsx
rename to src/plugins/console/public/application/containers/split_panel/panel.tsx
index 436c07adfb224..1bbff074c2829 100644
--- a/src/plugins/kibana_react/public/split_panel/containers/panel.tsx
+++ b/src/plugins/console/public/application/containers/split_panel/panel.tsx
@@ -7,7 +7,7 @@
  */
 
 import React, { CSSProperties, ReactNode, useEffect, useRef, useState } from 'react';
-import { usePanelContext } from '../context';
+import { usePanelContext } from '../../contexts';
 
 export interface Props {
   children: ReactNode[] | ReactNode;
diff --git a/src/plugins/kibana_react/public/split_panel/containers/panel_container.tsx b/src/plugins/console/public/application/containers/split_panel/panel_container.tsx
similarity index 97%
rename from src/plugins/kibana_react/public/split_panel/containers/panel_container.tsx
rename to src/plugins/console/public/application/containers/split_panel/panel_container.tsx
index 69beb565ad857..30e200880d2cb 100644
--- a/src/plugins/kibana_react/public/split_panel/containers/panel_container.tsx
+++ b/src/plugins/console/public/application/containers/split_panel/panel_container.tsx
@@ -9,9 +9,8 @@
 import React, { Children, ReactNode, useRef, useState, useCallback, useEffect } from 'react';
 
 import { keys } from '@elastic/eui';
-import { PanelContextProvider } from '../context';
-import { Resizer, ResizerMouseEvent, ResizerKeyDownEvent } from '../components/resizer';
-import { PanelRegistry } from '../registry';
+import { Resizer, ResizerMouseEvent, ResizerKeyDownEvent } from './resizer';
+import { PanelContextProvider, PanelRegistry } from '../../contexts';
 
 export interface Props {
   children: ReactNode;
diff --git a/src/plugins/kibana_react/public/split_panel/components/resizer.tsx b/src/plugins/console/public/application/containers/split_panel/resizer.tsx
similarity index 92%
rename from src/plugins/kibana_react/public/split_panel/components/resizer.tsx
rename to src/plugins/console/public/application/containers/split_panel/resizer.tsx
index 8a4c348d482d9..9ead5045805ff 100644
--- a/src/plugins/kibana_react/public/split_panel/components/resizer.tsx
+++ b/src/plugins/console/public/application/containers/split_panel/resizer.tsx
@@ -24,7 +24,7 @@ export function Resizer(props: Props) {
     <button
       {...props}
       data-test-subj="splitPanelResizer"
-      aria-label={i18n.translate('kibana-react.splitPanel.adjustPanelSizeAriaLabel', {
+      aria-label={i18n.translate('console.splitPanel.adjustPanelSizeAriaLabel', {
         defaultMessage: 'Press left/right to adjust panels size',
       })}
     >
diff --git a/src/plugins/kibana_react/public/split_panel/split_panel.test.tsx b/src/plugins/console/public/application/containers/split_panel/split_panel.test.tsx
similarity index 96%
rename from src/plugins/kibana_react/public/split_panel/split_panel.test.tsx
rename to src/plugins/console/public/application/containers/split_panel/split_panel.test.tsx
index 6ed36168da2af..dc8ebc7220404 100644
--- a/src/plugins/kibana_react/public/split_panel/split_panel.test.tsx
+++ b/src/plugins/console/public/application/containers/split_panel/split_panel.test.tsx
@@ -11,7 +11,8 @@ import { mount } from 'enzyme';
 import toJson from 'enzyme-to-json';
 import { spy } from 'sinon';
 
-import { PanelsContainer, Panel } from './index';
+import { Panel } from './panel';
+import { PanelsContainer } from './panel_container';
 
 const testComponentA = <p style={{ width: '50px' }}>A</p>;
 const testComponentB = <p style={{ width: '50px' }}>B</p>;
diff --git a/src/plugins/console/public/application/contexts/index.ts b/src/plugins/console/public/application/contexts/index.ts
index 2239c4f3354c2..4d2ec36a248d4 100644
--- a/src/plugins/console/public/application/contexts/index.ts
+++ b/src/plugins/console/public/application/contexts/index.ts
@@ -20,3 +20,5 @@ export {
   useEditorReadContext,
   EditorContextProvider,
 } from './editor_context';
+
+export { usePanelContext, PanelContextProvider, PanelRegistry } from './split_panel';
diff --git a/src/plugins/console/public/application/contexts/split_panel/index.ts b/src/plugins/console/public/application/contexts/split_panel/index.ts
new file mode 100644
index 0000000000000..cc6c9561f8b14
--- /dev/null
+++ b/src/plugins/console/public/application/contexts/split_panel/index.ts
@@ -0,0 +1,10 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+export { usePanelContext, PanelContextProvider } from './split_panel_context';
+export { PanelRegistry } from './split_panel_registry';
diff --git a/src/plugins/kibana_react/public/split_panel/context.tsx b/src/plugins/console/public/application/contexts/split_panel/split_panel_context.tsx
similarity index 94%
rename from src/plugins/kibana_react/public/split_panel/context.tsx
rename to src/plugins/console/public/application/contexts/split_panel/split_panel_context.tsx
index e236b5037e7f3..880c0aad8e872 100644
--- a/src/plugins/kibana_react/public/split_panel/context.tsx
+++ b/src/plugins/console/public/application/contexts/split_panel/split_panel_context.tsx
@@ -7,7 +7,7 @@
  */
 
 import React, { createContext, useContext } from 'react';
-import { PanelRegistry } from './registry';
+import { PanelRegistry } from './split_panel_registry';
 
 const PanelContext = createContext({ registry: new PanelRegistry() });
 
diff --git a/src/plugins/kibana_react/public/split_panel/registry.ts b/src/plugins/console/public/application/contexts/split_panel/split_panel_registry.ts
similarity index 100%
rename from src/plugins/kibana_react/public/split_panel/registry.ts
rename to src/plugins/console/public/application/contexts/split_panel/split_panel_registry.ts
diff --git a/src/plugins/kibana_react/public/index.ts b/src/plugins/kibana_react/public/index.ts
index 2b39a6aa0e1fb..dbe63b8884f2e 100644
--- a/src/plugins/kibana_react/public/index.ts
+++ b/src/plugins/kibana_react/public/index.ts
@@ -18,7 +18,6 @@ export * from './overlays';
 export * from './ui_settings';
 export * from './table_list_view';
 export * from './toolbar_button';
-export * from './split_panel';
 export * from './react_router_navigate';
 export * from './page_template';
 export type { Value } from './validated_range';
diff --git a/x-pack/plugins/translations/translations/ja-JP.json b/x-pack/plugins/translations/translations/ja-JP.json
index 88af6b3bb4e25..eea0b9f564ffb 100644
--- a/x-pack/plugins/translations/translations/ja-JP.json
+++ b/x-pack/plugins/translations/translations/ja-JP.json
@@ -243,6 +243,7 @@
     "console.settingsPage.templatesLabelText": "テンプレート",
     "console.settingsPage.tripleQuotesMessage": "出力ウィンドウでは三重引用符を使用してください",
     "console.settingsPage.wrapLongLinesLabelText": "長い行を改行",
+    "console.splitPanel.adjustPanelSizeAriaLabel": "左右のキーを押してパネルサイズを調整します",
     "console.topNav.helpTabDescription": "ヘルプ",
     "console.topNav.helpTabLabel": "ヘルプ",
     "console.topNav.historyTabDescription": "履歴",
@@ -3459,7 +3460,6 @@
     "kibana-react.solutionNav.collapsibleLabel": "サイドナビゲーションを折りたたむ",
     "kibana-react.solutionNav.mobileTitleText": "{solutionName}メニュー",
     "kibana-react.solutionNav.openLabel": "サイドナビゲーションを開く",
-    "kibana-react.splitPanel.adjustPanelSizeAriaLabel": "左右のキーを押してパネルサイズを調整します",
     "kibana-react.tableListView.listing.createNewItemButtonLabel": "Create {entityName}",
     "kibana-react.tableListView.listing.deleteButtonMessage": "{itemCount} 件の {entityName} を削除",
     "kibana-react.tableListView.listing.deleteConfirmModalDescription": "削除された {entityNamePlural} は復元できません。",
diff --git a/x-pack/plugins/translations/translations/zh-CN.json b/x-pack/plugins/translations/translations/zh-CN.json
index d90fd0fda7d5b..f200e648f01ab 100644
--- a/x-pack/plugins/translations/translations/zh-CN.json
+++ b/x-pack/plugins/translations/translations/zh-CN.json
@@ -246,6 +246,7 @@
     "console.settingsPage.templatesLabelText": "模板",
     "console.settingsPage.tripleQuotesMessage": "在输出窗格中使用三重引号",
     "console.settingsPage.wrapLongLinesLabelText": "长行换行",
+    "console.splitPanel.adjustPanelSizeAriaLabel": "按左/右箭头键调整面板大小",
     "console.topNav.helpTabDescription": "帮助",
     "console.topNav.helpTabLabel": "帮助",
     "console.topNav.historyTabDescription": "历史记录",
@@ -3484,7 +3485,6 @@
     "kibana-react.solutionNav.collapsibleLabel": "折叠侧边导航",
     "kibana-react.solutionNav.mobileTitleText": "{solutionName} 菜单",
     "kibana-react.solutionNav.openLabel": "打开侧边导航",
-    "kibana-react.splitPanel.adjustPanelSizeAriaLabel": "按左/右箭头键调整面板大小",
     "kibana-react.tableListView.listing.createNewItemButtonLabel": "创建 {entityName}",
     "kibana-react.tableListView.listing.deleteButtonMessage": "删除 {itemCount} 个 {entityName}",
     "kibana-react.tableListView.listing.deleteConfirmModalDescription": "无法恢复删除的 {entityNamePlural}。",