improve code splitting

packages/kbn-react-field/BUILD.bazel

@@ -28,7 +28,9 @@ filegroup(
 
 NPM_MODULE_EXTRA_FILES = [
   "package.json",
-  "README.md"
+  "README.md",
+  "field_button/package.json",
+  "field_icon/package.json",
 ]
 
 RUNTIME_DEPS = [

packages/kbn-react-field/field_button/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../target_node/field_button/index.js",
+  "browser": "../target_webpack/field_button/index.js",
+  "types": "../target_types/field_button/index.d.ts"
+}

packages/kbn-react-field/field_icon/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../target_node/field_icon/index.js",
+  "browser": "../target_webpack/field_icon/index.js",
+  "types": "../target_types/field_icon/index.d.ts"
+}

src/plugins/discover/public/application/apps/main/components/sidebar/discover_field.tsx

@@ -23,7 +23,8 @@ import {
 import { i18n } from '@kbn/i18n';
 import { UiCounterMetricType } from '@kbn/analytics';
 import classNames from 'classnames';
-import { FieldIcon, FieldButton } from '@kbn/react-field';
+import { FieldIcon } from '@kbn/react-field/field_icon';
+import { FieldButton } from '@kbn/react-field/field_button';
 import { DiscoverFieldDetails } from './discover_field_details';
 import { FieldDetails } from './types';
 import { IndexPatternField, IndexPattern } from '../../../../../../../data/public';

src/plugins/discover/public/application/components/field_name/field_name.tsx

@@ -11,7 +11,7 @@ import './field_name.scss';
 import { EuiBadge, EuiFlexGroup, EuiFlexItem, EuiToolTip } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n/react';
 import { i18n } from '@kbn/i18n';
-import { FieldIcon, FieldIconProps } from '@kbn/react-field';
+import { FieldIcon, FieldIconProps } from '@kbn/react-field/field_icon';
 import { getFieldTypeName } from './field_type_name';
 import { IndexPatternField } from '../../../../../data/public';
 import { getFieldSubtypeMulti } from '../../../../../data/common';

x-pack/plugins/graph/public/components/field_manager/field_editor.tsx

@@ -25,7 +25,7 @@ import {
   EuiIconTip,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
-import { FieldIcon } from '@kbn/react-field';
+import { FieldIcon } from '@kbn/react-field/field_icon';
 import classNames from 'classnames';
 import { WorkspaceField } from '../../types';
 import { iconChoices } from '../../helpers/style_choices';

x-pack/plugins/graph/public/components/field_manager/field_picker.tsx

@@ -9,7 +9,7 @@ import React, { useState, useEffect, ReactNode } from 'react';
 import { EuiPopover, EuiSelectable, EuiBadge } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import classNames from 'classnames';
-import { FieldIcon } from '@kbn/react-field';
+import { FieldIcon } from '@kbn/react-field/field_icon';
 import { WorkspaceField } from '../../types';
 
 export interface FieldPickerProps {

x-pack/plugins/lens/public/indexpattern_datasource/field_item.tsx

@@ -36,7 +36,7 @@ import {
   TooltipType,
 } from '@elastic/charts';
 import { i18n } from '@kbn/i18n';
-import { FieldButton } from '@kbn/react-field';
+import { FieldButton } from '@kbn/react-field/field_button';
 import type { FieldFormatsStart } from 'src/plugins/field_formats/public';
 import { EuiHighlight } from '@elastic/eui';
 import {

x-pack/plugins/lens/public/indexpattern_datasource/lens_field_icon.tsx

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import { FieldIcon, FieldIconProps } from '@kbn/react-field';
+import { FieldIcon, FieldIconProps } from '@kbn/react-field/field_icon';
 import { DataType } from '../types';
 import { normalizeOperationDataType } from './utils';
 

x-pack/plugins/maps/public/classes/sources/mvt_single_layer_vector_source/mvt_field_config_editor.tsx

@@ -16,7 +16,7 @@ import {
   EuiSpacer,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
-import { FieldIcon } from '@kbn/react-field';
+import { FieldIcon } from '@kbn/react-field/field_icon';
 import _ from 'lodash';
 import { MVTFieldDescriptor } from '../../../../common/descriptor_types';
 import { MVT_FIELD_TYPE } from '../../../../common/constants';

x-pack/plugins/maps/public/classes/styles/vector/components/field_select.tsx

@@ -16,7 +16,7 @@ import {
   EuiFlexItem,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
-import { FieldIcon } from '@kbn/react-field';
+import { FieldIcon } from '@kbn/react-field/field_icon';
 import { FIELD_ORIGIN, VECTOR_STYLES } from '../../../../../common/constants';
 import { StyleField } from '../style_fields_helper';
 

x-pack/plugins/maps/public/components/single_field_select.tsx

@@ -17,7 +17,7 @@ import {
   EuiFlexItem,
   EuiToolTip,
 } from '@elastic/eui';
-import { FieldIcon } from '@kbn/react-field';
+import { FieldIcon } from '@kbn/react-field/field_icon';
 import { IndexPatternField } from 'src/plugins/data/public';
 
 function fieldsToOptions(

x-pack/plugins/maps/public/components/tooltip_selector/add_tooltip_field_popover.tsx

@@ -21,7 +21,7 @@ import {
 } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n/react';
 import { i18n } from '@kbn/i18n';
-import { FieldIcon } from '@kbn/react-field';
+import { FieldIcon } from '@kbn/react-field/field_icon';
 
 export type FieldProps = {
   label: string;

x-pack/plugins/osquery/public/common/lib/kibana/kibana_react.ts

@@ -7,7 +7,7 @@
 
 import React from 'react';
 import { useHistory } from 'react-router-dom';
-import { FieldIcon } from '@kbn/react-field';
+import { FieldIcon } from '@kbn/react-field/field_icon';
 import {
   KibanaContextProvider,
   KibanaReactContextValue,

x-pack/plugins/security_solution/public/common/components/event_details/table/field_name_cell.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import { EuiFlexGroup, EuiFlexItem, EuiBadge, EuiText, EuiToolTip } from '@elastic/eui';
 import { isEmpty } from 'lodash';
-import { FieldIcon } from '@kbn/react-field';
+import { FieldIcon } from '@kbn/react-field/field_icon';
 import * as i18n from '../translations';
 import { IndexPatternField } from '../../../../../../../../src/plugins/data/public';
 import { getExampleText } from '../helpers';

x-pack/plugins/stack_alerts/public/alert_types/geo_containment/query_builder/util_components/single_field_select.tsx

@@ -14,7 +14,7 @@ import {
   EuiFlexGroup,
   EuiFlexItem,
 } from '@elastic/eui';
-import { FieldIcon } from '@kbn/react-field';
+import { FieldIcon } from '@kbn/react-field/field_icon';
 import { IFieldType } from 'src/plugins/data/public';
 
 function fieldsToOptions(fields?: IFieldType[]): Array<EuiComboBoxOptionOption<IFieldType>> {