update docked mode enum

Signed-off-by: tygao <[email protected]>

Author: raintygao

src/core/public/chrome/ui/header/header.test.tsx

@@ -36,7 +36,7 @@ import { httpServiceMock } from '../../../http/http_service.mock';
 import { applicationServiceMock, chromeServiceMock } from '../../../mocks';
 import { Header } from './header';
 import { StubBrowserStorage } from 'test_utils/stub_browser_storage';
-import { ISidecarConfig } from 'src/core/public/overlays';
+import { ISidecarConfig, SIDECAR_DOCKED_MODE } from 'src/core/public/overlays';
 
 jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
   htmlIdGenerator: () => () => 'mockId',
@@ -74,7 +74,7 @@ function mockProps() {
     survey: '/',
     logos: chromeServiceMock.createStartContract().logos,
     sidecarConfig$: new BehaviorSubject<ISidecarConfig>({
-      dockedMode: 'right',
+      dockedMode: SIDECAR_DOCKED_MODE.RIGHT,
       paddingSize: 640,
     }),
   };

src/core/public/index.ts

@@ -182,7 +182,13 @@ export {
   IHttpResponseInterceptorOverrides,
 } from './http';
 
-export { OverlayStart, OverlayBannersStart, OverlayRef, ISidecarConfig } from './overlays';
+export {
+  OverlayStart,
+  OverlayBannersStart,
+  OverlayRef,
+  ISidecarConfig,
+  SIDECAR_DOCKED_MODE,
+} from './overlays';
 
 export {
   Toast,

src/core/public/overlays/index.ts

@@ -38,4 +38,5 @@ export {
   OverlaySidecarOpenOptions,
   ISidecarConfig,
   getOsdSidecarPaddingStyle,
+  SIDECAR_DOCKED_MODE,
 } from './sidecar';

src/core/public/overlays/sidecar/index.ts

@@ -8,5 +8,6 @@ export {
   OverlaySidecarStart,
   OverlaySidecarOpenOptions,
   ISidecarConfig,
+  SIDECAR_DOCKED_MODE,
 } from './sidecar_service';
 export { getOsdSidecarPaddingStyle } from './helper';

src/core/public/overlays/sidecar/resizable_button.tsx

@@ -7,7 +7,7 @@ import React, { useCallback, useRef } from 'react';
 import classNames from 'classnames';
 import './rsizable_button.scss';
 import { getPosition } from './helper';
-import { ISidecarConfig } from './sidecar_service';
+import { ISidecarConfig, SIDECAR_DOCKED_MODE } from './sidecar_service';
 
 interface Props {
   isHorizontal: boolean;
@@ -25,7 +25,7 @@ export const ResizableButton = ({
   flyoutSize,
   minSize = MIN_SIDECAR_SIZE,
 }: Props) => {
-  const isHorizontal = dockedMode !== 'takeover';
+  const isHorizontal = dockedMode !== SIDECAR_DOCKED_MODE.TAKEOVER;
 
   const classes = classNames('resizableButton', {
     'resizableButton--vertical': !isHorizontal,

src/core/public/overlays/sidecar/sidecar_service.mock.ts

@@ -6,15 +6,15 @@
 import type { PublicMethodsOf } from '@osd/utility-types';
 import { SidecarService, OverlaySidecarStart } from './sidecar_service';
 import { BehaviorSubject } from 'rxjs';
-import { ISidecarConfig } from './sidecar_service';
+import { ISidecarConfig, SIDECAR_DOCKED_MODE } from './sidecar_service';
 
 const createStartContractMock = () => {
   const startContract: jest.Mocked<OverlaySidecarStart> = {
     open: jest.fn(),
     setSidecarConfig: jest.fn(),
     getSidecarConfig$: jest.fn().mockReturnValue(
       new BehaviorSubject<ISidecarConfig>({
-        dockedMode: 'right',
+        dockedMode: SIDECAR_DOCKED_MODE.RIGHT,
         paddingSize: 640,
       })
     ),

src/core/public/overlays/sidecar/sidecar_service.tsx

@@ -106,9 +106,14 @@ interface StartDeps {
   targetDomElement: Element;
 }
 
+export enum SIDECAR_DOCKED_MODE {
+  LEFT = 'left',
+  RIGHT = 'right',
+  TAKEOVER = 'takeover',
+}
 export interface ISidecarConfig {
   // takeover mode will docked to bottom
-  dockedMode: 'left' | 'right' | 'takeover';
+  dockedMode: SIDECAR_DOCKED_MODE;
   paddingSize: number;
   minSize?: number;
   isHidden?: boolean;

src/core/public/rendering/app_containers.test.tsx

@@ -34,13 +34,13 @@ import { mount } from 'enzyme';
 import React from 'react';
 
 import { AppWrapper, AppContainer } from './app_containers';
-import { ISidecarConfig } from '../overlays';
+import { ISidecarConfig, SIDECAR_DOCKED_MODE } from '../overlays';
 
 describe('AppWrapper', () => {
   it('toggles the `hidden-chrome` class depending on the chrome visibility state', () => {
     const chromeVisible$ = new BehaviorSubject<boolean>(true);
     const sidecarConfig$ = new BehaviorSubject<ISidecarConfig>({
-      dockedMode: 'right',
+      dockedMode: SIDECAR_DOCKED_MODE.RIGHT,
       paddingSize: 640,
     });