[NP] Migrate Markdown to NP

.i18nrc.json

@@ -45,7 +45,7 @@
     "timelion": ["src/legacy/core_plugins/timelion", "src/legacy/core_plugins/vis_type_timelion", "src/plugins/timelion"],
     "uiActions": "src/plugins/ui_actions",
     "visDefaultEditor": "src/plugins/vis_default_editor",
-    "visTypeMarkdown": "src/legacy/core_plugins/vis_type_markdown",
+    "visTypeMarkdown": "src/plugins/vis_type_markdown",
     "visTypeMetric": "src/legacy/core_plugins/vis_type_metric",
     "visTypeTable": "src/legacy/core_plugins/vis_type_table",
     "visTypeTagCloud": "src/legacy/core_plugins/vis_type_tagcloud",

src/legacy/core_plugins/vis_type_markdown/public/legacy.ts → src/plugins/charts/public/static/components/index.ts

@@ -17,17 +17,5 @@
  * under the License.
  */
 
-import { PluginInitializerContext } from 'kibana/public';
-import { npSetup, npStart } from 'ui/new_platform';
-import { MarkdownPluginSetupDependencies } from './plugin';
-import { plugin } from '.';
-
-const plugins: Readonly<MarkdownPluginSetupDependencies> = {
-  expressions: npSetup.plugins.expressions,
-  visualizations: npSetup.plugins.visualizations,
-};
-
-const pluginInstance = plugin({} as PluginInitializerContext);
-
-export const setup = pluginInstance.setup(npSetup.core, plugins);
-export const start = pluginInstance.start(npStart.core);
+export { RangeOption } from './range';
+export { SwitchOption } from './switch';

src/plugins/charts/public/static/components/range.tsx

@@ -0,0 +1,85 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import React, { useState } from 'react';
+import { EuiFormRow, EuiRange, EuiRangeProps } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+
+interface RangeOptionProps<ParamName extends string> {
+  label: string;
+  max: number;
+  min: number;
+  paramName: ParamName;
+  showInput?: boolean;
+  showLabels?: boolean;
+  showValue?: boolean;
+  step?: number;
+  value: '' | number;
+  setValue: (paramName: ParamName, value: number) => void;
+}
+
+function RangeOption<ParamName extends string>({
+  label,
+  max,
+  min,
+  showInput,
+  showLabels,
+  showValue = true,
+  step,
+  paramName,
+  value,
+  setValue,
+}: RangeOptionProps<ParamName>) {
+  const [stateValue, setStateValue] = useState(value);
+  const [isValidState, setIsValidState] = useState(true);
+
+  const error = i18n.translate('charts.controls.rangeErrorMessage', {
+    defaultMessage: 'Values must be on or between {min} and {max}',
+    values: { min, max },
+  });
+
+  const onChangeHandler: EuiRangeProps['onChange'] = (event, isValid) => {
+    const { valueAsNumber } = event.target as HTMLInputElement; // since we don't show ticks on EuiRange, the target will definitely be HTMLInputElement type, so we can cast it directly.
+
+    setStateValue(valueAsNumber);
+    setIsValidState(isValid);
+
+    if (isValid) {
+      setValue(paramName, valueAsNumber);
+    }
+  };
+  return (
+    <EuiFormRow label={label} fullWidth={true} isInvalid={!isValidState} error={error} compressed>
+      <EuiRange
+        compressed
+        fullWidth
+        max={max}
+        min={min}
+        showInput={showInput}
+        showLabels={showLabels}
+        showValue={showValue}
+        step={step}
+        value={stateValue}
+        onChange={onChangeHandler}
+      />
+    </EuiFormRow>
+  );
+}
+
+export { RangeOption };

src/plugins/charts/public/static/components/switch.tsx

@@ -0,0 +1,59 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import React from 'react';
+
+import { EuiFormRow, EuiSwitch, EuiToolTip } from '@elastic/eui';
+
+interface SwitchOptionProps<ParamName extends string> {
+  'data-test-subj'?: string;
+  label?: string;
+  tooltip?: string;
+  disabled?: boolean;
+  value?: boolean;
+  paramName: ParamName;
+  setValue: (paramName: ParamName, value: boolean) => void;
+}
+
+function SwitchOption<ParamName extends string>({
+  'data-test-subj': dataTestSubj,
+  tooltip,
+  label,
+  disabled,
+  paramName,
+  value = false,
+  setValue,
+}: SwitchOptionProps<ParamName>) {
+  return (
+    <EuiFormRow fullWidth={true} compressed={true}>
+      <EuiToolTip content={tooltip} delay="long" position="right">
+        <EuiSwitch
+          compressed={true}
+          label={label}
+          checked={value}
+          disabled={disabled}
+          data-test-subj={dataTestSubj}
+          onChange={ev => setValue(paramName, ev.target.checked)}
+        />
+      </EuiToolTip>
+    </EuiFormRow>
+  );
+}
+
+export { SwitchOption };

src/plugins/charts/public/static/index.ts

@@ -18,3 +18,4 @@
  */
 
 export * from './color_maps';
+export * from './components';

src/plugins/vis_type_markdown/kibana.json

@@ -0,0 +1,6 @@
+{
+    "id": "markdown_vis",
+    "version": "kibana",
+    "ui": true,
+    "requiredPlugins": ["expressions", "visualizations"]
+}

src/legacy/core_plugins/vis_type_markdown/public/index.scss → src/plugins/vis_type_markdown/public/index.scss

@@ -1,5 +1,3 @@
-@import 'src/legacy/ui/public/styles/styling_constants';
-
 // Prefix all styles with "mkd" to avoid conflicts.
 // Examples
 //   mkdChart

src/legacy/core_plugins/vis_type_markdown/public/index.ts → src/plugins/vis_type_markdown/public/index.ts

@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { PluginInitializerContext } from '../../../../core/public';
+import { PluginInitializerContext } from '../../../core/public';
 import { MarkdownPlugin as Plugin } from './plugin';
 
 export function plugin(initializerContext: PluginInitializerContext) {

src/legacy/core_plugins/vis_type_markdown/public/markdown_fn.test.ts → src/plugins/vis_type_markdown/public/markdown_fn.test.ts

@@ -17,8 +17,7 @@
  * under the License.
  */
 
-// eslint-disable-next-line
-import { functionWrapper } from '../../../../plugins/expressions/common/expression_functions/specs/tests/utils';
+import { functionWrapper } from '../../expressions/common/expression_functions/specs/tests/utils';
 import { createMarkdownVisFn } from './markdown_fn';
 
 describe('interpreter/functions#markdown', () => {

src/legacy/core_plugins/vis_type_markdown/public/markdown_fn.ts → src/plugins/vis_type_markdown/public/markdown_fn.ts

@@ -18,7 +18,7 @@
  */
 
 import { i18n } from '@kbn/i18n';
-import { ExpressionFunctionDefinition, Render } from '../../../../plugins/expressions/public';
+import { ExpressionFunctionDefinition, Render } from '../../expressions/public';
 import { Arguments, MarkdownVisParams } from './types';
 
 interface RenderValue {

src/legacy/core_plugins/vis_type_markdown/public/markdown_vis.ts → src/plugins/vis_type_markdown/public/markdown_vis.ts

@@ -22,7 +22,7 @@ import { i18n } from '@kbn/i18n';
 import { MarkdownVisWrapper } from './markdown_vis_controller';
 import { MarkdownOptions } from './markdown_options';
 import { SettingsOptions } from './settings_options';
-import { DefaultEditorSize } from '../../../../plugins/vis_default_editor/public';
+import { DefaultEditorSize } from '../../vis_default_editor/public';
 
 export const markdownVisDefinition = {
   name: 'markdown',

src/legacy/core_plugins/vis_type_markdown/public/markdown_vis_controller.tsx → src/plugins/vis_type_markdown/public/markdown_vis_controller.tsx

@@ -18,7 +18,7 @@
  */
 
 import React from 'react';
-import { Markdown } from '../../../../plugins/kibana_react/public';
+import { Markdown } from '../../kibana_react/public';
 import { MarkdownVisParams } from './types';
 
 interface MarkdownVisComponentProps extends MarkdownVisParams {

src/legacy/core_plugins/vis_type_markdown/public/plugin.ts → src/plugins/vis_type_markdown/public/plugin.ts

@@ -17,13 +17,15 @@
  * under the License.
  */
 
-import { PluginInitializerContext, CoreSetup, CoreStart, Plugin } from '../../../../core/public';
-import { Plugin as ExpressionsPublicPlugin } from '../../../../plugins/expressions/public';
-import { VisualizationsSetup } from '../../../../plugins/visualizations/public';
+import { PluginInitializerContext, CoreSetup, CoreStart, Plugin } from '../../../core/public';
+import { Plugin as ExpressionsPublicPlugin } from '../../expressions/public';
+import { VisualizationsSetup } from '../../visualizations/public';
 
 import { markdownVisDefinition } from './markdown_vis';
 import { createMarkdownVisFn } from './markdown_fn';
 
+import './index.scss';
+
 /** @internal */
 export interface MarkdownPluginSetupDependencies {
   expressions: ReturnType<ExpressionsPublicPlugin['setup']>;

src/legacy/core_plugins/vis_type_markdown/public/settings_options.tsx → src/plugins/vis_type_markdown/public/settings_options.tsx

@@ -22,7 +22,7 @@ import { EuiPanel } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 
 import { VisOptionsProps } from 'src/plugins/vis_default_editor/public';
-import { RangeOption, SwitchOption } from '../../vis_type_vislib/public';
+import { RangeOption, SwitchOption } from '../../charts/public';
 import { MarkdownVisParams } from './types';
 
 function SettingsOptions({ stateParams, setValue }: VisOptionsProps<MarkdownVisParams>) {