Migrate all KUI services dependents to EUI services. (elastic#15677) (e…

…lastic#15678)

* Migrate all KUI services dependents to EUI services.
* Remove KUI services from public interface.
* Add KUI deprecation notice to docs site.

src/core_plugins/console/public/src/directives/sense_history.js

@@ -1,4 +1,4 @@
-import { keyCodes } from 'ui_framework/services';
+import { keyCodes } from '@elastic/eui';
 
 var { memoize } = require('lodash');
 let moment = require('moment');

src/core_plugins/input_control_vis/public/components/editor/field_select.js

@@ -2,7 +2,7 @@ import _ from 'lodash';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import Select from 'react-select';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 export class FieldSelect extends Component {
   constructor(props) {

src/core_plugins/input_control_vis/public/components/editor/index_pattern_select.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import Select from 'react-select';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 export class IndexPatternSelect extends Component {
   constructor(props) {

src/core_plugins/kibana/public/dashboard/components/exit_full_screen_button.js

@@ -8,7 +8,7 @@ import {
 
 import {
   keyCodes,
-} from 'ui_framework/services';
+} from '@elastic/eui';
 
 export class ExitFullScreenButton extends PureComponent {
 

src/core_plugins/kibana/public/dashboard/components/exit_full_screen_button.test.js

@@ -13,7 +13,7 @@ import {
   ExitFullScreenButton,
 } from './exit_full_screen_button';
 
-import { keyCodes } from 'ui_framework/services';
+import { keyCodes } from '@elastic/eui';
 
 
 test('is rendered', () => {

src/core_plugins/kibana/public/dashboard/listing/dashboard_listing.js

@@ -2,7 +2,7 @@ import { SavedObjectRegistryProvider } from 'ui/saved_objects/saved_object_regis
 import 'ui/pager_control';
 import 'ui/pager';
 import { DashboardConstants, createDashboardEditUrl } from '../dashboard_constants';
-import { SortableProperties } from 'ui_framework/services';
+import { SortableProperties } from '@elastic/eui';
 import { ConfirmationButtonTypes } from 'ui/modals';
 
 export function DashboardListingController($injector, $scope, $location) {

src/core_plugins/kibana/public/dashboard/panel/panel_header/panel_options_menu_form.js

@@ -7,7 +7,7 @@ import {
 
 import {
   keyCodes,
-} from 'ui_framework/services';
+} from '@elastic/eui';
 
 export function PanelOptionsMenuForm({ title, onReset, onUpdatePanelTitle, onClose }) {
   function onInputChange(event) {

src/core_plugins/kibana/public/management/sections/objects/change_index_modal.js

@@ -22,7 +22,7 @@ import {
   KuiPager,
 } from 'ui_framework/components';
 
-import { keyCodes } from 'ui_framework/services';
+import { keyCodes } from '@elastic/eui';
 
 export class ChangeIndexModal extends React.Component {
   constructor(props) {

src/core_plugins/kibana/public/management/sections/settings/advanced_row.js

@@ -1,7 +1,7 @@
 import 'ui/elastic_textarea';
 import 'ui/filters/markdown';
 import { uiModules } from 'ui/modules';
-import { keyCodes } from 'ui_framework/services';
+import { keyCodes } from '@elastic/eui';
 import advancedRowTemplate from 'plugins/kibana/management/sections/settings/advanced_row.html';
 
 uiModules.get('apps/management')

src/core_plugins/kibana/public/visualize/listing/visualize_listing_table.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import _ from 'lodash';
 
-import { SortableProperties } from 'ui_framework/services';
+import { SortableProperties } from '@elastic/eui';
 import { Pager } from 'ui/pager';
 import { NoVisualizationsPrompt } from './no_visualizations_prompt';
 

src/core_plugins/metrics/public/components/aggs/calculation.js

@@ -10,7 +10,7 @@ import createSelectHandler from '../lib/create_select_handler';
 import createTextHandler from '../lib/create_text_handler';
 import Vars from './vars';
 
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 class CalculationAgg extends Component {
 

src/core_plugins/metrics/public/components/aggs/derivative.js

@@ -6,7 +6,7 @@ import AggRow from './agg_row';
 import createChangeHandler from '../lib/create_change_handler';
 import createSelectHandler from '../lib/create_select_handler';
 import createTextHandler from '../lib/create_text_handler';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 export const DerivativeAgg = props => {
   const { siblings } = props;

src/core_plugins/metrics/public/components/aggs/filter_ratio.js

@@ -6,7 +6,7 @@ import AggRow from './agg_row';
 import createChangeHandler from '../lib/create_change_handler';
 import createSelectHandler from '../lib/create_select_handler';
 import createTextHandler from '../lib/create_text_handler';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 export const FilterRatioAgg = props => {
   const {

src/core_plugins/metrics/public/components/aggs/moving_average.js

@@ -8,7 +8,7 @@ import createChangeHandler from '../lib/create_change_handler';
 import createSelectHandler from '../lib/create_select_handler';
 import createTextHandler from '../lib/create_text_handler';
 import createNumberHandler from '../lib/create_number_handler';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 export const MovingAverageAgg = props => {
   const { siblings } = props;

src/core_plugins/metrics/public/components/aggs/percentile.js

@@ -10,7 +10,7 @@ import Select from 'react-select';
 import uuid from 'uuid';
 import createChangeHandler from '../lib/create_change_handler';
 import createSelectHandler from '../lib/create_select_handler';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 const newPercentile = (opts) => {
   return _.assign({ id: uuid.v1(), mode: 'line', shade: 0.2 }, opts);
 };

src/core_plugins/metrics/public/components/aggs/percentile_rank.js

@@ -6,7 +6,7 @@ import AggRow from './agg_row';
 import createChangeHandler from '../lib/create_change_handler';
 import createSelectHandler from '../lib/create_select_handler';
 import createTextHandler from '../lib/create_text_handler';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 export const PercentileRankAgg = props => {
   const { series, panel, fields } = props;

src/core_plugins/metrics/public/components/aggs/serial_diff.js

@@ -6,7 +6,7 @@ import AggRow from './agg_row';
 import createChangeHandler from '../lib/create_change_handler';
 import createSelectHandler from '../lib/create_select_handler';
 import createNumberHandler from '../lib/create_number_handler';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 export const SerialDiffAgg = props => {
   const { siblings } = props;

src/core_plugins/metrics/public/components/aggs/series_agg.js

@@ -5,7 +5,7 @@ import Select from 'react-select';
 import AggRow from './agg_row';
 import createChangeHandler from '../lib/create_change_handler';
 import createSelectHandler from '../lib/create_select_handler';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 function SeriesAgg(props) {
   const { panel, model } = props;

src/core_plugins/metrics/public/components/aggs/static.js

@@ -5,7 +5,7 @@ import AggRow from './agg_row';
 import createChangeHandler from '../lib/create_change_handler';
 import createSelectHandler from '../lib/create_select_handler';
 import createTextHandler from '../lib/create_text_handler';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 export const Static = props => {
   const handleChange = createChangeHandler(props.onChange, props.model);

src/core_plugins/metrics/public/components/aggs/std_agg.js

@@ -5,7 +5,7 @@ import FieldSelect from './field_select';
 import AggRow from './agg_row';
 import createChangeHandler from '../lib/create_change_handler';
 import createSelectHandler from '../lib/create_select_handler';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 function StandardAgg(props) {
   const { model, panel, series, fields } = props;

src/core_plugins/metrics/public/components/aggs/std_deviation.js

@@ -7,7 +7,7 @@ import Select from 'react-select';
 import createChangeHandler from '../lib/create_change_handler';
 import createSelectHandler from '../lib/create_select_handler';
 import createTextHandler from '../lib/create_text_handler';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 export const StandardDeviationAgg = props => {
   const { series, panel, fields } = props;

src/core_plugins/metrics/public/components/aggs/std_sibling.js

@@ -7,7 +7,7 @@ import Select from 'react-select';
 import createChangeHandler from '../lib/create_change_handler';
 import createSelectHandler from '../lib/create_select_handler';
 import createTextHandler from '../lib/create_text_handler';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 export const StandardSiblingAgg = props => {
   const { siblings } = props;

src/core_plugins/metrics/public/components/annotations_editor.js

@@ -8,7 +8,7 @@ import FieldSelect from './aggs/field_select';
 import uuid from 'uuid';
 import IconSelect from './icon_select';
 import YesNo from './yes_no';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 function newAnnotation() {
   return {

src/core_plugins/metrics/public/components/color_rules.js

@@ -5,7 +5,7 @@ import AddDeleteButtons from './add_delete_buttons';
 import Select from 'react-select';
 import * as collectionActions from './lib/collection_actions';
 import ColorPicker from './color_picker';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 class ColorRules extends Component {
 

src/core_plugins/metrics/public/components/index_pattern.js

@@ -4,7 +4,7 @@ import FieldSelect from './aggs/field_select';
 import createSelectHandler from './lib/create_select_handler';
 import createTextHandler from './lib/create_text_handler';
 import YesNo from './yes_no';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 export const IndexPattern = props => {
   const { fields, prefix } = props;

src/core_plugins/metrics/public/components/lib/sort_keyhandler.js

@@ -1,4 +1,4 @@
-import { keyCodes } from 'ui_framework/services';
+import { keyCodes } from '@elastic/eui';
 
 export function createUpDownHandler(callback) {
   return (ev) => {

src/core_plugins/metrics/public/components/panel_config/gauge.js

@@ -9,7 +9,7 @@ import ColorRules from '../color_rules';
 import ColorPicker from '../color_picker';
 import uuid from 'uuid';
 import YesNo from 'plugins/metrics/components/yes_no';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 class GaugePanelConfig extends Component {
 

src/core_plugins/metrics/public/components/panel_config/markdown.js

@@ -11,7 +11,7 @@ import YesNo from '../yes_no';
 import MarkdownEditor from '../markdown_editor';
 import less from 'less/lib/less-browser';
 import { KuiCodeEditor } from 'ui_framework/components';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 const lessC = less(window, { env: 'production' });
 
 class MarkdownPanelConfig extends Component {

src/core_plugins/metrics/public/components/panel_config/metric.js

@@ -6,7 +6,7 @@ import createTextHandler from '../lib/create_text_handler';
 import ColorRules from '../color_rules';
 import YesNo from '../yes_no';
 import uuid from 'uuid';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 class MetricPanelConfig extends Component {
 

src/core_plugins/metrics/public/components/panel_config/table.js

@@ -7,7 +7,7 @@ import createTextHandler from '../lib/create_text_handler';
 import createSelectHandler from '../lib/create_select_handler';
 import uuid from 'uuid';
 import YesNo from '../yes_no';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 class TablePanelConfig extends Component {
 

src/core_plugins/metrics/public/components/panel_config/timeseries.js

@@ -8,7 +8,7 @@ import createSelectHandler from '../lib/create_select_handler';
 import createTextHandler from '../lib/create_text_handler';
 import ColorPicker from '../color_picker';
 import YesNo from '../yes_no';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 class TimeseriesPanelConfig extends Component {
 

src/core_plugins/metrics/public/components/panel_config/top_n.js

@@ -7,7 +7,7 @@ import ColorRules from '../color_rules';
 import ColorPicker from '../color_picker';
 import uuid from 'uuid';
 import YesNo from '../yes_no';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 class TopNPanelConfig extends Component {
 

src/core_plugins/metrics/public/components/series_config.js

@@ -5,7 +5,7 @@ import createSelectHandler from './lib/create_select_handler';
 import createTextHandler from './lib/create_text_handler';
 import YesNo from './yes_no';
 import { IndexPattern } from './index_pattern';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 export const SeriesConfig = props => {
   const defaults = { offset_time: '', value_template: '' };

src/core_plugins/metrics/public/components/vis_editor_visualization.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { findDOMNode } from 'react-dom';
-import { keyCodes } from 'ui_framework/services';
+import { keyCodes } from '@elastic/eui';
 import Visualization from './visualization';
 import Toggle from 'react-toggle';
 import 'react-toggle/style.css';

src/core_plugins/metrics/public/components/vis_types/table/config.js

@@ -8,7 +8,7 @@ import FieldSelect from '../../aggs/field_select';
 import Select from 'react-select';
 import YesNo from '../../yes_no';
 import ColorRules from '../../color_rules';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 class TableSeriesConfig extends Component {
 

src/core_plugins/metrics/public/components/vis_types/timeseries/config.js

@@ -6,7 +6,7 @@ import createSelectHandler from '../../lib/create_select_handler';
 import YesNo from '../../yes_no';
 import createTextHandler from '../../lib/create_text_handler';
 import { IndexPattern } from '../../index_pattern';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 function TimeseriesConfig(props) {
   const handleSelectChange = createSelectHandler(props.onChange);

src/core_plugins/metrics/public/visualizations/components/horizontal_legend.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import createLegendSeries from '../lib/create_legend_series';
 import reactcss from 'reactcss';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 function HorizontalLegend(props) {
   const rows = props.series.map(createLegendSeries(props));

src/core_plugins/metrics/public/visualizations/components/vertical_legend.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import createLegendSeries from '../lib/create_legend_series';
 import reactcss from 'reactcss';
-import { htmlIdGenerator } from 'ui_framework/services';
+import { htmlIdGenerator } from '@elastic/eui';
 
 function VerticalLegend(props) {
   const rows = props.series.map(createLegendSeries(props));

src/core_plugins/timelion/public/directives/timelion_expression_input.js

@@ -34,7 +34,7 @@ import {
   suggest,
   insertAtLocation,
 } from './timelion_expression_input_helpers';
-import { comboBoxKeyCodes } from 'ui_framework/services';
+import { comboBoxKeyCodes } from '@elastic/eui';
 import { ArgValueSuggestionsProvider } from './timelion_expression_suggestions/arg_value_suggestions';
 
 const Parser = PEG.buildParser(grammar);

src/ui/public/accessibility/__tests__/kbn_accessible_click.js

@@ -3,7 +3,7 @@ import sinon from 'sinon';
 import expect from 'expect.js';
 import ngMock from 'ng_mock';
 import '../kbn_accessible_click';
-import { keyCodes } from 'ui_framework/services';
+import { keyCodes } from '@elastic/eui';
 
 describe('kbnAccessibleClick directive', () => {
   let $compile;

src/ui/public/accessibility/__tests__/kbn_ui_ace_keyboard_mode.js

@@ -3,7 +3,7 @@ import sinon from 'sinon';
 import expect from 'expect.js';
 import ngMock from 'ng_mock';
 import '../kbn_ui_ace_keyboard_mode';
-import { keyCodes } from 'ui_framework/services';
+import { keyCodes } from '@elastic/eui';
 
 describe('kbnUiAceKeyboardMode directive', () => {
   let element;

src/ui/public/accessibility/kbn_accessible_click.js

@@ -21,7 +21,7 @@
 import {
   accessibleClickKeys,
   keyCodes,
-} from 'ui_framework/services';
+} from '@elastic/eui';
 import { uiModules } from 'ui/modules';
 
 uiModules.get('kibana')

src/ui/public/accessibility/kbn_ui_ace_keyboard_mode.js

@@ -15,7 +15,7 @@
 import angular from 'angular';
 import { uiModules } from 'ui/modules';
 import './kbn_ui_ace_keyboard_mode.less';
-import { keyCodes } from 'ui_framework/services';
+import { keyCodes } from '@elastic/eui';
 
 let aceKeyboardModeId = 0;
 

src/ui/public/typeahead/typeahead.js

@@ -3,7 +3,7 @@ import 'ui/typeahead/typeahead.less';
 import 'ui/typeahead/_input';
 import 'ui/typeahead/_items';
 import { uiModules } from 'ui/modules';
-import { comboBoxKeyCodes } from 'ui_framework/services';
+import { comboBoxKeyCodes } from '@elastic/eui';
 
 const typeahead = uiModules.get('kibana/typeahead');
 

src/ui/public/vis/editors/default/__tests__/keyboard_move.js

@@ -3,7 +3,7 @@ import expect from 'expect.js';
 import ngMock from 'ng_mock';
 import sinon from 'sinon';
 import { Direction } from '../keyboard_move';
-import { keyCodes } from 'ui_framework/services';
+import { keyCodes } from '@elastic/eui';
 
 describe('keyboardMove directive', () => {