[Metric Vis] (Step 2) Shim new platform - renaming metric_vis -> vis_type_metric (#42590)

.i18nrc.json

@@ -15,7 +15,7 @@
     "embeddableApi": "src/legacy/core_plugins/embeddable_api",
     "kbnVislibVisTypes": "src/legacy/core_plugins/kbn_vislib_vis_types",
     "visTypeMarkdown": "src/legacy/core_plugins/vis_type_markdown",
-    "metricVis": "src/legacy/core_plugins/metric_vis",
+    "visTypeMetric": "src/legacy/core_plugins/vis_type_metric",
     "visTypeVega": "src/legacy/core_plugins/vis_type_vega",
     "visTypeTable": "src/legacy/core_plugins/vis_type_table",
     "regionMap": "src/legacy/core_plugins/region_map",

src/legacy/core_plugins/vis_type_metric/public/components/metric_vis_params/metric_vis_params.html

@@ -4,7 +4,7 @@
     <label
       class="visEditorSidebar__formLabel"
       for="percentageMode"
-      i18n-id="metricVis.params.percentageModeLabel"
+      i18n-id="visTypeMetric.params.percentageModeLabel"
       i18n-default-message="Percentage Mode"
     >
     </label>
@@ -17,7 +17,7 @@
     <label
       class="visEditorSidebar__formLabel"
       for="showLabels"
-      i18n-id="metricVis.params.showLabelsLabel"
+      i18n-id="visTypeMetric.params.showLabelsLabel"
       i18n-default-message="Show Labels"
     >
     </label>
@@ -32,7 +32,7 @@
         kbn-accessible-click
         aria-expanded="{{!!showColorRange}}"
         aria-controls="metricOptionsRanges"
-        aria-label="{{::'metricVis.params.ranges.toggleOptionsAriaLabel' | i18n: { defaultMessage: 'Toggle range options' } }}"
+        aria-label="{{::'visTypeMetric.params.ranges.toggleOptionsAriaLabel' | i18n: { defaultMessage: 'Toggle range options' } }}"
         class="visEditorSidebar__collapsibleTitleLabel"
         ng-click="showColorRange = !showColorRange"
       >
@@ -41,7 +41,7 @@
 
         <span
           class="visEditorSidebar__collapsibleTitleText"
-          i18n-id="metricVis.params.rangesTitle"
+          i18n-id="visTypeMetric.params.rangesTitle"
           i18n-default-message="Ranges"
         >
       </span>
@@ -55,7 +55,7 @@
           <th scope="col">
             <label
               id="metricOptionsCustomRangeFrom"
-              i18n-id="metricVis.params.ranges.fromLabel"
+              i18n-id="visTypeMetric.params.ranges.fromLabel"
               i18n-default-message="From"
             >
             </label>
@@ -63,7 +63,7 @@
           <th scope="col" colspan="2">
             <label
               id="metricOptionsCustomRangeTo"
-              i18n-id="metricVis.params.ranges.toLabel"
+              i18n-id="visTypeMetric.params.ranges.toLabel"
               i18n-default-message="To"
             >
             </label>
@@ -109,7 +109,7 @@
         <p>
           <i class="fa fa-danger text-danger"></i>
           <span
-            i18n-id="metricVis.params.ranges.warning.specifyRangeDescription"
+            i18n-id="visTypeMetric.params.ranges.warning.specifyRangeDescription"
             i18n-default-message="{requiredDescription} You must specify at least one range."
             i18n-values="{ html_requiredDescription: '<strong>' + editorState.requiredDescription + '</strong>' }"
           >
@@ -120,7 +120,7 @@
       <div
         ng-click="addRange()"
         class="kuiButton kuiButton--primary kuiButton--fullWidth"
-        i18n-id="metricVis.params.ranges.addRangeButtonLabel"
+        i18n-id="visTypeMetric.params.ranges.addRangeButtonLabel"
         i18n-default-message="Add Range"
       >
       </div>
@@ -134,7 +134,7 @@
         kbn-accessible-click
         aria-expanded="{{!!showColorOptions}}"
         aria-controls="metricOptionsColors"
-        aria-label="{{::'metricVis.params.color.toggleOptionsAriaLabel' | i18n: { defaultMessage: 'Toggle color options' } }}"
+        aria-label="{{::'visTypeMetric.params.color.toggleOptionsAriaLabel' | i18n: { defaultMessage: 'Toggle color options' } }}"
         class="visEditorSidebar__collapsibleTitleLabel"
         ng-click="showColorOptions = !showColorOptions"
       >
@@ -143,7 +143,7 @@
 
         <span
           class="visEditorSidebar__collapsibleTitleText"
-          i18n-id="metricVis.params.color.colorOptionsTitle"
+          i18n-id="visTypeMetric.params.color.colorOptionsTitle"
           i18n-default-message="Color Options"
         >
       </span>
@@ -155,7 +155,7 @@
         <label
           class="visEditorSidebar__formLabel"
           for="metricColorMode"
-          i18n-id="metricVis.params.color.useForLabel"
+          i18n-id="visTypeMetric.params.color.useForLabel"
           i18n-default-message="Use Color For"
         >
         </label>
@@ -172,7 +172,7 @@
         <label
           class="visEditorSidebar__formLabel"
           for="colorSchema"
-          i18n-id="metricVis.params.color.schemaLabel"
+          i18n-id="visTypeMetric.params.color.schemaLabel"
           i18n-default-message="Color Schema"
         >
         </label>
@@ -185,7 +185,7 @@
           ></select>
         </div>
         <div class="text-info text-center" ng-show="customColors" ng-click="resetColors()"
-          i18n-id="metricVis.params.color.resetColorDescription"
+          i18n-id="visTypeMetric.params.color.resetColorDescription"
           i18n-default-message="reset colors"
         >
         </div>
@@ -195,7 +195,7 @@
         <label
           class="visEditorSidebar__formLabel"
           for="invertColors"
-          i18n-id="metricVis.params.color.reverseSchemaLabel"
+          i18n-id="visTypeMetric.params.color.reverseSchemaLabel"
           i18n-default-message="Reverse Color Schema"
         >
         </label>
@@ -213,7 +213,7 @@
         kbn-accessible-click
         aria-expanded="{{!!showStyle}}"
         aria-controls="metricOptionsStyle"
-        aria-label="{{::'metricVis.params.style.toggleOptionsAriaLabel' | i18n: { defaultMessage: 'Toggle style options' } }}"
+        aria-label="{{::'visTypeMetric.params.style.toggleOptionsAriaLabel' | i18n: { defaultMessage: 'Toggle style options' } }}"
         class="visEditorSidebar__collapsibleTitleLabel"
         ng-click="showStyle = !showStyle"
       >
@@ -221,7 +221,7 @@
         <icon color="'primary'" aria-hidden="true" ng-if="!showStyle" type="'arrowRight'" size="'s'"></icon>
         <span
           class="visEditorSidebar__collapsibleTitleText"
-          i18n-id="metricVis.params.style.styleTitle"
+          i18n-id="visTypeMetric.params.style.styleTitle"
           i18n-default-message="Style"
         >
         </span>
@@ -233,7 +233,7 @@
       <div class="visEditorSidebar__formRow">
         <label class="visEditorSidebar__formLabel" for="metricFontSize">
           <span
-            i18n-id="metricVis.params.style.fontSizeLabel"
+            i18n-id="visTypeMetric.params.style.fontSizeLabel"
             i18n-default-message="Font Size ({fontSize}pt)"
             i18n-values="{ fontSize: editorState.params.metric.style.fontSize }"
           >

src/legacy/core_plugins/vis_type_metric/public/components/metric_vis_params/metric_vis_params.js

@@ -80,7 +80,7 @@ export function MetricVisParams() {
       });
 
       $scope.editorState.requiredDescription = i18n.translate(
-        'metricVis.params.ranges.warning.requiredDescription', { defaultMessage: 'Required:' });
+        'visTypeMetric.params.ranges.warning.requiredDescription', { defaultMessage: 'Required:' });
     },
   };
 }

src/legacy/core_plugins/vis_type_metric/public/metric_vis_fn.ts

@@ -91,14 +91,14 @@ export const createMetricVisFn = (): ExpressionFunction<
   context: {
     types: ['kibana_datatable'],
   },
-  help: i18n.translate('metricVis.function.help', {
+  help: i18n.translate('visTypeMetric.function.help', {
     defaultMessage: 'Metric visualization',
   }),
   args: {
     percentage: {
       types: ['boolean'],
       default: false,
-      help: i18n.translate('metricVis.function.percentage.help', {
+      help: i18n.translate('visTypeMetric.function.percentage.help', {
         defaultMessage: 'Shows metric in percentage mode. Requires colorRange to be set.',
       }),
     },
@@ -106,7 +106,7 @@ export const createMetricVisFn = (): ExpressionFunction<
       types: ['string'],
       default: '"Green to Red"',
       options: Object.values(vislibColorMaps).map((value: any) => value.id),
-      help: i18n.translate('metricVis.function.colorScheme.help', {
+      help: i18n.translate('visTypeMetric.function.colorScheme.help', {
         defaultMessage: 'Color scheme to use',
       }),
     },
@@ -114,14 +114,14 @@ export const createMetricVisFn = (): ExpressionFunction<
       types: ['string'],
       default: '"None"',
       options: ['None', 'Label', 'Background'],
-      help: i18n.translate('metricVis.function.colorMode.help', {
+      help: i18n.translate('visTypeMetric.function.colorMode.help', {
         defaultMessage: 'Which part of metric to color',
       }),
     },
     colorRange: {
       types: ['range'],
       multi: true,
-      help: i18n.translate('metricVis.function.colorRange.help', {
+      help: i18n.translate('visTypeMetric.function.colorRange.help', {
         defaultMessage:
           'A range object specifying groups of values to which different colors should be applied.',
       }),
@@ -129,21 +129,21 @@ export const createMetricVisFn = (): ExpressionFunction<
     useRanges: {
       types: ['boolean'],
       default: false,
-      help: i18n.translate('metricVis.function.useRanges.help', {
+      help: i18n.translate('visTypeMetric.function.useRanges.help', {
         defaultMessage: 'Enabled color ranges.',
       }),
     },
     invertColors: {
       types: ['boolean'],
       default: false,
-      help: i18n.translate('metricVis.function.invertColors.help', {
+      help: i18n.translate('visTypeMetric.function.invertColors.help', {
         defaultMessage: 'Inverts the color ranges',
       }),
     },
     showLabels: {
       types: ['boolean'],
       default: true,
-      help: i18n.translate('metricVis.function.showLabels.help', {
+      help: i18n.translate('visTypeMetric.function.showLabels.help', {
         defaultMessage: 'Shows labels under the metric values.',
       }),
     },
@@ -151,14 +151,14 @@ export const createMetricVisFn = (): ExpressionFunction<
       types: ['string'],
       default: '"#000"',
       aliases: ['backgroundFill', 'bgColor', 'backgroundColor'],
-      help: i18n.translate('metricVis.function.bgFill.help', {
+      help: i18n.translate('visTypeMetric.function.bgFill.help', {
         defaultMessage:
           'Color as html hex code (#123456), html color (red, blue) or rgba value (rgba(255,255,255,1)).',
       }),
     },
     font: {
       types: ['style'],
-      help: i18n.translate('metricVis.function.font.help', {
+      help: i18n.translate('visTypeMetric.function.font.help', {
         defaultMessage: 'Font settings.',
       }),
       default: '{font size=60}',
@@ -167,13 +167,13 @@ export const createMetricVisFn = (): ExpressionFunction<
       types: ['string'],
       aliases: ['label', 'text', 'description'],
       default: '""',
-      help: i18n.translate('metricVis.function.subText.help', {
+      help: i18n.translate('visTypeMetric.function.subText.help', {
         defaultMessage: 'Custom text to show under the metric',
       }),
     },
     metric: {
       types: ['vis_dimension'],
-      help: i18n.translate('metricVis.function.metric.help', {
+      help: i18n.translate('visTypeMetric.function.metric.help', {
         defaultMessage: 'metric dimension configuration',
       }),
       required: true,
@@ -181,7 +181,7 @@ export const createMetricVisFn = (): ExpressionFunction<
     },
     bucket: {
       types: ['vis_dimension'],
-      help: i18n.translate('metricVis.function.bucket.help', {
+      help: i18n.translate('visTypeMetric.function.bucket.help', {
         defaultMessage: 'bucket dimension configuration',
       }),
     },

src/legacy/core_plugins/vis_type_metric/public/metric_vis_type.ts

@@ -31,9 +31,9 @@ import { visFactory } from '../../visualizations/public';
 export const createMetricVisTypeDefinition = () => {
   return visFactory.createReactVisualization({
     name: 'metric',
-    title: i18n.translate('metricVis.metricTitle', { defaultMessage: 'Metric' }),
+    title: i18n.translate('visTypeMetric.metricTitle', { defaultMessage: 'Metric' }),
     icon: 'visMetric',
-    description: i18n.translate('metricVis.metricDescription', {
+    description: i18n.translate('visTypeMetric.metricDescription', {
       defaultMessage: 'Display a calculation as a single number',
     }),
     visConfig: {
@@ -67,19 +67,19 @@ export const createMetricVisTypeDefinition = () => {
         metricColorMode: [
           {
             id: 'None',
-            label: i18n.translate('metricVis.colorModes.noneOptionLabel', {
+            label: i18n.translate('visTypeMetric.colorModes.noneOptionLabel', {
               defaultMessage: 'None',
             }),
           },
           {
             id: 'Labels',
-            label: i18n.translate('metricVis.colorModes.labelsOptionLabel', {
+            label: i18n.translate('visTypeMetric.colorModes.labelsOptionLabel', {
               defaultMessage: 'Labels',
             }),
           },
           {
             id: 'Background',
-            label: i18n.translate('metricVis.colorModes.backgroundOptionLabel', {
+            label: i18n.translate('visTypeMetric.colorModes.backgroundOptionLabel', {
               defaultMessage: 'Background',
             }),
           },
@@ -94,7 +94,7 @@ export const createMetricVisTypeDefinition = () => {
         {
           group: 'metrics',
           name: 'metric',
-          title: i18n.translate('metricVis.schemas.metricTitle', { defaultMessage: 'Metric' }),
+          title: i18n.translate('visTypeMetric.schemas.metricTitle', { defaultMessage: 'Metric' }),
           min: 1,
           aggFilter: [
             '!std_dev',
@@ -120,7 +120,7 @@ export const createMetricVisTypeDefinition = () => {
         {
           group: 'buckets',
           name: 'group',
-          title: i18n.translate('metricVis.schemas.splitGroupTitle', {
+          title: i18n.translate('visTypeMetric.schemas.splitGroupTitle', {
             defaultMessage: 'Split group',
           }),
           min: 0,

x-pack/plugins/translations/translations/ja-JP.json

@@ -2606,32 +2606,32 @@
     "kbnVislibVisTypes.pie.pieTitle": "パイ",
     "kbnVislibVisTypes.pie.segmentTitle": "スライスの分割",
     "kbnVislibVisTypes.pie.splitTitle": "チャートを分割",
-    "metricVis.colorModes.backgroundOptionLabel": "背景",
-    "metricVis.colorModes.labelsOptionLabel": "ラベル",
-    "metricVis.colorModes.noneOptionLabel": "なし",
-    "metricVis.function.help": "メトリックビジュアライゼーション",
-    "metricVis.metricDescription": "計算結果を単独の数字として表示します。",
-    "metricVis.metricTitle": "メトリック",
-    "metricVis.params.color.colorOptionsTitle": "カラーオプション",
-    "metricVis.params.color.resetColorDescription": "色をリセットします",
-    "metricVis.params.color.reverseSchemaLabel": "カラースキームを反転",
-    "metricVis.params.color.schemaLabel": "カラースキーム",
-    "metricVis.params.color.toggleOptionsAriaLabel": "カラーオプションを切り替える",
-    "metricVis.params.color.useForLabel": "色の使用",
-    "metricVis.params.percentageModeLabel": "パーセンテージモード",
-    "metricVis.params.ranges.addRangeButtonLabel": "範囲を追加",
-    "metricVis.params.ranges.fromLabel": "開始:",
-    "metricVis.params.ranges.toggleOptionsAriaLabel": "範囲オプションを切り替える",
-    "metricVis.params.ranges.toLabel": "終了:",
-    "metricVis.params.ranges.warning.requiredDescription": "必須:",
-    "metricVis.params.ranges.warning.specifyRangeDescription": "{requiredDescription} 範囲を最低 1 つ指定する必要があります。",
-    "metricVis.params.rangesTitle": "範囲",
-    "metricVis.params.showLabelsLabel": "ラベルを表示",
-    "metricVis.params.style.fontSizeLabel": "フォントサイズ ({fontSize} pt)",
-    "metricVis.params.style.styleTitle": "スタイル",
-    "metricVis.params.style.toggleOptionsAriaLabel": "スタイルオプションを切り替える",
-    "metricVis.schemas.metricTitle": "メトリック",
-    "metricVis.schemas.splitGroupTitle": "グループを分割",
+    "visTypeMetric.colorModes.backgroundOptionLabel": "背景",
+    "visTypeMetric.colorModes.labelsOptionLabel": "ラベル",
+    "visTypeMetric.colorModes.noneOptionLabel": "なし",
+    "visTypeMetric.function.help": "メトリックビジュアライゼーション",
+    "visTypeMetric.metricDescription": "計算結果を単独の数字として表示します。",
+    "visTypeMetric.metricTitle": "メトリック",
+    "visTypeMetric.params.color.colorOptionsTitle": "カラーオプション",
+    "visTypeMetric.params.color.resetColorDescription": "色をリセットします",
+    "visTypeMetric.params.color.reverseSchemaLabel": "カラースキームを反転",
+    "visTypeMetric.params.color.schemaLabel": "カラースキーム",
+    "visTypeMetric.params.color.toggleOptionsAriaLabel": "カラーオプションを切り替える",
+    "visTypeMetric.params.color.useForLabel": "色の使用",
+    "visTypeMetric.params.percentageModeLabel": "パーセンテージモード",
+    "visTypeMetric.params.ranges.addRangeButtonLabel": "範囲を追加",
+    "visTypeMetric.params.ranges.fromLabel": "開始:",
+    "visTypeMetric.params.ranges.toggleOptionsAriaLabel": "範囲オプションを切り替える",
+    "visTypeMetric.params.ranges.toLabel": "終了:",
+    "visTypeMetric.params.ranges.warning.requiredDescription": "必須:",
+    "visTypeMetric.params.ranges.warning.specifyRangeDescription": "{requiredDescription} 範囲を最低 1 つ指定する必要があります。",
+    "visTypeMetric.params.rangesTitle": "範囲",
+    "visTypeMetric.params.showLabelsLabel": "ラベルを表示",
+    "visTypeMetric.params.style.fontSizeLabel": "フォントサイズ ({fontSize} pt)",
+    "visTypeMetric.params.style.styleTitle": "スタイル",
+    "visTypeMetric.params.style.toggleOptionsAriaLabel": "スタイルオプションを切り替える",
+    "visTypeMetric.schemas.metricTitle": "メトリック",
+    "visTypeMetric.schemas.splitGroupTitle": "グループを分割",
     "regionMap.choroplethLayer.downloadingVectorData404ErrorMessage": "{name} の取得時にサーバーから「404」が返されます。指定された場所にファイルが存在することを確認してください。",
     "regionMap.choroplethLayer.downloadingVectorDataErrorMessage": "{name} ファイルをダウンロードできません。サーバーの CORS 構成で、このホストの Kibana アプリケーションからのリクエストが許可されていることを確認してください。",
     "regionMap.choroplethLayer.downloadingVectorDataErrorMessageTitle": "ベクトルデータのダウンロード中にエラーが発生しました",

x-pack/plugins/translations/translations/zh-CN.json

@@ -2606,32 +2606,32 @@
     "kbnVislibVisTypes.pie.pieTitle": "饼图",
     "kbnVislibVisTypes.pie.segmentTitle": "拆分切片",
     "kbnVislibVisTypes.pie.splitTitle": "拆分图表",
-    "metricVis.colorModes.backgroundOptionLabel": "背景",
-    "metricVis.colorModes.labelsOptionLabel": "标签",
-    "metricVis.colorModes.noneOptionLabel": "无",
-    "metricVis.function.help": "指标可视化",
-    "metricVis.metricDescription": "将计算结果显示为单个数字",
-    "metricVis.metricTitle": "指标",
-    "metricVis.params.color.colorOptionsTitle": "颜色选项",
-    "metricVis.params.color.resetColorDescription": "重置颜色",
-    "metricVis.params.color.reverseSchemaLabel": "反色模式",
-    "metricVis.params.color.schemaLabel": "颜色模式",
-    "metricVis.params.color.toggleOptionsAriaLabel": "切换颜色选项",
-    "metricVis.params.color.useForLabel": "将颜色用于",
-    "metricVis.params.percentageModeLabel": "百分比模式",
-    "metricVis.params.ranges.addRangeButtonLabel": "添加范围",
-    "metricVis.params.ranges.fromLabel": "从",
-    "metricVis.params.ranges.toggleOptionsAriaLabel": "切换范围选项",
-    "metricVis.params.ranges.toLabel": "到",
-    "metricVis.params.ranges.warning.requiredDescription": "必需：",
-    "metricVis.params.ranges.warning.specifyRangeDescription": "{requiredDescription}您必须指定至少一个范围。",
-    "metricVis.params.rangesTitle": "范围",
-    "metricVis.params.showLabelsLabel": "显示标签",
-    "metricVis.params.style.fontSizeLabel": "字体大小（{fontSize} 磅）",
-    "metricVis.params.style.styleTitle": "样式",
-    "metricVis.params.style.toggleOptionsAriaLabel": "切换样式选项",
-    "metricVis.schemas.metricTitle": "指标",
-    "metricVis.schemas.splitGroupTitle": "拆分组",
+    "visTypeMetric.colorModes.backgroundOptionLabel": "背景",
+    "visTypeMetric.colorModes.labelsOptionLabel": "标签",
+    "visTypeMetric.colorModes.noneOptionLabel": "无",
+    "visTypeMetric.function.help": "指标可视化",
+    "visTypeMetric.metricDescription": "将计算结果显示为单个数字",
+    "visTypeMetric.metricTitle": "指标",
+    "visTypeMetric.params.color.colorOptionsTitle": "颜色选项",
+    "visTypeMetric.params.color.resetColorDescription": "重置颜色",
+    "visTypeMetric.params.color.reverseSchemaLabel": "反色模式",
+    "visTypeMetric.params.color.schemaLabel": "颜色模式",
+    "visTypeMetric.params.color.toggleOptionsAriaLabel": "切换颜色选项",
+    "visTypeMetric.params.color.useForLabel": "将颜色用于",
+    "visTypeMetric.params.percentageModeLabel": "百分比模式",
+    "visTypeMetric.params.ranges.addRangeButtonLabel": "添加范围",
+    "visTypeMetric.params.ranges.fromLabel": "从",
+    "visTypeMetric.params.ranges.toggleOptionsAriaLabel": "切换范围选项",
+    "visTypeMetric.params.ranges.toLabel": "到",
+    "visTypeMetric.params.ranges.warning.requiredDescription": "必需：",
+    "visTypeMetric.params.ranges.warning.specifyRangeDescription": "{requiredDescription}您必须指定至少一个范围。",
+    "visTypeMetric.params.rangesTitle": "范围",
+    "visTypeMetric.params.showLabelsLabel": "显示标签",
+    "visTypeMetric.params.style.fontSizeLabel": "字体大小（{fontSize} 磅）",
+    "visTypeMetric.params.style.styleTitle": "样式",
+    "visTypeMetric.params.style.toggleOptionsAriaLabel": "切换样式选项",
+    "visTypeMetric.schemas.metricTitle": "指标",
+    "visTypeMetric.schemas.splitGroupTitle": "拆分组",
     "regionMap.choroplethLayer.downloadingVectorData404ErrorMessage": "尝试提取 {name} 时，服务器响应状态为“404”。请确保目标文件位于该位置。",
     "regionMap.choroplethLayer.downloadingVectorDataErrorMessage": "无法下载 {name} 文件。请确保服务器的 CORS 配置允许来自此主机上的 Kibana 应用程序的请求。",
     "regionMap.choroplethLayer.downloadingVectorDataErrorMessageTitle": "下载矢量数据时出错",