From 32e106a92568e9834730f4cb4d7518f2b982eccb Mon Sep 17 00:00:00 2001 From: cchaos Date: Mon, 16 Jul 2018 19:55:40 -0400 Subject: [PATCH 1/2] Added visualization type glyphs --- src-docs/src/views/icon/icons.js | 18 ++ .../icon/__snapshots__/icon.test.js.snap | 278 ++++++++++++++++++ src/components/icon/assets/vis_area.svg | 3 + .../icon/assets/vis_bar_horizontal.svg | 3 + .../icon/assets/vis_bar_vertical.svg | 3 + src/components/icon/assets/vis_controls.svg | 8 + src/components/icon/assets/vis_gauge.svg | 3 + src/components/icon/assets/vis_goal.svg | 3 + src/components/icon/assets/vis_heatmap.svg | 3 + src/components/icon/assets/vis_line.svg | 3 + .../icon/assets/vis_map_coordinate.svg | 3 + src/components/icon/assets/vis_map_region.svg | 3 + src/components/icon/assets/vis_metric.svg | 3 + src/components/icon/assets/vis_pie.svg | 3 + src/components/icon/assets/vis_table.svg | 3 + src/components/icon/assets/vis_tag_cloud.svg | 3 + src/components/icon/assets/vis_text.svg | 3 + src/components/icon/assets/vis_timelion.svg | 3 + src/components/icon/assets/vis_vega.svg | 3 + .../icon/assets/vis_visual_builder.svg | 3 + src/components/icon/icon.js | 36 +++ src/components/icon/index.d.ts | 20 +- 22 files changed, 410 insertions(+), 1 deletion(-) create mode 100644 src/components/icon/assets/vis_area.svg create mode 100644 src/components/icon/assets/vis_bar_horizontal.svg create mode 100644 src/components/icon/assets/vis_bar_vertical.svg create mode 100644 src/components/icon/assets/vis_controls.svg create mode 100644 src/components/icon/assets/vis_gauge.svg create mode 100644 src/components/icon/assets/vis_goal.svg create mode 100644 src/components/icon/assets/vis_heatmap.svg create mode 100644 src/components/icon/assets/vis_line.svg create mode 100644 src/components/icon/assets/vis_map_coordinate.svg create mode 100644 src/components/icon/assets/vis_map_region.svg create mode 100644 src/components/icon/assets/vis_metric.svg create mode 100644 src/components/icon/assets/vis_pie.svg create mode 100644 src/components/icon/assets/vis_table.svg create mode 100644 src/components/icon/assets/vis_tag_cloud.svg create mode 100644 src/components/icon/assets/vis_text.svg create mode 100644 src/components/icon/assets/vis_timelion.svg create mode 100644 src/components/icon/assets/vis_vega.svg create mode 100644 src/components/icon/assets/vis_visual_builder.svg diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js index 6966823aa45..7313c7c0702 100644 --- a/src-docs/src/views/icon/icons.js +++ b/src-docs/src/views/icon/icons.js @@ -131,6 +131,24 @@ const iconTypes = [ 'user', 'vector', 'wrench', + 'visArea', + 'visBarHorizontal', + 'visBarVertical', + 'visControls', + 'visGauge', + 'visGoal', + 'visHeatmap', + 'visLine', + 'visMapCoordinate', + 'visMapRegion', + 'visMetric', + 'visPie', + 'visTable', + 'visTagCloud', + 'visText', + 'visTimelion', + 'visVega', + 'visVisualBuilder', ]; export default () => ( diff --git a/src/components/icon/__snapshots__/icon.test.js.snap b/src/components/icon/__snapshots__/icon.test.js.snap index 1fb22f475c2..01b0a0b61ee 100644 --- a/src/components/icon/__snapshots__/icon.test.js.snap +++ b/src/components/icon/__snapshots__/icon.test.js.snap @@ -4448,6 +4448,284 @@ exports[`EuiIcon props type vector is rendered 1`] = ` `; +exports[`EuiIcon props type visArea is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visBarHorizontal is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visBarVertical is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visControls is rendered 1`] = ` + + + + + + +`; + +exports[`EuiIcon props type visGauge is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visGoal is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visHeatmap is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visLine is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visMapCoordinate is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visMapRegion is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visMetric is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visPie is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visTable is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visTagCloud is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visText is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visTimelion is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visVega is rendered 1`] = ` + + + +`; + +exports[`EuiIcon props type visVisualBuilder is rendered 1`] = ` + + + +`; + exports[`EuiIcon props type visualizeApp is rendered 1`] = ` + + diff --git a/src/components/icon/assets/vis_bar_horizontal.svg b/src/components/icon/assets/vis_bar_horizontal.svg new file mode 100644 index 00000000000..694717aecdc --- /dev/null +++ b/src/components/icon/assets/vis_bar_horizontal.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_bar_vertical.svg b/src/components/icon/assets/vis_bar_vertical.svg new file mode 100644 index 00000000000..2e431ba8da7 --- /dev/null +++ b/src/components/icon/assets/vis_bar_vertical.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_controls.svg b/src/components/icon/assets/vis_controls.svg new file mode 100644 index 00000000000..f56c4460a0a --- /dev/null +++ b/src/components/icon/assets/vis_controls.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/icon/assets/vis_gauge.svg b/src/components/icon/assets/vis_gauge.svg new file mode 100644 index 00000000000..d5a7bf98925 --- /dev/null +++ b/src/components/icon/assets/vis_gauge.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_goal.svg b/src/components/icon/assets/vis_goal.svg new file mode 100644 index 00000000000..925df6bf756 --- /dev/null +++ b/src/components/icon/assets/vis_goal.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_heatmap.svg b/src/components/icon/assets/vis_heatmap.svg new file mode 100644 index 00000000000..b0e7604ca47 --- /dev/null +++ b/src/components/icon/assets/vis_heatmap.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_line.svg b/src/components/icon/assets/vis_line.svg new file mode 100644 index 00000000000..4dd3e4dc80e --- /dev/null +++ b/src/components/icon/assets/vis_line.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_map_coordinate.svg b/src/components/icon/assets/vis_map_coordinate.svg new file mode 100644 index 00000000000..7482e8a68bf --- /dev/null +++ b/src/components/icon/assets/vis_map_coordinate.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_map_region.svg b/src/components/icon/assets/vis_map_region.svg new file mode 100644 index 00000000000..f7f0fd0c654 --- /dev/null +++ b/src/components/icon/assets/vis_map_region.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_metric.svg b/src/components/icon/assets/vis_metric.svg new file mode 100644 index 00000000000..6e460e3a47d --- /dev/null +++ b/src/components/icon/assets/vis_metric.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_pie.svg b/src/components/icon/assets/vis_pie.svg new file mode 100644 index 00000000000..f08c3aad4e2 --- /dev/null +++ b/src/components/icon/assets/vis_pie.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_table.svg b/src/components/icon/assets/vis_table.svg new file mode 100644 index 00000000000..9e6ae47cae6 --- /dev/null +++ b/src/components/icon/assets/vis_table.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_tag_cloud.svg b/src/components/icon/assets/vis_tag_cloud.svg new file mode 100644 index 00000000000..22259f5eab0 --- /dev/null +++ b/src/components/icon/assets/vis_tag_cloud.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_text.svg b/src/components/icon/assets/vis_text.svg new file mode 100644 index 00000000000..ac533055712 --- /dev/null +++ b/src/components/icon/assets/vis_text.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_timelion.svg b/src/components/icon/assets/vis_timelion.svg new file mode 100644 index 00000000000..771b1e22e18 --- /dev/null +++ b/src/components/icon/assets/vis_timelion.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_vega.svg b/src/components/icon/assets/vis_vega.svg new file mode 100644 index 00000000000..77b696292c3 --- /dev/null +++ b/src/components/icon/assets/vis_vega.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/assets/vis_visual_builder.svg b/src/components/icon/assets/vis_visual_builder.svg new file mode 100644 index 00000000000..0f9638d7e65 --- /dev/null +++ b/src/components/icon/assets/vis_visual_builder.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icon/icon.js b/src/components/icon/icon.js index 3cfe3394a66..701ea893c12 100644 --- a/src/components/icon/icon.js +++ b/src/components/icon/icon.js @@ -174,6 +174,24 @@ import vector from './assets/vector.svg'; import visualizeApp from './assets/app_visualize.svg'; import watchesApp from './assets/app_watches.svg'; import wrench from './assets/wrench.svg'; +import visArea from './assets/vis_area.svg'; +import visBarHorizontal from './assets/vis_bar_horizontal.svg'; +import visBarVertical from './assets/vis_bar_vertical.svg'; +import visControls from './assets/vis_controls.svg'; +import visGauge from './assets/vis_gauge.svg'; +import visGoal from './assets/vis_goal.svg'; +import visHeatmap from './assets/vis_heatmap.svg'; +import visLine from './assets/vis_line.svg'; +import visMapCoordinate from './assets/vis_map_coordinate.svg'; +import visMapRegion from './assets/vis_map_region.svg'; +import visMetric from './assets/vis_metric.svg'; +import visPie from './assets/vis_pie.svg'; +import visTable from './assets/vis_table.svg'; +import visTagCloud from './assets/vis_tag_cloud.svg'; +import visText from './assets/vis_text.svg'; +import visTimelion from './assets/vis_timelion.svg'; +import visVega from './assets/vis_vega.svg'; +import visVisualBuilder from './assets/vis_visual_builder.svg'; const typeToIconMap = { @@ -349,6 +367,24 @@ const typeToIconMap = { visualizeApp, watchesApp, wrench, + visArea, + visBarHorizontal, + visBarVertical, + visControls, + visGauge, + visGoal, + visHeatmap, + visLine, + visMapCoordinate, + visMapRegion, + visMetric, + visPie, + visTable, + visTagCloud, + visText, + visTimelion, + visVega, + visVisualBuilder, }; export const TYPES = Object.keys(typeToIconMap); diff --git a/src/components/icon/index.d.ts b/src/components/icon/index.d.ts index e365b8ebdfe..2340c3165f4 100644 --- a/src/components/icon/index.d.ts +++ b/src/components/icon/index.d.ts @@ -177,7 +177,25 @@ declare module '@elastic/eui' { | 'vector' | 'visualizeApp' | 'watchesApp' - | 'wrench'; + | 'wrench' + | 'visArea' + | 'visBarHorizontal' + | 'visBarVertical' + | 'visControls' + | 'visGauge' + | 'visGoal' + | 'visHeatmap' + | 'visLine' + | 'visMapCoordinate' + | 'visMapRegion' + | 'visMetric' + | 'visPie' + | 'visTable' + | 'visTagCloud' + | 'visText' + | 'visTimelion' + | 'visVega' + | 'visVisualBuilder'; export type IconSize = 'original' | 's' | 'm' | 'l' | 'xl' | 'xxl'; From 1ceb9d4cef29cdb7fa825f342e1cab42099a75fd Mon Sep 17 00:00:00 2001 From: cchaos Date: Tue, 17 Jul 2018 16:20:38 -0400 Subject: [PATCH 2/2] changelog --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 7bcbdb93d33..67bb423d234 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,7 @@ - Added typings for `EuiEmptyPrompt`, `EuiCode`, `EuiCodeBlock`, and `EuiCallOut` ([#1010](https://github.com/elastic/eui/pull/1010)) - Make utility type `Omit` compatible with new `keyof` behaviour introduced in TypeScript 2.9 ([#1017](https://github.com/elastic/eui/pull/1017)) +- Added visualization chart type icons ([#1020](https://github.com/elastic/eui/pull/1020)) **Bug fixes**