diff --git a/dashboards-observability/public/components/custom_panels/helpers/__tests__/__snapshots__/utils.test.tsx.snap b/dashboards-observability/public/components/custom_panels/helpers/__tests__/__snapshots__/utils.test.tsx.snap index 51059a763..9cfaa6638 100644 --- a/dashboards-observability/public/components/custom_panels/helpers/__tests__/__snapshots__/utils.test.tsx.snap +++ b/dashboards-observability/public/components/custom_panels/helpers/__tests__/__snapshots__/utils.test.tsx.snap @@ -147,7 +147,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -250,7 +250,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -323,7 +323,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -334,7 +334,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -355,12 +355,12 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, @@ -544,7 +544,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -647,7 +647,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -720,7 +720,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -731,7 +731,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -752,12 +752,12 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, @@ -964,7 +964,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -1067,7 +1067,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -1140,7 +1140,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -1151,7 +1151,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -1172,12 +1172,12 @@ exports[`Utils helper functions renders displayVisualization function 1`] = ` ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, @@ -1444,7 +1444,7 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -1491,8 +1491,8 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` "component": [Function], "eleType": "input", "mapTo": "legendSize", - "name": "Legend Size", - "title": "Legend Size", + "name": "Legend size", + "title": "Legend size", }, ], }, @@ -1577,7 +1577,7 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` "defaultState": 40, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -1587,7 +1587,7 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` "defaultState": 5, "eleType": "slider", "mapTo": "pointSize", - "name": "Point Size", + "name": "Point size", "props": Object { "max": 40, }, @@ -1596,8 +1596,8 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", - "title": "Label Size", + "name": "Label size", + "title": "Label size", }, Object { "component": [Function], @@ -1877,7 +1877,7 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -1924,8 +1924,8 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` "component": [Function], "eleType": "input", "mapTo": "legendSize", - "name": "Legend Size", - "title": "Legend Size", + "name": "Legend size", + "title": "Legend size", }, ], }, @@ -2010,7 +2010,7 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` "defaultState": 40, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -2020,7 +2020,7 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` "defaultState": 5, "eleType": "slider", "mapTo": "pointSize", - "name": "Point Size", + "name": "Point size", "props": Object { "max": 40, }, @@ -2029,8 +2029,8 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", - "title": "Label Size", + "name": "Label size", + "title": "Label size", }, Object { "component": [Function], @@ -2364,7 +2364,7 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -2411,8 +2411,8 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` "component": [Function], "eleType": "input", "mapTo": "legendSize", - "name": "Legend Size", - "title": "Legend Size", + "name": "Legend size", + "title": "Legend size", }, ], }, @@ -2497,7 +2497,7 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` "defaultState": 40, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -2507,7 +2507,7 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` "defaultState": 5, "eleType": "slider", "mapTo": "pointSize", - "name": "Point Size", + "name": "Point size", "props": Object { "max": 40, }, @@ -2516,8 +2516,8 @@ exports[`Utils helper functions renders displayVisualization function 2`] = ` "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", - "title": "Label Size", + "name": "Label size", + "title": "Label size", }, Object { "component": [Function], diff --git a/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap b/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap index f7876bfe6..291f64fe3 100644 --- a/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap +++ b/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap @@ -222,7 +222,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -325,7 +325,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -398,7 +398,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -409,7 +409,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -430,12 +430,12 @@ exports[`Config panel component Renders config panel with visualization data 1`] ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, @@ -529,7 +529,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -632,7 +632,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -705,7 +705,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -716,7 +716,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -737,12 +737,12 @@ exports[`Config panel component Renders config panel with visualization data 1`] ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, @@ -799,7 +799,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -846,8 +846,8 @@ exports[`Config panel component Renders config panel with visualization data 1`] "component": [Function], "eleType": "input", "mapTo": "legendSize", - "name": "Legend Size", - "title": "Legend Size", + "name": "Legend size", + "title": "Legend size", }, ], }, @@ -932,7 +932,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "defaultState": 40, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -942,7 +942,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "defaultState": 5, "eleType": "slider", "mapTo": "pointSize", - "name": "Point Size", + "name": "Point size", "props": Object { "max": 40, }, @@ -951,8 +951,8 @@ exports[`Config panel component Renders config panel with visualization data 1`] "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", - "title": "Label Size", + "name": "Label size", + "title": "Label size", }, Object { "component": [Function], @@ -1107,7 +1107,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -1154,7 +1154,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "component": [Function], "eleType": "input", "mapTo": "size", - "name": "Legend Size", + "name": "Legend size", }, ], }, @@ -1162,7 +1162,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "editor": [Function], "id": "chart_styles", "mapTo": "chartStyles", - "name": "Chart Styles", + "name": "Chart styles", "schemas": Array [ Object { "component": null, @@ -1193,7 +1193,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -1203,7 +1203,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "eleType": "colorpicker", "isSingleSelection": true, "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "options": Array [ Object { "title": "Default", @@ -1309,7 +1309,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] Object { "component": null, "mapTo": "showLegend", - "name": "Show Colorscale", + "name": "Show colorscale", "props": Object { "defaultSelections": Array [ Object { @@ -1335,7 +1335,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "editor": [Function], "id": "chart_styles", "mapTo": "chartStyles", - "name": "Chart Styles", + "name": "Chart styles", "schemas": Array [ Object { "component": [Function], @@ -1349,7 +1349,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "eleType": "list", "isSingleSelection": true, "mapTo": "colorMode", - "name": "Color Mode", + "name": "Color mode", "options": Array [ Object { "label": "spectrum", @@ -1670,11 +1670,11 @@ exports[`Config panel component Renders config panel with visualization data 1`] }, ], }, - "fullLabel": "Text", + "fullLabel": "Markdown", "icon": [Function], "iconType": "visText", "id": "text", - "label": "Text", + "label": "Markdown", "name": "text", "selection": Object { "dataLoss": "nothing", @@ -1755,7 +1755,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] Object { "component": null, "mapTo": "showLegend", - "name": "Show Colorscale", + "name": "Show colorscale", "props": Object { "defaultSelections": Array [ Object { @@ -1794,7 +1794,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] ], "isSingleSelection": true, "mapTo": "tilingAlgorithm", - "name": "Tiling Algorithm", + "name": "Tiling algorithm", "options": Array [ Object { "name": "Squarify", @@ -1855,7 +1855,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "editor": [Function], "id": "chart_styles", "mapTo": "chartStyles", - "name": "Chart Styles", + "name": "Chart styles", "schemas": Array [ Object { "component": [Function], @@ -1865,7 +1865,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "eleType": "treemapColorPicker", "isSingleSelection": true, "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "options": Array [ Object { "title": "Default", @@ -2113,11 +2113,11 @@ exports[`Config panel component Renders config panel with visualization data 1`] }, ], }, - "fullLabel": "Tree Map", + "fullLabel": "Tree map", "icon": [Function], "iconType": "heatmap", "id": "tree_map", - "label": "Tree Map", + "label": "Tree map", "name": "tree_map", "orientation": "v", "selection": Object { @@ -2197,7 +2197,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "component": [Function], "eleType": "buttons", "mapTo": "legendPlacement", - "name": "Legend Placement", + "name": "Legend placement", "props": Object { "defaultSelections": Array [ Object { @@ -2225,15 +2225,15 @@ exports[`Config panel component Renders config panel with visualization data 1`] "component": [Function], "eleType": "input", "mapTo": "titleSize", - "name": "Title Size", - "title": "Title Size", + "name": "Title size", + "title": "Title size", }, Object { "component": [Function], "eleType": "input", "mapTo": "valueSize", - "name": "Value Size", - "title": "Value Size", + "name": "Value size", + "title": "Value size", }, Object { "component": [Function], @@ -2340,7 +2340,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "defaultState": 40, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -2351,7 +2351,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, Object { @@ -2363,7 +2363,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -2472,7 +2472,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -2519,8 +2519,8 @@ exports[`Config panel component Renders config panel with visualization data 1`] "component": [Function], "eleType": "input", "mapTo": "legendSize", - "name": "Legend Size", - "title": "Legend Size", + "name": "Legend size", + "title": "Legend size", }, ], }, @@ -2605,7 +2605,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "defaultState": 40, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -2615,7 +2615,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "defaultState": 5, "eleType": "slider", "mapTo": "pointSize", - "name": "Point Size", + "name": "Point size", "props": Object { "max": 40, }, @@ -2624,8 +2624,8 @@ exports[`Config panel component Renders config panel with visualization data 1`] "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", - "title": "Label Size", + "name": "Label size", + "title": "Label size", }, Object { "component": [Function], @@ -2866,7 +2866,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -2969,7 +2969,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -3042,7 +3042,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -3053,7 +3053,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -3074,12 +3074,12 @@ exports[`Config panel component Renders config panel with visualization data 1`] ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, @@ -3169,7 +3169,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -3272,7 +3272,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -3345,7 +3345,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -3356,7 +3356,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -3377,12 +3377,12 @@ exports[`Config panel component Renders config panel with visualization data 1`] ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, @@ -3423,7 +3423,7 @@ exports[`Config panel component Renders config panel with visualization data 1`] singleSelection={true} toggleButtonRef={[Function]} updatePosition={[Function]} - value="Bar" + value="Vertical bar" > - Bar + Vertical bar - Show Legend + Show legend - Show Legend + Show legend
- Label Size + Label size - Fill Opacity + Fill opacity
diff --git a/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/config_chart_options.tsx b/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/config_chart_options.tsx index cacfe2660..c88bd1973 100644 --- a/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/config_chart_options.tsx +++ b/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/config_chart_options.tsx @@ -142,7 +142,7 @@ export const ConfigChartOptions = ({ {dimensions} diff --git a/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/config_color_theme.tsx b/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/config_color_theme.tsx index 96df2be20..610206b11 100644 --- a/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/config_color_theme.tsx +++ b/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/config_color_theme.tsx @@ -25,7 +25,7 @@ export const ConfigColorTheme = ({ schemas, vizState = [], handleConfigChange, - sectionName = 'Color Theme', + sectionName = 'Color theme', }: any) => { const { data } = visualizations; const { data: vizData = {}, metadata: { fields = [] } = {} } = data?.rawVizData; diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap index f27d2049a..7ddc6e2d9 100644 --- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap +++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap @@ -223,7 +223,7 @@ exports[`Bar component Renders bar component 1`] = ` Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -326,7 +326,7 @@ exports[`Bar component Renders bar component 1`] = ` "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -399,7 +399,7 @@ exports[`Bar component Renders bar component 1`] = ` "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -410,7 +410,7 @@ exports[`Bar component Renders bar component 1`] = ` "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -431,12 +431,12 @@ exports[`Bar component Renders bar component 1`] = ` ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap index debc9d64e..7198ea2ee 100644 --- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap +++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap @@ -223,7 +223,7 @@ exports[`Heatmap component Renders heatmap component 1`] = ` Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -326,7 +326,7 @@ exports[`Heatmap component Renders heatmap component 1`] = ` "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -399,7 +399,7 @@ exports[`Heatmap component Renders heatmap component 1`] = ` "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -410,7 +410,7 @@ exports[`Heatmap component Renders heatmap component 1`] = ` "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -431,12 +431,12 @@ exports[`Heatmap component Renders heatmap component 1`] = ` ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap index 321db5d7d..98a4527c9 100644 --- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap +++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap @@ -223,7 +223,7 @@ exports[`Histogram component Renders histogram component 1`] = ` Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -326,7 +326,7 @@ exports[`Histogram component Renders histogram component 1`] = ` "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -399,7 +399,7 @@ exports[`Histogram component Renders histogram component 1`] = ` "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -410,7 +410,7 @@ exports[`Histogram component Renders histogram component 1`] = ` "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -431,12 +431,12 @@ exports[`Histogram component Renders histogram component 1`] = ` ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap index 24cba00da..8316c7ae5 100644 --- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap +++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap @@ -223,7 +223,7 @@ exports[`Line component Renders line component 1`] = ` Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -326,7 +326,7 @@ exports[`Line component Renders line component 1`] = ` "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -399,7 +399,7 @@ exports[`Line component Renders line component 1`] = ` "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -410,7 +410,7 @@ exports[`Line component Renders line component 1`] = ` "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -431,12 +431,12 @@ exports[`Line component Renders line component 1`] = ` ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap index 757f58b07..3ac048178 100644 --- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap +++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap @@ -223,7 +223,7 @@ exports[`Pie component Renders pie component 1`] = ` Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -326,7 +326,7 @@ exports[`Pie component Renders pie component 1`] = ` "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -399,7 +399,7 @@ exports[`Pie component Renders pie component 1`] = ` "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -410,7 +410,7 @@ exports[`Pie component Renders pie component 1`] = ` "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -431,12 +431,12 @@ exports[`Pie component Renders pie component 1`] = ` ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap index c9f1aa121..ee6a24bbc 100644 --- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap +++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap @@ -206,7 +206,7 @@ exports[`Text component Renders text component 1`] = ` Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -309,7 +309,7 @@ exports[`Text component Renders text component 1`] = ` "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -382,7 +382,7 @@ exports[`Text component Renders text component 1`] = ` "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -393,7 +393,7 @@ exports[`Text component Renders text component 1`] = ` "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -414,12 +414,12 @@ exports[`Text component Renders text component 1`] = ` ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap index 46538a490..185b4b3dc 100644 --- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap +++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap @@ -223,7 +223,7 @@ exports[`Treemap component Renders treemap component 1`] = ` Object { "component": null, "mapTo": "showLegend", - "name": "Show Legend", + "name": "Show legend", "props": Object { "defaultSelections": Array [ Object { @@ -326,7 +326,7 @@ exports[`Treemap component Renders treemap component 1`] = ` "component": [Function], "eleType": "input", "mapTo": "labelSize", - "name": "Label Size", + "name": "Label size", }, Object { "component": [Function], @@ -399,7 +399,7 @@ exports[`Treemap component Renders treemap component 1`] = ` "defaultState": 80, "eleType": "slider", "mapTo": "fillOpacity", - "name": "Fill Opacity", + "name": "Fill opacity", "props": Object { "max": 100, }, @@ -410,7 +410,7 @@ exports[`Treemap component Renders treemap component 1`] = ` "editor": [Function], "id": "color-theme", "mapTo": "colorTheme", - "name": "Color Theme", + "name": "Color theme", "schemas": Array [], }, ], @@ -431,12 +431,12 @@ exports[`Treemap component Renders treemap component 1`] = ` ], }, "fillOpacity": 80, - "fullLabel": "Bar", + "fullLabel": "Vertical bar", "groupWidth": 0.7, "icon": [Function], "iconType": "visBarVerticalStacked", "id": "bar", - "label": "Bar", + "label": "Vertical bar", "labelAngle": 0, "legendPosition": "v", "lineWidth": 1, diff --git a/dashboards-observability/public/components/visualizations/charts/bar/bar_type.ts b/dashboards-observability/public/components/visualizations/charts/bar/bar_type.ts index 584568a45..462a0bdb7 100644 --- a/dashboards-observability/public/components/visualizations/charts/bar/bar_type.ts +++ b/dashboards-observability/public/components/visualizations/charts/bar/bar_type.ts @@ -28,8 +28,8 @@ export const createBarTypeDefinition = (params: any) => ({ name: 'bar', type: 'bar', id: 'bar', - label: 'Bar', - fullLabel: 'Bar', + label: 'Vertical bar', + fullLabel: 'Vertical bar', iconType: 'visBarVerticalStacked', selection: { dataLoss: 'nothing', @@ -63,7 +63,7 @@ export const createBarTypeDefinition = (params: any) => ({ mapTo: 'legend', schemas: [ { - name: 'Show Legend', + name: 'Show legend', mapTo: 'showLegend', component: null, props: { @@ -121,7 +121,7 @@ export const createBarTypeDefinition = (params: any) => ({ }, }, { - name: 'Label Size', + name: 'Label size', component: InputFieldItem, mapTo: 'labelSize', eleType: 'input', @@ -178,7 +178,7 @@ export const createBarTypeDefinition = (params: any) => ({ eleType: 'slider', }, { - name: 'Fill Opacity', + name: 'Fill opacity', component: SliderConfig, mapTo: 'fillOpacity', defaultState: 80, @@ -191,7 +191,7 @@ export const createBarTypeDefinition = (params: any) => ({ }, { id: 'color-theme', - name: 'Color Theme', + name: 'Color theme', editor: ConfigColorTheme, mapTo: 'colorTheme', schemas: [], diff --git a/dashboards-observability/public/components/visualizations/charts/financial/gauge/gauge_type.ts b/dashboards-observability/public/components/visualizations/charts/financial/gauge/gauge_type.ts index 4b80cf307..e492dd053 100644 --- a/dashboards-observability/public/components/visualizations/charts/financial/gauge/gauge_type.ts +++ b/dashboards-observability/public/components/visualizations/charts/financial/gauge/gauge_type.ts @@ -63,7 +63,7 @@ export const createGaugeTypeDefinition = (params: any = {}) => ({ }, }, { - name: 'Legend Placement', + name: 'Legend placement', component: ButtonGroupItem, mapTo: 'legendPlacement', eleType: 'buttons', @@ -77,15 +77,15 @@ export const createGaugeTypeDefinition = (params: any = {}) => ({ }, }, { - title: 'Title Size', - name: 'Title Size', + title: 'Title size', + name: 'Title size', component: InputFieldItem, mapTo: 'titleSize', eleType: 'input', }, { - title: 'Value Size', - name: 'Value Size', + title: 'Value size', + name: 'Value size', component: InputFieldItem, mapTo: 'valueSize', eleType: 'input', diff --git a/dashboards-observability/public/components/visualizations/charts/histogram/histogram_type.ts b/dashboards-observability/public/components/visualizations/charts/histogram/histogram_type.ts index dccaf45d7..6f72d1156 100644 --- a/dashboards-observability/public/components/visualizations/charts/histogram/histogram_type.ts +++ b/dashboards-observability/public/components/visualizations/charts/histogram/histogram_type.ts @@ -57,7 +57,7 @@ export const createHistogramVisDefinition = (params = {}) => ({ }, }, { - name: 'Fill Opacity', + name: 'Fill opacity', component: SliderConfig, mapTo: 'fillOpacity', defaultState: FillOpacity, @@ -70,7 +70,7 @@ export const createHistogramVisDefinition = (params = {}) => ({ }, { id: 'color-theme', - name: 'Color Theme', + name: 'Color theme', editor: ConfigColorTheme, mapTo: 'colorTheme', schemas: [], @@ -82,7 +82,7 @@ export const createHistogramVisDefinition = (params = {}) => ({ mapTo: 'legend', schemas: [ { - name: 'Show Legend', + name: 'Show legend', mapTo: 'showLegend', component: null, props: { diff --git a/dashboards-observability/public/components/visualizations/charts/lines/line_type.ts b/dashboards-observability/public/components/visualizations/charts/lines/line_type.ts index 4fa43c2ff..50633899f 100644 --- a/dashboards-observability/public/components/visualizations/charts/lines/line_type.ts +++ b/dashboards-observability/public/components/visualizations/charts/lines/line_type.ts @@ -52,7 +52,7 @@ export const createLineTypeDefinition = (params: any = {}) => ({ mapTo: 'legend', schemas: [ { - name: 'Show Legend', + name: 'Show legend', mapTo: 'showLegend', component: null, props: { @@ -76,8 +76,8 @@ export const createLineTypeDefinition = (params: any = {}) => ({ }, }, { - title: 'Legend Size', - name: 'Legend Size', + title: 'Legend size', + name: 'Legend size', component: InputFieldItem, mapTo: 'legendSize', eleType: 'input', @@ -130,7 +130,7 @@ export const createLineTypeDefinition = (params: any = {}) => ({ }, }, { - name: 'Fill Opacity', + name: 'Fill opacity', component: SliderConfig, mapTo: 'fillOpacity', defaultState: FillOpacity, @@ -140,7 +140,7 @@ export const createLineTypeDefinition = (params: any = {}) => ({ }, }, { - name: 'Point Size', + name: 'Point size', component: SliderConfig, mapTo: 'pointSize', defaultState: MarkerSize, @@ -150,8 +150,8 @@ export const createLineTypeDefinition = (params: any = {}) => ({ }, }, { - title: 'Label Size', - name: 'Label Size', + title: 'Label size', + name: 'Label size', component: InputFieldItem, mapTo: 'labelSize', eleType: 'input', diff --git a/dashboards-observability/public/components/visualizations/charts/maps/heatmap_type.ts b/dashboards-observability/public/components/visualizations/charts/maps/heatmap_type.ts index 74aa9948e..498b7c2e4 100644 --- a/dashboards-observability/public/components/visualizations/charts/maps/heatmap_type.ts +++ b/dashboards-observability/public/components/visualizations/charts/maps/heatmap_type.ts @@ -52,7 +52,7 @@ export const createMapsVisDefinition = () => ({ mapTo: 'legend', schemas: [ { - name: 'Show Colorscale', + name: 'Show colorscale', mapTo: 'showLegend', component: null, props: { @@ -67,12 +67,12 @@ export const createMapsVisDefinition = () => ({ }, { id: 'chart_styles', - name: 'Chart Styles', + name: 'Chart styles', editor: ConfigChartOptions, mapTo: 'chartStyles', schemas: [ { - name: 'Color Mode', + name: 'Color mode', component: PanelItem, mapTo: 'colorMode', eleType: 'list', diff --git a/dashboards-observability/public/components/visualizations/charts/maps/treemap_type.ts b/dashboards-observability/public/components/visualizations/charts/maps/treemap_type.ts index 57d14cc7b..cedd9bbf9 100644 --- a/dashboards-observability/public/components/visualizations/charts/maps/treemap_type.ts +++ b/dashboards-observability/public/components/visualizations/charts/maps/treemap_type.ts @@ -29,8 +29,8 @@ export const createTreeMapDefinition = (params: BarTypeParams = {}) => ({ name: 'tree_map', type: 'tree_map', id: 'tree_map', - label: 'Tree Map', - fullLabel: 'Tree Map', + label: 'Tree map', + fullLabel: 'Tree map', selection: { dataLoss: 'nothing', }, @@ -56,7 +56,7 @@ export const createTreeMapDefinition = (params: BarTypeParams = {}) => ({ mapTo: 'legend', schemas: [ { - name: 'Show Colorscale', + name: 'Show colorscale', mapTo: 'showLegend', component: null, props: { @@ -76,7 +76,7 @@ export const createTreeMapDefinition = (params: BarTypeParams = {}) => ({ mapTo: 'treemapOptions', schemas: [ { - name: 'Tiling Algorithm', + name: 'Tiling algorithm', isSingleSelection: true, component: null, mapTo: 'tilingAlgorithm', @@ -110,12 +110,12 @@ export const createTreeMapDefinition = (params: BarTypeParams = {}) => ({ }, { id: 'chart_styles', - name: 'Chart Styles', + name: 'Chart styles', editor: ConfigChartOptions, mapTo: 'chartStyles', schemas: [ { - name: 'Color Theme', + name: 'Color theme', isSingleSelection: true, component: ColorPalettePicker, mapTo: 'colorTheme', diff --git a/dashboards-observability/public/components/visualizations/charts/pie/pie_type.ts b/dashboards-observability/public/components/visualizations/charts/pie/pie_type.ts index 60a765cd8..7de03ba27 100644 --- a/dashboards-observability/public/components/visualizations/charts/pie/pie_type.ts +++ b/dashboards-observability/public/components/visualizations/charts/pie/pie_type.ts @@ -52,7 +52,7 @@ export const createPieTypeDefinition = (params: any) => ({ mapTo: 'legend', schemas: [ { - name: 'Show Legend', + name: 'Show legend', mapTo: 'showLegend', component: null, props: { @@ -76,7 +76,7 @@ export const createPieTypeDefinition = (params: any) => ({ }, }, { - name: 'Legend Size', + name: 'Legend size', component: InputFieldItem, mapTo: 'size', eleType: 'input', @@ -85,7 +85,7 @@ export const createPieTypeDefinition = (params: any) => ({ }, { id: 'chart_styles', - name: 'Chart Styles', + name: 'Chart styles', editor: ConfigChartOptions, mapTo: 'chartStyles', schemas: [ @@ -103,13 +103,13 @@ export const createPieTypeDefinition = (params: any) => ({ defaultState: [{ name: 'Pie', modeId: 'pie', label: 'Pie' }], }, { - name: 'Label Size', + name: 'Label size', component: InputFieldItem, mapTo: 'labelSize', eleType: 'input', }, { - name: 'Color Theme', + name: 'Color theme', isSingleSelection: true, component: ColorPalettePicker, mapTo: 'colorTheme', diff --git a/dashboards-observability/public/components/visualizations/charts/text/text_type.ts b/dashboards-observability/public/components/visualizations/charts/text/text_type.ts index bc6b90ca9..56d3d9476 100644 --- a/dashboards-observability/public/components/visualizations/charts/text/text_type.ts +++ b/dashboards-observability/public/components/visualizations/charts/text/text_type.ts @@ -17,8 +17,8 @@ export const createTextTypeDefinition = (params: any = {}) => ({ name: 'text', type: 'text', id: 'text', - label: 'Text', - fullLabel: 'Text', + label: 'Markdown', + fullLabel: 'Markdown', iconType: 'visText', category: VIS_CATEGORY.BASICS, selection: {