Only import needed types to public

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/components/assets_facet_group.tsx

@@ -21,7 +21,7 @@ import {
   AssetTypeToParts,
   KibanaAssetType,
   entries,
-} from '../../../../../../common/types/epm';
+} from '../../../types';
 import {
   AssetIcons,
   AssetTitleMap,

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/components/package_card.tsx

@@ -6,7 +6,7 @@
 import { EuiCard, EuiIcon, ICON_TYPES } from '@elastic/eui';
 import React from 'react';
 import styled from 'styled-components';
-import { PackageInfo, PackageListItem } from '../../../../../../common/types/epm';
+import { PackageInfo, PackageListItem } from '../../../types';
 import { useLinks } from '../hooks';
 
 export interface BadgeProps {

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/components/package_list_grid.tsx

@@ -5,7 +5,7 @@
  */
 import { EuiFlexGrid, EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiText } from '@elastic/eui';
 import React, { Fragment, ReactNode } from 'react';
-import { PackageList } from '../../../../../../common/types/epm';
+import { PackageList } from '../../../types';
 import { BadgeProps, PackageCard } from './package_card';
 
 type ListProps = {

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/components/requirements.tsx

@@ -7,7 +7,7 @@
 import { EuiFlexGroup, EuiFlexItem, EuiIcon, EuiText, EuiTextColor, EuiTitle } from '@elastic/eui';
 import React, { Fragment } from 'react';
 import styled from 'styled-components';
-import { RequirementsByServiceName, entries } from '../../../../../../common/types/epm';
+import { RequirementsByServiceName, entries } from '../../../types';
 import { ServiceTitleMap } from '../constants';
 // import { useCore } from '../hooks/use_core';
 import { Version } from './version';

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/components/version.tsx

@@ -6,7 +6,7 @@
 
 import React from 'react';
 import styled from 'styled-components';
-import { RequirementVersion } from '../../../../../../common/types/epm';
+import { RequirementVersion } from '../../../types';
 
 // const CodeText = styled.span`
 //   font-family: ${props => props.theme.eui.euiCodeFontFamily};

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/screens/detail/content.tsx

@@ -8,7 +8,7 @@ import { EuiFlexGroup, EuiFlexItem, EuiHorizontalRule, EuiSpacer } from '@elasti
 import React from 'react';
 import styled from 'styled-components';
 import { DEFAULT_PANEL, DetailParams } from '.';
-import { PackageInfo } from '../../../../../../../common/types/epm';
+import { PackageInfo } from '../../../../types';
 import { AssetsFacetGroup } from '../../components/assets_facet_group';
 import { Requirements } from '../../components/requirements';
 import { CenterColumn, LeftColumn, RightColumn } from './layout';

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/screens/detail/header.tsx

@@ -7,7 +7,7 @@ import { EuiFlexGroup, EuiFlexItem, EuiPage, EuiTitle, IconType } from '@elastic
 import React, { Fragment } from 'react';
 import styled from 'styled-components';
 // import { PLUGIN } from '../../../common/constants';
-import { PackageInfo } from '../../../../../../../common/types/epm';
+import { PackageInfo } from '../../../../types';
 import { IconPanel } from '../../components/icon_panel';
 import { NavButtonBack } from '../../components/nav_button_back';
 import { Version } from '../../components/version';

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/screens/detail/index.tsx

@@ -8,7 +8,7 @@ import React, { Fragment, useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import styled from 'styled-components';
 import { DetailViewPanelName } from '../../types';
-import { PackageInfo } from '../../../../../../../common/types/epm';
+import { PackageInfo } from '../../../../types';
 import { getPackageInfoByKey } from '../../data';
 // import { useSetPackageInstallStatus } from '../../hooks';
 // import { useCore } from '../../hooks/use_core';

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/screens/detail/installation_button.tsx

@@ -5,7 +5,7 @@
  */
 import { EuiButton } from '@elastic/eui';
 import React, { Fragment, useCallback, useMemo, useState } from 'react';
-import { PackageInfo } from '../../../../../../../common/types/epm';
+import { PackageInfo } from '../../../../types';
 // import { useDeletePackage, useGetPackageInstallStatus, useInstallPackage } from '../../hooks';
 // import { InstallStatus } from '../../types';
 import { ConfirmPackageDelete } from './confirm_package_delete';

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/screens/detail/overview_panel.tsx

@@ -5,7 +5,7 @@
  */
 import { EuiSpacer } from '@elastic/eui';
 import React, { Fragment } from 'react';
-import { PackageInfo } from '../../../../../../../common/types/epm';
+import { PackageInfo } from '../../../../types';
 import { Readme } from './readme';
 import { Screenshots } from './screenshots';
 

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/screens/detail/screenshots.tsx

@@ -6,7 +6,7 @@
 import { EuiFlexGroup, EuiFlexItem, EuiImage, EuiSpacer, EuiText, EuiTitle } from '@elastic/eui';
 import React, { Fragment } from 'react';
 import styled from 'styled-components';
-import { ScreenshotItem } from '../../../../../../../common/types/epm';
+import { ScreenshotItem } from '../../../../types';
 // import { useCore, useLinks } from '../../hooks';
 
 interface ScreenshotProps {

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/screens/detail/side_nav_links.tsx

@@ -8,7 +8,7 @@ import { EuiButtonEmpty, EuiButtonEmptyProps } from '@elastic/eui';
 import React, { Fragment } from 'react';
 import styled from 'styled-components';
 import { DetailViewPanelName } from '../../types';
-import { PackageInfo, entries } from '../../../../../../../common/types/epm';
+import { PackageInfo, entries } from '../../../../types';
 // import { useLinks, useGetPackageInstallStatus } from '../../hooks';
 // import { InstallStatus } from '../../types';
 

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/screens/home/category_facets.tsx

@@ -5,7 +5,7 @@
  */
 import { EuiFacetButton, EuiFacetGroup } from '@elastic/eui';
 import React from 'react';
-import { CategorySummaryItem, CategorySummaryList } from '../../../../../../../common/types/epm';
+import { CategorySummaryItem, CategorySummaryList } from '../../../../types';
 
 export function CategoryFacets({
   categories,

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/screens/home/hooks.tsx

@@ -5,7 +5,7 @@
  */
 
 import { useEffect, useRef, useState } from 'react';
-import { CategorySummaryList, PackageList } from '../../../../../../../common/types/epm';
+import { CategorySummaryList, PackageList } from '../../../../types';
 import { getCategories, getPackages } from '../../data';
 import { fieldsToSearch, LocalSearch, searchIdField } from './search_packages';
 

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/screens/home/index.tsx

@@ -7,7 +7,7 @@ import { EuiHorizontalRule, EuiPage, EuiPageBody, EuiSpacer } from '@elastic/eui
 import React, { Fragment, useState } from 'react';
 import styled from 'styled-components';
 // import { PLUGIN } from '../../../common/constants';
-import { CategorySummaryItem, PackageList } from '../../../../../../../common/types/epm';
+import { CategorySummaryItem, PackageList } from '../../../../types';
 import { PackageListGrid } from '../../components/package_list_grid';
 // import { useBreadcrumbs, useLinks } from '../../hooks';
 // import { useLinks } from '../../hooks';

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/screens/home/search_packages.tsx

@@ -6,7 +6,7 @@
 
 import { Search as LocalSearch } from 'js-search';
 import React from 'react';
-import { PackageList, PackageListItem } from '../../../../../../../common/types/epm';
+import { PackageList, PackageListItem } from '../../../../types';
 import { SearchResults } from './search_results';
 
 export { LocalSearch };

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/epm/screens/home/search_results.tsx

@@ -6,7 +6,7 @@
 
 import { EuiText, EuiTitle } from '@elastic/eui';
 import React from 'react';
-import { PackageList } from '../../../../../../../common/types/epm';
+import { PackageList } from '../../../../types';
 import { PackageListGrid } from '../../components/package_list_grid';
 
 interface SearchResultsProps {

x-pack/plugins/ingest_manager/public/applications/ingest_manager/types/index.ts

@@ -16,4 +16,23 @@ export {
   UpdateAgentConfigResponse,
   DeleteAgentConfigsRequestSchema,
   DeleteAgentConfigsResponse,
+  // EPM types
+  AssetsGroupedByServiceByType,
+  AssetTypeToParts,
+  CategorySummaryItem,
+  CategorySummaryList,
+  KibanaAssetType,
+  PackageInfo,
+  PackageList,
+  PackageListItem,
+  RequirementsByServiceName,
+  RequirementVersion,
+  ScreenshotItem,
 } from '../../../../common';
+
+// Calling Object.entries(PackagesGroupedByStatus) gave `status: string`
+// which causes a "string is not assignable to type InstallationStatus` error
+// see https://github.com/Microsoft/TypeScript/issues/20322
+// and https://github.com/Microsoft/TypeScript/pull/12253#issuecomment-263132208
+// and https://github.com/Microsoft/TypeScript/issues/21826#issuecomment-479851685
+export const entries = Object.entries as <T>(o: T) => Array<[keyof T, T[keyof T]]>;