From f2ad01c433486bc30cf1cded43bed1e53abad0be Mon Sep 17 00:00:00 2001 From: Chandler Prall Date: Thu, 25 Apr 2019 14:27:52 -0600 Subject: [PATCH 1/5] Feature/icon breakapart (#1856) * dynamic import * Make the icon kinda work * progress * generate tsx from svg * Build and commit icons TSX * Updated Icon snapshots * Updated EuiIcon build to again work in dependant projects * Create a single eui.js build, bundling EuiIcon's dynamic import into the build * Tests are passing * Add a loading class to EuiIcon * Added -isLoaded and using animations for fading * update snapshots * Remove background color from isLoaded state * PR feedback --- .babelrc.js | 11 +- package.json | 9 +- .../babel/proptypes-from-ts-props/index.js | 3 +- scripts/compile-icons.js | 70 ++ .../__snapshots__/accordion.test.js.snap | 147 +-- .../badge/__snapshots__/badge.test.js.snap | 63 +- .../collapsed_item_actions.test.js.snap | 15 +- .../in_memory_table.test.js.snap | 95 +- .../button/__snapshots__/button.test.js.snap | 63 +- .../__snapshots__/button_empty.test.js.snap | 63 +- .../__snapshots__/button_icon.test.js.snap | 21 +- .../__snapshots__/call_out.test.js.snap | 21 +- .../card/__snapshots__/card.test.js.snap | 22 +- .../__snapshots__/combo_box.test.js.snap | 32 +- .../__snapshots__/context_menu.test.js.snap | 35 +- .../context_menu_item.test.js.snap | 17 +- .../context_menu_panel.test.js.snap | 52 +- .../date_picker_range.test.js.snap | 9 +- .../__snapshots__/empty_prompt.test.js.snap | 34 +- .../__snapshots__/facet_button.test.js.snap | 17 +- .../__snapshots__/filter_button.test.js.snap | 21 +- .../filter_select_item.test.js.snap | 2 +- .../flyout/__snapshots__/flyout.test.js.snap | 56 +- .../__snapshots__/file_picker.test.js.snap | 8 +- .../form_control_layout.test.js.snap | 44 +- .../__snapshots__/super_select.test.js.snap | 223 +--- .../super_select_control.test.js.snap | 128 +- .../switch/__snapshots__/switch.test.js.snap | 34 +- .../__snapshots__/header_logo.test.js.snap | 87 +- .../__snapshots__/header_alert.test.js.snap | 32 +- .../__snapshots__/header_links.test.js.snap | 15 +- .../health/__snapshots__/health.test.js.snap | 17 +- .../icon/__snapshots__/icon.test.tsx.snap | 895 +++++++------- src/components/icon/_icon.scss | 95 +- src/components/icon/_index.scss | 1 + src/components/icon/_variables.scss | 23 + src/components/icon/assets/alert.js | 5 + src/components/icon/assets/apm_trace.js | 5 + src/components/icon/assets/app_add_data.js | 5 + .../icon/assets/app_advanced_settings.js | 5 + src/components/icon/assets/app_apm.js | 5 + src/components/icon/assets/app_auditbeat.js | 5 + src/components/icon/assets/app_canvas.js | 5 + src/components/icon/assets/app_code.js | 5 + src/components/icon/assets/app_console.js | 5 + .../assets/app_cross_cluster_replication.js | 5 + src/components/icon/assets/app_dashboard.js | 5 + src/components/icon/assets/app_devtools.js | 5 + src/components/icon/assets/app_discover.js | 5 + src/components/icon/assets/app_ems.js | 5 + src/components/icon/assets/app_filebeat.js | 5 + src/components/icon/assets/app_gis.js | 5 + src/components/icon/assets/app_graph.js | 5 + src/components/icon/assets/app_grok.js | 5 + src/components/icon/assets/app_heartbeat.js | 5 + .../icon/assets/app_index_management.js | 5 + .../icon/assets/app_index_pattern.js | 5 + .../icon/assets/app_index_rollup.js | 5 + src/components/icon/assets/app_infra.js | 5 + src/components/icon/assets/app_logging.js | 5 + src/components/icon/assets/app_management.js | 5 + src/components/icon/assets/app_metricbeat.js | 5 + src/components/icon/assets/app_ml.js | 5 + src/components/icon/assets/app_monitoring.js | 5 + src/components/icon/assets/app_notebook.js | 5 + src/components/icon/assets/app_packetbeat.js | 5 + src/components/icon/assets/app_pipeline.js | 5 + src/components/icon/assets/app_reporting.js | 5 + .../icon/assets/app_saved_objects.js | 5 + .../icon/assets/app_search_profiler.js | 5 + src/components/icon/assets/app_security.js | 5 + .../icon/assets/app_security_analytics.js | 5 + src/components/icon/assets/app_spaces.js | 5 + src/components/icon/assets/app_sql.js | 5 + src/components/icon/assets/app_timelion.js | 5 + .../icon/assets/app_upgrade_assistant.js | 5 + src/components/icon/assets/app_uptime.js | 5 + src/components/icon/assets/app_users_roles.js | 5 + src/components/icon/assets/app_visualize.js | 5 + src/components/icon/assets/app_watches.js | 5 + src/components/icon/assets/apps.js | 5 + src/components/icon/assets/arrow_down.js | 5 + src/components/icon/assets/arrow_left.js | 5 + src/components/icon/assets/arrow_right.js | 5 + src/components/icon/assets/arrow_up.js | 5 + src/components/icon/assets/asterisk.js | 5 + src/components/icon/assets/beaker.js | 5 + src/components/icon/assets/bell.js | 5 + src/components/icon/assets/bolt.js | 5 + .../icon/assets/boxes_horizontal.js | 5 + src/components/icon/assets/boxes_vertical.js | 5 + src/components/icon/assets/branch.js | 5 + src/components/icon/assets/broom.js | 5 + src/components/icon/assets/brush.js | 5 + src/components/icon/assets/bullseye.js | 5 + src/components/icon/assets/calendar.js | 5 + src/components/icon/assets/check.js | 5 + .../icon/assets/checkInCircleFilled.js | 5 + src/components/icon/assets/clock.js | 5 + src/components/icon/assets/compute.js | 5 + src/components/icon/assets/console.js | 5 + .../icon/assets/controls_horizontal.js | 5 + .../icon/assets/controls_vertical.js | 5 + src/components/icon/assets/copy.js | 5 + src/components/icon/assets/copy_clipboard.js | 5 + src/components/icon/assets/cross.js | 5 + .../icon/assets/crossInACircleFilled.js | 5 + src/components/icon/assets/crosshairs.js | 5 + src/components/icon/assets/cut.js | 5 + src/components/icon/assets/database.js | 5 + src/components/icon/assets/document.js | 5 + src/components/icon/assets/dot.js | 5 + .../icon/assets/editor_align_center.js | 5 + .../icon/assets/editor_align_left.js | 5 + .../icon/assets/editor_align_right.js | 5 + src/components/icon/assets/editor_bold.js | 5 + .../icon/assets/editor_code_block.js | 5 + src/components/icon/assets/editor_comment.js | 5 + src/components/icon/assets/editor_heading.js | 5 + src/components/icon/assets/editor_italic.js | 5 + src/components/icon/assets/editor_link.js | 5 + .../icon/assets/editor_ordered_list.js | 5 + src/components/icon/assets/editor_redo.js | 5 + src/components/icon/assets/editor_strike.js | 5 + src/components/icon/assets/editor_table.js | 5 + .../icon/assets/editor_underline.js | 5 + src/components/icon/assets/editor_undo.js | 5 + .../icon/assets/editor_unordered_list.js | 5 + src/components/icon/assets/email.js | 5 + src/components/icon/assets/empty.js | 5 + src/components/icon/assets/exit.js | 5 + src/components/icon/assets/expand.js | 5 + src/components/icon/assets/export.js | 5 + src/components/icon/assets/eye.js | 5 + src/components/icon/assets/eye_closed.js | 5 + src/components/icon/assets/faceNeutral.js | 5 + src/components/icon/assets/face_happy.js | 5 + src/components/icon/assets/face_neutral.js | 5 + src/components/icon/assets/face_sad.js | 5 + src/components/icon/assets/filter.js | 5 + src/components/icon/assets/folder_closed.js | 5 + src/components/icon/assets/folder_open.js | 5 + src/components/icon/assets/full_screen.js | 5 + src/components/icon/assets/gear.js | 5 + src/components/icon/assets/glasses.js | 5 + src/components/icon/assets/globe.js | 5 + src/components/icon/assets/grab.js | 5 + src/components/icon/assets/grab_horizontal.js | 5 + src/components/icon/assets/grid.js | 5 + src/components/icon/assets/heatmap.js | 5 + src/components/icon/assets/help.js | 5 + src/components/icon/assets/iInCircle.js | 5 + src/components/icon/assets/import.js | 5 + src/components/icon/assets/index_close.js | 5 + src/components/icon/assets/index_edit.js | 5 + src/components/icon/assets/index_flush.js | 5 + src/components/icon/assets/index_mapping.js | 5 + src/components/icon/assets/index_open.js | 5 + src/components/icon/assets/index_settings.js | 5 + src/components/icon/assets/inputOutput.js | 5 + src/components/icon/assets/inspect.js | 5 + src/components/icon/assets/invert.js | 5 + src/components/icon/assets/kql_field.js | 5 + src/components/icon/assets/kql_function.js | 5 + src/components/icon/assets/kql_operand.js | 5 + src/components/icon/assets/kql_selector.js | 5 + src/components/icon/assets/kql_value.js | 5 + src/components/icon/assets/link.js | 5 + src/components/icon/assets/list.js | 5 + src/components/icon/assets/list_add.js | 5 + src/components/icon/assets/lock.js | 5 + src/components/icon/assets/lockOpen.js | 5 + src/components/icon/assets/logo_aerospike.js | 5 + src/components/icon/assets/logo_apache.js | 5 + src/components/icon/assets/logo_apm.js | 5 + src/components/icon/assets/logo_app_search.js | 5 + src/components/icon/assets/logo_aws.js | 5 + src/components/icon/assets/logo_aws_mono.js | 5 + src/components/icon/assets/logo_beats.js | 5 + .../icon/assets/logo_business_analytics.js | 5 + src/components/icon/assets/logo_ceph.js | 5 + src/components/icon/assets/logo_cloud.js | 5 + src/components/icon/assets/logo_cloud_ece.js | 5 + .../icon/assets/logo_codesandbox.js | 5 + src/components/icon/assets/logo_couchbase.js | 5 + src/components/icon/assets/logo_docker.js | 5 + src/components/icon/assets/logo_dropwizard.js | 5 + src/components/icon/assets/logo_elastic.js | 5 + .../icon/assets/logo_elastic_stack.js | 5 + .../icon/assets/logo_elasticsearch.js | 5 + .../icon/assets/logo_enterprise_search.js | 5 + src/components/icon/assets/logo_etcd.js | 5 + src/components/icon/assets/logo_gcp.js | 5 + src/components/icon/assets/logo_gcp_mono.js | 5 + src/components/icon/assets/logo_github.js | 5 + src/components/icon/assets/logo_gmail.js | 5 + src/components/icon/assets/logo_golang.js | 5 + src/components/icon/assets/logo_haproxy.js | 5 + src/components/icon/assets/logo_ibm.js | 5 + src/components/icon/assets/logo_ibm_mono.js | 5 + src/components/icon/assets/logo_kafka.js | 5 + src/components/icon/assets/logo_kibana.js | 5 + src/components/icon/assets/logo_kubernetes.js | 5 + src/components/icon/assets/logo_logstash.js | 5 + src/components/icon/assets/logo_memcached.js | 5 + src/components/icon/assets/logo_metrics.js | 5 + src/components/icon/assets/logo_mongodb.js | 5 + src/components/icon/assets/logo_mysql.js | 5 + src/components/icon/assets/logo_nginx.js | 5 + src/components/icon/assets/logo_osquery.js | 5 + src/components/icon/assets/logo_php.js | 5 + src/components/icon/assets/logo_postgres.js | 5 + src/components/icon/assets/logo_prometheus.js | 5 + src/components/icon/assets/logo_rabbitmq.js | 5 + src/components/icon/assets/logo_redis.js | 5 + .../icon/assets/logo_site_search.js | 5 + src/components/icon/assets/logo_sketch.js | 5 + src/components/icon/assets/logo_slack.js | 5 + src/components/icon/assets/logo_webhook.js | 5 + src/components/icon/assets/logo_windows.js | 5 + src/components/icon/assets/logo_xpack.js | 5 + src/components/icon/assets/logstash_filter.js | 5 + src/components/icon/assets/logstash_if.js | 5 + src/components/icon/assets/logstash_input.js | 5 + src/components/icon/assets/logstash_output.js | 5 + src/components/icon/assets/logstash_queue.js | 5 + src/components/icon/assets/map_marker.js | 5 + src/components/icon/assets/memory.js | 5 + src/components/icon/assets/menuLeft.js | 5 + src/components/icon/assets/menuRight.js | 5 + src/components/icon/assets/merge.js | 5 + src/components/icon/assets/minus_in_circle.js | 5 + .../icon/assets/minus_in_circle_filled.js | 5 + .../icon/assets/ml_create_advanced_job.js | 5 + .../icon/assets/ml_create_multi_metric_job.js | 5 + .../icon/assets/ml_create_population_job.js | 5 + .../assets/ml_create_single_metric_job.js | 5 + .../icon/assets/ml_data_visualizer.js | 5 + src/components/icon/assets/node.js | 5 + src/components/icon/assets/number.js | 5 + src/components/icon/assets/offline.js | 5 + src/components/icon/assets/online.js | 5 + src/components/icon/assets/paint.js | 5 + src/components/icon/assets/pause.js | 5 + src/components/icon/assets/pencil.js | 5 + src/components/icon/assets/pin.js | 5 + src/components/icon/assets/pin_filled.js | 5 + src/components/icon/assets/play.js | 5 + src/components/icon/assets/plus_in_circle.js | 5 + .../icon/assets/plus_in_circle_filled.js | 5 + src/components/icon/assets/popout.js | 5 + .../icon/assets/question_in_circle.js | 5 + src/components/icon/assets/refresh.js | 5 + src/components/icon/assets/save.js | 5 + src/components/icon/assets/scale.js | 5 + src/components/icon/assets/search.js | 5 + src/components/icon/assets/shard.js | 5 + src/components/icon/assets/share.js | 5 + src/components/icon/assets/snowflake.js | 5 + src/components/icon/assets/sortLeft.js | 5 + src/components/icon/assets/sortRight.js | 5 + src/components/icon/assets/sort_down.js | 5 + src/components/icon/assets/sort_up.js | 5 + src/components/icon/assets/sortable.js | 5 + src/components/icon/assets/starPlusEmpty.js | 5 + src/components/icon/assets/starPlusFilled.js | 5 + src/components/icon/assets/star_empty.js | 5 + .../icon/assets/star_empty_space.js | 5 + src/components/icon/assets/star_filled.js | 5 + .../icon/assets/star_filled_space.js | 5 + .../icon/assets/star_minus_empty.js | 5 + .../icon/assets/star_minus_filled.js | 5 + src/components/icon/assets/stats.js | 5 + src/components/icon/assets/stop.js | 5 + src/components/icon/assets/stop_filled.js | 5 + src/components/icon/assets/storage.js | 5 + src/components/icon/assets/string.js | 5 + src/components/icon/assets/submodule.js | 5 + src/components/icon/assets/symlink.js | 5 + src/components/icon/assets/tableOfContents.js | 5 + src/components/icon/assets/tag.js | 5 + src/components/icon/assets/tear.js | 5 + src/components/icon/assets/temperature.js | 5 + .../icon/assets/tokens/tokenAnnotation.js | 5 + .../icon/assets/tokens/tokenArray.js | 5 + .../icon/assets/tokens/tokenBoolean.js | 5 + .../icon/assets/tokens/tokenClass.js | 5 + .../icon/assets/tokens/tokenConstant.js | 5 + .../icon/assets/tokens/tokenElement.js | 5 + .../icon/assets/tokens/tokenEnum.js | 5 + .../icon/assets/tokens/tokenEnumMember.js | 5 + .../icon/assets/tokens/tokenEvent.js | 5 + .../icon/assets/tokens/tokenException.js | 5 + .../icon/assets/tokens/tokenField.js | 5 + .../icon/assets/tokens/tokenFile.js | 5 + .../icon/assets/tokens/tokenFunction.js | 5 + .../icon/assets/tokens/tokenInterface.js | 5 + src/components/icon/assets/tokens/tokenKey.js | 5 + .../icon/assets/tokens/tokenMethod.js | 5 + .../icon/assets/tokens/tokenModule.js | 5 + .../icon/assets/tokens/tokenNamespace.js | 5 + .../icon/assets/tokens/tokenNull.js | 5 + .../icon/assets/tokens/tokenNumber.js | 5 + .../icon/assets/tokens/tokenObject.js | 5 + .../icon/assets/tokens/tokenOperator.js | 5 + .../icon/assets/tokens/tokenPackage.js | 5 + .../icon/assets/tokens/tokenParameter.js | 5 + .../icon/assets/tokens/tokenProperty.js | 5 + .../icon/assets/tokens/tokenRepo.js | 5 + .../icon/assets/tokens/tokenString.js | 5 + .../icon/assets/tokens/tokenStruct.js | 5 + .../icon/assets/tokens/tokenSymbol.js | 5 + .../icon/assets/tokens/tokenVariable.js | 5 + src/components/icon/assets/trash.js | 5 + src/components/icon/assets/user.js | 5 + src/components/icon/assets/vector.js | 5 + src/components/icon/assets/vis_area.js | 5 + .../icon/assets/vis_bar_horizontal.js | 5 + .../icon/assets/vis_bar_vertical.js | 5 + src/components/icon/assets/vis_controls.js | 5 + src/components/icon/assets/vis_gauge.js | 5 + src/components/icon/assets/vis_goal.js | 5 + src/components/icon/assets/vis_heatmap.js | 5 + src/components/icon/assets/vis_line.js | 5 + .../icon/assets/vis_map_coordinate.js | 5 + src/components/icon/assets/vis_map_region.js | 5 + src/components/icon/assets/vis_metric.js | 5 + src/components/icon/assets/vis_pie.js | 5 + src/components/icon/assets/vis_table.js | 5 + src/components/icon/assets/vis_tag_cloud.js | 5 + src/components/icon/assets/vis_text.js | 5 + src/components/icon/assets/vis_timelion.js | 5 + src/components/icon/assets/vis_vega.js | 5 + .../icon/assets/vis_visual_builder.js | 5 + src/components/icon/assets/wrench.js | 5 + src/components/icon/icon.test.tsx | 79 +- src/components/icon/icon.tsx | 1070 +++++++---------- .../list_group_item.test.js.snap | 6 +- .../loading_kibana.test.tsx.snap | 112 +- .../__snapshots__/confirm_modal.test.js.snap | 16 +- .../modal/__snapshots__/modal.test.js.snap | 8 +- .../selectable_list_item.test.tsx.snap | 27 +- .../selectable_search.test.tsx.snap | 30 +- .../__snapshots__/series_chart.test.js.snap | 21 +- .../__snapshots__/side_nav.test.js.snap | 152 +-- .../__snapshots__/step_number.test.js.snap | 26 +- .../steps_horizontal.test.js.snap | 9 +- .../table_sort_mobile.test.js.snap | 16 +- .../table_sort_mobile_item.test.js.snap | 2 +- .../table_pagination.test.js.snap | 84 +- .../global_toast_list.test.js.snap | 34 +- .../toast/__snapshots__/toast.test.js.snap | 31 +- .../token/__snapshots__/token.test.js.snap | 289 +---- .../__snapshots__/icon_tip.test.js.snap | 33 +- src/webpack.config.js | 6 + tsconfig.json | 2 +- yarn.lock | 523 +++++++- 357 files changed, 3528 insertions(+), 3023 deletions(-) create mode 100644 scripts/compile-icons.js create mode 100644 src/components/icon/_variables.scss create mode 100644 src/components/icon/assets/alert.js create mode 100644 src/components/icon/assets/apm_trace.js create mode 100644 src/components/icon/assets/app_add_data.js create mode 100644 src/components/icon/assets/app_advanced_settings.js create mode 100644 src/components/icon/assets/app_apm.js create mode 100644 src/components/icon/assets/app_auditbeat.js create mode 100644 src/components/icon/assets/app_canvas.js create mode 100644 src/components/icon/assets/app_code.js create mode 100644 src/components/icon/assets/app_console.js create mode 100644 src/components/icon/assets/app_cross_cluster_replication.js create mode 100644 src/components/icon/assets/app_dashboard.js create mode 100644 src/components/icon/assets/app_devtools.js create mode 100644 src/components/icon/assets/app_discover.js create mode 100644 src/components/icon/assets/app_ems.js create mode 100644 src/components/icon/assets/app_filebeat.js create mode 100644 src/components/icon/assets/app_gis.js create mode 100644 src/components/icon/assets/app_graph.js create mode 100644 src/components/icon/assets/app_grok.js create mode 100644 src/components/icon/assets/app_heartbeat.js create mode 100644 src/components/icon/assets/app_index_management.js create mode 100644 src/components/icon/assets/app_index_pattern.js create mode 100644 src/components/icon/assets/app_index_rollup.js create mode 100644 src/components/icon/assets/app_infra.js create mode 100644 src/components/icon/assets/app_logging.js create mode 100644 src/components/icon/assets/app_management.js create mode 100644 src/components/icon/assets/app_metricbeat.js create mode 100644 src/components/icon/assets/app_ml.js create mode 100644 src/components/icon/assets/app_monitoring.js create mode 100644 src/components/icon/assets/app_notebook.js create mode 100644 src/components/icon/assets/app_packetbeat.js create mode 100644 src/components/icon/assets/app_pipeline.js create mode 100644 src/components/icon/assets/app_reporting.js create mode 100644 src/components/icon/assets/app_saved_objects.js create mode 100644 src/components/icon/assets/app_search_profiler.js create mode 100644 src/components/icon/assets/app_security.js create mode 100644 src/components/icon/assets/app_security_analytics.js create mode 100644 src/components/icon/assets/app_spaces.js create mode 100644 src/components/icon/assets/app_sql.js create mode 100644 src/components/icon/assets/app_timelion.js create mode 100644 src/components/icon/assets/app_upgrade_assistant.js create mode 100644 src/components/icon/assets/app_uptime.js create mode 100644 src/components/icon/assets/app_users_roles.js create mode 100644 src/components/icon/assets/app_visualize.js create mode 100644 src/components/icon/assets/app_watches.js create mode 100644 src/components/icon/assets/apps.js create mode 100644 src/components/icon/assets/arrow_down.js create mode 100644 src/components/icon/assets/arrow_left.js create mode 100644 src/components/icon/assets/arrow_right.js create mode 100644 src/components/icon/assets/arrow_up.js create mode 100644 src/components/icon/assets/asterisk.js create mode 100644 src/components/icon/assets/beaker.js create mode 100644 src/components/icon/assets/bell.js create mode 100644 src/components/icon/assets/bolt.js create mode 100644 src/components/icon/assets/boxes_horizontal.js create mode 100644 src/components/icon/assets/boxes_vertical.js create mode 100644 src/components/icon/assets/branch.js create mode 100644 src/components/icon/assets/broom.js create mode 100644 src/components/icon/assets/brush.js create mode 100644 src/components/icon/assets/bullseye.js create mode 100644 src/components/icon/assets/calendar.js create mode 100644 src/components/icon/assets/check.js create mode 100644 src/components/icon/assets/checkInCircleFilled.js create mode 100644 src/components/icon/assets/clock.js create mode 100644 src/components/icon/assets/compute.js create mode 100644 src/components/icon/assets/console.js create mode 100644 src/components/icon/assets/controls_horizontal.js create mode 100644 src/components/icon/assets/controls_vertical.js create mode 100644 src/components/icon/assets/copy.js create mode 100644 src/components/icon/assets/copy_clipboard.js create mode 100644 src/components/icon/assets/cross.js create mode 100644 src/components/icon/assets/crossInACircleFilled.js create mode 100644 src/components/icon/assets/crosshairs.js create mode 100644 src/components/icon/assets/cut.js create mode 100644 src/components/icon/assets/database.js create mode 100644 src/components/icon/assets/document.js create mode 100644 src/components/icon/assets/dot.js create mode 100644 src/components/icon/assets/editor_align_center.js create mode 100644 src/components/icon/assets/editor_align_left.js create mode 100644 src/components/icon/assets/editor_align_right.js create mode 100644 src/components/icon/assets/editor_bold.js create mode 100644 src/components/icon/assets/editor_code_block.js create mode 100644 src/components/icon/assets/editor_comment.js create mode 100644 src/components/icon/assets/editor_heading.js create mode 100644 src/components/icon/assets/editor_italic.js create mode 100644 src/components/icon/assets/editor_link.js create mode 100644 src/components/icon/assets/editor_ordered_list.js create mode 100644 src/components/icon/assets/editor_redo.js create mode 100644 src/components/icon/assets/editor_strike.js create mode 100644 src/components/icon/assets/editor_table.js create mode 100644 src/components/icon/assets/editor_underline.js create mode 100644 src/components/icon/assets/editor_undo.js create mode 100644 src/components/icon/assets/editor_unordered_list.js create mode 100644 src/components/icon/assets/email.js create mode 100644 src/components/icon/assets/empty.js create mode 100644 src/components/icon/assets/exit.js create mode 100644 src/components/icon/assets/expand.js create mode 100644 src/components/icon/assets/export.js create mode 100644 src/components/icon/assets/eye.js create mode 100644 src/components/icon/assets/eye_closed.js create mode 100644 src/components/icon/assets/faceNeutral.js create mode 100644 src/components/icon/assets/face_happy.js create mode 100644 src/components/icon/assets/face_neutral.js create mode 100644 src/components/icon/assets/face_sad.js create mode 100644 src/components/icon/assets/filter.js create mode 100644 src/components/icon/assets/folder_closed.js create mode 100644 src/components/icon/assets/folder_open.js create mode 100644 src/components/icon/assets/full_screen.js create mode 100644 src/components/icon/assets/gear.js create mode 100644 src/components/icon/assets/glasses.js create mode 100644 src/components/icon/assets/globe.js create mode 100644 src/components/icon/assets/grab.js create mode 100644 src/components/icon/assets/grab_horizontal.js create mode 100644 src/components/icon/assets/grid.js create mode 100644 src/components/icon/assets/heatmap.js create mode 100644 src/components/icon/assets/help.js create mode 100644 src/components/icon/assets/iInCircle.js create mode 100644 src/components/icon/assets/import.js create mode 100644 src/components/icon/assets/index_close.js create mode 100644 src/components/icon/assets/index_edit.js create mode 100644 src/components/icon/assets/index_flush.js create mode 100644 src/components/icon/assets/index_mapping.js create mode 100644 src/components/icon/assets/index_open.js create mode 100644 src/components/icon/assets/index_settings.js create mode 100644 src/components/icon/assets/inputOutput.js create mode 100644 src/components/icon/assets/inspect.js create mode 100644 src/components/icon/assets/invert.js create mode 100644 src/components/icon/assets/kql_field.js create mode 100644 src/components/icon/assets/kql_function.js create mode 100644 src/components/icon/assets/kql_operand.js create mode 100644 src/components/icon/assets/kql_selector.js create mode 100644 src/components/icon/assets/kql_value.js create mode 100644 src/components/icon/assets/link.js create mode 100644 src/components/icon/assets/list.js create mode 100644 src/components/icon/assets/list_add.js create mode 100644 src/components/icon/assets/lock.js create mode 100644 src/components/icon/assets/lockOpen.js create mode 100644 src/components/icon/assets/logo_aerospike.js create mode 100644 src/components/icon/assets/logo_apache.js create mode 100644 src/components/icon/assets/logo_apm.js create mode 100644 src/components/icon/assets/logo_app_search.js create mode 100644 src/components/icon/assets/logo_aws.js create mode 100644 src/components/icon/assets/logo_aws_mono.js create mode 100644 src/components/icon/assets/logo_beats.js create mode 100644 src/components/icon/assets/logo_business_analytics.js create mode 100644 src/components/icon/assets/logo_ceph.js create mode 100644 src/components/icon/assets/logo_cloud.js create mode 100644 src/components/icon/assets/logo_cloud_ece.js create mode 100644 src/components/icon/assets/logo_codesandbox.js create mode 100644 src/components/icon/assets/logo_couchbase.js create mode 100644 src/components/icon/assets/logo_docker.js create mode 100644 src/components/icon/assets/logo_dropwizard.js create mode 100644 src/components/icon/assets/logo_elastic.js create mode 100644 src/components/icon/assets/logo_elastic_stack.js create mode 100644 src/components/icon/assets/logo_elasticsearch.js create mode 100644 src/components/icon/assets/logo_enterprise_search.js create mode 100644 src/components/icon/assets/logo_etcd.js create mode 100644 src/components/icon/assets/logo_gcp.js create mode 100644 src/components/icon/assets/logo_gcp_mono.js create mode 100644 src/components/icon/assets/logo_github.js create mode 100644 src/components/icon/assets/logo_gmail.js create mode 100644 src/components/icon/assets/logo_golang.js create mode 100644 src/components/icon/assets/logo_haproxy.js create mode 100644 src/components/icon/assets/logo_ibm.js create mode 100644 src/components/icon/assets/logo_ibm_mono.js create mode 100644 src/components/icon/assets/logo_kafka.js create mode 100644 src/components/icon/assets/logo_kibana.js create mode 100644 src/components/icon/assets/logo_kubernetes.js create mode 100644 src/components/icon/assets/logo_logstash.js create mode 100644 src/components/icon/assets/logo_memcached.js create mode 100644 src/components/icon/assets/logo_metrics.js create mode 100644 src/components/icon/assets/logo_mongodb.js create mode 100644 src/components/icon/assets/logo_mysql.js create mode 100644 src/components/icon/assets/logo_nginx.js create mode 100644 src/components/icon/assets/logo_osquery.js create mode 100644 src/components/icon/assets/logo_php.js create mode 100644 src/components/icon/assets/logo_postgres.js create mode 100644 src/components/icon/assets/logo_prometheus.js create mode 100644 src/components/icon/assets/logo_rabbitmq.js create mode 100644 src/components/icon/assets/logo_redis.js create mode 100644 src/components/icon/assets/logo_site_search.js create mode 100644 src/components/icon/assets/logo_sketch.js create mode 100644 src/components/icon/assets/logo_slack.js create mode 100644 src/components/icon/assets/logo_webhook.js create mode 100644 src/components/icon/assets/logo_windows.js create mode 100644 src/components/icon/assets/logo_xpack.js create mode 100644 src/components/icon/assets/logstash_filter.js create mode 100644 src/components/icon/assets/logstash_if.js create mode 100644 src/components/icon/assets/logstash_input.js create mode 100644 src/components/icon/assets/logstash_output.js create mode 100644 src/components/icon/assets/logstash_queue.js create mode 100644 src/components/icon/assets/map_marker.js create mode 100644 src/components/icon/assets/memory.js create mode 100644 src/components/icon/assets/menuLeft.js create mode 100644 src/components/icon/assets/menuRight.js create mode 100644 src/components/icon/assets/merge.js create mode 100644 src/components/icon/assets/minus_in_circle.js create mode 100644 src/components/icon/assets/minus_in_circle_filled.js create mode 100644 src/components/icon/assets/ml_create_advanced_job.js create mode 100644 src/components/icon/assets/ml_create_multi_metric_job.js create mode 100644 src/components/icon/assets/ml_create_population_job.js create mode 100644 src/components/icon/assets/ml_create_single_metric_job.js create mode 100644 src/components/icon/assets/ml_data_visualizer.js create mode 100644 src/components/icon/assets/node.js create mode 100644 src/components/icon/assets/number.js create mode 100644 src/components/icon/assets/offline.js create mode 100644 src/components/icon/assets/online.js create mode 100644 src/components/icon/assets/paint.js create mode 100644 src/components/icon/assets/pause.js create mode 100644 src/components/icon/assets/pencil.js create mode 100644 src/components/icon/assets/pin.js create mode 100644 src/components/icon/assets/pin_filled.js create mode 100644 src/components/icon/assets/play.js create mode 100644 src/components/icon/assets/plus_in_circle.js create mode 100644 src/components/icon/assets/plus_in_circle_filled.js create mode 100644 src/components/icon/assets/popout.js create mode 100644 src/components/icon/assets/question_in_circle.js create mode 100644 src/components/icon/assets/refresh.js create mode 100644 src/components/icon/assets/save.js create mode 100644 src/components/icon/assets/scale.js create mode 100644 src/components/icon/assets/search.js create mode 100644 src/components/icon/assets/shard.js create mode 100644 src/components/icon/assets/share.js create mode 100644 src/components/icon/assets/snowflake.js create mode 100644 src/components/icon/assets/sortLeft.js create mode 100644 src/components/icon/assets/sortRight.js create mode 100644 src/components/icon/assets/sort_down.js create mode 100644 src/components/icon/assets/sort_up.js create mode 100644 src/components/icon/assets/sortable.js create mode 100644 src/components/icon/assets/starPlusEmpty.js create mode 100644 src/components/icon/assets/starPlusFilled.js create mode 100644 src/components/icon/assets/star_empty.js create mode 100644 src/components/icon/assets/star_empty_space.js create mode 100644 src/components/icon/assets/star_filled.js create mode 100644 src/components/icon/assets/star_filled_space.js create mode 100644 src/components/icon/assets/star_minus_empty.js create mode 100644 src/components/icon/assets/star_minus_filled.js create mode 100644 src/components/icon/assets/stats.js create mode 100644 src/components/icon/assets/stop.js create mode 100644 src/components/icon/assets/stop_filled.js create mode 100644 src/components/icon/assets/storage.js create mode 100644 src/components/icon/assets/string.js create mode 100644 src/components/icon/assets/submodule.js create mode 100644 src/components/icon/assets/symlink.js create mode 100644 src/components/icon/assets/tableOfContents.js create mode 100644 src/components/icon/assets/tag.js create mode 100644 src/components/icon/assets/tear.js create mode 100644 src/components/icon/assets/temperature.js create mode 100644 src/components/icon/assets/tokens/tokenAnnotation.js create mode 100644 src/components/icon/assets/tokens/tokenArray.js create mode 100644 src/components/icon/assets/tokens/tokenBoolean.js create mode 100644 src/components/icon/assets/tokens/tokenClass.js create mode 100644 src/components/icon/assets/tokens/tokenConstant.js create mode 100644 src/components/icon/assets/tokens/tokenElement.js create mode 100644 src/components/icon/assets/tokens/tokenEnum.js create mode 100644 src/components/icon/assets/tokens/tokenEnumMember.js create mode 100644 src/components/icon/assets/tokens/tokenEvent.js create mode 100644 src/components/icon/assets/tokens/tokenException.js create mode 100644 src/components/icon/assets/tokens/tokenField.js create mode 100644 src/components/icon/assets/tokens/tokenFile.js create mode 100644 src/components/icon/assets/tokens/tokenFunction.js create mode 100644 src/components/icon/assets/tokens/tokenInterface.js create mode 100644 src/components/icon/assets/tokens/tokenKey.js create mode 100644 src/components/icon/assets/tokens/tokenMethod.js create mode 100644 src/components/icon/assets/tokens/tokenModule.js create mode 100644 src/components/icon/assets/tokens/tokenNamespace.js create mode 100644 src/components/icon/assets/tokens/tokenNull.js create mode 100644 src/components/icon/assets/tokens/tokenNumber.js create mode 100644 src/components/icon/assets/tokens/tokenObject.js create mode 100644 src/components/icon/assets/tokens/tokenOperator.js create mode 100644 src/components/icon/assets/tokens/tokenPackage.js create mode 100644 src/components/icon/assets/tokens/tokenParameter.js create mode 100644 src/components/icon/assets/tokens/tokenProperty.js create mode 100644 src/components/icon/assets/tokens/tokenRepo.js create mode 100644 src/components/icon/assets/tokens/tokenString.js create mode 100644 src/components/icon/assets/tokens/tokenStruct.js create mode 100644 src/components/icon/assets/tokens/tokenSymbol.js create mode 100644 src/components/icon/assets/tokens/tokenVariable.js create mode 100644 src/components/icon/assets/trash.js create mode 100644 src/components/icon/assets/user.js create mode 100644 src/components/icon/assets/vector.js create mode 100644 src/components/icon/assets/vis_area.js create mode 100644 src/components/icon/assets/vis_bar_horizontal.js create mode 100644 src/components/icon/assets/vis_bar_vertical.js create mode 100644 src/components/icon/assets/vis_controls.js create mode 100644 src/components/icon/assets/vis_gauge.js create mode 100644 src/components/icon/assets/vis_goal.js create mode 100644 src/components/icon/assets/vis_heatmap.js create mode 100644 src/components/icon/assets/vis_line.js create mode 100644 src/components/icon/assets/vis_map_coordinate.js create mode 100644 src/components/icon/assets/vis_map_region.js create mode 100644 src/components/icon/assets/vis_metric.js create mode 100644 src/components/icon/assets/vis_pie.js create mode 100644 src/components/icon/assets/vis_table.js create mode 100644 src/components/icon/assets/vis_tag_cloud.js create mode 100644 src/components/icon/assets/vis_text.js create mode 100644 src/components/icon/assets/vis_timelion.js create mode 100644 src/components/icon/assets/vis_vega.js create mode 100644 src/components/icon/assets/vis_visual_builder.js create mode 100644 src/components/icon/assets/wrench.js diff --git a/.babelrc.js b/.babelrc.js index 2f82f74905c..3055170d94d 100644 --- a/.babelrc.js +++ b/.babelrc.js @@ -15,6 +15,7 @@ module.exports = { "@babel/react" ], "plugins": [ + "@babel/plugin-syntax-dynamic-import", "pegjs-inline-precompile", "./scripts/babel/proptypes-from-ts-props", "add-module-exports", @@ -39,6 +40,12 @@ module.exports = { ] } } - ] - ] + ], + ], + + "env": { + "test": { + "plugins": ["dynamic-import-node"] + } + } }; diff --git a/package.json b/package.json index 85f5db89701..161b4b343b4 100644 --- a/package.json +++ b/package.json @@ -15,11 +15,12 @@ "sync-docs": "node ./scripts/docs-sync.js", "build-docs": "NODE_ENV=production webpack --config=src-docs/webpack.config.js", "build": "yarn extract-i18n-strings && node ./scripts/compile-clean.js && node ./scripts/compile-eui.js && node ./scripts/compile-scss.js $npm_package_name", + "compile-icons": "node ./scripts/compile-icons.js", "extract-i18n-strings": "node ./scripts/babel/fetch-i18n-strings", "lint": "yarn lint-es && yarn lint-ts && yarn lint-sass && yarn lint-framer", "lint-fix": "yarn lint-es-fix && yarn lint-ts-fix", - "lint-es": "eslint --cache --ignore-pattern \"**/*.snap.js\" \"src/**/*.js\" \"src-docs/**/*.js\"", - "lint-es-fix": "eslint --fix --cache --ignore-pattern \"**/*.snap.js\" \"src/**/*.js\" \"src-docs/**/*.js\"", + "lint-es": "eslint --cache --ignore-pattern \"**/*.snap.js\", --ignore-pattern \"**/assets/**/*.js\" \"src/**/*.js\" \"src-docs/**/*.js\"", + "lint-es-fix": "eslint --fix --cache --ignore-pattern \"**/*.snap.js\", \"**/assets/**/*.js\" \"src/**/*.js\" \"src-docs/**/*.js\"", "lint-sass": "sass-lint -v --max-warnings 0", "lint-sass-fix": "sass-lint-auto-fix -c ./.sass-lint-fix.yml", "lint-ts": "tsc -p ./tsconfig.json --noEmit && tslint -c ./tslint.yaml -p ./tsconfig.json", @@ -72,12 +73,15 @@ "@babel/core": "^7.1.2", "@babel/plugin-proposal-class-properties": "^7.1.0", "@babel/plugin-proposal-object-rest-spread": "^7.0.0", + "@babel/plugin-syntax-dynamic-import": "^7.2.0", "@babel/polyfill": "^7.0.0", "@babel/preset-env": "^7.1.0", "@babel/preset-react": "^7.0.0", "@babel/preset-typescript": "^7.1.0", "@elastic/datemath": "^5.0.2", "@elastic/eslint-config-kibana": "^0.15.0", + "@svgr/core": "^4.1.0", + "@svgr/plugin-svgo": "^4.0.3", "@types/classnames": "^2.2.6", "@types/enzyme": "^3.1.13", "@types/jest": "^24.0.6", @@ -92,6 +96,7 @@ "babel-jest": "^24.1.0", "babel-loader": "^8.0.4", "babel-plugin-add-module-exports": "^1.0.0", + "babel-plugin-dynamic-import-node": "^2.2.0", "babel-plugin-inline-react-svg": "^1.0.1", "babel-plugin-pegjs-inline-precompile": "^0.1.0", "babel-plugin-react-docgen": "^2.0.0", diff --git a/scripts/babel/proptypes-from-ts-props/index.js b/scripts/babel/proptypes-from-ts-props/index.js index cfe16793a0c..7195f0576db 100644 --- a/scripts/babel/proptypes-from-ts-props/index.js +++ b/scripts/babel/proptypes-from-ts-props/index.js @@ -12,7 +12,8 @@ function stripTypeScript(filename, ast) { { filename: filename, babelrc: false, - presets: ['@babel/typescript'] + presets: ['@babel/typescript'], + plugins: ['@babel/plugin-syntax-dynamic-import'], } ).code; } diff --git a/scripts/compile-icons.js b/scripts/compile-icons.js new file mode 100644 index 00000000000..a65cfac17a8 --- /dev/null +++ b/scripts/compile-icons.js @@ -0,0 +1,70 @@ +const glob = require('glob'); +const svgr = require('@svgr/core').default; +const path = require('path'); +const fs = require('fs'); + +const rootDir = path.resolve(__dirname, '..'); +const srcDir = path.resolve(rootDir, 'src'); +const iconsDir = path.resolve(srcDir, 'components', 'icon', 'assets'); + +function pascalCase(x) { + return x.replace(/^(.)|[^a-zA-Z]([a-zA-Z])/g, (match, char1, char2) => (char1 || char2).toUpperCase()); +} + +const iconFiles = glob.sync( + '**/*.svg', + { cwd: iconsDir, realpath: true } +); + +function defaultTemplate({ + template + }, opts, { + imports, + componentName, + props, + jsx, + exports + }) { + return template.ast`${imports} +const ${componentName} = (${props}) => ${jsx} +${exports} +`; +} + +iconFiles.forEach(async filePath => { + const svgSource = fs.readFileSync(filePath); + + try { + const jsxSource = (await svgr( + svgSource, + { + plugins: ['@svgr/plugin-svgo', '@svgr/plugin-jsx'], + svgoConfig: { + plugins: [ + { cleanupIDs: false }, + { prefixIds: false }, + { removeViewBox: false }, + ], + }, + svgProps: { + xmlns: 'http://www.w3.org/2000/svg' + }, + template: ({ template }, opts, { imports, componentName, props, jsx }) => template.ast` +${imports} +const ${componentName} = (${props}) => ${jsx} +export const icon = ${componentName}; + ` + }, + { + componentName: `EuiIcon${pascalCase(path.basename(filePath, '.svg'))}` + } + )); + + const outputFilePath = filePath.replace(/\.svg$/, '.js'); + fs.writeFileSync(outputFilePath, jsxSource); + } catch (e) { + console.error(`Error processing ${filePath}`); + console.error(e); + process.exit(1); + } +}); diff --git a/src/components/accordion/__snapshots__/accordion.test.js.snap b/src/components/accordion/__snapshots__/accordion.test.js.snap index 4f87fd0fd0b..120e8bb7edb 100644 --- a/src/components/accordion/__snapshots__/accordion.test.js.snap +++ b/src/components/accordion/__snapshots__/accordion.test.js.snap @@ -46,39 +46,21 @@ exports[`EuiAccordion behavior closes when clicked twice 1`] = ` size="m" type="arrowRight" > - - - - - - - + /> + @@ -166,38 +148,21 @@ exports[`EuiAccordion behavior opens when clicked once 1`] = ` size="m" type="arrowDown" > - - - - - - - + /> + @@ -264,26 +229,13 @@ exports[`EuiAccordion is rendered 1`] = ` class="euiFlexItem euiFlexItem--flexGrowZero euiAccordion__iconWrapper" > - - - - - + />
- - - - - + />
- - - - - + />
- - - - - + />
- - - - - + />
- - - - - + /> @@ -173,24 +162,13 @@ exports[`EuiBadge props iconSide right is rendered 1`] = ` class="euiBadge__content" > - - - - - + /> @@ -208,24 +186,13 @@ exports[`EuiBadge props iconType is rendered 1`] = ` class="euiBadge__content" > - - - - - + /> diff --git a/src/components/basic_table/__snapshots__/collapsed_item_actions.test.js.snap b/src/components/basic_table/__snapshots__/collapsed_item_actions.test.js.snap index 3090096d259..cba30915d37 100644 --- a/src/components/basic_table/__snapshots__/collapsed_item_actions.test.js.snap +++ b/src/components/basic_table/__snapshots__/collapsed_item_actions.test.js.snap @@ -18,24 +18,13 @@ exports[`CollapsedItemActions render 1`] = ` > + />
diff --git a/src/components/basic_table/__snapshots__/in_memory_table.test.js.snap b/src/components/basic_table/__snapshots__/in_memory_table.test.js.snap index 132fb5b5454..fe572ae4865 100644 --- a/src/components/basic_table/__snapshots__/in_memory_table.test.js.snap +++ b/src/components/basic_table/__snapshots__/in_memory_table.test.js.snap @@ -388,40 +388,23 @@ exports[`EuiInMemoryTable behavior pagination 1`] = ` size="m" type="arrowDown" > - + /> + - + /> + @@ -650,41 +615,23 @@ exports[`EuiInMemoryTable behavior pagination 1`] = ` size="m" type="arrowRight" > - + /> + diff --git a/src/components/button/__snapshots__/button.test.js.snap b/src/components/button/__snapshots__/button.test.js.snap index 017e2efc45b..0824a930a69 100644 --- a/src/components/button/__snapshots__/button.test.js.snap +++ b/src/components/button/__snapshots__/button.test.js.snap @@ -166,24 +166,13 @@ exports[`EuiButton props iconSide left is rendered 1`] = ` > + /> @@ -203,24 +192,13 @@ exports[`EuiButton props iconSide right is rendered 1`] = ` > + /> @@ -240,24 +218,13 @@ exports[`EuiButton props iconType is rendered 1`] = ` > + /> diff --git a/src/components/button/button_empty/__snapshots__/button_empty.test.js.snap b/src/components/button/button_empty/__snapshots__/button_empty.test.js.snap index cb829362ba3..3518a2701d1 100644 --- a/src/components/button/button_empty/__snapshots__/button_empty.test.js.snap +++ b/src/components/button/button_empty/__snapshots__/button_empty.test.js.snap @@ -151,24 +151,13 @@ exports[`EuiButtonEmpty props iconSide left is rendered 1`] = ` > + /> @@ -188,24 +177,13 @@ exports[`EuiButtonEmpty props iconSide right is rendered 1`] = ` > + /> @@ -225,24 +203,13 @@ exports[`EuiButtonEmpty props iconType is rendered 1`] = ` > + /> diff --git a/src/components/button/button_icon/__snapshots__/button_icon.test.js.snap b/src/components/button/button_icon/__snapshots__/button_icon.test.js.snap index fc62911cc9b..d4fd4ebf256 100644 --- a/src/components/button/button_icon/__snapshots__/button_icon.test.js.snap +++ b/src/components/button/button_icon/__snapshots__/button_icon.test.js.snap @@ -91,24 +91,13 @@ exports[`EuiButtonIcon props iconType is rendered 1`] = ` > + /> `; diff --git a/src/components/call_out/__snapshots__/call_out.test.js.snap b/src/components/call_out/__snapshots__/call_out.test.js.snap index 63e576b7962..df2d5cc9140 100644 --- a/src/components/call_out/__snapshots__/call_out.test.js.snap +++ b/src/components/call_out/__snapshots__/call_out.test.js.snap @@ -86,24 +86,13 @@ exports[`EuiCallOut props iconType is rendered 1`] = ` > + /> diff --git a/src/components/card/__snapshots__/card.test.js.snap b/src/components/card/__snapshots__/card.test.js.snap index 6af8c7e3a10..5d917ee2f69 100644 --- a/src/components/card/__snapshots__/card.test.js.snap +++ b/src/components/card/__snapshots__/card.test.js.snap @@ -31,25 +31,13 @@ exports[`EuiCard icon 1`] = ` class="euiCard__top" > - - - - + /> + /> @@ -281,25 +269,13 @@ exports[`props options list is rendered 1`] = ` > + /> diff --git a/src/components/context_menu/__snapshots__/context_menu.test.js.snap b/src/components/context_menu/__snapshots__/context_menu.test.js.snap index 46daea752f8..c58d030438a 100644 --- a/src/components/context_menu/__snapshots__/context_menu.test.js.snap +++ b/src/components/context_menu/__snapshots__/context_menu.test.js.snap @@ -26,13 +26,12 @@ exports[`EuiContextMenu props panels and initialPanelId allows you to click the class="euiContextMenu__itemLayout" > - - - - - + /> diff --git a/src/components/context_menu/__snapshots__/context_menu_item.test.js.snap b/src/components/context_menu/__snapshots__/context_menu_item.test.js.snap index b5c90e2a3f5..ffee19bb4d1 100644 --- a/src/components/context_menu/__snapshots__/context_menu_item.test.js.snap +++ b/src/components/context_menu/__snapshots__/context_menu_item.test.js.snap @@ -47,26 +47,13 @@ exports[`EuiContextMenuItem props hasPanel is rendered 1`] = ` class="euiContextMenuItem__text" /> - - - - - + /> `; diff --git a/src/components/context_menu/__snapshots__/context_menu_panel.test.js.snap b/src/components/context_menu/__snapshots__/context_menu_panel.test.js.snap index 12177b62015..26e477cc90f 100644 --- a/src/components/context_menu/__snapshots__/context_menu_panel.test.js.snap +++ b/src/components/context_menu/__snapshots__/context_menu_panel.test.js.snap @@ -26,13 +26,12 @@ exports[`EuiContextMenu props panels and initialPanelId allows you to click the class="euiContextMenu__itemLayout" > - - - - - + /> @@ -354,26 +335,13 @@ exports[`EuiContextMenuPanel props onClose renders a button as a title 1`] = ` class="euiContextMenu__itemLayout" > - - - - - + /> diff --git a/src/components/date_picker/__snapshots__/date_picker_range.test.js.snap b/src/components/date_picker/__snapshots__/date_picker_range.test.js.snap index b06335bb7c9..e5262cf5b91 100644 --- a/src/components/date_picker/__snapshots__/date_picker_range.test.js.snap +++ b/src/components/date_picker/__snapshots__/date_picker_range.test.js.snap @@ -10,18 +10,13 @@ exports[`EuiDatePickerRange is rendered 1`] = ` class="euiDatePickerRange__icon" > - - + /> - - - - - + />
@@ -117,26 +104,13 @@ exports[`EuiEmptyPrompt props iconType renders alone 1`] = ` class="euiEmptyPrompt" > - - - - - + />
diff --git a/src/components/facet/__snapshots__/facet_button.test.js.snap b/src/components/facet/__snapshots__/facet_button.test.js.snap index bb878eed3df..26bbdc8803b 100644 --- a/src/components/facet/__snapshots__/facet_button.test.js.snap +++ b/src/components/facet/__snapshots__/facet_button.test.js.snap @@ -29,26 +29,13 @@ exports[`EuiFacetButton props icon is rendered 1`] = ` class="euiFacetButton__content" > - - - - - + /> + /> diff --git a/src/components/filter_group/__snapshots__/filter_select_item.test.js.snap b/src/components/filter_group/__snapshots__/filter_select_item.test.js.snap index 973c9189051..d19ba563c41 100644 --- a/src/components/filter_group/__snapshots__/filter_select_item.test.js.snap +++ b/src/components/filter_group/__snapshots__/filter_select_item.test.js.snap @@ -15,7 +15,7 @@ exports[`EuiFilterSelectItem is rendered 1`] = ` class="euiFlexItem euiFlexItem--flexGrowZero" > + />
@@ -84,17 +80,13 @@ exports[`EuiFlyout max width can be set to a custom number 1`] = ` > + /> @@ -137,17 +129,13 @@ exports[`EuiFlyout max width can be set to a custom value and measurement 1`] = > + /> @@ -189,17 +177,13 @@ exports[`EuiFlyout max width can be set to a default 1`] = ` > + /> @@ -272,17 +256,13 @@ exports[`EuiFlyout size l is rendered 1`] = ` > + /> @@ -324,17 +304,13 @@ exports[`EuiFlyout size m is rendered 1`] = ` > + /> @@ -376,17 +352,13 @@ exports[`EuiFlyout size s is rendered 1`] = ` > + /> diff --git a/src/components/form/file_picker/__snapshots__/file_picker.test.js.snap b/src/components/form/file_picker/__snapshots__/file_picker.test.js.snap index 5a31478014e..d70cb677908 100644 --- a/src/components/form/file_picker/__snapshots__/file_picker.test.js.snap +++ b/src/components/form/file_picker/__snapshots__/file_picker.test.js.snap @@ -18,17 +18,13 @@ exports[`EuiFilePicker is rendered 1`] = ` > + />
diff --git a/src/components/form/form_control_layout/__snapshots__/form_control_layout.test.js.snap b/src/components/form/form_control_layout/__snapshots__/form_control_layout.test.js.snap index 9ea74f6d8f1..cc1d1f175bf 100644 --- a/src/components/form/form_control_layout/__snapshots__/form_control_layout.test.js.snap +++ b/src/components/form/form_control_layout/__snapshots__/form_control_layout.test.js.snap @@ -31,17 +31,13 @@ exports[`EuiFormControlLayout props clear onClick is rendered 1`] = ` type="button" > - - + />
@@ -73,18 +69,13 @@ exports[`EuiFormControlLayout props icon is rendered as a string 1`] = ` > + />
@@ -107,18 +98,13 @@ exports[`EuiFormControlLayout props icon is rendered as an object 1`] = ` > + />
@@ -140,18 +126,13 @@ exports[`EuiFormControlLayout props icon side left is rendered 1`] = ` > + />
@@ -173,18 +154,13 @@ exports[`EuiFormControlLayout props icon side right is rendered 1`] = ` > + />
diff --git a/src/components/form/super_select/__snapshots__/super_select.test.js.snap b/src/components/form/super_select/__snapshots__/super_select.test.js.snap index a8189b4b5fc..df80cd834ed 100644 --- a/src/components/form/super_select/__snapshots__/super_select.test.js.snap +++ b/src/components/form/super_select/__snapshots__/super_select.test.js.snap @@ -40,25 +40,13 @@ exports[`EuiSuperSelect is rendered 1`] = ` > + />
@@ -106,25 +94,13 @@ exports[`EuiSuperSelect props custom display is propagated to dropdown 1`] = ` > + />
@@ -172,7 +148,7 @@ exports[`EuiSuperSelect props custom display is propagated to dropdown 1`] = ` class="euiContextMenu__itemLayout" > + />
@@ -331,25 +295,13 @@ exports[`EuiSuperSelect props more props are propogated to each option 1`] = ` > + />
@@ -399,18 +351,13 @@ exports[`EuiSuperSelect props more props are propogated to each option 1`] = ` class="euiContextMenu__itemLayout" > - - + /> @@ -429,7 +376,7 @@ exports[`EuiSuperSelect props more props are propogated to each option 1`] = ` class="euiContextMenu__itemLayout" > - + /> + @@ -786,18 +716,13 @@ exports[`EuiSuperSelect props more props are propogated to each option 2`] = ` class="euiContextMenu__itemLayout" > - - + /> @@ -816,7 +741,7 @@ exports[`EuiSuperSelect props more props are propogated to each option 2`] = ` class="euiContextMenu__itemLayout" > - - + /> @@ -906,7 +826,7 @@ exports[`EuiSuperSelect props more props are propogated to each option 2`] = ` class="euiContextMenu__itemLayout" > - - - - + /> + - - + + /> @@ -1273,7 +1168,7 @@ exports[`EuiSuperSelect props options are rendered when select is open 1`] = ` class="euiContextMenu__itemLayout" > + /> @@ -1429,25 +1312,13 @@ exports[`EuiSuperSelect props valueSelected is rendered 1`] = ` > + /> diff --git a/src/components/form/super_select/__snapshots__/super_select_control.test.js.snap b/src/components/form/super_select/__snapshots__/super_select_control.test.js.snap index 99db8107f12..f1e892d30de 100644 --- a/src/components/form/super_select/__snapshots__/super_select_control.test.js.snap +++ b/src/components/form/super_select/__snapshots__/super_select_control.test.js.snap @@ -35,25 +35,13 @@ Array [ > + /> @@ -94,25 +82,13 @@ Array [ > + />
@@ -153,25 +129,13 @@ Array [ > + />
@@ -212,25 +176,13 @@ Array [ > + />
@@ -271,25 +223,13 @@ Array [ > + /> @@ -330,25 +270,13 @@ Array [ > + /> @@ -392,25 +320,13 @@ Array [ > + /> @@ -453,25 +369,13 @@ Array [ > + /> diff --git a/src/components/form/switch/__snapshots__/switch.test.js.snap b/src/components/form/switch/__snapshots__/switch.test.js.snap index 8e1fe28df6d..7d5d582e468 100644 --- a/src/components/form/switch/__snapshots__/switch.test.js.snap +++ b/src/components/form/switch/__snapshots__/switch.test.js.snap @@ -19,30 +19,21 @@ exports[`EuiSwitch assigns automatically generated ID to label 1`] = ` class="euiSwitch__track" > - - + /> - - + /> @@ -69,30 +60,21 @@ exports[`EuiSwitch is rendered 1`] = ` class="euiSwitch__track" > - - + /> - - + /> diff --git a/src/components/header/__snapshots__/header_logo.test.js.snap b/src/components/header/__snapshots__/header_logo.test.js.snap index 32532c920a3..816db546758 100644 --- a/src/components/header/__snapshots__/header_logo.test.js.snap +++ b/src/components/header/__snapshots__/header_logo.test.js.snap @@ -7,43 +7,14 @@ exports[`EuiHeaderLogo is rendered 1`] = ` data-test-subj="test subject string" > - - - - - - - - - + /> `; @@ -53,43 +24,14 @@ exports[`EuiHeaderLogo renders href 1`] = ` href="#" > - - - - - - - - - + /> `; @@ -99,18 +41,13 @@ exports[`EuiHeaderLogo renders optional props 1`] = ` style="color:red" > - - + /> `; diff --git a/src/components/header/header_alert/__snapshots__/header_alert.test.js.snap b/src/components/header/header_alert/__snapshots__/header_alert.test.js.snap index 87fd481048c..eaf93871bfd 100644 --- a/src/components/header/header_alert/__snapshots__/header_alert.test.js.snap +++ b/src/components/header/header_alert/__snapshots__/header_alert.test.js.snap @@ -13,17 +13,13 @@ exports[`EuiHeaderAlert is rendered 1`] = ` > + />
+ />
+ />
+ />
- - - - - + />
diff --git a/src/components/health/__snapshots__/health.test.js.snap b/src/components/health/__snapshots__/health.test.js.snap index 25dc2682d14..599806b7e16 100644 --- a/src/components/health/__snapshots__/health.test.js.snap +++ b/src/components/health/__snapshots__/health.test.js.snap @@ -13,26 +13,13 @@ exports[`EuiHealth is rendered 1`] = ` class="euiFlexItem euiFlexItem--flexGrowZero" > - - - - - + />
@@ -26,171 +25,310 @@ exports[`EuiIcon is rendered 1`] = ` exports[`EuiIcon props color #885522 is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props color #fde is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props color accent is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props color danger is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props color default is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props color ghost is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props color hsla(270, 60%, 70%, 0.9) is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props color primary is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props color rgb(100, 150, 200) is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props color secondary is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props color subdued is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props color success is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props color text is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props color warning is rendered 1`] = ` +> + + + + + `; exports[`EuiIcon props other props are passed through to the icon 1`] = ` @@ -205,14 +343,13 @@ exports[`EuiIcon props other props are passed through to the icon 1`] = ` `; -exports[`EuiIcon props size l is rendered 1`] = ` +exports[`EuiIcon props size \${size} is rendered 1`] = ` @@ -227,14 +364,13 @@ exports[`EuiIcon props size l is rendered 1`] = ` `; -exports[`EuiIcon props size m is rendered 1`] = ` +exports[`EuiIcon props size \${size} is rendered 2`] = ` @@ -249,14 +385,13 @@ exports[`EuiIcon props size m is rendered 1`] = ` `; -exports[`EuiIcon props size original is rendered 1`] = ` +exports[`EuiIcon props size \${size} is rendered 3`] = ` @@ -271,14 +406,13 @@ exports[`EuiIcon props size original is rendered 1`] = ` `; -exports[`EuiIcon props size s is rendered 1`] = ` +exports[`EuiIcon props size \${size} is rendered 4`] = ` @@ -293,14 +427,13 @@ exports[`EuiIcon props size s is rendered 1`] = ` `; -exports[`EuiIcon props size xl is rendered 1`] = ` +exports[`EuiIcon props size \${size} is rendered 5`] = ` @@ -315,14 +448,13 @@ exports[`EuiIcon props size xl is rendered 1`] = ` `; -exports[`EuiIcon props size xxl is rendered 1`] = ` +exports[`EuiIcon props size \${size} is rendered 6`] = ` @@ -339,13 +471,12 @@ exports[`EuiIcon props size xxl is rendered 1`] = ` exports[`EuiIcon props tabIndex renders focusable="false" when -1 1`] = ` @@ -362,12 +493,11 @@ exports[`EuiIcon props tabIndex renders focusable="false" when -1 1`] = ` exports[`EuiIcon props tabIndex renders focusable="false" when not provided 1`] = ` @@ -384,13 +514,12 @@ exports[`EuiIcon props tabIndex renders focusable="false" when not provided 1`] exports[`EuiIcon props tabIndex renders focusable="true" when 0 1`] = ` @@ -407,7 +536,7 @@ exports[`EuiIcon props tabIndex renders focusable="true" when 0 1`] = ` exports[`EuiIcon props type addDataApp is rendered 1`] = ` @@ -520,12 +648,11 @@ exports[`EuiIcon props type apmTrace is rendered 1`] = ` exports[`EuiIcon props type apps is rendered 1`] = ` @@ -542,12 +669,11 @@ exports[`EuiIcon props type apps is rendered 1`] = ` exports[`EuiIcon props type arrowDown is rendered 1`] = ` @@ -565,12 +691,11 @@ exports[`EuiIcon props type arrowDown is rendered 1`] = ` exports[`EuiIcon props type arrowLeft is rendered 1`] = ` @@ -589,12 +714,11 @@ exports[`EuiIcon props type arrowLeft is rendered 1`] = ` exports[`EuiIcon props type arrowRight is rendered 1`] = ` @@ -613,12 +737,11 @@ exports[`EuiIcon props type arrowRight is rendered 1`] = ` exports[`EuiIcon props type arrowUp is rendered 1`] = ` @@ -637,7 +760,7 @@ exports[`EuiIcon props type arrowUp is rendered 1`] = ` exports[`EuiIcon props type asterisk is rendered 1`] = ` @@ -739,12 +861,11 @@ exports[`EuiIcon props type boxesHorizontal is rendered 1`] = ` exports[`EuiIcon props type boxesVertical is rendered 1`] = ` @@ -761,7 +882,7 @@ exports[`EuiIcon props type boxesVertical is rendered 1`] = ` exports[`EuiIcon props type branch is rendered 1`] = ` @@ -813,7 +933,7 @@ exports[`EuiIcon props type brush is rendered 1`] = ` exports[`EuiIcon props type bullseye is rendered 1`] = ` @@ -974,7 +1093,7 @@ exports[`EuiIcon props type console is rendered 1`] = ` exports[`EuiIcon props type consoleApp is rendered 1`] = ` @@ -1053,7 +1171,7 @@ exports[`EuiIcon props type copy is rendered 1`] = ` exports[`EuiIcon props type copyClipboard is rendered 1`] = ` @@ -1347,12 +1464,11 @@ exports[`EuiIcon props type document is rendered 1`] = ` exports[`EuiIcon props type dot is rendered 1`] = ` @@ -1371,12 +1487,11 @@ exports[`EuiIcon props type dot is rendered 1`] = ` exports[`EuiIcon props type editorAlignCenter is rendered 1`] = ` @@ -1393,12 +1508,11 @@ exports[`EuiIcon props type editorAlignCenter is rendered 1`] = ` exports[`EuiIcon props type editorAlignLeft is rendered 1`] = ` @@ -1415,12 +1529,11 @@ exports[`EuiIcon props type editorAlignLeft is rendered 1`] = ` exports[`EuiIcon props type editorAlignRight is rendered 1`] = ` @@ -1437,12 +1550,11 @@ exports[`EuiIcon props type editorAlignRight is rendered 1`] = ` exports[`EuiIcon props type editorBold is rendered 1`] = ` @@ -1459,7 +1571,7 @@ exports[`EuiIcon props type editorBold is rendered 1`] = ` exports[`EuiIcon props type editorCodeBlock is rendered 1`] = ` @@ -1496,12 +1607,11 @@ exports[`EuiIcon props type editorComment is rendered 1`] = ` exports[`EuiIcon props type editorHeading is rendered 1`] = ` @@ -1518,12 +1628,11 @@ exports[`EuiIcon props type editorHeading is rendered 1`] = ` exports[`EuiIcon props type editorItalic is rendered 1`] = ` @@ -1540,12 +1649,11 @@ exports[`EuiIcon props type editorItalic is rendered 1`] = ` exports[`EuiIcon props type editorLink is rendered 1`] = ` @@ -1562,12 +1670,11 @@ exports[`EuiIcon props type editorLink is rendered 1`] = ` exports[`EuiIcon props type editorOrderedList is rendered 1`] = ` @@ -1584,7 +1691,7 @@ exports[`EuiIcon props type editorOrderedList is rendered 1`] = ` exports[`EuiIcon props type editorRedo is rendered 1`] = ` @@ -1621,12 +1727,11 @@ exports[`EuiIcon props type editorStrike is rendered 1`] = ` exports[`EuiIcon props type editorTable is rendered 1`] = ` @@ -1643,7 +1748,7 @@ exports[`EuiIcon props type editorTable is rendered 1`] = ` exports[`EuiIcon props type editorUnderline is rendered 1`] = ` @@ -1695,12 +1799,11 @@ exports[`EuiIcon props type editorUnorderedList is rendered 1`] = ` exports[`EuiIcon props type email is rendered 1`] = ` @@ -1718,7 +1821,7 @@ exports[`EuiIcon props type email is rendered 1`] = ` exports[`EuiIcon props type empty is rendered 1`] = ` @@ -1959,12 +2061,11 @@ exports[`EuiIcon props type fullScreen is rendered 1`] = ` exports[`EuiIcon props type gear is rendered 1`] = ` @@ -1981,7 +2082,7 @@ exports[`EuiIcon props type gear is rendered 1`] = ` exports[`EuiIcon props type gisApp is rendered 1`] = ` @@ -2103,7 +2203,7 @@ exports[`EuiIcon props type grid is rendered 1`] = ` exports[`EuiIcon props type grokApp is rendered 1`] = ` @@ -2179,7 +2278,7 @@ exports[`EuiIcon props type help is rendered 1`] = ` exports[`EuiIcon props type iInCircle is rendered 1`] = ` @@ -3357,10 +3453,10 @@ exports[`EuiIcon props type logoGCP is rendered 1`] = ` @@ -3870,7 +3964,7 @@ exports[`EuiIcon props type logoMemcached is rendered 1`] = ` exports[`EuiIcon props type logoMetrics is rendered 1`] = ` @@ -4169,7 +4262,7 @@ exports[`EuiIcon props type logoPhp is rendered 1`] = ` exports[`EuiIcon props type logoPostgres is rendered 1`] = ` @@ -4602,7 +4694,7 @@ exports[`EuiIcon props type mapMarker is rendered 1`] = ` exports[`EuiIcon props type memory is rendered 1`] = ` @@ -4879,7 +4970,7 @@ exports[`EuiIcon props type pencil is rendered 1`] = ` exports[`EuiIcon props type pin is rendered 1`] = ` @@ -5115,7 +5205,7 @@ exports[`EuiIcon props type search is rendered 1`] = ` exports[`EuiIcon props type searchProfilerApp is rendered 1`] = ` @@ -5662,7 +5751,7 @@ exports[`EuiIcon props type tear is rendered 1`] = ` exports[`EuiIcon props type temperature is rendered 1`] = ` @@ -6195,7 +6283,7 @@ exports[`EuiIcon props type trash is rendered 1`] = ` exports[`EuiIcon props type upgradeAssistantApp is rendered 1`] = ` @@ -6357,7 +6444,7 @@ exports[`EuiIcon props type visControls is rendered 1`] = ` exports[`EuiIcon props type visGauge is rendered 1`] = ` ; + +export const icon = EuiIconAlert; \ No newline at end of file diff --git a/src/components/icon/assets/apm_trace.js b/src/components/icon/assets/apm_trace.js new file mode 100644 index 00000000000..e29e101082e --- /dev/null +++ b/src/components/icon/assets/apm_trace.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconApmTrace = props => ; + +export const icon = EuiIconApmTrace; \ No newline at end of file diff --git a/src/components/icon/assets/app_add_data.js b/src/components/icon/assets/app_add_data.js new file mode 100644 index 00000000000..de80342d2d4 --- /dev/null +++ b/src/components/icon/assets/app_add_data.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppAddData = props => ; + +export const icon = EuiIconAppAddData; \ No newline at end of file diff --git a/src/components/icon/assets/app_advanced_settings.js b/src/components/icon/assets/app_advanced_settings.js new file mode 100644 index 00000000000..150f4c4c6ee --- /dev/null +++ b/src/components/icon/assets/app_advanced_settings.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppAdvancedSettings = props => ; + +export const icon = EuiIconAppAdvancedSettings; \ No newline at end of file diff --git a/src/components/icon/assets/app_apm.js b/src/components/icon/assets/app_apm.js new file mode 100644 index 00000000000..3027bc9386f --- /dev/null +++ b/src/components/icon/assets/app_apm.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppApm = props => ; + +export const icon = EuiIconAppApm; \ No newline at end of file diff --git a/src/components/icon/assets/app_auditbeat.js b/src/components/icon/assets/app_auditbeat.js new file mode 100644 index 00000000000..90151d4f1d1 --- /dev/null +++ b/src/components/icon/assets/app_auditbeat.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppAuditbeat = props => ; + +export const icon = EuiIconAppAuditbeat; \ No newline at end of file diff --git a/src/components/icon/assets/app_canvas.js b/src/components/icon/assets/app_canvas.js new file mode 100644 index 00000000000..88d31a5a313 --- /dev/null +++ b/src/components/icon/assets/app_canvas.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppCanvas = props => ; + +export const icon = EuiIconAppCanvas; \ No newline at end of file diff --git a/src/components/icon/assets/app_code.js b/src/components/icon/assets/app_code.js new file mode 100644 index 00000000000..65fee3c3ee5 --- /dev/null +++ b/src/components/icon/assets/app_code.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppCode = props => ; + +export const icon = EuiIconAppCode; \ No newline at end of file diff --git a/src/components/icon/assets/app_console.js b/src/components/icon/assets/app_console.js new file mode 100644 index 00000000000..1af67324a6e --- /dev/null +++ b/src/components/icon/assets/app_console.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppConsole = props => ; + +export const icon = EuiIconAppConsole; \ No newline at end of file diff --git a/src/components/icon/assets/app_cross_cluster_replication.js b/src/components/icon/assets/app_cross_cluster_replication.js new file mode 100644 index 00000000000..217554ece88 --- /dev/null +++ b/src/components/icon/assets/app_cross_cluster_replication.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppCrossClusterReplication = props => ; + +export const icon = EuiIconAppCrossClusterReplication; \ No newline at end of file diff --git a/src/components/icon/assets/app_dashboard.js b/src/components/icon/assets/app_dashboard.js new file mode 100644 index 00000000000..66b74e4cd0a --- /dev/null +++ b/src/components/icon/assets/app_dashboard.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppDashboard = props => ; + +export const icon = EuiIconAppDashboard; \ No newline at end of file diff --git a/src/components/icon/assets/app_devtools.js b/src/components/icon/assets/app_devtools.js new file mode 100644 index 00000000000..4d1d1bd8c26 --- /dev/null +++ b/src/components/icon/assets/app_devtools.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppDevtools = props => ; + +export const icon = EuiIconAppDevtools; \ No newline at end of file diff --git a/src/components/icon/assets/app_discover.js b/src/components/icon/assets/app_discover.js new file mode 100644 index 00000000000..e7fd221b203 --- /dev/null +++ b/src/components/icon/assets/app_discover.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppDiscover = props => ; + +export const icon = EuiIconAppDiscover; \ No newline at end of file diff --git a/src/components/icon/assets/app_ems.js b/src/components/icon/assets/app_ems.js new file mode 100644 index 00000000000..99ee54a1aed --- /dev/null +++ b/src/components/icon/assets/app_ems.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppEms = props => ; + +export const icon = EuiIconAppEms; \ No newline at end of file diff --git a/src/components/icon/assets/app_filebeat.js b/src/components/icon/assets/app_filebeat.js new file mode 100644 index 00000000000..f3d8128c9df --- /dev/null +++ b/src/components/icon/assets/app_filebeat.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppFilebeat = props => ; + +export const icon = EuiIconAppFilebeat; \ No newline at end of file diff --git a/src/components/icon/assets/app_gis.js b/src/components/icon/assets/app_gis.js new file mode 100644 index 00000000000..34739b55c83 --- /dev/null +++ b/src/components/icon/assets/app_gis.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppGis = props => ; + +export const icon = EuiIconAppGis; \ No newline at end of file diff --git a/src/components/icon/assets/app_graph.js b/src/components/icon/assets/app_graph.js new file mode 100644 index 00000000000..0601ccdb325 --- /dev/null +++ b/src/components/icon/assets/app_graph.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppGraph = props => ; + +export const icon = EuiIconAppGraph; \ No newline at end of file diff --git a/src/components/icon/assets/app_grok.js b/src/components/icon/assets/app_grok.js new file mode 100644 index 00000000000..4329c8d2257 --- /dev/null +++ b/src/components/icon/assets/app_grok.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppGrok = props => ; + +export const icon = EuiIconAppGrok; \ No newline at end of file diff --git a/src/components/icon/assets/app_heartbeat.js b/src/components/icon/assets/app_heartbeat.js new file mode 100644 index 00000000000..ef871f0b071 --- /dev/null +++ b/src/components/icon/assets/app_heartbeat.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppHeartbeat = props => ; + +export const icon = EuiIconAppHeartbeat; \ No newline at end of file diff --git a/src/components/icon/assets/app_index_management.js b/src/components/icon/assets/app_index_management.js new file mode 100644 index 00000000000..98d8092715d --- /dev/null +++ b/src/components/icon/assets/app_index_management.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppIndexManagement = props => ; + +export const icon = EuiIconAppIndexManagement; \ No newline at end of file diff --git a/src/components/icon/assets/app_index_pattern.js b/src/components/icon/assets/app_index_pattern.js new file mode 100644 index 00000000000..32dcbf4c704 --- /dev/null +++ b/src/components/icon/assets/app_index_pattern.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppIndexPattern = props => ; + +export const icon = EuiIconAppIndexPattern; \ No newline at end of file diff --git a/src/components/icon/assets/app_index_rollup.js b/src/components/icon/assets/app_index_rollup.js new file mode 100644 index 00000000000..6523e42ce27 --- /dev/null +++ b/src/components/icon/assets/app_index_rollup.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppIndexRollup = props => ; + +export const icon = EuiIconAppIndexRollup; \ No newline at end of file diff --git a/src/components/icon/assets/app_infra.js b/src/components/icon/assets/app_infra.js new file mode 100644 index 00000000000..f93fcf1ea9c --- /dev/null +++ b/src/components/icon/assets/app_infra.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppInfra = props => ; + +export const icon = EuiIconAppInfra; \ No newline at end of file diff --git a/src/components/icon/assets/app_logging.js b/src/components/icon/assets/app_logging.js new file mode 100644 index 00000000000..2fadc6027a3 --- /dev/null +++ b/src/components/icon/assets/app_logging.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppLogging = props => ; + +export const icon = EuiIconAppLogging; \ No newline at end of file diff --git a/src/components/icon/assets/app_management.js b/src/components/icon/assets/app_management.js new file mode 100644 index 00000000000..2082f2553b2 --- /dev/null +++ b/src/components/icon/assets/app_management.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppManagement = props => ; + +export const icon = EuiIconAppManagement; \ No newline at end of file diff --git a/src/components/icon/assets/app_metricbeat.js b/src/components/icon/assets/app_metricbeat.js new file mode 100644 index 00000000000..bbb95579a9e --- /dev/null +++ b/src/components/icon/assets/app_metricbeat.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppMetricbeat = props => ; + +export const icon = EuiIconAppMetricbeat; \ No newline at end of file diff --git a/src/components/icon/assets/app_ml.js b/src/components/icon/assets/app_ml.js new file mode 100644 index 00000000000..d2b718668f7 --- /dev/null +++ b/src/components/icon/assets/app_ml.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppMl = props => ; + +export const icon = EuiIconAppMl; \ No newline at end of file diff --git a/src/components/icon/assets/app_monitoring.js b/src/components/icon/assets/app_monitoring.js new file mode 100644 index 00000000000..14252a2cab0 --- /dev/null +++ b/src/components/icon/assets/app_monitoring.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppMonitoring = props => ; + +export const icon = EuiIconAppMonitoring; \ No newline at end of file diff --git a/src/components/icon/assets/app_notebook.js b/src/components/icon/assets/app_notebook.js new file mode 100644 index 00000000000..56d7f33aa09 --- /dev/null +++ b/src/components/icon/assets/app_notebook.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppNotebook = props => ; + +export const icon = EuiIconAppNotebook; \ No newline at end of file diff --git a/src/components/icon/assets/app_packetbeat.js b/src/components/icon/assets/app_packetbeat.js new file mode 100644 index 00000000000..6b14e18f3e4 --- /dev/null +++ b/src/components/icon/assets/app_packetbeat.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppPacketbeat = props => ; + +export const icon = EuiIconAppPacketbeat; \ No newline at end of file diff --git a/src/components/icon/assets/app_pipeline.js b/src/components/icon/assets/app_pipeline.js new file mode 100644 index 00000000000..a8191b3fa2d --- /dev/null +++ b/src/components/icon/assets/app_pipeline.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppPipeline = props => ; + +export const icon = EuiIconAppPipeline; \ No newline at end of file diff --git a/src/components/icon/assets/app_reporting.js b/src/components/icon/assets/app_reporting.js new file mode 100644 index 00000000000..808c202ceab --- /dev/null +++ b/src/components/icon/assets/app_reporting.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppReporting = props => ; + +export const icon = EuiIconAppReporting; \ No newline at end of file diff --git a/src/components/icon/assets/app_saved_objects.js b/src/components/icon/assets/app_saved_objects.js new file mode 100644 index 00000000000..1133b0414cc --- /dev/null +++ b/src/components/icon/assets/app_saved_objects.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppSavedObjects = props => ; + +export const icon = EuiIconAppSavedObjects; \ No newline at end of file diff --git a/src/components/icon/assets/app_search_profiler.js b/src/components/icon/assets/app_search_profiler.js new file mode 100644 index 00000000000..b33ed748c8a --- /dev/null +++ b/src/components/icon/assets/app_search_profiler.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppSearchProfiler = props => ; + +export const icon = EuiIconAppSearchProfiler; \ No newline at end of file diff --git a/src/components/icon/assets/app_security.js b/src/components/icon/assets/app_security.js new file mode 100644 index 00000000000..8ca1d8812d2 --- /dev/null +++ b/src/components/icon/assets/app_security.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppSecurity = props => ; + +export const icon = EuiIconAppSecurity; \ No newline at end of file diff --git a/src/components/icon/assets/app_security_analytics.js b/src/components/icon/assets/app_security_analytics.js new file mode 100644 index 00000000000..5f702500e75 --- /dev/null +++ b/src/components/icon/assets/app_security_analytics.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppSecurityAnalytics = props => ; + +export const icon = EuiIconAppSecurityAnalytics; \ No newline at end of file diff --git a/src/components/icon/assets/app_spaces.js b/src/components/icon/assets/app_spaces.js new file mode 100644 index 00000000000..1333bcb6eb5 --- /dev/null +++ b/src/components/icon/assets/app_spaces.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppSpaces = props => ; + +export const icon = EuiIconAppSpaces; \ No newline at end of file diff --git a/src/components/icon/assets/app_sql.js b/src/components/icon/assets/app_sql.js new file mode 100644 index 00000000000..b0fe37292f3 --- /dev/null +++ b/src/components/icon/assets/app_sql.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppSql = props => ; + +export const icon = EuiIconAppSql; \ No newline at end of file diff --git a/src/components/icon/assets/app_timelion.js b/src/components/icon/assets/app_timelion.js new file mode 100644 index 00000000000..bc6eae26649 --- /dev/null +++ b/src/components/icon/assets/app_timelion.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppTimelion = props => ; + +export const icon = EuiIconAppTimelion; \ No newline at end of file diff --git a/src/components/icon/assets/app_upgrade_assistant.js b/src/components/icon/assets/app_upgrade_assistant.js new file mode 100644 index 00000000000..4d3f199ab9c --- /dev/null +++ b/src/components/icon/assets/app_upgrade_assistant.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppUpgradeAssistant = props => ; + +export const icon = EuiIconAppUpgradeAssistant; \ No newline at end of file diff --git a/src/components/icon/assets/app_uptime.js b/src/components/icon/assets/app_uptime.js new file mode 100644 index 00000000000..335bb7c3890 --- /dev/null +++ b/src/components/icon/assets/app_uptime.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppUptime = props => ; + +export const icon = EuiIconAppUptime; \ No newline at end of file diff --git a/src/components/icon/assets/app_users_roles.js b/src/components/icon/assets/app_users_roles.js new file mode 100644 index 00000000000..1c8bdeab9fe --- /dev/null +++ b/src/components/icon/assets/app_users_roles.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppUsersRoles = props => ; + +export const icon = EuiIconAppUsersRoles; \ No newline at end of file diff --git a/src/components/icon/assets/app_visualize.js b/src/components/icon/assets/app_visualize.js new file mode 100644 index 00000000000..80a9bf10c1c --- /dev/null +++ b/src/components/icon/assets/app_visualize.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppVisualize = props => ; + +export const icon = EuiIconAppVisualize; \ No newline at end of file diff --git a/src/components/icon/assets/app_watches.js b/src/components/icon/assets/app_watches.js new file mode 100644 index 00000000000..c4451e5dc76 --- /dev/null +++ b/src/components/icon/assets/app_watches.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAppWatches = props => ; + +export const icon = EuiIconAppWatches; \ No newline at end of file diff --git a/src/components/icon/assets/apps.js b/src/components/icon/assets/apps.js new file mode 100644 index 00000000000..e40ca97463e --- /dev/null +++ b/src/components/icon/assets/apps.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconApps = props => ; + +export const icon = EuiIconApps; \ No newline at end of file diff --git a/src/components/icon/assets/arrow_down.js b/src/components/icon/assets/arrow_down.js new file mode 100644 index 00000000000..94a1ec42d3e --- /dev/null +++ b/src/components/icon/assets/arrow_down.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconArrowDown = props => ; + +export const icon = EuiIconArrowDown; \ No newline at end of file diff --git a/src/components/icon/assets/arrow_left.js b/src/components/icon/assets/arrow_left.js new file mode 100644 index 00000000000..71cfa5d8a98 --- /dev/null +++ b/src/components/icon/assets/arrow_left.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconArrowLeft = props => ; + +export const icon = EuiIconArrowLeft; \ No newline at end of file diff --git a/src/components/icon/assets/arrow_right.js b/src/components/icon/assets/arrow_right.js new file mode 100644 index 00000000000..561c21264ee --- /dev/null +++ b/src/components/icon/assets/arrow_right.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconArrowRight = props => ; + +export const icon = EuiIconArrowRight; \ No newline at end of file diff --git a/src/components/icon/assets/arrow_up.js b/src/components/icon/assets/arrow_up.js new file mode 100644 index 00000000000..32d5e4effe8 --- /dev/null +++ b/src/components/icon/assets/arrow_up.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconArrowUp = props => ; + +export const icon = EuiIconArrowUp; \ No newline at end of file diff --git a/src/components/icon/assets/asterisk.js b/src/components/icon/assets/asterisk.js new file mode 100644 index 00000000000..911562532f6 --- /dev/null +++ b/src/components/icon/assets/asterisk.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconAsterisk = props => ; + +export const icon = EuiIconAsterisk; \ No newline at end of file diff --git a/src/components/icon/assets/beaker.js b/src/components/icon/assets/beaker.js new file mode 100644 index 00000000000..91001ce369d --- /dev/null +++ b/src/components/icon/assets/beaker.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconBeaker = props => ; + +export const icon = EuiIconBeaker; \ No newline at end of file diff --git a/src/components/icon/assets/bell.js b/src/components/icon/assets/bell.js new file mode 100644 index 00000000000..01724685efd --- /dev/null +++ b/src/components/icon/assets/bell.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconBell = props => ; + +export const icon = EuiIconBell; \ No newline at end of file diff --git a/src/components/icon/assets/bolt.js b/src/components/icon/assets/bolt.js new file mode 100644 index 00000000000..862a6bde022 --- /dev/null +++ b/src/components/icon/assets/bolt.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconBolt = props => ; + +export const icon = EuiIconBolt; \ No newline at end of file diff --git a/src/components/icon/assets/boxes_horizontal.js b/src/components/icon/assets/boxes_horizontal.js new file mode 100644 index 00000000000..0fd9cf671d6 --- /dev/null +++ b/src/components/icon/assets/boxes_horizontal.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconBoxesHorizontal = props => ; + +export const icon = EuiIconBoxesHorizontal; \ No newline at end of file diff --git a/src/components/icon/assets/boxes_vertical.js b/src/components/icon/assets/boxes_vertical.js new file mode 100644 index 00000000000..76711987c19 --- /dev/null +++ b/src/components/icon/assets/boxes_vertical.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconBoxesVertical = props => ; + +export const icon = EuiIconBoxesVertical; \ No newline at end of file diff --git a/src/components/icon/assets/branch.js b/src/components/icon/assets/branch.js new file mode 100644 index 00000000000..5f7d8f4634e --- /dev/null +++ b/src/components/icon/assets/branch.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconBranch = props => ; + +export const icon = EuiIconBranch; \ No newline at end of file diff --git a/src/components/icon/assets/broom.js b/src/components/icon/assets/broom.js new file mode 100644 index 00000000000..1d7b0a17903 --- /dev/null +++ b/src/components/icon/assets/broom.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconBroom = props => ; + +export const icon = EuiIconBroom; \ No newline at end of file diff --git a/src/components/icon/assets/brush.js b/src/components/icon/assets/brush.js new file mode 100644 index 00000000000..1970b78164b --- /dev/null +++ b/src/components/icon/assets/brush.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconBrush = props => ; + +export const icon = EuiIconBrush; \ No newline at end of file diff --git a/src/components/icon/assets/bullseye.js b/src/components/icon/assets/bullseye.js new file mode 100644 index 00000000000..5a924a24873 --- /dev/null +++ b/src/components/icon/assets/bullseye.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconBullseye = props => ; + +export const icon = EuiIconBullseye; \ No newline at end of file diff --git a/src/components/icon/assets/calendar.js b/src/components/icon/assets/calendar.js new file mode 100644 index 00000000000..0c6d1ace047 --- /dev/null +++ b/src/components/icon/assets/calendar.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconCalendar = props => ; + +export const icon = EuiIconCalendar; \ No newline at end of file diff --git a/src/components/icon/assets/check.js b/src/components/icon/assets/check.js new file mode 100644 index 00000000000..769cdf7d740 --- /dev/null +++ b/src/components/icon/assets/check.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconCheck = props => ; + +export const icon = EuiIconCheck; \ No newline at end of file diff --git a/src/components/icon/assets/checkInCircleFilled.js b/src/components/icon/assets/checkInCircleFilled.js new file mode 100644 index 00000000000..4303c864c89 --- /dev/null +++ b/src/components/icon/assets/checkInCircleFilled.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconCheckInCircleFilled = props => ; + +export const icon = EuiIconCheckInCircleFilled; \ No newline at end of file diff --git a/src/components/icon/assets/clock.js b/src/components/icon/assets/clock.js new file mode 100644 index 00000000000..55b1386e668 --- /dev/null +++ b/src/components/icon/assets/clock.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconClock = props => ; + +export const icon = EuiIconClock; \ No newline at end of file diff --git a/src/components/icon/assets/compute.js b/src/components/icon/assets/compute.js new file mode 100644 index 00000000000..29de8991e08 --- /dev/null +++ b/src/components/icon/assets/compute.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconCompute = props => ; + +export const icon = EuiIconCompute; \ No newline at end of file diff --git a/src/components/icon/assets/console.js b/src/components/icon/assets/console.js new file mode 100644 index 00000000000..4884c0e9a27 --- /dev/null +++ b/src/components/icon/assets/console.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconConsole = props => ; + +export const icon = EuiIconConsole; \ No newline at end of file diff --git a/src/components/icon/assets/controls_horizontal.js b/src/components/icon/assets/controls_horizontal.js new file mode 100644 index 00000000000..41566d3979e --- /dev/null +++ b/src/components/icon/assets/controls_horizontal.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconControlsHorizontal = props => ; + +export const icon = EuiIconControlsHorizontal; \ No newline at end of file diff --git a/src/components/icon/assets/controls_vertical.js b/src/components/icon/assets/controls_vertical.js new file mode 100644 index 00000000000..b3ce3f5f880 --- /dev/null +++ b/src/components/icon/assets/controls_vertical.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconControlsVertical = props => ; + +export const icon = EuiIconControlsVertical; \ No newline at end of file diff --git a/src/components/icon/assets/copy.js b/src/components/icon/assets/copy.js new file mode 100644 index 00000000000..b4e1ed41202 --- /dev/null +++ b/src/components/icon/assets/copy.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconCopy = props => ; + +export const icon = EuiIconCopy; \ No newline at end of file diff --git a/src/components/icon/assets/copy_clipboard.js b/src/components/icon/assets/copy_clipboard.js new file mode 100644 index 00000000000..94b4bb4f7fa --- /dev/null +++ b/src/components/icon/assets/copy_clipboard.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconCopyClipboard = props => ; + +export const icon = EuiIconCopyClipboard; \ No newline at end of file diff --git a/src/components/icon/assets/cross.js b/src/components/icon/assets/cross.js new file mode 100644 index 00000000000..dcdee4645cc --- /dev/null +++ b/src/components/icon/assets/cross.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconCross = props => ; + +export const icon = EuiIconCross; \ No newline at end of file diff --git a/src/components/icon/assets/crossInACircleFilled.js b/src/components/icon/assets/crossInACircleFilled.js new file mode 100644 index 00000000000..03c34e2df5b --- /dev/null +++ b/src/components/icon/assets/crossInACircleFilled.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconCrossInACircleFilled = props => ; + +export const icon = EuiIconCrossInACircleFilled; \ No newline at end of file diff --git a/src/components/icon/assets/crosshairs.js b/src/components/icon/assets/crosshairs.js new file mode 100644 index 00000000000..521e71ae366 --- /dev/null +++ b/src/components/icon/assets/crosshairs.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconCrosshairs = props => ; + +export const icon = EuiIconCrosshairs; \ No newline at end of file diff --git a/src/components/icon/assets/cut.js b/src/components/icon/assets/cut.js new file mode 100644 index 00000000000..a0ddb7467b8 --- /dev/null +++ b/src/components/icon/assets/cut.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconCut = props => ; + +export const icon = EuiIconCut; \ No newline at end of file diff --git a/src/components/icon/assets/database.js b/src/components/icon/assets/database.js new file mode 100644 index 00000000000..c1330748349 --- /dev/null +++ b/src/components/icon/assets/database.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconDatabase = props => ; + +export const icon = EuiIconDatabase; \ No newline at end of file diff --git a/src/components/icon/assets/document.js b/src/components/icon/assets/document.js new file mode 100644 index 00000000000..539bc6d7248 --- /dev/null +++ b/src/components/icon/assets/document.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconDocument = props => ; + +export const icon = EuiIconDocument; \ No newline at end of file diff --git a/src/components/icon/assets/dot.js b/src/components/icon/assets/dot.js new file mode 100644 index 00000000000..678eabf0e32 --- /dev/null +++ b/src/components/icon/assets/dot.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconDot = props => ; + +export const icon = EuiIconDot; \ No newline at end of file diff --git a/src/components/icon/assets/editor_align_center.js b/src/components/icon/assets/editor_align_center.js new file mode 100644 index 00000000000..4f34938e5dc --- /dev/null +++ b/src/components/icon/assets/editor_align_center.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorAlignCenter = props => ; + +export const icon = EuiIconEditorAlignCenter; \ No newline at end of file diff --git a/src/components/icon/assets/editor_align_left.js b/src/components/icon/assets/editor_align_left.js new file mode 100644 index 00000000000..99b4928d346 --- /dev/null +++ b/src/components/icon/assets/editor_align_left.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorAlignLeft = props => ; + +export const icon = EuiIconEditorAlignLeft; \ No newline at end of file diff --git a/src/components/icon/assets/editor_align_right.js b/src/components/icon/assets/editor_align_right.js new file mode 100644 index 00000000000..76da451c4f6 --- /dev/null +++ b/src/components/icon/assets/editor_align_right.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorAlignRight = props => ; + +export const icon = EuiIconEditorAlignRight; \ No newline at end of file diff --git a/src/components/icon/assets/editor_bold.js b/src/components/icon/assets/editor_bold.js new file mode 100644 index 00000000000..3dc360b7b91 --- /dev/null +++ b/src/components/icon/assets/editor_bold.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorBold = props => ; + +export const icon = EuiIconEditorBold; \ No newline at end of file diff --git a/src/components/icon/assets/editor_code_block.js b/src/components/icon/assets/editor_code_block.js new file mode 100644 index 00000000000..c1e3a3b7b09 --- /dev/null +++ b/src/components/icon/assets/editor_code_block.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorCodeBlock = props => ; + +export const icon = EuiIconEditorCodeBlock; \ No newline at end of file diff --git a/src/components/icon/assets/editor_comment.js b/src/components/icon/assets/editor_comment.js new file mode 100644 index 00000000000..30a1ef7e5d6 --- /dev/null +++ b/src/components/icon/assets/editor_comment.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorComment = props => ; + +export const icon = EuiIconEditorComment; \ No newline at end of file diff --git a/src/components/icon/assets/editor_heading.js b/src/components/icon/assets/editor_heading.js new file mode 100644 index 00000000000..18d8486a4c1 --- /dev/null +++ b/src/components/icon/assets/editor_heading.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorHeading = props => ; + +export const icon = EuiIconEditorHeading; \ No newline at end of file diff --git a/src/components/icon/assets/editor_italic.js b/src/components/icon/assets/editor_italic.js new file mode 100644 index 00000000000..2537596da74 --- /dev/null +++ b/src/components/icon/assets/editor_italic.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorItalic = props => ; + +export const icon = EuiIconEditorItalic; \ No newline at end of file diff --git a/src/components/icon/assets/editor_link.js b/src/components/icon/assets/editor_link.js new file mode 100644 index 00000000000..139a731b637 --- /dev/null +++ b/src/components/icon/assets/editor_link.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorLink = props => ; + +export const icon = EuiIconEditorLink; \ No newline at end of file diff --git a/src/components/icon/assets/editor_ordered_list.js b/src/components/icon/assets/editor_ordered_list.js new file mode 100644 index 00000000000..d3b88f0ebf4 --- /dev/null +++ b/src/components/icon/assets/editor_ordered_list.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorOrderedList = props => ; + +export const icon = EuiIconEditorOrderedList; \ No newline at end of file diff --git a/src/components/icon/assets/editor_redo.js b/src/components/icon/assets/editor_redo.js new file mode 100644 index 00000000000..3eab0391ab9 --- /dev/null +++ b/src/components/icon/assets/editor_redo.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorRedo = props => ; + +export const icon = EuiIconEditorRedo; \ No newline at end of file diff --git a/src/components/icon/assets/editor_strike.js b/src/components/icon/assets/editor_strike.js new file mode 100644 index 00000000000..2117c3607ba --- /dev/null +++ b/src/components/icon/assets/editor_strike.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorStrike = props => ; + +export const icon = EuiIconEditorStrike; \ No newline at end of file diff --git a/src/components/icon/assets/editor_table.js b/src/components/icon/assets/editor_table.js new file mode 100644 index 00000000000..2d5f3ddec6c --- /dev/null +++ b/src/components/icon/assets/editor_table.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorTable = props => ; + +export const icon = EuiIconEditorTable; \ No newline at end of file diff --git a/src/components/icon/assets/editor_underline.js b/src/components/icon/assets/editor_underline.js new file mode 100644 index 00000000000..7115f67cbf7 --- /dev/null +++ b/src/components/icon/assets/editor_underline.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorUnderline = props => ; + +export const icon = EuiIconEditorUnderline; \ No newline at end of file diff --git a/src/components/icon/assets/editor_undo.js b/src/components/icon/assets/editor_undo.js new file mode 100644 index 00000000000..9c99a50e901 --- /dev/null +++ b/src/components/icon/assets/editor_undo.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorUndo = props => ; + +export const icon = EuiIconEditorUndo; \ No newline at end of file diff --git a/src/components/icon/assets/editor_unordered_list.js b/src/components/icon/assets/editor_unordered_list.js new file mode 100644 index 00000000000..10483484395 --- /dev/null +++ b/src/components/icon/assets/editor_unordered_list.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEditorUnorderedList = props => ; + +export const icon = EuiIconEditorUnorderedList; \ No newline at end of file diff --git a/src/components/icon/assets/email.js b/src/components/icon/assets/email.js new file mode 100644 index 00000000000..a0509a30d2f --- /dev/null +++ b/src/components/icon/assets/email.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEmail = props => ; + +export const icon = EuiIconEmail; \ No newline at end of file diff --git a/src/components/icon/assets/empty.js b/src/components/icon/assets/empty.js new file mode 100644 index 00000000000..bfa34624252 --- /dev/null +++ b/src/components/icon/assets/empty.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEmpty = props => ; + +export const icon = EuiIconEmpty; \ No newline at end of file diff --git a/src/components/icon/assets/exit.js b/src/components/icon/assets/exit.js new file mode 100644 index 00000000000..c4be6f676f6 --- /dev/null +++ b/src/components/icon/assets/exit.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconExit = props => ; + +export const icon = EuiIconExit; \ No newline at end of file diff --git a/src/components/icon/assets/expand.js b/src/components/icon/assets/expand.js new file mode 100644 index 00000000000..b93b09452f2 --- /dev/null +++ b/src/components/icon/assets/expand.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconExpand = props => ; + +export const icon = EuiIconExpand; \ No newline at end of file diff --git a/src/components/icon/assets/export.js b/src/components/icon/assets/export.js new file mode 100644 index 00000000000..13a478243cb --- /dev/null +++ b/src/components/icon/assets/export.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconExport = props => ; + +export const icon = EuiIconExport; \ No newline at end of file diff --git a/src/components/icon/assets/eye.js b/src/components/icon/assets/eye.js new file mode 100644 index 00000000000..95865eb99bc --- /dev/null +++ b/src/components/icon/assets/eye.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEye = props => ; + +export const icon = EuiIconEye; \ No newline at end of file diff --git a/src/components/icon/assets/eye_closed.js b/src/components/icon/assets/eye_closed.js new file mode 100644 index 00000000000..2ddab184635 --- /dev/null +++ b/src/components/icon/assets/eye_closed.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconEyeClosed = props => ; + +export const icon = EuiIconEyeClosed; \ No newline at end of file diff --git a/src/components/icon/assets/faceNeutral.js b/src/components/icon/assets/faceNeutral.js new file mode 100644 index 00000000000..f96e689c5f7 --- /dev/null +++ b/src/components/icon/assets/faceNeutral.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconFaceNeutral = props => ; + +export const icon = EuiIconFaceNeutral; \ No newline at end of file diff --git a/src/components/icon/assets/face_happy.js b/src/components/icon/assets/face_happy.js new file mode 100644 index 00000000000..aa2af9ea3c9 --- /dev/null +++ b/src/components/icon/assets/face_happy.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconFaceHappy = props => ; + +export const icon = EuiIconFaceHappy; \ No newline at end of file diff --git a/src/components/icon/assets/face_neutral.js b/src/components/icon/assets/face_neutral.js new file mode 100644 index 00000000000..c45f654087b --- /dev/null +++ b/src/components/icon/assets/face_neutral.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconFaceNeutral = props => ; + +export const icon = EuiIconFaceNeutral; \ No newline at end of file diff --git a/src/components/icon/assets/face_sad.js b/src/components/icon/assets/face_sad.js new file mode 100644 index 00000000000..bd33123bbdb --- /dev/null +++ b/src/components/icon/assets/face_sad.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconFaceSad = props => ; + +export const icon = EuiIconFaceSad; \ No newline at end of file diff --git a/src/components/icon/assets/filter.js b/src/components/icon/assets/filter.js new file mode 100644 index 00000000000..805717af26b --- /dev/null +++ b/src/components/icon/assets/filter.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconFilter = props => ; + +export const icon = EuiIconFilter; \ No newline at end of file diff --git a/src/components/icon/assets/folder_closed.js b/src/components/icon/assets/folder_closed.js new file mode 100644 index 00000000000..8261a6b3c22 --- /dev/null +++ b/src/components/icon/assets/folder_closed.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconFolderClosed = props => ; + +export const icon = EuiIconFolderClosed; \ No newline at end of file diff --git a/src/components/icon/assets/folder_open.js b/src/components/icon/assets/folder_open.js new file mode 100644 index 00000000000..625ac5e3d33 --- /dev/null +++ b/src/components/icon/assets/folder_open.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconFolderOpen = props => ; + +export const icon = EuiIconFolderOpen; \ No newline at end of file diff --git a/src/components/icon/assets/full_screen.js b/src/components/icon/assets/full_screen.js new file mode 100644 index 00000000000..da106a01b5f --- /dev/null +++ b/src/components/icon/assets/full_screen.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconFullScreen = props => ; + +export const icon = EuiIconFullScreen; \ No newline at end of file diff --git a/src/components/icon/assets/gear.js b/src/components/icon/assets/gear.js new file mode 100644 index 00000000000..a3b6af23b17 --- /dev/null +++ b/src/components/icon/assets/gear.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconGear = props => ; + +export const icon = EuiIconGear; \ No newline at end of file diff --git a/src/components/icon/assets/glasses.js b/src/components/icon/assets/glasses.js new file mode 100644 index 00000000000..7909f7ba6ed --- /dev/null +++ b/src/components/icon/assets/glasses.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconGlasses = props => ; + +export const icon = EuiIconGlasses; \ No newline at end of file diff --git a/src/components/icon/assets/globe.js b/src/components/icon/assets/globe.js new file mode 100644 index 00000000000..df0a6a7ac1a --- /dev/null +++ b/src/components/icon/assets/globe.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconGlobe = props => ; + +export const icon = EuiIconGlobe; \ No newline at end of file diff --git a/src/components/icon/assets/grab.js b/src/components/icon/assets/grab.js new file mode 100644 index 00000000000..5aff0002891 --- /dev/null +++ b/src/components/icon/assets/grab.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconGrab = props => ; + +export const icon = EuiIconGrab; \ No newline at end of file diff --git a/src/components/icon/assets/grab_horizontal.js b/src/components/icon/assets/grab_horizontal.js new file mode 100644 index 00000000000..ade21af72a2 --- /dev/null +++ b/src/components/icon/assets/grab_horizontal.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconGrabHorizontal = props => ; + +export const icon = EuiIconGrabHorizontal; \ No newline at end of file diff --git a/src/components/icon/assets/grid.js b/src/components/icon/assets/grid.js new file mode 100644 index 00000000000..2b1f0269e4f --- /dev/null +++ b/src/components/icon/assets/grid.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconGrid = props => ; + +export const icon = EuiIconGrid; \ No newline at end of file diff --git a/src/components/icon/assets/heatmap.js b/src/components/icon/assets/heatmap.js new file mode 100644 index 00000000000..16784691923 --- /dev/null +++ b/src/components/icon/assets/heatmap.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconHeatmap = props => ; + +export const icon = EuiIconHeatmap; \ No newline at end of file diff --git a/src/components/icon/assets/help.js b/src/components/icon/assets/help.js new file mode 100644 index 00000000000..68ee967622d --- /dev/null +++ b/src/components/icon/assets/help.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconHelp = props => ; + +export const icon = EuiIconHelp; \ No newline at end of file diff --git a/src/components/icon/assets/iInCircle.js b/src/components/icon/assets/iInCircle.js new file mode 100644 index 00000000000..e56c6590cde --- /dev/null +++ b/src/components/icon/assets/iInCircle.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconIInCircle = props => ; + +export const icon = EuiIconIInCircle; \ No newline at end of file diff --git a/src/components/icon/assets/import.js b/src/components/icon/assets/import.js new file mode 100644 index 00000000000..be1833aaa04 --- /dev/null +++ b/src/components/icon/assets/import.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconImport = props => ; + +export const icon = EuiIconImport; \ No newline at end of file diff --git a/src/components/icon/assets/index_close.js b/src/components/icon/assets/index_close.js new file mode 100644 index 00000000000..4c78fcf85b0 --- /dev/null +++ b/src/components/icon/assets/index_close.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconIndexClose = props => ; + +export const icon = EuiIconIndexClose; \ No newline at end of file diff --git a/src/components/icon/assets/index_edit.js b/src/components/icon/assets/index_edit.js new file mode 100644 index 00000000000..c1973fcd1a3 --- /dev/null +++ b/src/components/icon/assets/index_edit.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconIndexEdit = props => ; + +export const icon = EuiIconIndexEdit; \ No newline at end of file diff --git a/src/components/icon/assets/index_flush.js b/src/components/icon/assets/index_flush.js new file mode 100644 index 00000000000..d58266aead0 --- /dev/null +++ b/src/components/icon/assets/index_flush.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconIndexFlush = props => ; + +export const icon = EuiIconIndexFlush; \ No newline at end of file diff --git a/src/components/icon/assets/index_mapping.js b/src/components/icon/assets/index_mapping.js new file mode 100644 index 00000000000..971ef784493 --- /dev/null +++ b/src/components/icon/assets/index_mapping.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconIndexMapping = props => ; + +export const icon = EuiIconIndexMapping; \ No newline at end of file diff --git a/src/components/icon/assets/index_open.js b/src/components/icon/assets/index_open.js new file mode 100644 index 00000000000..be6a5eb9734 --- /dev/null +++ b/src/components/icon/assets/index_open.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconIndexOpen = props => ; + +export const icon = EuiIconIndexOpen; \ No newline at end of file diff --git a/src/components/icon/assets/index_settings.js b/src/components/icon/assets/index_settings.js new file mode 100644 index 00000000000..9237aef0898 --- /dev/null +++ b/src/components/icon/assets/index_settings.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconIndexSettings = props => ; + +export const icon = EuiIconIndexSettings; \ No newline at end of file diff --git a/src/components/icon/assets/inputOutput.js b/src/components/icon/assets/inputOutput.js new file mode 100644 index 00000000000..f4c18559130 --- /dev/null +++ b/src/components/icon/assets/inputOutput.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconInputOutput = props => ; + +export const icon = EuiIconInputOutput; \ No newline at end of file diff --git a/src/components/icon/assets/inspect.js b/src/components/icon/assets/inspect.js new file mode 100644 index 00000000000..a2f8f1c554e --- /dev/null +++ b/src/components/icon/assets/inspect.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconInspect = props => ; + +export const icon = EuiIconInspect; \ No newline at end of file diff --git a/src/components/icon/assets/invert.js b/src/components/icon/assets/invert.js new file mode 100644 index 00000000000..39701375043 --- /dev/null +++ b/src/components/icon/assets/invert.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconInvert = props => ; + +export const icon = EuiIconInvert; \ No newline at end of file diff --git a/src/components/icon/assets/kql_field.js b/src/components/icon/assets/kql_field.js new file mode 100644 index 00000000000..852b285b13f --- /dev/null +++ b/src/components/icon/assets/kql_field.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconKqlField = props => ; + +export const icon = EuiIconKqlField; \ No newline at end of file diff --git a/src/components/icon/assets/kql_function.js b/src/components/icon/assets/kql_function.js new file mode 100644 index 00000000000..05963823048 --- /dev/null +++ b/src/components/icon/assets/kql_function.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconKqlFunction = props => ; + +export const icon = EuiIconKqlFunction; \ No newline at end of file diff --git a/src/components/icon/assets/kql_operand.js b/src/components/icon/assets/kql_operand.js new file mode 100644 index 00000000000..d53ac251150 --- /dev/null +++ b/src/components/icon/assets/kql_operand.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconKqlOperand = props => ; + +export const icon = EuiIconKqlOperand; \ No newline at end of file diff --git a/src/components/icon/assets/kql_selector.js b/src/components/icon/assets/kql_selector.js new file mode 100644 index 00000000000..25bbb13f0ba --- /dev/null +++ b/src/components/icon/assets/kql_selector.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconKqlSelector = props => ; + +export const icon = EuiIconKqlSelector; \ No newline at end of file diff --git a/src/components/icon/assets/kql_value.js b/src/components/icon/assets/kql_value.js new file mode 100644 index 00000000000..cebc3547af6 --- /dev/null +++ b/src/components/icon/assets/kql_value.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconKqlValue = props => ; + +export const icon = EuiIconKqlValue; \ No newline at end of file diff --git a/src/components/icon/assets/link.js b/src/components/icon/assets/link.js new file mode 100644 index 00000000000..a887e135888 --- /dev/null +++ b/src/components/icon/assets/link.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLink = props => ; + +export const icon = EuiIconLink; \ No newline at end of file diff --git a/src/components/icon/assets/list.js b/src/components/icon/assets/list.js new file mode 100644 index 00000000000..7b2a962cf14 --- /dev/null +++ b/src/components/icon/assets/list.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconList = props => ; + +export const icon = EuiIconList; \ No newline at end of file diff --git a/src/components/icon/assets/list_add.js b/src/components/icon/assets/list_add.js new file mode 100644 index 00000000000..af4482c6947 --- /dev/null +++ b/src/components/icon/assets/list_add.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconListAdd = props => ; + +export const icon = EuiIconListAdd; \ No newline at end of file diff --git a/src/components/icon/assets/lock.js b/src/components/icon/assets/lock.js new file mode 100644 index 00000000000..58d0001cdd5 --- /dev/null +++ b/src/components/icon/assets/lock.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLock = props => ; + +export const icon = EuiIconLock; \ No newline at end of file diff --git a/src/components/icon/assets/lockOpen.js b/src/components/icon/assets/lockOpen.js new file mode 100644 index 00000000000..d87c5504c07 --- /dev/null +++ b/src/components/icon/assets/lockOpen.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLockOpen = props => ; + +export const icon = EuiIconLockOpen; \ No newline at end of file diff --git a/src/components/icon/assets/logo_aerospike.js b/src/components/icon/assets/logo_aerospike.js new file mode 100644 index 00000000000..999e45636fa --- /dev/null +++ b/src/components/icon/assets/logo_aerospike.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoAerospike = props => ; + +export const icon = EuiIconLogoAerospike; \ No newline at end of file diff --git a/src/components/icon/assets/logo_apache.js b/src/components/icon/assets/logo_apache.js new file mode 100644 index 00000000000..c96e5e4e106 --- /dev/null +++ b/src/components/icon/assets/logo_apache.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoApache = props => ; + +export const icon = EuiIconLogoApache; \ No newline at end of file diff --git a/src/components/icon/assets/logo_apm.js b/src/components/icon/assets/logo_apm.js new file mode 100644 index 00000000000..06e8f17f9c7 --- /dev/null +++ b/src/components/icon/assets/logo_apm.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoApm = props => ; + +export const icon = EuiIconLogoApm; \ No newline at end of file diff --git a/src/components/icon/assets/logo_app_search.js b/src/components/icon/assets/logo_app_search.js new file mode 100644 index 00000000000..e4f90b4aa5b --- /dev/null +++ b/src/components/icon/assets/logo_app_search.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoAppSearch = props => ; + +export const icon = EuiIconLogoAppSearch; \ No newline at end of file diff --git a/src/components/icon/assets/logo_aws.js b/src/components/icon/assets/logo_aws.js new file mode 100644 index 00000000000..ddec51dc3d9 --- /dev/null +++ b/src/components/icon/assets/logo_aws.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoAws = props => ; + +export const icon = EuiIconLogoAws; \ No newline at end of file diff --git a/src/components/icon/assets/logo_aws_mono.js b/src/components/icon/assets/logo_aws_mono.js new file mode 100644 index 00000000000..5d3f4d13ba0 --- /dev/null +++ b/src/components/icon/assets/logo_aws_mono.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoAwsMono = props => ; + +export const icon = EuiIconLogoAwsMono; \ No newline at end of file diff --git a/src/components/icon/assets/logo_beats.js b/src/components/icon/assets/logo_beats.js new file mode 100644 index 00000000000..bbeab8e3cbe --- /dev/null +++ b/src/components/icon/assets/logo_beats.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoBeats = props => ; + +export const icon = EuiIconLogoBeats; \ No newline at end of file diff --git a/src/components/icon/assets/logo_business_analytics.js b/src/components/icon/assets/logo_business_analytics.js new file mode 100644 index 00000000000..7da92ec70f9 --- /dev/null +++ b/src/components/icon/assets/logo_business_analytics.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoBusinessAnalytics = props => ; + +export const icon = EuiIconLogoBusinessAnalytics; \ No newline at end of file diff --git a/src/components/icon/assets/logo_ceph.js b/src/components/icon/assets/logo_ceph.js new file mode 100644 index 00000000000..c1c07f8f55c --- /dev/null +++ b/src/components/icon/assets/logo_ceph.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoCeph = props => ; + +export const icon = EuiIconLogoCeph; \ No newline at end of file diff --git a/src/components/icon/assets/logo_cloud.js b/src/components/icon/assets/logo_cloud.js new file mode 100644 index 00000000000..d05a49b6b78 --- /dev/null +++ b/src/components/icon/assets/logo_cloud.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoCloud = props => ; + +export const icon = EuiIconLogoCloud; \ No newline at end of file diff --git a/src/components/icon/assets/logo_cloud_ece.js b/src/components/icon/assets/logo_cloud_ece.js new file mode 100644 index 00000000000..19e37ce6960 --- /dev/null +++ b/src/components/icon/assets/logo_cloud_ece.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoCloudEce = props => ; + +export const icon = EuiIconLogoCloudEce; \ No newline at end of file diff --git a/src/components/icon/assets/logo_codesandbox.js b/src/components/icon/assets/logo_codesandbox.js new file mode 100644 index 00000000000..c411c8c624e --- /dev/null +++ b/src/components/icon/assets/logo_codesandbox.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoCodesandbox = props => ; + +export const icon = EuiIconLogoCodesandbox; \ No newline at end of file diff --git a/src/components/icon/assets/logo_couchbase.js b/src/components/icon/assets/logo_couchbase.js new file mode 100644 index 00000000000..706c6ff50cf --- /dev/null +++ b/src/components/icon/assets/logo_couchbase.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoCouchbase = props => ; + +export const icon = EuiIconLogoCouchbase; \ No newline at end of file diff --git a/src/components/icon/assets/logo_docker.js b/src/components/icon/assets/logo_docker.js new file mode 100644 index 00000000000..22584f620e5 --- /dev/null +++ b/src/components/icon/assets/logo_docker.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoDocker = props => ; + +export const icon = EuiIconLogoDocker; \ No newline at end of file diff --git a/src/components/icon/assets/logo_dropwizard.js b/src/components/icon/assets/logo_dropwizard.js new file mode 100644 index 00000000000..f6d0b9d724b --- /dev/null +++ b/src/components/icon/assets/logo_dropwizard.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoDropwizard = props => ; + +export const icon = EuiIconLogoDropwizard; \ No newline at end of file diff --git a/src/components/icon/assets/logo_elastic.js b/src/components/icon/assets/logo_elastic.js new file mode 100644 index 00000000000..4e5085bdd85 --- /dev/null +++ b/src/components/icon/assets/logo_elastic.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoElastic = props => ; + +export const icon = EuiIconLogoElastic; \ No newline at end of file diff --git a/src/components/icon/assets/logo_elastic_stack.js b/src/components/icon/assets/logo_elastic_stack.js new file mode 100644 index 00000000000..5a0ad9aee21 --- /dev/null +++ b/src/components/icon/assets/logo_elastic_stack.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoElasticStack = props => ; + +export const icon = EuiIconLogoElasticStack; \ No newline at end of file diff --git a/src/components/icon/assets/logo_elasticsearch.js b/src/components/icon/assets/logo_elasticsearch.js new file mode 100644 index 00000000000..3a1596f6bce --- /dev/null +++ b/src/components/icon/assets/logo_elasticsearch.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoElasticsearch = props => ; + +export const icon = EuiIconLogoElasticsearch; \ No newline at end of file diff --git a/src/components/icon/assets/logo_enterprise_search.js b/src/components/icon/assets/logo_enterprise_search.js new file mode 100644 index 00000000000..559d52993da --- /dev/null +++ b/src/components/icon/assets/logo_enterprise_search.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoEnterpriseSearch = props => ; + +export const icon = EuiIconLogoEnterpriseSearch; \ No newline at end of file diff --git a/src/components/icon/assets/logo_etcd.js b/src/components/icon/assets/logo_etcd.js new file mode 100644 index 00000000000..3e65580d95c --- /dev/null +++ b/src/components/icon/assets/logo_etcd.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoEtcd = props => ; + +export const icon = EuiIconLogoEtcd; \ No newline at end of file diff --git a/src/components/icon/assets/logo_gcp.js b/src/components/icon/assets/logo_gcp.js new file mode 100644 index 00000000000..b7b453bae90 --- /dev/null +++ b/src/components/icon/assets/logo_gcp.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoGcp = props => ; + +export const icon = EuiIconLogoGcp; \ No newline at end of file diff --git a/src/components/icon/assets/logo_gcp_mono.js b/src/components/icon/assets/logo_gcp_mono.js new file mode 100644 index 00000000000..a83f81fb303 --- /dev/null +++ b/src/components/icon/assets/logo_gcp_mono.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoGcpMono = props => ; + +export const icon = EuiIconLogoGcpMono; \ No newline at end of file diff --git a/src/components/icon/assets/logo_github.js b/src/components/icon/assets/logo_github.js new file mode 100644 index 00000000000..99de7486931 --- /dev/null +++ b/src/components/icon/assets/logo_github.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoGithub = props => ; + +export const icon = EuiIconLogoGithub; \ No newline at end of file diff --git a/src/components/icon/assets/logo_gmail.js b/src/components/icon/assets/logo_gmail.js new file mode 100644 index 00000000000..61cee8a5a79 --- /dev/null +++ b/src/components/icon/assets/logo_gmail.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoGmail = props => ; + +export const icon = EuiIconLogoGmail; \ No newline at end of file diff --git a/src/components/icon/assets/logo_golang.js b/src/components/icon/assets/logo_golang.js new file mode 100644 index 00000000000..c18da45b9bc --- /dev/null +++ b/src/components/icon/assets/logo_golang.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoGolang = props => ; + +export const icon = EuiIconLogoGolang; \ No newline at end of file diff --git a/src/components/icon/assets/logo_haproxy.js b/src/components/icon/assets/logo_haproxy.js new file mode 100644 index 00000000000..42d2e5511d4 --- /dev/null +++ b/src/components/icon/assets/logo_haproxy.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoHaproxy = props => ; + +export const icon = EuiIconLogoHaproxy; \ No newline at end of file diff --git a/src/components/icon/assets/logo_ibm.js b/src/components/icon/assets/logo_ibm.js new file mode 100644 index 00000000000..509dc8d629e --- /dev/null +++ b/src/components/icon/assets/logo_ibm.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoIbm = props => ; + +export const icon = EuiIconLogoIbm; \ No newline at end of file diff --git a/src/components/icon/assets/logo_ibm_mono.js b/src/components/icon/assets/logo_ibm_mono.js new file mode 100644 index 00000000000..5020a987f89 --- /dev/null +++ b/src/components/icon/assets/logo_ibm_mono.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoIbmMono = props => ; + +export const icon = EuiIconLogoIbmMono; \ No newline at end of file diff --git a/src/components/icon/assets/logo_kafka.js b/src/components/icon/assets/logo_kafka.js new file mode 100644 index 00000000000..493bb5a29b7 --- /dev/null +++ b/src/components/icon/assets/logo_kafka.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoKafka = props => ; + +export const icon = EuiIconLogoKafka; \ No newline at end of file diff --git a/src/components/icon/assets/logo_kibana.js b/src/components/icon/assets/logo_kibana.js new file mode 100644 index 00000000000..770ba3d813c --- /dev/null +++ b/src/components/icon/assets/logo_kibana.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoKibana = props => ; + +export const icon = EuiIconLogoKibana; \ No newline at end of file diff --git a/src/components/icon/assets/logo_kubernetes.js b/src/components/icon/assets/logo_kubernetes.js new file mode 100644 index 00000000000..2fecf3140db --- /dev/null +++ b/src/components/icon/assets/logo_kubernetes.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoKubernetes = props => ; + +export const icon = EuiIconLogoKubernetes; \ No newline at end of file diff --git a/src/components/icon/assets/logo_logstash.js b/src/components/icon/assets/logo_logstash.js new file mode 100644 index 00000000000..88a06616ab0 --- /dev/null +++ b/src/components/icon/assets/logo_logstash.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoLogstash = props => ; + +export const icon = EuiIconLogoLogstash; \ No newline at end of file diff --git a/src/components/icon/assets/logo_memcached.js b/src/components/icon/assets/logo_memcached.js new file mode 100644 index 00000000000..78b904711c9 --- /dev/null +++ b/src/components/icon/assets/logo_memcached.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoMemcached = props => ; + +export const icon = EuiIconLogoMemcached; \ No newline at end of file diff --git a/src/components/icon/assets/logo_metrics.js b/src/components/icon/assets/logo_metrics.js new file mode 100644 index 00000000000..7320f1120d1 --- /dev/null +++ b/src/components/icon/assets/logo_metrics.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoMetrics = props => ; + +export const icon = EuiIconLogoMetrics; \ No newline at end of file diff --git a/src/components/icon/assets/logo_mongodb.js b/src/components/icon/assets/logo_mongodb.js new file mode 100644 index 00000000000..a3593fec12f --- /dev/null +++ b/src/components/icon/assets/logo_mongodb.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoMongodb = props => ; + +export const icon = EuiIconLogoMongodb; \ No newline at end of file diff --git a/src/components/icon/assets/logo_mysql.js b/src/components/icon/assets/logo_mysql.js new file mode 100644 index 00000000000..62ebc1d5f01 --- /dev/null +++ b/src/components/icon/assets/logo_mysql.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoMysql = props => ; + +export const icon = EuiIconLogoMysql; \ No newline at end of file diff --git a/src/components/icon/assets/logo_nginx.js b/src/components/icon/assets/logo_nginx.js new file mode 100644 index 00000000000..08767612473 --- /dev/null +++ b/src/components/icon/assets/logo_nginx.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoNginx = props => ; + +export const icon = EuiIconLogoNginx; \ No newline at end of file diff --git a/src/components/icon/assets/logo_osquery.js b/src/components/icon/assets/logo_osquery.js new file mode 100644 index 00000000000..20feb2436a9 --- /dev/null +++ b/src/components/icon/assets/logo_osquery.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoOsquery = props => ; + +export const icon = EuiIconLogoOsquery; \ No newline at end of file diff --git a/src/components/icon/assets/logo_php.js b/src/components/icon/assets/logo_php.js new file mode 100644 index 00000000000..31e4b8b537c --- /dev/null +++ b/src/components/icon/assets/logo_php.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoPhp = props => ; + +export const icon = EuiIconLogoPhp; \ No newline at end of file diff --git a/src/components/icon/assets/logo_postgres.js b/src/components/icon/assets/logo_postgres.js new file mode 100644 index 00000000000..5b4d706830a --- /dev/null +++ b/src/components/icon/assets/logo_postgres.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoPostgres = props => ; + +export const icon = EuiIconLogoPostgres; \ No newline at end of file diff --git a/src/components/icon/assets/logo_prometheus.js b/src/components/icon/assets/logo_prometheus.js new file mode 100644 index 00000000000..54e8f24c126 --- /dev/null +++ b/src/components/icon/assets/logo_prometheus.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoPrometheus = props => ; + +export const icon = EuiIconLogoPrometheus; \ No newline at end of file diff --git a/src/components/icon/assets/logo_rabbitmq.js b/src/components/icon/assets/logo_rabbitmq.js new file mode 100644 index 00000000000..4d97f5c17e5 --- /dev/null +++ b/src/components/icon/assets/logo_rabbitmq.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoRabbitmq = props => ; + +export const icon = EuiIconLogoRabbitmq; \ No newline at end of file diff --git a/src/components/icon/assets/logo_redis.js b/src/components/icon/assets/logo_redis.js new file mode 100644 index 00000000000..b8f98cf2a28 --- /dev/null +++ b/src/components/icon/assets/logo_redis.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoRedis = props => ; + +export const icon = EuiIconLogoRedis; \ No newline at end of file diff --git a/src/components/icon/assets/logo_site_search.js b/src/components/icon/assets/logo_site_search.js new file mode 100644 index 00000000000..12ffa2699cb --- /dev/null +++ b/src/components/icon/assets/logo_site_search.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoSiteSearch = props => ; + +export const icon = EuiIconLogoSiteSearch; \ No newline at end of file diff --git a/src/components/icon/assets/logo_sketch.js b/src/components/icon/assets/logo_sketch.js new file mode 100644 index 00000000000..6738b5e8b33 --- /dev/null +++ b/src/components/icon/assets/logo_sketch.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoSketch = props => ; + +export const icon = EuiIconLogoSketch; \ No newline at end of file diff --git a/src/components/icon/assets/logo_slack.js b/src/components/icon/assets/logo_slack.js new file mode 100644 index 00000000000..c848bf034fa --- /dev/null +++ b/src/components/icon/assets/logo_slack.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoSlack = props => ; + +export const icon = EuiIconLogoSlack; \ No newline at end of file diff --git a/src/components/icon/assets/logo_webhook.js b/src/components/icon/assets/logo_webhook.js new file mode 100644 index 00000000000..5ff6a846c76 --- /dev/null +++ b/src/components/icon/assets/logo_webhook.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoWebhook = props => ; + +export const icon = EuiIconLogoWebhook; \ No newline at end of file diff --git a/src/components/icon/assets/logo_windows.js b/src/components/icon/assets/logo_windows.js new file mode 100644 index 00000000000..63dfbbba9e8 --- /dev/null +++ b/src/components/icon/assets/logo_windows.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoWindows = props => ; + +export const icon = EuiIconLogoWindows; \ No newline at end of file diff --git a/src/components/icon/assets/logo_xpack.js b/src/components/icon/assets/logo_xpack.js new file mode 100644 index 00000000000..6feb5ce0fcd --- /dev/null +++ b/src/components/icon/assets/logo_xpack.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogoXpack = props => ; + +export const icon = EuiIconLogoXpack; \ No newline at end of file diff --git a/src/components/icon/assets/logstash_filter.js b/src/components/icon/assets/logstash_filter.js new file mode 100644 index 00000000000..fcc05f4b901 --- /dev/null +++ b/src/components/icon/assets/logstash_filter.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogstashFilter = props => ; + +export const icon = EuiIconLogstashFilter; \ No newline at end of file diff --git a/src/components/icon/assets/logstash_if.js b/src/components/icon/assets/logstash_if.js new file mode 100644 index 00000000000..a902b34e058 --- /dev/null +++ b/src/components/icon/assets/logstash_if.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogstashIf = props => ; + +export const icon = EuiIconLogstashIf; \ No newline at end of file diff --git a/src/components/icon/assets/logstash_input.js b/src/components/icon/assets/logstash_input.js new file mode 100644 index 00000000000..038d7179a72 --- /dev/null +++ b/src/components/icon/assets/logstash_input.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogstashInput = props => ; + +export const icon = EuiIconLogstashInput; \ No newline at end of file diff --git a/src/components/icon/assets/logstash_output.js b/src/components/icon/assets/logstash_output.js new file mode 100644 index 00000000000..643d22e93fe --- /dev/null +++ b/src/components/icon/assets/logstash_output.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogstashOutput = props => ; + +export const icon = EuiIconLogstashOutput; \ No newline at end of file diff --git a/src/components/icon/assets/logstash_queue.js b/src/components/icon/assets/logstash_queue.js new file mode 100644 index 00000000000..04b0a60690c --- /dev/null +++ b/src/components/icon/assets/logstash_queue.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconLogstashQueue = props => ; + +export const icon = EuiIconLogstashQueue; \ No newline at end of file diff --git a/src/components/icon/assets/map_marker.js b/src/components/icon/assets/map_marker.js new file mode 100644 index 00000000000..64667f86fc5 --- /dev/null +++ b/src/components/icon/assets/map_marker.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconMapMarker = props => ; + +export const icon = EuiIconMapMarker; \ No newline at end of file diff --git a/src/components/icon/assets/memory.js b/src/components/icon/assets/memory.js new file mode 100644 index 00000000000..bc1c2360caf --- /dev/null +++ b/src/components/icon/assets/memory.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconMemory = props => ; + +export const icon = EuiIconMemory; \ No newline at end of file diff --git a/src/components/icon/assets/menuLeft.js b/src/components/icon/assets/menuLeft.js new file mode 100644 index 00000000000..a84d8c69e00 --- /dev/null +++ b/src/components/icon/assets/menuLeft.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconMenuLeft = props => ; + +export const icon = EuiIconMenuLeft; \ No newline at end of file diff --git a/src/components/icon/assets/menuRight.js b/src/components/icon/assets/menuRight.js new file mode 100644 index 00000000000..ef6d63035d2 --- /dev/null +++ b/src/components/icon/assets/menuRight.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconMenuRight = props => ; + +export const icon = EuiIconMenuRight; \ No newline at end of file diff --git a/src/components/icon/assets/merge.js b/src/components/icon/assets/merge.js new file mode 100644 index 00000000000..95e322fa1d8 --- /dev/null +++ b/src/components/icon/assets/merge.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconMerge = props => ; + +export const icon = EuiIconMerge; \ No newline at end of file diff --git a/src/components/icon/assets/minus_in_circle.js b/src/components/icon/assets/minus_in_circle.js new file mode 100644 index 00000000000..5b636ad1dd2 --- /dev/null +++ b/src/components/icon/assets/minus_in_circle.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconMinusInCircle = props => ; + +export const icon = EuiIconMinusInCircle; \ No newline at end of file diff --git a/src/components/icon/assets/minus_in_circle_filled.js b/src/components/icon/assets/minus_in_circle_filled.js new file mode 100644 index 00000000000..ed6215bf6bc --- /dev/null +++ b/src/components/icon/assets/minus_in_circle_filled.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconMinusInCircleFilled = props => ; + +export const icon = EuiIconMinusInCircleFilled; \ No newline at end of file diff --git a/src/components/icon/assets/ml_create_advanced_job.js b/src/components/icon/assets/ml_create_advanced_job.js new file mode 100644 index 00000000000..9d839726fe4 --- /dev/null +++ b/src/components/icon/assets/ml_create_advanced_job.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconMlCreateAdvancedJob = props => ; + +export const icon = EuiIconMlCreateAdvancedJob; \ No newline at end of file diff --git a/src/components/icon/assets/ml_create_multi_metric_job.js b/src/components/icon/assets/ml_create_multi_metric_job.js new file mode 100644 index 00000000000..4734a21a198 --- /dev/null +++ b/src/components/icon/assets/ml_create_multi_metric_job.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconMlCreateMultiMetricJob = props => ; + +export const icon = EuiIconMlCreateMultiMetricJob; \ No newline at end of file diff --git a/src/components/icon/assets/ml_create_population_job.js b/src/components/icon/assets/ml_create_population_job.js new file mode 100644 index 00000000000..c9a853d2092 --- /dev/null +++ b/src/components/icon/assets/ml_create_population_job.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconMlCreatePopulationJob = props => ; + +export const icon = EuiIconMlCreatePopulationJob; \ No newline at end of file diff --git a/src/components/icon/assets/ml_create_single_metric_job.js b/src/components/icon/assets/ml_create_single_metric_job.js new file mode 100644 index 00000000000..7eb9563db29 --- /dev/null +++ b/src/components/icon/assets/ml_create_single_metric_job.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconMlCreateSingleMetricJob = props => ; + +export const icon = EuiIconMlCreateSingleMetricJob; \ No newline at end of file diff --git a/src/components/icon/assets/ml_data_visualizer.js b/src/components/icon/assets/ml_data_visualizer.js new file mode 100644 index 00000000000..97c79f41e20 --- /dev/null +++ b/src/components/icon/assets/ml_data_visualizer.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconMlDataVisualizer = props => ; + +export const icon = EuiIconMlDataVisualizer; \ No newline at end of file diff --git a/src/components/icon/assets/node.js b/src/components/icon/assets/node.js new file mode 100644 index 00000000000..95f351e250d --- /dev/null +++ b/src/components/icon/assets/node.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconNode = props => ; + +export const icon = EuiIconNode; \ No newline at end of file diff --git a/src/components/icon/assets/number.js b/src/components/icon/assets/number.js new file mode 100644 index 00000000000..1fc7c7aee66 --- /dev/null +++ b/src/components/icon/assets/number.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconNumber = props => ; + +export const icon = EuiIconNumber; \ No newline at end of file diff --git a/src/components/icon/assets/offline.js b/src/components/icon/assets/offline.js new file mode 100644 index 00000000000..d27b37b45be --- /dev/null +++ b/src/components/icon/assets/offline.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconOffline = props => ; + +export const icon = EuiIconOffline; \ No newline at end of file diff --git a/src/components/icon/assets/online.js b/src/components/icon/assets/online.js new file mode 100644 index 00000000000..9277952e3af --- /dev/null +++ b/src/components/icon/assets/online.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconOnline = props => ; + +export const icon = EuiIconOnline; \ No newline at end of file diff --git a/src/components/icon/assets/paint.js b/src/components/icon/assets/paint.js new file mode 100644 index 00000000000..6fa07befc10 --- /dev/null +++ b/src/components/icon/assets/paint.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconPaint = props => ; + +export const icon = EuiIconPaint; \ No newline at end of file diff --git a/src/components/icon/assets/pause.js b/src/components/icon/assets/pause.js new file mode 100644 index 00000000000..4f1710bd7eb --- /dev/null +++ b/src/components/icon/assets/pause.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconPause = props => ; + +export const icon = EuiIconPause; \ No newline at end of file diff --git a/src/components/icon/assets/pencil.js b/src/components/icon/assets/pencil.js new file mode 100644 index 00000000000..0f2aecc3843 --- /dev/null +++ b/src/components/icon/assets/pencil.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconPencil = props => ; + +export const icon = EuiIconPencil; \ No newline at end of file diff --git a/src/components/icon/assets/pin.js b/src/components/icon/assets/pin.js new file mode 100644 index 00000000000..57e89cecec0 --- /dev/null +++ b/src/components/icon/assets/pin.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconPin = props => ; + +export const icon = EuiIconPin; \ No newline at end of file diff --git a/src/components/icon/assets/pin_filled.js b/src/components/icon/assets/pin_filled.js new file mode 100644 index 00000000000..13b9a15a249 --- /dev/null +++ b/src/components/icon/assets/pin_filled.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconPinFilled = props => ; + +export const icon = EuiIconPinFilled; \ No newline at end of file diff --git a/src/components/icon/assets/play.js b/src/components/icon/assets/play.js new file mode 100644 index 00000000000..bd601b2be9d --- /dev/null +++ b/src/components/icon/assets/play.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconPlay = props => ; + +export const icon = EuiIconPlay; \ No newline at end of file diff --git a/src/components/icon/assets/plus_in_circle.js b/src/components/icon/assets/plus_in_circle.js new file mode 100644 index 00000000000..c502ef687f8 --- /dev/null +++ b/src/components/icon/assets/plus_in_circle.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconPlusInCircle = props => ; + +export const icon = EuiIconPlusInCircle; \ No newline at end of file diff --git a/src/components/icon/assets/plus_in_circle_filled.js b/src/components/icon/assets/plus_in_circle_filled.js new file mode 100644 index 00000000000..919eb1a71b6 --- /dev/null +++ b/src/components/icon/assets/plus_in_circle_filled.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconPlusInCircleFilled = props => ; + +export const icon = EuiIconPlusInCircleFilled; \ No newline at end of file diff --git a/src/components/icon/assets/popout.js b/src/components/icon/assets/popout.js new file mode 100644 index 00000000000..bfbee3703a7 --- /dev/null +++ b/src/components/icon/assets/popout.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconPopout = props => ; + +export const icon = EuiIconPopout; \ No newline at end of file diff --git a/src/components/icon/assets/question_in_circle.js b/src/components/icon/assets/question_in_circle.js new file mode 100644 index 00000000000..c3353bceceb --- /dev/null +++ b/src/components/icon/assets/question_in_circle.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconQuestionInCircle = props => ; + +export const icon = EuiIconQuestionInCircle; \ No newline at end of file diff --git a/src/components/icon/assets/refresh.js b/src/components/icon/assets/refresh.js new file mode 100644 index 00000000000..524701b7d98 --- /dev/null +++ b/src/components/icon/assets/refresh.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconRefresh = props => ; + +export const icon = EuiIconRefresh; \ No newline at end of file diff --git a/src/components/icon/assets/save.js b/src/components/icon/assets/save.js new file mode 100644 index 00000000000..1891f6c8fe2 --- /dev/null +++ b/src/components/icon/assets/save.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconSave = props => ; + +export const icon = EuiIconSave; \ No newline at end of file diff --git a/src/components/icon/assets/scale.js b/src/components/icon/assets/scale.js new file mode 100644 index 00000000000..f96d4fd4da9 --- /dev/null +++ b/src/components/icon/assets/scale.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconScale = props => ; + +export const icon = EuiIconScale; \ No newline at end of file diff --git a/src/components/icon/assets/search.js b/src/components/icon/assets/search.js new file mode 100644 index 00000000000..8be2baee41b --- /dev/null +++ b/src/components/icon/assets/search.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconSearch = props => ; + +export const icon = EuiIconSearch; \ No newline at end of file diff --git a/src/components/icon/assets/shard.js b/src/components/icon/assets/shard.js new file mode 100644 index 00000000000..97502b4d246 --- /dev/null +++ b/src/components/icon/assets/shard.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconShard = props => ; + +export const icon = EuiIconShard; \ No newline at end of file diff --git a/src/components/icon/assets/share.js b/src/components/icon/assets/share.js new file mode 100644 index 00000000000..2c481355ac1 --- /dev/null +++ b/src/components/icon/assets/share.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconShare = props => ; + +export const icon = EuiIconShare; \ No newline at end of file diff --git a/src/components/icon/assets/snowflake.js b/src/components/icon/assets/snowflake.js new file mode 100644 index 00000000000..fa52f463e82 --- /dev/null +++ b/src/components/icon/assets/snowflake.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconSnowflake = props => ; + +export const icon = EuiIconSnowflake; \ No newline at end of file diff --git a/src/components/icon/assets/sortLeft.js b/src/components/icon/assets/sortLeft.js new file mode 100644 index 00000000000..6f1dfa8ea1d --- /dev/null +++ b/src/components/icon/assets/sortLeft.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconSortLeft = props => ; + +export const icon = EuiIconSortLeft; \ No newline at end of file diff --git a/src/components/icon/assets/sortRight.js b/src/components/icon/assets/sortRight.js new file mode 100644 index 00000000000..69d908a701c --- /dev/null +++ b/src/components/icon/assets/sortRight.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconSortRight = props => ; + +export const icon = EuiIconSortRight; \ No newline at end of file diff --git a/src/components/icon/assets/sort_down.js b/src/components/icon/assets/sort_down.js new file mode 100644 index 00000000000..3b329904e23 --- /dev/null +++ b/src/components/icon/assets/sort_down.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconSortDown = props => ; + +export const icon = EuiIconSortDown; \ No newline at end of file diff --git a/src/components/icon/assets/sort_up.js b/src/components/icon/assets/sort_up.js new file mode 100644 index 00000000000..b7cc8f92080 --- /dev/null +++ b/src/components/icon/assets/sort_up.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconSortUp = props => ; + +export const icon = EuiIconSortUp; \ No newline at end of file diff --git a/src/components/icon/assets/sortable.js b/src/components/icon/assets/sortable.js new file mode 100644 index 00000000000..a2e8ee2c0b6 --- /dev/null +++ b/src/components/icon/assets/sortable.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconSortable = props => ; + +export const icon = EuiIconSortable; \ No newline at end of file diff --git a/src/components/icon/assets/starPlusEmpty.js b/src/components/icon/assets/starPlusEmpty.js new file mode 100644 index 00000000000..e901d9cd441 --- /dev/null +++ b/src/components/icon/assets/starPlusEmpty.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconStarPlusEmpty = props => ; + +export const icon = EuiIconStarPlusEmpty; \ No newline at end of file diff --git a/src/components/icon/assets/starPlusFilled.js b/src/components/icon/assets/starPlusFilled.js new file mode 100644 index 00000000000..cb23f7086aa --- /dev/null +++ b/src/components/icon/assets/starPlusFilled.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconStarPlusFilled = props => ; + +export const icon = EuiIconStarPlusFilled; \ No newline at end of file diff --git a/src/components/icon/assets/star_empty.js b/src/components/icon/assets/star_empty.js new file mode 100644 index 00000000000..9df888b76b9 --- /dev/null +++ b/src/components/icon/assets/star_empty.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconStarEmpty = props => ; + +export const icon = EuiIconStarEmpty; \ No newline at end of file diff --git a/src/components/icon/assets/star_empty_space.js b/src/components/icon/assets/star_empty_space.js new file mode 100644 index 00000000000..150ca4e040a --- /dev/null +++ b/src/components/icon/assets/star_empty_space.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconStarEmptySpace = props => ; + +export const icon = EuiIconStarEmptySpace; \ No newline at end of file diff --git a/src/components/icon/assets/star_filled.js b/src/components/icon/assets/star_filled.js new file mode 100644 index 00000000000..d10bd1bc204 --- /dev/null +++ b/src/components/icon/assets/star_filled.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconStarFilled = props => ; + +export const icon = EuiIconStarFilled; \ No newline at end of file diff --git a/src/components/icon/assets/star_filled_space.js b/src/components/icon/assets/star_filled_space.js new file mode 100644 index 00000000000..4f0973379f6 --- /dev/null +++ b/src/components/icon/assets/star_filled_space.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconStarFilledSpace = props => ; + +export const icon = EuiIconStarFilledSpace; \ No newline at end of file diff --git a/src/components/icon/assets/star_minus_empty.js b/src/components/icon/assets/star_minus_empty.js new file mode 100644 index 00000000000..6b9fb9cc5af --- /dev/null +++ b/src/components/icon/assets/star_minus_empty.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconStarMinusEmpty = props => ; + +export const icon = EuiIconStarMinusEmpty; \ No newline at end of file diff --git a/src/components/icon/assets/star_minus_filled.js b/src/components/icon/assets/star_minus_filled.js new file mode 100644 index 00000000000..1f3309b2a56 --- /dev/null +++ b/src/components/icon/assets/star_minus_filled.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconStarMinusFilled = props => ; + +export const icon = EuiIconStarMinusFilled; \ No newline at end of file diff --git a/src/components/icon/assets/stats.js b/src/components/icon/assets/stats.js new file mode 100644 index 00000000000..d936724d0a3 --- /dev/null +++ b/src/components/icon/assets/stats.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconStats = props => ; + +export const icon = EuiIconStats; \ No newline at end of file diff --git a/src/components/icon/assets/stop.js b/src/components/icon/assets/stop.js new file mode 100644 index 00000000000..b78414418bb --- /dev/null +++ b/src/components/icon/assets/stop.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconStop = props => ; + +export const icon = EuiIconStop; \ No newline at end of file diff --git a/src/components/icon/assets/stop_filled.js b/src/components/icon/assets/stop_filled.js new file mode 100644 index 00000000000..89646f6ad32 --- /dev/null +++ b/src/components/icon/assets/stop_filled.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconStopFilled = props => ; + +export const icon = EuiIconStopFilled; \ No newline at end of file diff --git a/src/components/icon/assets/storage.js b/src/components/icon/assets/storage.js new file mode 100644 index 00000000000..273242a00db --- /dev/null +++ b/src/components/icon/assets/storage.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconStorage = props => ; + +export const icon = EuiIconStorage; \ No newline at end of file diff --git a/src/components/icon/assets/string.js b/src/components/icon/assets/string.js new file mode 100644 index 00000000000..7913861ec40 --- /dev/null +++ b/src/components/icon/assets/string.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconString = props => ; + +export const icon = EuiIconString; \ No newline at end of file diff --git a/src/components/icon/assets/submodule.js b/src/components/icon/assets/submodule.js new file mode 100644 index 00000000000..ec8aae5d12b --- /dev/null +++ b/src/components/icon/assets/submodule.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconSubmodule = props => ; + +export const icon = EuiIconSubmodule; \ No newline at end of file diff --git a/src/components/icon/assets/symlink.js b/src/components/icon/assets/symlink.js new file mode 100644 index 00000000000..f42263fb860 --- /dev/null +++ b/src/components/icon/assets/symlink.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconSymlink = props => ; + +export const icon = EuiIconSymlink; \ No newline at end of file diff --git a/src/components/icon/assets/tableOfContents.js b/src/components/icon/assets/tableOfContents.js new file mode 100644 index 00000000000..0d977017be7 --- /dev/null +++ b/src/components/icon/assets/tableOfContents.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTableOfContents = props => ; + +export const icon = EuiIconTableOfContents; \ No newline at end of file diff --git a/src/components/icon/assets/tag.js b/src/components/icon/assets/tag.js new file mode 100644 index 00000000000..7777860280e --- /dev/null +++ b/src/components/icon/assets/tag.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTag = props => ; + +export const icon = EuiIconTag; \ No newline at end of file diff --git a/src/components/icon/assets/tear.js b/src/components/icon/assets/tear.js new file mode 100644 index 00000000000..581e890e876 --- /dev/null +++ b/src/components/icon/assets/tear.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTear = props => ; + +export const icon = EuiIconTear; \ No newline at end of file diff --git a/src/components/icon/assets/temperature.js b/src/components/icon/assets/temperature.js new file mode 100644 index 00000000000..e9477ddb9e9 --- /dev/null +++ b/src/components/icon/assets/temperature.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTemperature = props => ; + +export const icon = EuiIconTemperature; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenAnnotation.js b/src/components/icon/assets/tokens/tokenAnnotation.js new file mode 100644 index 00000000000..dedf7ae6d68 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenAnnotation.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenAnnotation = props => ; + +export const icon = EuiIconTokenAnnotation; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenArray.js b/src/components/icon/assets/tokens/tokenArray.js new file mode 100644 index 00000000000..2a04fc3a406 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenArray.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenArray = props => ; + +export const icon = EuiIconTokenArray; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenBoolean.js b/src/components/icon/assets/tokens/tokenBoolean.js new file mode 100644 index 00000000000..044cca48859 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenBoolean.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenBoolean = props => ; + +export const icon = EuiIconTokenBoolean; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenClass.js b/src/components/icon/assets/tokens/tokenClass.js new file mode 100644 index 00000000000..26469067dab --- /dev/null +++ b/src/components/icon/assets/tokens/tokenClass.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenClass = props => ; + +export const icon = EuiIconTokenClass; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenConstant.js b/src/components/icon/assets/tokens/tokenConstant.js new file mode 100644 index 00000000000..f34832699db --- /dev/null +++ b/src/components/icon/assets/tokens/tokenConstant.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenConstant = props => ; + +export const icon = EuiIconTokenConstant; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenElement.js b/src/components/icon/assets/tokens/tokenElement.js new file mode 100644 index 00000000000..4112c746381 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenElement.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenElement = props => ; + +export const icon = EuiIconTokenElement; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenEnum.js b/src/components/icon/assets/tokens/tokenEnum.js new file mode 100644 index 00000000000..78e0f4468f6 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenEnum.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenEnum = props => ; + +export const icon = EuiIconTokenEnum; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenEnumMember.js b/src/components/icon/assets/tokens/tokenEnumMember.js new file mode 100644 index 00000000000..a4fc709c048 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenEnumMember.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenEnumMember = props => ; + +export const icon = EuiIconTokenEnumMember; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenEvent.js b/src/components/icon/assets/tokens/tokenEvent.js new file mode 100644 index 00000000000..c8f86a4f87b --- /dev/null +++ b/src/components/icon/assets/tokens/tokenEvent.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenEvent = props => ; + +export const icon = EuiIconTokenEvent; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenException.js b/src/components/icon/assets/tokens/tokenException.js new file mode 100644 index 00000000000..0d871454dc8 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenException.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenException = props => ; + +export const icon = EuiIconTokenException; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenField.js b/src/components/icon/assets/tokens/tokenField.js new file mode 100644 index 00000000000..3b7a3578ac7 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenField.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenField = props => ; + +export const icon = EuiIconTokenField; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenFile.js b/src/components/icon/assets/tokens/tokenFile.js new file mode 100644 index 00000000000..24472c635d2 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenFile.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenFile = props => ; + +export const icon = EuiIconTokenFile; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenFunction.js b/src/components/icon/assets/tokens/tokenFunction.js new file mode 100644 index 00000000000..b2274b2e469 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenFunction.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenFunction = props => ; + +export const icon = EuiIconTokenFunction; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenInterface.js b/src/components/icon/assets/tokens/tokenInterface.js new file mode 100644 index 00000000000..b281939f500 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenInterface.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenInterface = props => ; + +export const icon = EuiIconTokenInterface; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenKey.js b/src/components/icon/assets/tokens/tokenKey.js new file mode 100644 index 00000000000..8d4b620ef1a --- /dev/null +++ b/src/components/icon/assets/tokens/tokenKey.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenKey = props => ; + +export const icon = EuiIconTokenKey; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenMethod.js b/src/components/icon/assets/tokens/tokenMethod.js new file mode 100644 index 00000000000..9861bffe784 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenMethod.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenMethod = props => ; + +export const icon = EuiIconTokenMethod; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenModule.js b/src/components/icon/assets/tokens/tokenModule.js new file mode 100644 index 00000000000..9a715cbde12 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenModule.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenModule = props => ; + +export const icon = EuiIconTokenModule; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenNamespace.js b/src/components/icon/assets/tokens/tokenNamespace.js new file mode 100644 index 00000000000..af1fee2aa69 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenNamespace.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenNamespace = props => ; + +export const icon = EuiIconTokenNamespace; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenNull.js b/src/components/icon/assets/tokens/tokenNull.js new file mode 100644 index 00000000000..184535f6285 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenNull.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenNull = props => ; + +export const icon = EuiIconTokenNull; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenNumber.js b/src/components/icon/assets/tokens/tokenNumber.js new file mode 100644 index 00000000000..fda81acd84b --- /dev/null +++ b/src/components/icon/assets/tokens/tokenNumber.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenNumber = props => ; + +export const icon = EuiIconTokenNumber; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenObject.js b/src/components/icon/assets/tokens/tokenObject.js new file mode 100644 index 00000000000..8675ae5c565 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenObject.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenObject = props => ; + +export const icon = EuiIconTokenObject; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenOperator.js b/src/components/icon/assets/tokens/tokenOperator.js new file mode 100644 index 00000000000..c8ce38d67e5 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenOperator.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenOperator = props => ; + +export const icon = EuiIconTokenOperator; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenPackage.js b/src/components/icon/assets/tokens/tokenPackage.js new file mode 100644 index 00000000000..65a42938dda --- /dev/null +++ b/src/components/icon/assets/tokens/tokenPackage.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenPackage = props => ; + +export const icon = EuiIconTokenPackage; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenParameter.js b/src/components/icon/assets/tokens/tokenParameter.js new file mode 100644 index 00000000000..768c722d8f4 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenParameter.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenParameter = props => ; + +export const icon = EuiIconTokenParameter; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenProperty.js b/src/components/icon/assets/tokens/tokenProperty.js new file mode 100644 index 00000000000..b1d61257bf1 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenProperty.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenProperty = props => ; + +export const icon = EuiIconTokenProperty; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenRepo.js b/src/components/icon/assets/tokens/tokenRepo.js new file mode 100644 index 00000000000..bf1e08ee271 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenRepo.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenRepo = props => ; + +export const icon = EuiIconTokenRepo; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenString.js b/src/components/icon/assets/tokens/tokenString.js new file mode 100644 index 00000000000..5c17231ece1 --- /dev/null +++ b/src/components/icon/assets/tokens/tokenString.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenString = props => ; + +export const icon = EuiIconTokenString; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenStruct.js b/src/components/icon/assets/tokens/tokenStruct.js new file mode 100644 index 00000000000..3bd0073eabe --- /dev/null +++ b/src/components/icon/assets/tokens/tokenStruct.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenStruct = props => ; + +export const icon = EuiIconTokenStruct; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenSymbol.js b/src/components/icon/assets/tokens/tokenSymbol.js new file mode 100644 index 00000000000..7a909a1fa4f --- /dev/null +++ b/src/components/icon/assets/tokens/tokenSymbol.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenSymbol = props => ; + +export const icon = EuiIconTokenSymbol; \ No newline at end of file diff --git a/src/components/icon/assets/tokens/tokenVariable.js b/src/components/icon/assets/tokens/tokenVariable.js new file mode 100644 index 00000000000..796845fcb6e --- /dev/null +++ b/src/components/icon/assets/tokens/tokenVariable.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTokenVariable = props => ; + +export const icon = EuiIconTokenVariable; \ No newline at end of file diff --git a/src/components/icon/assets/trash.js b/src/components/icon/assets/trash.js new file mode 100644 index 00000000000..ea0f791bc4e --- /dev/null +++ b/src/components/icon/assets/trash.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconTrash = props => ; + +export const icon = EuiIconTrash; \ No newline at end of file diff --git a/src/components/icon/assets/user.js b/src/components/icon/assets/user.js new file mode 100644 index 00000000000..db13cdd84b8 --- /dev/null +++ b/src/components/icon/assets/user.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconUser = props => ; + +export const icon = EuiIconUser; \ No newline at end of file diff --git a/src/components/icon/assets/vector.js b/src/components/icon/assets/vector.js new file mode 100644 index 00000000000..82ad892f839 --- /dev/null +++ b/src/components/icon/assets/vector.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVector = props => ; + +export const icon = EuiIconVector; \ No newline at end of file diff --git a/src/components/icon/assets/vis_area.js b/src/components/icon/assets/vis_area.js new file mode 100644 index 00000000000..d844d896b9e --- /dev/null +++ b/src/components/icon/assets/vis_area.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisArea = props => ; + +export const icon = EuiIconVisArea; \ No newline at end of file diff --git a/src/components/icon/assets/vis_bar_horizontal.js b/src/components/icon/assets/vis_bar_horizontal.js new file mode 100644 index 00000000000..fcbdd3f6dab --- /dev/null +++ b/src/components/icon/assets/vis_bar_horizontal.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisBarHorizontal = props => ; + +export const icon = EuiIconVisBarHorizontal; \ No newline at end of file diff --git a/src/components/icon/assets/vis_bar_vertical.js b/src/components/icon/assets/vis_bar_vertical.js new file mode 100644 index 00000000000..1fc6e940057 --- /dev/null +++ b/src/components/icon/assets/vis_bar_vertical.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisBarVertical = props => ; + +export const icon = EuiIconVisBarVertical; \ No newline at end of file diff --git a/src/components/icon/assets/vis_controls.js b/src/components/icon/assets/vis_controls.js new file mode 100644 index 00000000000..83a52aa1adf --- /dev/null +++ b/src/components/icon/assets/vis_controls.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisControls = props => ; + +export const icon = EuiIconVisControls; \ No newline at end of file diff --git a/src/components/icon/assets/vis_gauge.js b/src/components/icon/assets/vis_gauge.js new file mode 100644 index 00000000000..27fce4724b6 --- /dev/null +++ b/src/components/icon/assets/vis_gauge.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisGauge = props => ; + +export const icon = EuiIconVisGauge; \ No newline at end of file diff --git a/src/components/icon/assets/vis_goal.js b/src/components/icon/assets/vis_goal.js new file mode 100644 index 00000000000..aa675f80d26 --- /dev/null +++ b/src/components/icon/assets/vis_goal.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisGoal = props => ; + +export const icon = EuiIconVisGoal; \ No newline at end of file diff --git a/src/components/icon/assets/vis_heatmap.js b/src/components/icon/assets/vis_heatmap.js new file mode 100644 index 00000000000..d00315744ff --- /dev/null +++ b/src/components/icon/assets/vis_heatmap.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisHeatmap = props => ; + +export const icon = EuiIconVisHeatmap; \ No newline at end of file diff --git a/src/components/icon/assets/vis_line.js b/src/components/icon/assets/vis_line.js new file mode 100644 index 00000000000..fd265969455 --- /dev/null +++ b/src/components/icon/assets/vis_line.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisLine = props => ; + +export const icon = EuiIconVisLine; \ No newline at end of file diff --git a/src/components/icon/assets/vis_map_coordinate.js b/src/components/icon/assets/vis_map_coordinate.js new file mode 100644 index 00000000000..4c34be39423 --- /dev/null +++ b/src/components/icon/assets/vis_map_coordinate.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisMapCoordinate = props => ; + +export const icon = EuiIconVisMapCoordinate; \ No newline at end of file diff --git a/src/components/icon/assets/vis_map_region.js b/src/components/icon/assets/vis_map_region.js new file mode 100644 index 00000000000..61ec6ba6841 --- /dev/null +++ b/src/components/icon/assets/vis_map_region.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisMapRegion = props => ; + +export const icon = EuiIconVisMapRegion; \ No newline at end of file diff --git a/src/components/icon/assets/vis_metric.js b/src/components/icon/assets/vis_metric.js new file mode 100644 index 00000000000..cf5d047f96f --- /dev/null +++ b/src/components/icon/assets/vis_metric.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisMetric = props => ; + +export const icon = EuiIconVisMetric; \ No newline at end of file diff --git a/src/components/icon/assets/vis_pie.js b/src/components/icon/assets/vis_pie.js new file mode 100644 index 00000000000..1c59d100b75 --- /dev/null +++ b/src/components/icon/assets/vis_pie.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisPie = props => ; + +export const icon = EuiIconVisPie; \ No newline at end of file diff --git a/src/components/icon/assets/vis_table.js b/src/components/icon/assets/vis_table.js new file mode 100644 index 00000000000..68f4f79c7dc --- /dev/null +++ b/src/components/icon/assets/vis_table.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisTable = props => ; + +export const icon = EuiIconVisTable; \ No newline at end of file diff --git a/src/components/icon/assets/vis_tag_cloud.js b/src/components/icon/assets/vis_tag_cloud.js new file mode 100644 index 00000000000..1f937e5c6aa --- /dev/null +++ b/src/components/icon/assets/vis_tag_cloud.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisTagCloud = props => ; + +export const icon = EuiIconVisTagCloud; \ No newline at end of file diff --git a/src/components/icon/assets/vis_text.js b/src/components/icon/assets/vis_text.js new file mode 100644 index 00000000000..8b83f3a0ea9 --- /dev/null +++ b/src/components/icon/assets/vis_text.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisText = props => ; + +export const icon = EuiIconVisText; \ No newline at end of file diff --git a/src/components/icon/assets/vis_timelion.js b/src/components/icon/assets/vis_timelion.js new file mode 100644 index 00000000000..91fcf3f22d7 --- /dev/null +++ b/src/components/icon/assets/vis_timelion.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisTimelion = props => ; + +export const icon = EuiIconVisTimelion; \ No newline at end of file diff --git a/src/components/icon/assets/vis_vega.js b/src/components/icon/assets/vis_vega.js new file mode 100644 index 00000000000..75853d96a09 --- /dev/null +++ b/src/components/icon/assets/vis_vega.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisVega = props => ; + +export const icon = EuiIconVisVega; \ No newline at end of file diff --git a/src/components/icon/assets/vis_visual_builder.js b/src/components/icon/assets/vis_visual_builder.js new file mode 100644 index 00000000000..6c2e2e1cc2b --- /dev/null +++ b/src/components/icon/assets/vis_visual_builder.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconVisVisualBuilder = props => ; + +export const icon = EuiIconVisVisualBuilder; \ No newline at end of file diff --git a/src/components/icon/assets/wrench.js b/src/components/icon/assets/wrench.js new file mode 100644 index 00000000000..9b2c40fbb7b --- /dev/null +++ b/src/components/icon/assets/wrench.js @@ -0,0 +1,5 @@ +import React from "react"; + +const EuiIconWrench = props => ; + +export const icon = EuiIconWrench; \ No newline at end of file diff --git a/src/components/icon/icon.test.tsx b/src/components/icon/icon.test.tsx index c00de1e3f08..c624075243e 100644 --- a/src/components/icon/icon.test.tsx +++ b/src/components/icon/icon.test.tsx @@ -1,44 +1,47 @@ import React from 'react'; -import { render } from 'enzyme'; +import { mount } from 'enzyme'; import { requiredProps } from '../../test/required_props'; +import cheerio from 'cheerio'; import { EuiIcon, SIZES, TYPES, COLORS } from './icon'; +import { PropsOf } from '../common'; -describe('EuiIcon', () => { - test('is rendered', () => { - const component = render(); +const prettyHtml = cheerio.load(''); - expect(component).toMatchSnapshot(); - }); +function testIcon(props: PropsOf) { + return () => { + const component = mount(); + + return new Promise(resolve => { + setTimeout(() => { + component.update(); + expect(prettyHtml(component.html())).toMatchSnapshot(); + resolve(); + }, 0); + }); + }; +} + +describe('EuiIcon', () => { + test('is rendered', testIcon({ type: 'search', ...requiredProps })); describe('props', () => { describe('other props', () => { - test('are passed through to the icon', () => { - const component = render( - - ); - - expect(component).toMatchSnapshot(); - }); + test( + 'are passed through to the icon', + testIcon({ type: 'search', 'aria-label': 'a custom title' }) + ); }); describe('size', () => { SIZES.forEach(size => { - test(`${size} is rendered`, () => { - const component = render(); - - expect(component).toMatchSnapshot(); - }); + test('${size} is rendered', testIcon({ type: 'search', size })); }); }); describe('type', () => { TYPES.forEach(type => { - test(`${type} is rendered`, () => { - const component = render(); - - expect(component).toMatchSnapshot(); - }); + test(`${type} is rendered`, testIcon({ type })); }); }); @@ -50,29 +53,25 @@ describe('EuiIcon', () => { 'rgb(100, 150, 200)', 'hsla(270, 60%, 70%, 0.9)', ].forEach(color => { - test(`${color} is rendered`, () => { - const component = render(); - - expect(component).toMatchSnapshot(); - }); + it(`${color} is rendered`, testIcon({ type: 'search', color })); }); }); describe('tabIndex', () => { - test('renders focusable="false" when not provided', () => { - const component = render(); - expect(component).toMatchSnapshot(); - }); + it( + 'renders focusable="false" when not provided', + testIcon({ type: 'search' }) + ); - test('renders focusable="false" when -1', () => { - const component = render(); - expect(component).toMatchSnapshot(); - }); + it( + 'renders focusable="false" when -1', + testIcon({ type: 'search', tabIndex: -1 }) + ); - test('renders focusable="true" when 0', () => { - const component = render(); - expect(component).toMatchSnapshot(); - }); + it( + 'renders focusable="true" when 0', + testIcon({ type: 'search', tabIndex: 0 }) + ); }); }); }); diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx index d6e01672354..44e4a949bac 100644 --- a/src/components/icon/icon.tsx +++ b/src/components/icon/icon.tsx @@ -1,611 +1,324 @@ -import React, { FunctionComponent, SVGAttributes } from 'react'; +import React, { + Component, + HTMLAttributes, + ReactElement, + SVGAttributes, +} from 'react'; import classNames from 'classnames'; import { CommonProps, Omit, keysOf } from '../common'; -import addDataApp from './assets/app_add_data.svg'; -import advancedSettingsApp from './assets/app_advanced_settings.svg'; -import alert from './assets/alert.svg'; -import apmApp from './assets/app_apm.svg'; -import apmTrace from './assets/apm_trace.svg'; -import apps from './assets/apps.svg'; -import arrowDown from './assets/arrow_down.svg'; -import arrowLeft from './assets/arrow_left.svg'; -import arrowRight from './assets/arrow_right.svg'; -import arrowUp from './assets/arrow_up.svg'; -import asterisk from './assets/asterisk.svg'; -import auditbeatApp from './assets/app_auditbeat.svg'; -import beaker from './assets/beaker.svg'; -import bell from './assets/bell.svg'; -import bolt from './assets/bolt.svg'; -import boxesHorizontal from './assets/boxes_horizontal.svg'; -import boxesVertical from './assets/boxes_vertical.svg'; -import branch from './assets/branch.svg'; -import broom from './assets/broom.svg'; -import brush from './assets/brush.svg'; -import bullseye from './assets/bullseye.svg'; -import calendar from './assets/calendar.svg'; -import canvasApp from './assets/app_canvas.svg'; -import codeApp from './assets/app_code.svg'; -import check from './assets/check.svg'; -import checkInCircleFilled from './assets/checkInCircleFilled.svg'; -import clock from './assets/clock.svg'; -import compute from './assets/compute.svg'; -import console from './assets/console.svg'; -import consoleApp from './assets/app_console.svg'; -import controlsHorizontal from './assets/controls_horizontal.svg'; -import controlsVertical from './assets/controls_vertical.svg'; -import copy from './assets/copy.svg'; -import copyClipboard from './assets/copy_clipboard.svg'; -import createAdvancedJob from './assets/ml_create_advanced_job.svg'; -import createMultiMetricJob from './assets/ml_create_multi_metric_job.svg'; -import createPopulationJob from './assets/ml_create_population_job.svg'; -import createSingleMetricJob from './assets/ml_create_single_metric_job.svg'; -import cross from './assets/cross.svg'; -import crossClusterReplicationApp from './assets/app_cross_cluster_replication.svg'; -import crosshairs from './assets/crosshairs.svg'; -import crossInACircleFilled from './assets/crossInACircleFilled.svg'; -import cut from './assets/cut.svg'; -import dashboardApp from './assets/app_dashboard.svg'; -import database from './assets/database.svg'; -import dataVisualizer from './assets/ml_data_visualizer.svg'; -import devToolsApp from './assets/app_devtools.svg'; -import discoverApp from './assets/app_discover.svg'; -import document from './assets/document.svg'; -import dot from './assets/dot.svg'; -import editorAlignCenter from './assets/editor_align_center.svg'; -import editorAlignLeft from './assets/editor_align_left.svg'; -import editorAlignRight from './assets/editor_align_right.svg'; -import editorBold from './assets/editor_bold.svg'; -import editorCodeBlock from './assets/editor_code_block.svg'; -import editorComment from './assets/editor_comment.svg'; -import editorHeading from './assets/editor_heading.svg'; -import editorItalic from './assets/editor_italic.svg'; -import editorLink from './assets/editor_link.svg'; -import editorOrderedList from './assets/editor_ordered_list.svg'; -import editorRedo from './assets/editor_redo.svg'; -import editorStrike from './assets/editor_strike.svg'; -import editorTable from './assets/editor_table.svg'; -import editorUnderline from './assets/editor_underline.svg'; -import editorUndo from './assets/editor_undo.svg'; -import editorUnorderedList from './assets/editor_unordered_list.svg'; -import email from './assets/email.svg'; -import empty from './assets/empty.svg'; -import emsApp from './assets/app_ems.svg'; -import exit from './assets/exit.svg'; -import expand from './assets/expand.svg'; -import exportAction from './assets/export.svg'; -import eye from './assets/eye.svg'; -import eyeClosed from './assets/eye_closed.svg'; -import faceHappy from './assets/face_happy.svg'; -import faceNeutral from './assets/faceNeutral.svg'; -import faceSad from './assets/face_sad.svg'; -import filebeatApp from './assets/app_filebeat.svg'; -import filter from './assets/filter.svg'; -import folderClosed from './assets/folder_closed.svg'; -import folderOpen from './assets/folder_open.svg'; -import fullScreen from './assets/full_screen.svg'; -import gear from './assets/gear.svg'; -import gisApp from './assets/app_gis.svg'; -import glasses from './assets/glasses.svg'; -import globe from './assets/globe.svg'; -import grab from './assets/grab.svg'; -import grabHorizontal from './assets/grab_horizontal.svg'; -import graphApp from './assets/app_graph.svg'; -import grid from './assets/grid.svg'; -import grokApp from './assets/app_grok.svg'; -import heartbeatApp from './assets/app_heartbeat.svg'; -import heatmap from './assets/heatmap.svg'; -import help from './assets/help.svg'; -import iInCircle from './assets/iInCircle.svg'; -import importAction from './assets/import.svg'; -import indexClose from './assets/index_close.svg'; -import indexEdit from './assets/index_edit.svg'; -import indexFlush from './assets/index_flush.svg'; -import indexManagementApp from './assets/app_index_management.svg'; -import indexMapping from './assets/index_mapping.svg'; -import indexOpen from './assets/index_open.svg'; -import indexPatternApp from './assets/app_index_pattern.svg'; -import indexRollupApp from './assets/app_index_rollup.svg'; -import indexSettings from './assets/index_settings.svg'; -import infraApp from './assets/app_infra.svg'; -import inputOutput from './assets/inputOutput.svg'; -import inspect from './assets/inspect.svg'; -import invert from './assets/invert.svg'; -import kqlField from './assets/kql_field.svg'; -import kqlFunction from './assets/kql_function.svg'; -import kqlOperand from './assets/kql_operand.svg'; -import kqlSelector from './assets/kql_selector.svg'; -import kqlValue from './assets/kql_value.svg'; -import link from './assets/link.svg'; -import list from './assets/list.svg'; -import listAdd from './assets/list_add.svg'; -import lock from './assets/lock.svg'; -import lockOpen from './assets/lockOpen.svg'; -import loggingApp from './assets/app_logging.svg'; -import logoAerospike from './assets/logo_aerospike.svg'; -import logoApache from './assets/logo_apache.svg'; -import logoAPM from './assets/logo_apm.svg'; -import logoAppSearch from './assets/logo_app_search.svg'; -import logoAWS from './assets/logo_aws.svg'; -import logoAWSMono from './assets/logo_aws_mono.svg'; -import logoBeats from './assets/logo_beats.svg'; -import logoBusinessAnalytics from './assets/logo_business_analytics.svg'; -import logoCeph from './assets/logo_ceph.svg'; -import logoCloud from './assets/logo_cloud.svg'; -import logoCloudEnterprise from './assets/logo_cloud_ece.svg'; -import logoCodesandbox from './assets/logo_codesandbox.svg'; -import logoCouchbase from './assets/logo_couchbase.svg'; -import logoDocker from './assets/logo_docker.svg'; -import logoDropwizard from './assets/logo_dropwizard.svg'; -import logoElastic from './assets/logo_elastic.svg'; -import logoElasticsearch from './assets/logo_elasticsearch.svg'; -import logoElasticStack from './assets/logo_elastic_stack.svg'; -import logoEnterpriseSearch from './assets/logo_enterprise_search.svg'; -import logoEtcd from './assets/logo_etcd.svg'; -import logoGCP from './assets/logo_gcp.svg'; -import logoGCPMono from './assets/logo_gcp_mono.svg'; -import logoGithub from './assets/logo_github.svg'; -import logoGmail from './assets/logo_gmail.svg'; -import logoGolang from './assets/logo_golang.svg'; -import logoHAproxy from './assets/logo_haproxy.svg'; -import logoIBM from './assets/logo_ibm.svg'; -import logoIBMMono from './assets/logo_ibm_mono.svg'; -import logoKafka from './assets/logo_kafka.svg'; -import logoKibana from './assets/logo_kibana.svg'; -import logoKubernetes from './assets/logo_kubernetes.svg'; -import logoLogstash from './assets/logo_logstash.svg'; -import logoMemcached from './assets/logo_memcached.svg'; -import logoMetrics from './assets/logo_metrics.svg'; -import logoMongodb from './assets/logo_mongodb.svg'; -import logoMySQL from './assets/logo_mysql.svg'; -import logoNginx from './assets/logo_nginx.svg'; -import logoOsquery from './assets/logo_osquery.svg'; -import logoPhp from './assets/logo_php.svg'; -import logoPostgres from './assets/logo_postgres.svg'; -import logoPrometheus from './assets/logo_prometheus.svg'; -import logoRabbitmq from './assets/logo_rabbitmq.svg'; -import logoRedis from './assets/logo_redis.svg'; -import logoSiteSearch from './assets/logo_site_search.svg'; -import logoSketch from './assets/logo_sketch.svg'; -import logoSlack from './assets/logo_slack.svg'; -import logoWebhook from './assets/logo_webhook.svg'; -import logoWindows from './assets/logo_windows.svg'; -import logoXpack from './assets/logo_xpack.svg'; -import logstashFilter from './assets/logstash_filter.svg'; -import logstashIf from './assets/logstash_if.svg'; -import logstashInput from './assets/logstash_input.svg'; -import logstashOutput from './assets/logstash_output.svg'; -import logstashQueue from './assets/logstash_queue.svg'; -import machineLearningApp from './assets/app_ml.svg'; -import managementApp from './assets/app_management.svg'; -import mapMarker from './assets/map_marker.svg'; -import memory from './assets/memory.svg'; -import merge from './assets/merge.svg'; -import menuLeft from './assets/menuLeft.svg'; -import menuRight from './assets/menuRight.svg'; -import metricbeatApp from './assets/app_metricbeat.svg'; -import minusInCircle from './assets/minus_in_circle.svg'; -import minusInCircleFilled from './assets/minus_in_circle_filled.svg'; -import monitoringApp from './assets/app_monitoring.svg'; -import node from './assets/node.svg'; -import notebookApp from './assets/app_notebook.svg'; -import number from './assets/number.svg'; -import offline from './assets/offline.svg'; -import online from './assets/online.svg'; -import packetbeatApp from './assets/app_packetbeat.svg'; -import pause from './assets/pause.svg'; -import pencil from './assets/pencil.svg'; -import pin from './assets/pin.svg'; -import pinFilled from './assets/pin_filled.svg'; -import pipelineApp from './assets/app_pipeline.svg'; -import play from './assets/play.svg'; -import plusInCircle from './assets/plus_in_circle.svg'; -import plusInCircleFilled from './assets/plus_in_circle_filled.svg'; -import popout from './assets/popout.svg'; -import questionInCircle from './assets/question_in_circle.svg'; -import refresh from './assets/refresh.svg'; -import reportingApp from './assets/app_reporting.svg'; -import save from './assets/save.svg'; -import savedObjectsApp from './assets/app_saved_objects.svg'; -import scale from './assets/scale.svg'; -import search from './assets/search.svg'; -import searchProfilerApp from './assets/app_search_profiler.svg'; -import securityAnalyticsApp from './assets/app_security_analytics.svg'; -import securityApp from './assets/app_security.svg'; -import shard from './assets/shard.svg'; -import share from './assets/share.svg'; -import snowflake from './assets/snowflake.svg'; -import sortable from './assets/sortable.svg'; -import sortDown from './assets/sort_down.svg'; -import sortLeft from './assets/sortLeft.svg'; -import sortRight from './assets/sortRight.svg'; -import sortUp from './assets/sort_up.svg'; -import spacesApp from './assets/app_spaces.svg'; -import sqlApp from './assets/app_sql.svg'; -import starEmpty from './assets/star_empty.svg'; -import starEmptySpace from './assets/star_empty_space.svg'; -import starFilled from './assets/star_filled.svg'; -import starFilledSpace from './assets/star_filled_space.svg'; -import starMinusEmpty from './assets/star_minus_empty.svg'; -import starMinusFilled from './assets/star_minus_filled.svg'; -import starPlusEmpty from './assets/starPlusEmpty.svg'; -import starPlusFilled from './assets/starPlusFilled.svg'; -import stats from './assets/stats.svg'; -import stop from './assets/stop.svg'; -import stopFilled from './assets/stop_filled.svg'; -import storage from './assets/storage.svg'; -import string from './assets/string.svg'; -import submodule from './assets/submodule.svg'; -import symlink from './assets/symlink.svg'; -import tableOfContents from './assets/tableOfContents.svg'; -import tag from './assets/tag.svg'; -import tear from './assets/tear.svg'; -import temperature from './assets/temperature.svg'; -import timelionApp from './assets/app_timelion.svg'; -import trash from './assets/trash.svg'; -import upgradeAssistantApp from './assets/app_upgrade_assistant.svg'; -import uptimeApp from './assets/app_uptime.svg'; -import user from './assets/user.svg'; -import usersRolesApp from './assets/app_users_roles.svg'; -import vector from './assets/vector.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 visualizeApp from './assets/app_visualize.svg'; -import visVega from './assets/vis_vega.svg'; -import visVisualBuilder from './assets/vis_visual_builder.svg'; -import watchesApp from './assets/app_watches.svg'; -import wrench from './assets/wrench.svg'; +// @ts-ignore-next-line +// not generating typescript files or definitions for the generated JS components +// because we'd need to dynamically know if we're importing the +// TS file (dev/docs) or the JS file (distributed), and it's more effort than worth +// to generate & git track a TS module definition for each icon component +import { icon as empty } from './assets/empty.js'; -// Token Icon Imports -import tokenClass from './assets/tokens/tokenClass.svg'; -import tokenProperty from './assets/tokens/tokenProperty.svg'; -import tokenEnum from './assets/tokens/tokenEnum.svg'; -import tokenVariable from './assets/tokens/tokenVariable.svg'; -import tokenMethod from './assets/tokens/tokenMethod.svg'; -import tokenAnnotation from './assets/tokens/tokenAnnotation.svg'; -import tokenException from './assets/tokens/tokenException.svg'; -import tokenInterface from './assets/tokens/tokenInterface.svg'; -import tokenParameter from './assets/tokens/tokenParameter.svg'; -import tokenField from './assets/tokens/tokenField.svg'; -import tokenElement from './assets/tokens/tokenElement.svg'; -import tokenFunction from './assets/tokens/tokenFunction.svg'; -import tokenBoolean from './assets/tokens/tokenBoolean.svg'; -import tokenString from './assets/tokens/tokenString.svg'; -import tokenArray from './assets/tokens/tokenArray.svg'; -import tokenNumber from './assets/tokens/tokenNumber.svg'; -import tokenConstant from './assets/tokens/tokenConstant.svg'; -import tokenObject from './assets/tokens/tokenObject.svg'; -import tokenEvent from './assets/tokens/tokenEvent.svg'; -import tokenKey from './assets/tokens/tokenKey.svg'; -import tokenNull from './assets/tokens/tokenNull.svg'; -import tokenStruct from './assets/tokens/tokenStruct.svg'; -import tokenPackage from './assets/tokens/tokenPackage.svg'; -import tokenOperator from './assets/tokens/tokenOperator.svg'; -import tokenEnumMember from './assets/tokens/tokenEnumMember.svg'; -import tokenRepo from './assets/tokens/tokenRepo.svg'; -import tokenSymbol from './assets/tokens/tokenSymbol.svg'; -import tokenFile from './assets/tokens/tokenFile.svg'; -import tokenModule from './assets/tokens/tokenModule.svg'; -import tokenNamespace from './assets/tokens/tokenNamespace.svg'; - -const typeToIconMap = { - addDataApp, - advancedSettingsApp, - alert, - apmApp, - apmTrace, - apps, - arrowDown, - arrowLeft, - arrowRight, - arrowUp, - asterisk, - auditbeatApp, - beaker, - bell, - bolt, - boxesHorizontal, - boxesVertical, - branch, - broom, - brush, - bullseye, - calendar, - canvasApp, - codeApp, - check, - checkInCircleFilled, - clock, - compute, - console, - consoleApp, - controlsHorizontal, - controlsVertical, - copy, - copyClipboard, - createAdvancedJob, - createMultiMetricJob, - createPopulationJob, - createSingleMetricJob, - cross, - crossClusterReplicationApp, - crosshairs, - crossInACircleFilled, - cut, - dashboardApp, - database, - dataVisualizer, - devToolsApp, - discoverApp, - document, - dot, - editorAlignCenter, - editorAlignLeft, - editorAlignRight, - editorBold, - editorCodeBlock, - editorComment, - editorHeading, - editorItalic, - editorLink, - editorOrderedList, - editorRedo, - editorStrike, - editorTable, - editorUnderline, - editorUndo, - editorUnorderedList, - email, - empty, - emsApp, - exit, - expand, - exportAction, - eye, - eyeClosed, - faceHappy, - faceNeutral, - faceSad, - filebeatApp, - filter, - folderClosed, - folderOpen, - fullScreen, - gear, - gisApp, - glasses, - globe, - grab, - grabHorizontal, - graphApp, - grid, - grokApp, - heartbeatApp, - heatmap, - help, - iInCircle, - importAction, - indexClose, - indexEdit, - indexFlush, - indexManagementApp, - indexMapping, - indexOpen, - indexPatternApp, - indexRollupApp, - indexSettings, - infraApp, - inputOutput, - inspect, - invert, - kqlField, - kqlFunction, - kqlOperand, - kqlSelector, - kqlValue, - link, - list, - listAdd, - lock, - lockOpen, - loggingApp, - logoAerospike, - logoApache, - logoAPM, - logoAppSearch, - logoAWS, - logoAWSMono, - logoBeats, - logoBusinessAnalytics, - logoCeph, - logoCloud, - logoCloudEnterprise, - logoCodesandbox, - logoCouchbase, - logoDocker, - logoDropwizard, - logoElastic, - logoElasticsearch, - logoElasticStack, - logoEnterpriseSearch, - logoEtcd, - logoGCP, - logoGCPMono, - logoGithub, - logoGmail, - logoGolang, - logoHAproxy, - logoIBM, - logoIBMMono, - logoKafka, - logoKibana, - logoKubernetes, - logoLogstash, - logoMemcached, - logoMetrics, - logoMongodb, - logoMySQL, - logoNginx, - logoOsquery, - logoPhp, - logoPostgres, - logoPrometheus, - logoRabbitmq, - logoRedis, - logoSiteSearch, - logoSketch, - logoSlack, - logoWebhook, - logoWindows, - logoXpack, - logstashFilter, - logstashIf, - logstashInput, - logstashOutput, - logstashQueue, - machineLearningApp, - managementApp, - mapMarker, - memory, - merge, - menuLeft, - menuRight, - metricbeatApp, - minusInCircle, - minusInCircleFilled, - monitoringApp, - node, - notebookApp, - number, - offline, - online, - packetbeatApp, - pause, - pencil, - pin, - pipelineApp, - play, - plusInCircle, - plusInCircleFilled, - popout, - questionInCircle, - refresh, - reportingApp, - save, - savedObjectsApp, - scale, - search, - searchProfilerApp, - securityAnalyticsApp, - securityApp, - shard, - share, - snowflake, - sortable, - sortDown, - sortLeft, - sortRight, - sortUp, - spacesApp, - sqlApp, - starEmpty, - starEmptySpace, - starFilled, - starFilledSpace, - starMinusEmpty, - starMinusFilled, - starPlusEmpty, - starPlusFilled, - stats, - stop, - stopFilled, - storage, - string, - submodule, - symlink, - tableOfContents, - tag, - tear, - temperature, - timelionApp, - tokenAnnotation, - tokenArray, - tokenBoolean, - tokenClass, - tokenConstant, - tokenElement, - tokenEnum, - tokenEnumMember, - tokenEvent, - tokenException, - tokenField, - tokenFile, - tokenFunction, - tokenInterface, - tokenKey, - tokenMethod, - tokenModule, - tokenNamespace, - tokenNull, - tokenNumber, - tokenObject, - tokenOperator, - tokenPackage, - tokenParameter, - tokenProperty, - tokenRepo, - tokenString, - tokenStruct, - tokenSymbol, - tokenVariable, - trash, - upgradeAssistantApp, - pinFilled, - uptimeApp, - user, - usersRolesApp, - vector, - visArea, - visBarHorizontal, - visBarVertical, - visControls, - visGauge, - visGoal, - visHeatmap, - visLine, - visMapCoordinate, - visMapRegion, - visMetric, - visPie, - visTable, - visTagCloud, - visText, - visTimelion, - visualizeApp, - visVega, - visVisualBuilder, - watchesApp, - wrench, +const typeToPathMap = { + addDataApp: 'app_add_data', + advancedSettingsApp: 'app_advanced_settings', + alert: 'alert', + apmApp: 'app_apm', + apmTrace: 'apm_trace', + apps: 'apps', + arrowDown: 'arrow_down', + arrowLeft: 'arrow_left', + arrowRight: 'arrow_right', + arrowUp: 'arrow_up', + asterisk: 'asterisk', + auditbeatApp: 'app_auditbeat', + beaker: 'beaker', + bell: 'bell', + bolt: 'bolt', + boxesHorizontal: 'boxes_horizontal', + boxesVertical: 'boxes_vertical', + branch: 'branch', + broom: 'broom', + brush: 'brush', + bullseye: 'bullseye', + calendar: 'calendar', + canvasApp: 'app_canvas', + codeApp: 'app_code', + check: 'check', + checkInCircleFilled: 'checkInCircleFilled', + clock: 'clock', + compute: 'compute', + console: 'console', + consoleApp: 'app_console', + controlsHorizontal: 'controls_horizontal', + controlsVertical: 'controls_vertical', + copy: 'copy', + copyClipboard: 'copy_clipboard', + createAdvancedJob: 'ml_create_advanced_job', + createMultiMetricJob: 'ml_create_multi_metric_job', + createPopulationJob: 'ml_create_population_job', + createSingleMetricJob: 'ml_create_single_metric_job', + cross: 'cross', + crossClusterReplicationApp: 'app_cross_cluster_replication', + crosshairs: 'crosshairs', + crossInACircleFilled: 'crossInACircleFilled', + cut: 'cut', + dashboardApp: 'app_dashboard', + database: 'database', + dataVisualizer: 'ml_data_visualizer', + devToolsApp: 'app_devtools', + discoverApp: 'app_discover', + document: 'document', + dot: 'dot', + editorAlignCenter: 'editor_align_center', + editorAlignLeft: 'editor_align_left', + editorAlignRight: 'editor_align_right', + editorBold: 'editor_bold', + editorCodeBlock: 'editor_code_block', + editorComment: 'editor_comment', + editorHeading: 'editor_heading', + editorItalic: 'editor_italic', + editorLink: 'editor_link', + editorOrderedList: 'editor_ordered_list', + editorRedo: 'editor_redo', + editorStrike: 'editor_strike', + editorTable: 'editor_table', + editorUnderline: 'editor_underline', + editorUndo: 'editor_undo', + editorUnorderedList: 'editor_unordered_list', + email: 'email', + empty: 'empty', + emsApp: 'app_ems', + exit: 'exit', + expand: 'expand', + exportAction: 'export', + eye: 'eye', + eyeClosed: 'eye_closed', + faceHappy: 'face_happy', + faceNeutral: 'faceNeutral', + faceSad: 'face_sad', + filebeatApp: 'app_filebeat', + filter: 'filter', + folderClosed: 'folder_closed', + folderOpen: 'folder_open', + fullScreen: 'full_screen', + gear: 'gear', + gisApp: 'app_gis', + glasses: 'glasses', + globe: 'globe', + grab: 'grab', + grabHorizontal: 'grab_horizontal', + graphApp: 'app_graph', + grid: 'grid', + grokApp: 'app_grok', + heartbeatApp: 'app_heartbeat', + heatmap: 'heatmap', + help: 'help', + iInCircle: 'iInCircle', + importAction: 'import', + indexClose: 'index_close', + indexEdit: 'index_edit', + indexFlush: 'index_flush', + indexManagementApp: 'app_index_management', + indexMapping: 'index_mapping', + indexOpen: 'index_open', + indexPatternApp: 'app_index_pattern', + indexRollupApp: 'app_index_rollup', + indexSettings: 'index_settings', + infraApp: 'app_infra', + inputOutput: 'inputOutput', + inspect: 'inspect', + invert: 'invert', + kqlField: 'kql_field', + kqlFunction: 'kql_function', + kqlOperand: 'kql_operand', + kqlSelector: 'kql_selector', + kqlValue: 'kql_value', + link: 'link', + list: 'list', + listAdd: 'list_add', + lock: 'lock', + lockOpen: 'lockOpen', + loggingApp: 'app_logging', + logoAerospike: 'logo_aerospike', + logoApache: 'logo_apache', + logoAPM: 'logo_apm', + logoAppSearch: 'logo_app_search', + logoAWS: 'logo_aws', + logoAWSMono: 'logo_aws_mono', + logoBeats: 'logo_beats', + logoBusinessAnalytics: 'logo_business_analytics', + logoCeph: 'logo_ceph', + logoCloud: 'logo_cloud', + logoCloudEnterprise: 'logo_cloud_ece', + logoCodesandbox: 'logo_codesandbox', + logoCouchbase: 'logo_couchbase', + logoDocker: 'logo_docker', + logoDropwizard: 'logo_dropwizard', + logoElastic: 'logo_elastic', + logoElasticsearch: 'logo_elasticsearch', + logoElasticStack: 'logo_elastic_stack', + logoEnterpriseSearch: 'logo_enterprise_search', + logoEtcd: 'logo_etcd', + logoGCP: 'logo_gcp', + logoGCPMono: 'logo_gcp_mono', + logoGithub: 'logo_github', + logoGmail: 'logo_gmail', + logoGolang: 'logo_golang', + logoHAproxy: 'logo_haproxy', + logoIBM: 'logo_ibm', + logoIBMMono: 'logo_ibm_mono', + logoKafka: 'logo_kafka', + logoKibana: 'logo_kibana', + logoKubernetes: 'logo_kubernetes', + logoLogstash: 'logo_logstash', + logoMemcached: 'logo_memcached', + logoMetrics: 'logo_metrics', + logoMongodb: 'logo_mongodb', + logoMySQL: 'logo_mysql', + logoNginx: 'logo_nginx', + logoOsquery: 'logo_osquery', + logoPhp: 'logo_php', + logoPostgres: 'logo_postgres', + logoPrometheus: 'logo_prometheus', + logoRabbitmq: 'logo_rabbitmq', + logoRedis: 'logo_redis', + logoSiteSearch: 'logo_site_search', + logoSketch: 'logo_sketch', + logoSlack: 'logo_slack', + logoWebhook: 'logo_webhook', + logoWindows: 'logo_windows', + logoXpack: 'logo_xpack', + logstashFilter: 'logstash_filter', + logstashIf: 'logstash_if', + logstashInput: 'logstash_input', + logstashOutput: 'logstash_output', + logstashQueue: 'logstash_queue', + machineLearningApp: 'app_ml', + managementApp: 'app_management', + mapMarker: 'map_marker', + memory: 'memory', + menuLeft: 'menuLeft', + menuRight: 'menuRight', + merge: 'merge', + metricbeatApp: 'app_metricbeat', + minusInCircle: 'minus_in_circle', + minusInCircleFilled: 'minus_in_circle_filled', + monitoringApp: 'app_monitoring', + node: 'node', + notebookApp: 'app_notebook', + number: 'number', + offline: 'offline', + online: 'online', + packetbeatApp: 'app_packetbeat', + pause: 'pause', + pencil: 'pencil', + pin: 'pin', + pinFilled: 'pin_filled', + pipelineApp: 'app_pipeline', + play: 'play', + plusInCircle: 'plus_in_circle', + plusInCircleFilled: 'plus_in_circle_filled', + popout: 'popout', + questionInCircle: 'question_in_circle', + refresh: 'refresh', + reportingApp: 'app_reporting', + save: 'save', + savedObjectsApp: 'app_saved_objects', + scale: 'scale', + search: 'search', + searchProfilerApp: 'app_search_profiler', + securityAnalyticsApp: 'app_security_analytics', + securityApp: 'app_security', + shard: 'shard', + share: 'share', + snowflake: 'snowflake', + sortable: 'sortable', + sortDown: 'sort_down', + sortLeft: 'sortLeft', + sortRight: 'sortRight', + sortUp: 'sort_up', + spacesApp: 'app_spaces', + sqlApp: 'app_sql', + starEmpty: 'star_empty', + starEmptySpace: 'star_empty_space', + starFilled: 'star_filled', + starFilledSpace: 'star_filled_space', + starMinusEmpty: 'star_minus_empty', + starMinusFilled: 'star_minus_filled', + starPlusEmpty: 'starPlusEmpty', + starPlusFilled: 'starPlusFilled', + stats: 'stats', + stop: 'stop', + stopFilled: 'stop_filled', + storage: 'storage', + string: 'string', + submodule: 'submodule', + symlink: 'symlink', + tableOfContents: 'tableOfContents', + tag: 'tag', + tear: 'tear', + temperature: 'temperature', + timelionApp: 'app_timelion', + trash: 'trash', + upgradeAssistantApp: 'app_upgrade_assistant', + uptimeApp: 'app_uptime', + user: 'user', + usersRolesApp: 'app_users_roles', + vector: 'vector', + visArea: 'vis_area', + visBarHorizontal: 'vis_bar_horizontal', + visBarVertical: 'vis_bar_vertical', + visControls: 'vis_controls', + visGauge: 'vis_gauge', + visGoal: 'vis_goal', + visHeatmap: 'vis_heatmap', + visLine: 'vis_line', + visMapCoordinate: 'vis_map_coordinate', + visMapRegion: 'vis_map_region', + visMetric: 'vis_metric', + visPie: 'vis_pie', + visTable: 'vis_table', + visTagCloud: 'vis_tag_cloud', + visText: 'vis_text', + visTimelion: 'vis_timelion', + visualizeApp: 'app_visualize', + visVega: 'vis_vega', + visVisualBuilder: 'vis_visual_builder', + watchesApp: 'app_watches', + wrench: 'wrench', + // Token Icon Imports + tokenClass: 'tokens/tokenClass', + tokenProperty: 'tokens/tokenProperty', + tokenEnum: 'tokens/tokenEnum', + tokenVariable: 'tokens/tokenVariable', + tokenMethod: 'tokens/tokenMethod', + tokenAnnotation: 'tokens/tokenAnnotation', + tokenException: 'tokens/tokenException', + tokenInterface: 'tokens/tokenInterface', + tokenParameter: 'tokens/tokenParameter', + tokenField: 'tokens/tokenField', + tokenElement: 'tokens/tokenElement', + tokenFunction: 'tokens/tokenFunction', + tokenBoolean: 'tokens/tokenBoolean', + tokenString: 'tokens/tokenString', + tokenArray: 'tokens/tokenArray', + tokenNumber: 'tokens/tokenNumber', + tokenConstant: 'tokens/tokenConstant', + tokenObject: 'tokens/tokenObject', + tokenEvent: 'tokens/tokenEvent', + tokenKey: 'tokens/tokenKey', + tokenNull: 'tokens/tokenNull', + tokenStruct: 'tokens/tokenStruct', + tokenPackage: 'tokens/tokenPackage', + tokenOperator: 'tokens/tokenOperator', + tokenEnumMember: 'tokens/tokenEnumMember', + tokenRepo: 'tokens/tokenRepo', + tokenSymbol: 'tokens/tokenSymbol', + tokenFile: 'tokens/tokenFile', + tokenModule: 'tokens/tokenModule', + tokenNamespace: 'tokens/tokenNamespace', }; -export const TYPES: IconType[] = keysOf(typeToIconMap); +export const TYPES: IconType[] = keysOf(typeToPathMap); -export type IconType = keyof typeof typeToIconMap; +export type IconType = keyof typeof typeToPathMap; const colorToClassMap = { default: null, @@ -645,7 +358,7 @@ export const SIZES: IconSize[] = keysOf(sizeToClassNameMap); export type IconSize = keyof typeof sizeToClassNameMap; export interface EuiIconProps { - type?: IconType; + type: IconType | ReactElement | string; /** * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value */ @@ -657,57 +370,120 @@ type Props = CommonProps & Omit, 'color'> & EuiIconProps; -export const EuiIcon: FunctionComponent = ({ - type, - size = 'm', - color, - className, - tabIndex, - ...rest -}) => { - let optionalColorClass = null; - let optionalCustomStyles = null; +interface State { + icon: undefined | ReactElement | string; + isLoading: boolean; +} - if (color) { - if (isNamedColor(color)) { - optionalColorClass = colorToClassMap[color]; - } else { - optionalCustomStyles = { fill: color }; +function isIconType(x: EuiIconProps['type']): x is IconType { + return typeof x === 'string' && typeToPathMap.hasOwnProperty(x); +} + +function getInitialIcon(icon: EuiIconProps['type']) { + if (icon == null) { + return undefined; + } + if (isIconType(icon)) { + return undefined; + } + return icon; +} + +export class EuiIcon extends Component { + constructor(props: Props) { + super(props); + + const initialIcon = getInitialIcon(this.props.type); + let isLoading = false; + + if (isIconType(this.props.type)) { + isLoading = true; + import('./assets/' + typeToPathMap[this.props.type] + '.js').then( + ({ icon }) => { + this.setState({ + icon, + isLoading: false, + }); + } + ); } + + this.state = { + icon: initialIcon, + isLoading, + }; } - // These icons are a little special and get some extra CSS flexibility - const isAppIcon = - type && - (/.+App$/.test(type) || /.+Job$/.test(type) || type === 'dataVisualizer'); + render() { + const { + type, + size = 'm', + color, + className, + tabIndex, + ...rest + } = this.props; - const classes = classNames( - 'euiIcon', - sizeToClassNameMap[size], - optionalColorClass, - { - 'euiIcon--app': isAppIcon, - }, - className - ); + const { isLoading } = this.state; - const Svg = (type && typeToIconMap[type]) || empty; + let optionalColorClass = null; + let optionalCustomStyles = null; - // This is a fix for IE and Edge, which ignores tabindex="-1" on an SVG, but respects - // focusable="false". - // - If there's no tab index specified, we'll default the icon to not be focusable, - // which is how SVGs behave in Chrome, Safari, and FF. - // - If tab index is -1, then the consumer wants the icon to not be focusable. - // - For all other values, the consumer wants the icon to be focusable. - const focusable = tabIndex == null || tabIndex === -1 ? 'false' : 'true'; + if (color) { + if (isNamedColor(color)) { + optionalColorClass = colorToClassMap[color]; + } else { + optionalCustomStyles = { fill: color }; + } + } - return ( - - ); -}; + // These icons are a little special and get some extra CSS flexibility + const isAppIcon = + type && + (/.+App$/.test(type) || /.+Job$/.test(type) || type === 'dataVisualizer'); + + const classes = classNames( + 'euiIcon', + sizeToClassNameMap[size], + optionalColorClass, + { + 'euiIcon--app': isAppIcon, + 'euiIcon-isLoading': isLoading, + 'euiIcon-isLoaded': !isLoading, + }, + className + ); + + const icon = this.state.icon || empty; + + // This is a fix for IE and Edge, which ignores tabindex="-1" on an SVG, but respects + // focusable="false". + // - If there's no tab index specified, we'll default the icon to not be focusable, + // which is how SVGs behave in Chrome, Safari, and FF. + // - If tab index is -1, then the consumer wants the icon to not be focusable. + // - For all other values, the consumer wants the icon to be focusable. + const focusable = tabIndex == null || tabIndex === -1 ? 'false' : 'true'; + + if (typeof icon === 'string') { + return ( + } + /> + ); + } else { + const Svg = icon; + return ( + + ); + } + } +} diff --git a/src/components/list_group/__snapshots__/list_group_item.test.js.snap b/src/components/list_group/__snapshots__/list_group_item.test.js.snap index 83d3ae2f022..26fc39e957d 100644 --- a/src/components/list_group/__snapshots__/list_group_item.test.js.snap +++ b/src/components/list_group/__snapshots__/list_group_item.test.js.snap @@ -38,7 +38,7 @@ exports[`EuiListGroupItem props extraAction is rendered 1`] = ` >
+ />
+ />
- - + /> @@ -93,18 +89,13 @@ exports[`EuiSelectableListItem props checked is on 1`] = ` class="euiSelectableListItem__content" > - - + /> @@ -124,7 +115,7 @@ exports[`EuiSelectableListItem props disabled 1`] = ` class="euiSelectableListItem__content" > + />
@@ -68,24 +57,13 @@ exports[`EuiSelectableSearch props defaultValue 1`] = ` > + />
diff --git a/src/components/series_chart/__snapshots__/series_chart.test.js.snap b/src/components/series_chart/__snapshots__/series_chart.test.js.snap index 9b60eb29f18..3681bbb08de 100644 --- a/src/components/series_chart/__snapshots__/series_chart.test.js.snap +++ b/src/components/series_chart/__snapshots__/series_chart.test.js.snap @@ -8,24 +8,13 @@ exports[`EuiSeriesChart renders an empty chart 1`] = ` class="euiEmptyPrompt euiSeriesChartContainer__emptyPrompt" > - - - - + />
diff --git a/src/components/side_nav/__snapshots__/side_nav.test.js.snap b/src/components/side_nav/__snapshots__/side_nav.test.js.snap index b9af56c58a8..519677befca 100644 --- a/src/components/side_nav/__snapshots__/side_nav.test.js.snap +++ b/src/components/side_nav/__snapshots__/side_nav.test.js.snap @@ -18,24 +18,13 @@ exports[`EuiSideNav is rendered 1`] = ` /> + />
+ />
+ />
+ />
- - - - - + />
@@ -269,24 +213,13 @@ exports[`EuiSideNav props items renders items having { forceOpen: true } in open /> + />
+ />
+ />
- - - - - + />
@@ -623,24 +522,13 @@ exports[`EuiSideNav props items renders selected item and automatically opens pa /> + />
- - + />
`; @@ -40,18 +35,14 @@ exports[`EuiStepNumber props status danger is rendered 1`] = ` class="euiStepNumber euiStepNumber--danger" > - - + />
`; @@ -76,18 +67,13 @@ exports[`EuiStepNumber props status warning is rendered 1`] = ` class="euiStepNumber euiStepNumber--warning" > - - + />
`; diff --git a/src/components/steps/__snapshots__/steps_horizontal.test.js.snap b/src/components/steps/__snapshots__/steps_horizontal.test.js.snap index a9c8fcec7a6..e9a900cc1a0 100644 --- a/src/components/steps/__snapshots__/steps_horizontal.test.js.snap +++ b/src/components/steps/__snapshots__/steps_horizontal.test.js.snap @@ -24,19 +24,14 @@ exports[`EuiStepsHorizontal is rendered 1`] = ` class="euiStepNumber euiStepNumber--complete euiStepHorizontal__number" > - - + />
+ /> diff --git a/src/components/table/mobile/__snapshots__/table_sort_mobile_item.test.js.snap b/src/components/table/mobile/__snapshots__/table_sort_mobile_item.test.js.snap index 02b0d22c44a..443e2030334 100644 --- a/src/components/table/mobile/__snapshots__/table_sort_mobile_item.test.js.snap +++ b/src/components/table/mobile/__snapshots__/table_sort_mobile_item.test.js.snap @@ -11,7 +11,7 @@ exports[`EuiTableSortMobileItem is rendered 1`] = ` class="euiContextMenu__itemLayout" > + /> @@ -67,26 +55,13 @@ exports[`EuiTablePagination is rendered 1`] = ` > + />
@@ -224,26 +186,13 @@ exports[`EuiTablePagination is rendered when hiding the per page options 1`] = ` > + />
diff --git a/src/components/toast/__snapshots__/global_toast_list.test.js.snap b/src/components/toast/__snapshots__/global_toast_list.test.js.snap index d6e2a104763..9e229edf0a5 100644 --- a/src/components/toast/__snapshots__/global_toast_list.test.js.snap +++ b/src/components/toast/__snapshots__/global_toast_list.test.js.snap @@ -30,18 +30,13 @@ exports[`EuiGlobalToastList props toasts is rendered 1`] = ` > + /> @@ -56,17 +51,13 @@ exports[`EuiGlobalToastList props toasts is rendered 1`] = ` > + />
+ /> @@ -118,17 +104,13 @@ exports[`EuiGlobalToastList props toasts is rendered 1`] = ` > + />
- + /> + - - - - - + />
`; @@ -33,26 +20,13 @@ exports[`EuiToken props color tokenTint01 is rendered 1`] = ` class="euiToken euiToken--tokenTint01 euiToken--square euiToken--small" > - - - - - + />
`; @@ -61,26 +35,13 @@ exports[`EuiToken props color tokenTint02 is rendered 1`] = ` class="euiToken euiToken--tokenTint02 euiToken--square euiToken--small" > - - - - - + /> `; @@ -89,26 +50,13 @@ exports[`EuiToken props color tokenTint03 is rendered 1`] = ` class="euiToken euiToken--tokenTint03 euiToken--square euiToken--small" > - - - - - + /> `; @@ -117,26 +65,13 @@ exports[`EuiToken props color tokenTint04 is rendered 1`] = ` class="euiToken euiToken--tokenTint04 euiToken--square euiToken--small" > - - - - - + /> `; @@ -145,26 +80,13 @@ exports[`EuiToken props color tokenTint05 is rendered 1`] = ` class="euiToken euiToken--tokenTint05 euiToken--square euiToken--small" > - - - - - + /> `; @@ -173,26 +95,13 @@ exports[`EuiToken props color tokenTint06 is rendered 1`] = ` class="euiToken euiToken--tokenTint06 euiToken--square euiToken--small" > - - - - - + /> `; @@ -201,26 +110,13 @@ exports[`EuiToken props color tokenTint07 is rendered 1`] = ` class="euiToken euiToken--tokenTint07 euiToken--square euiToken--small" > - - - - - + /> `; @@ -229,26 +125,13 @@ exports[`EuiToken props color tokenTint08 is rendered 1`] = ` class="euiToken euiToken--tokenTint08 euiToken--square euiToken--small" > - - - - - + /> `; @@ -257,26 +140,13 @@ exports[`EuiToken props color tokenTint09 is rendered 1`] = ` class="euiToken euiToken--tokenTint09 euiToken--square euiToken--small" > - - - - - + /> `; @@ -285,26 +155,13 @@ exports[`EuiToken props color tokenTint10 is rendered 1`] = ` class="euiToken euiToken--tokenTint10 euiToken--square euiToken--small" > - - - - - + /> `; @@ -313,26 +170,13 @@ exports[`EuiToken props shape circle is rendered 1`] = ` class="euiToken euiToken--tokenTint01 euiToken--circle euiToken--small" > - - - - - + /> `; @@ -341,26 +185,13 @@ exports[`EuiToken props shape rectangle is rendered 1`] = ` class="euiToken euiToken--tokenTint01 euiToken--rectangle euiToken--small" > - - - - - + /> `; @@ -369,26 +200,13 @@ exports[`EuiToken props shape square is rendered 1`] = ` class="euiToken euiToken--tokenTint01 euiToken--square euiToken--small" > - - - - - + /> `; @@ -397,26 +215,13 @@ exports[`EuiToken props size l is rendered 1`] = ` class="euiToken euiToken--tokenTint01 euiToken--circle euiToken--large" > - - - - - + /> `; @@ -425,26 +230,13 @@ exports[`EuiToken props size m is rendered 1`] = ` class="euiToken euiToken--tokenTint01 euiToken--circle euiToken--medium" > - - - - - + /> `; @@ -453,25 +245,12 @@ exports[`EuiToken props size s is rendered 1`] = ` class="euiToken euiToken--tokenTint01 euiToken--circle euiToken--small" > - - - - - + /> `; diff --git a/src/components/tool_tip/__snapshots__/icon_tip.test.js.snap b/src/components/tool_tip/__snapshots__/icon_tip.test.js.snap index b678b34dcb2..ac19457f645 100644 --- a/src/components/tool_tip/__snapshots__/icon_tip.test.js.snap +++ b/src/components/tool_tip/__snapshots__/icon_tip.test.js.snap @@ -7,18 +7,14 @@ exports[`EuiIconTip is rendered 1`] = ` - - + />
`; @@ -29,18 +25,14 @@ exports[`EuiIconTip props color is rendered as the icon color 1`] = ` - - + /> `; @@ -51,18 +43,14 @@ exports[`EuiIconTip props size is rendered as the icon size 1`] = ` - - + /> `; @@ -73,18 +61,13 @@ exports[`EuiIconTip props type is rendered as the icon 1`] = ` - - + /> `; diff --git a/src/webpack.config.js b/src/webpack.config.js index da5e8248d0e..3e3a5a7d5f9 100644 --- a/src/webpack.config.js +++ b/src/webpack.config.js @@ -18,6 +18,12 @@ const plugins = [ tslint: path.resolve(__dirname, '..', 'tslint.yaml'), async: false, // makes errors more visible, but potentially less performant }), + + // Force EuiIcon's dynamic imports to be included in the single eui.js build, + // instead of being split out into multiple files + new webpack.optimize.LimitChunkCountPlugin({ + maxChunks: 1, + }), ]; module.exports = { diff --git a/tsconfig.json b/tsconfig.json index 5d4835cadaa..b140c0dd94c 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -16,7 +16,7 @@ "strict": true, // Output as ES Modules & esnext code, webpack will handle further conversion - "module": "es6", + "module": "esnext", "target": "esnext", // Allows default imports from modules with no default export. This does not affect code emit, just type checking. diff --git a/yarn.lock b/yarn.lock index 287f05335de..56029216fce 100644 --- a/yarn.lock +++ b/yarn.lock @@ -75,6 +75,26 @@ semver "^5.4.1" source-map "^0.5.0" +"@babel/core@^7.4.3": + version "7.4.3" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.4.3.tgz#198d6d3af4567be3989550d97e068de94503074f" + integrity sha512-oDpASqKFlbspQfzAE7yaeTmdljSH2ADIvBlb0RwbStltTuWa0+7CCI1fYVINNv9saHPa1W7oaKeuNuKj+RQCvA== + dependencies: + "@babel/code-frame" "^7.0.0" + "@babel/generator" "^7.4.0" + "@babel/helpers" "^7.4.3" + "@babel/parser" "^7.4.3" + "@babel/template" "^7.4.0" + "@babel/traverse" "^7.4.3" + "@babel/types" "^7.4.0" + convert-source-map "^1.1.0" + debug "^4.1.0" + json5 "^2.1.0" + lodash "^4.17.11" + resolve "^1.3.2" + semver "^5.4.1" + source-map "^0.5.0" + "@babel/generator@^7.0.0", "@babel/generator@^7.2.2", "@babel/generator@^7.3.3": version "7.3.3" resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.3.3.tgz#185962ade59a52e00ca2bdfcfd1d58e528d4e39e" @@ -97,6 +117,17 @@ source-map "^0.5.0" trim-right "^1.0.1" +"@babel/generator@^7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.4.0.tgz#c230e79589ae7a729fd4631b9ded4dc220418196" + integrity sha512-/v5I+a1jhGSKLgZDcmAUZ4K/VePi43eRkUs3yePW1HB1iANOD5tqJXwGSG4BZhSksP8J9ejSlwGeTiiOFZOrXQ== + dependencies: + "@babel/types" "^7.4.0" + jsesc "^2.5.1" + lodash "^4.17.11" + source-map "^0.5.0" + trim-right "^1.0.1" + "@babel/helper-annotate-as-pure@^7.0.0": version "7.0.0" resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.0.0.tgz#323d39dd0b50e10c7c06ca7d7638e6864d8c5c32" @@ -266,6 +297,13 @@ dependencies: "@babel/types" "^7.0.0" +"@babel/helper-split-export-declaration@^7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.4.0.tgz#571bfd52701f492920d63b7f735030e9a3e10b55" + integrity sha512-7Cuc6JZiYShaZnybDmfwhY4UYHzI6rlqhWjaIqbsJGsIqPimEYy5uh3akSRLMg65LSdSEnJ8a8/bWQN6u2oMGw== + dependencies: + "@babel/types" "^7.4.0" + "@babel/helper-wrap-function@^7.1.0": version "7.1.0" resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.1.0.tgz#8cf54e9190706067f016af8f75cb3df829cc8c66" @@ -294,6 +332,15 @@ "@babel/traverse" "^7.1.5" "@babel/types" "^7.3.0" +"@babel/helpers@^7.4.3": + version "7.4.3" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.4.3.tgz#7b1d354363494b31cb9a2417ae86af32b7853a3b" + integrity sha512-BMh7X0oZqb36CfyhvtbSmcWc3GXocfxv3yNsAEuM0l+fAqSO22rQrUpijr3oE/10jCTrB6/0b9kzmG4VetCj8Q== + dependencies: + "@babel/template" "^7.4.0" + "@babel/traverse" "^7.4.3" + "@babel/types" "^7.4.0" + "@babel/highlight@^7.0.0": version "7.0.0" resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.0.0.tgz#f710c38c8d458e6dd9a201afb637fcb781ce99e4" @@ -318,6 +365,11 @@ resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.3.3.tgz#092d450db02bdb6ccb1ca8ffd47d8774a91aef87" integrity sha512-xsH1CJoln2r74hR+y7cg2B5JCPaTh+Hd+EbBRk9nWGSNspuo6krjhX0Om6RnRQuIvFq8wVXCLKH3kwKDYhanSg== +"@babel/parser@^7.4.0", "@babel/parser@^7.4.3": + version "7.4.3" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.4.3.tgz#eb3ac80f64aa101c907d4ce5406360fe75b7895b" + integrity sha512-gxpEUhTS1sGA63EGQGuA+WESPR/6tz6ng7tSHFCmaTJK/cGK8y37cBTspX+U2xCAue2IQVvF6Z0oigmjwD8YGQ== + "@babel/plugin-proposal-async-generator-functions@^7.1.0": version "7.1.0" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.1.0.tgz#41c1a702e10081456e23a7b74d891922dd1bb6ce" @@ -386,6 +438,13 @@ dependencies: "@babel/helper-plugin-utils" "^7.0.0" +"@babel/plugin-syntax-dynamic-import@^7.2.0": + version "7.2.0" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.2.0.tgz#69c159ffaf4998122161ad8ebc5e6d1f55df8612" + integrity sha512-mVxuJ0YroI/h/tbFTPGZR8cv6ai+STMKNBq0f8hFxsxWjl94qqhsb+wXbpNMDPU3cfR1TIsVFzU3nXyZMqyK4w== + dependencies: + "@babel/helper-plugin-utils" "^7.0.0" + "@babel/plugin-syntax-json-strings@^7.0.0": version "7.0.0" resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.0.0.tgz#0d259a68090e15b383ce3710e01d5b23f3770cbd" @@ -800,6 +859,15 @@ "@babel/parser" "^7.1.2" "@babel/types" "^7.1.2" +"@babel/template@^7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.4.0.tgz#12474e9c077bae585c5d835a95c0b0b790c25c8b" + integrity sha512-SOWwxxClTTh5NdbbYZ0BmaBVzxzTh2tO/TeLTbF6MO6EzVhHTnff8CdBXx3mEtazFBoysmEM6GU/wF+SuSx4Fw== + dependencies: + "@babel/code-frame" "^7.0.0" + "@babel/parser" "^7.4.0" + "@babel/types" "^7.4.0" + "@babel/traverse@7.0.0-beta.36": version "7.0.0-beta.36" resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.0.0-beta.36.tgz#1dc6f8750e89b6b979de5fe44aa993b1a2192261" @@ -844,6 +912,21 @@ globals "^11.1.0" lodash "^4.17.10" +"@babel/traverse@^7.4.3": + version "7.4.3" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.4.3.tgz#1a01f078fc575d589ff30c0f71bf3c3d9ccbad84" + integrity sha512-HmA01qrtaCwwJWpSKpA948cBvU5BrmviAief/b3AVw936DtcdsTexlbyzNuDnthwhOQ37xshn7hvQaEQk7ISYQ== + dependencies: + "@babel/code-frame" "^7.0.0" + "@babel/generator" "^7.4.0" + "@babel/helper-function-name" "^7.1.0" + "@babel/helper-split-export-declaration" "^7.4.0" + "@babel/parser" "^7.4.3" + "@babel/types" "^7.4.0" + debug "^4.1.0" + globals "^11.1.0" + lodash "^4.17.11" + "@babel/types@7.0.0-beta.36": version "7.0.0-beta.36" resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.0.0-beta.36.tgz#64f2004353de42adb72f9ebb4665fc35b5499d23" @@ -871,6 +954,15 @@ lodash "^4.17.11" to-fast-properties "^2.0.0" +"@babel/types@^7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.4.0.tgz#670724f77d24cce6cc7d8cf64599d511d164894c" + integrity sha512-aPvkXyU2SPOnztlgo8n9cEiXW755mgyvueUPcpStqdzoSPm0fjO0vQBjLkt3JKJW7ufikfcnMTTPsN1xaTsBPA== + dependencies: + esutils "^2.0.2" + lodash "^4.17.11" + to-fast-properties "^2.0.0" + "@elastic/datemath@^5.0.2": version "5.0.2" resolved "https://registry.yarnpkg.com/@elastic/datemath/-/datemath-5.0.2.tgz#1e62fe7137acd6ebcde9a794ef22b91820c9e6cf" @@ -942,6 +1034,97 @@ dependencies: samsam "1.3.0" +"@svgr/babel-plugin-add-jsx-attribute@^4.2.0": + version "4.2.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-4.2.0.tgz#dadcb6218503532d6884b210e7f3c502caaa44b1" + integrity sha512-j7KnilGyZzYr/jhcrSYS3FGWMZVaqyCG0vzMCwzvei0coIkczuYMcniK07nI0aHJINciujjH11T72ICW5eL5Ig== + +"@svgr/babel-plugin-remove-jsx-attribute@^4.2.0": + version "4.2.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-4.2.0.tgz#297550b9a8c0c7337bea12bdfc8a80bb66f85abc" + integrity sha512-3XHLtJ+HbRCH4n28S7y/yZoEQnRpl0tvTZQsHqvaeNXPra+6vE5tbRliH3ox1yZYPCxrlqaJT/Mg+75GpDKlvQ== + +"@svgr/babel-plugin-remove-jsx-empty-expression@^4.2.0": + version "4.2.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-4.2.0.tgz#c196302f3e68eab6a05e98af9ca8570bc13131c7" + integrity sha512-yTr2iLdf6oEuUE9MsRdvt0NmdpMBAkgK8Bjhl6epb+eQWk6abBaX3d65UZ3E3FWaOwePyUgNyNCMVG61gGCQ7w== + +"@svgr/babel-plugin-replace-jsx-attribute-value@^4.2.0": + version "4.2.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-4.2.0.tgz#310ec0775de808a6a2e4fd4268c245fd734c1165" + integrity sha512-U9m870Kqm0ko8beHawRXLGLvSi/ZMrl89gJ5BNcT452fAjtF2p4uRzXkdzvGJJJYBgx7BmqlDjBN/eCp5AAX2w== + +"@svgr/babel-plugin-svg-dynamic-title@^4.2.0": + version "4.2.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-4.2.0.tgz#43f0f689a5347a894160eb51b39a109889a4df20" + integrity sha512-gH2qItapwCUp6CCqbxvzBbc4dh4OyxdYKsW3EOkYexr0XUmQL0ScbdNh6DexkZ01T+sdClniIbnCObsXcnx3sQ== + +"@svgr/babel-plugin-svg-em-dimensions@^4.2.0": + version "4.2.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-4.2.0.tgz#9a94791c9a288108d20a9d2cc64cac820f141391" + integrity sha512-C0Uy+BHolCHGOZ8Dnr1zXy/KgpBOkEUYY9kI/HseHVPeMbluaX3CijJr7D4C5uR8zrc1T64nnq/k63ydQuGt4w== + +"@svgr/babel-plugin-transform-react-native-svg@^4.2.0": + version "4.2.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-4.2.0.tgz#151487322843359a1ca86b21a3815fd21a88b717" + integrity sha512-7YvynOpZDpCOUoIVlaaOUU87J4Z6RdD6spYN4eUb5tfPoKGSF9OG2NuhgYnq4jSkAxcpMaXWPf1cePkzmqTPNw== + +"@svgr/babel-plugin-transform-svg-component@^4.2.0": + version "4.2.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-4.2.0.tgz#5f1e2f886b2c85c67e76da42f0f6be1b1767b697" + integrity sha512-hYfYuZhQPCBVotABsXKSCfel2slf/yvJY8heTVX1PCTaq/IgASq1IyxPPKJ0chWREEKewIU/JMSsIGBtK1KKxw== + +"@svgr/babel-preset@^4.2.0": + version "4.2.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-4.2.0.tgz#c9fc236445a02a8cd4e750085e51c181de00d6c5" + integrity sha512-iLetHpRCQXfK47voAs5/uxd736cCyocEdorisjAveZo8ShxJ/ivSZgstBmucI1c8HyMF5tOrilJLoFbhpkPiKw== + dependencies: + "@svgr/babel-plugin-add-jsx-attribute" "^4.2.0" + "@svgr/babel-plugin-remove-jsx-attribute" "^4.2.0" + "@svgr/babel-plugin-remove-jsx-empty-expression" "^4.2.0" + "@svgr/babel-plugin-replace-jsx-attribute-value" "^4.2.0" + "@svgr/babel-plugin-svg-dynamic-title" "^4.2.0" + "@svgr/babel-plugin-svg-em-dimensions" "^4.2.0" + "@svgr/babel-plugin-transform-react-native-svg" "^4.2.0" + "@svgr/babel-plugin-transform-svg-component" "^4.2.0" + +"@svgr/core@^4.1.0": + version "4.2.0" + resolved "https://registry.yarnpkg.com/@svgr/core/-/core-4.2.0.tgz#f32ef8b9d05312aaa775896ec30ae46a6521e248" + integrity sha512-nvzXaf2VavqjMCTTfsZfjL4o9035KedALkMzk82qOlHOwBb8JT+9+zYDgBl0oOunbVF94WTLnvGunEg0csNP3Q== + dependencies: + "@svgr/plugin-jsx" "^4.2.0" + camelcase "^5.3.1" + cosmiconfig "^5.2.0" + +"@svgr/hast-util-to-babel-ast@^4.2.0": + version "4.2.0" + resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-4.2.0.tgz#dd743435a5f3a8e84a1da067f27b5fae3d7b6b63" + integrity sha512-IvAeb7gqrGB5TH9EGyBsPrMRH/QCzIuAkLySKvH2TLfLb2uqk98qtJamordRQTpHH3e6TORfBXoTo7L7Opo/Ow== + dependencies: + "@babel/types" "^7.4.0" + +"@svgr/plugin-jsx@^4.2.0": + version "4.2.0" + resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-4.2.0.tgz#15a91562c9b5f90640ea0bdcb2ad59d692ee7ae9" + integrity sha512-AM1YokmZITgveY9bulLVquqNmwiFo2Px2HL+IlnTCR01YvWDfRL5QKdnF7VjRaS5MNP938mmqvL0/8oz3zQMkg== + dependencies: + "@babel/core" "^7.4.3" + "@svgr/babel-preset" "^4.2.0" + "@svgr/hast-util-to-babel-ast" "^4.2.0" + rehype-parse "^6.0.0" + unified "^7.1.0" + vfile "^4.0.0" + +"@svgr/plugin-svgo@^4.0.3": + version "4.2.0" + resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-4.2.0.tgz#2a594a2d3312955e75fd87dc77ae51f377c809f3" + integrity sha512-zUEKgkT172YzHh3mb2B2q92xCnOAMVjRx+o0waZ1U50XqKLrVQ/8dDqTAtnmapdLsGurv8PSwenjLCUpj6hcvw== + dependencies: + cosmiconfig "^5.2.0" + merge-deep "^3.0.2" + svgo "^1.2.1" + "@types/cheerio@*": version "0.22.8" resolved "https://registry.yarnpkg.com/@types/cheerio/-/cheerio-0.22.8.tgz#5702f74f78b73e13f1eb1bd435c2c9de61a250d4" @@ -992,6 +1175,11 @@ resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.5.9.tgz#f2d14df87b0739041bc53a7d75e3d77d726a3ec0" integrity sha512-Nha5b+jmBI271jdTMwrHiNXM+DvThjHOfyZtMX9kj/c/LUj2xiLHsG/1L3tJ8DjAoQN48cHwUwtqBotjyXaSdQ== +"@types/q@^1.5.1": + version "1.5.2" + resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.2.tgz#690a1475b84f2a884fd07cd797c00f5f31356ea8" + integrity sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw== + "@types/react-beautiful-dnd@^10.1.0": version "10.1.0" resolved "https://registry.yarnpkg.com/@types/react-beautiful-dnd/-/react-beautiful-dnd-10.1.0.tgz#6aa032519051a793154abaca2989d0f070a01680" @@ -1029,6 +1217,11 @@ "@types/prop-types" "*" csstype "^2.2.0" +"@types/unist@*", "@types/unist@^2.0.0", "@types/unist@^2.0.2": + version "2.0.3" + resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.3.tgz#9c088679876f374eb5983f150d4787aa6fb32d7e" + integrity sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ== + "@types/uuid@^3.4.4": version "3.4.4" resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-3.4.4.tgz#7af69360fa65ef0decb41fd150bf4ca5c0cefdf5" @@ -1036,6 +1229,23 @@ dependencies: "@types/node" "*" +"@types/vfile-message@*": + version "1.0.1" + resolved "https://registry.yarnpkg.com/@types/vfile-message/-/vfile-message-1.0.1.tgz#e1e9895cc6b36c462d4244e64e6d0b6eaf65355a" + integrity sha512-mlGER3Aqmq7bqR1tTTIVHq8KSAFFRyGbrxuM8C/H82g6k7r2fS+IMEkIu3D7JHzG10NvPdR8DNx0jr0pwpp4dA== + dependencies: + "@types/node" "*" + "@types/unist" "*" + +"@types/vfile@^3.0.0": + version "3.0.2" + resolved "https://registry.yarnpkg.com/@types/vfile/-/vfile-3.0.2.tgz#19c18cd232df11ce6fa6ad80259bc86c366b09b9" + integrity sha512-b3nLFGaGkJ9rzOcuXRfHkZMdjsawuDD0ENL9fzTophtBg8FJHSGbH7daXkEpcwy3v7Xol3pAvsmlYyFhR4pqJw== + dependencies: + "@types/node" "*" + "@types/unist" "*" + "@types/vfile-message" "*" + "@webassemblyjs/ast@1.7.11": version "1.7.11" resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.7.11.tgz#b988582cafbb2b095e8b556526f30c90d057cace" @@ -1812,6 +2022,13 @@ babel-plugin-add-module-exports@^1.0.0: optionalDependencies: chokidar "^2.0.4" +babel-plugin-dynamic-import-node@^2.2.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.2.0.tgz#c0adfb07d95f4a4495e9aaac6ec386c4d7c2524e" + integrity sha512-fP899ELUnTaBcIzmrW7nniyqqdYWrWuJUyPWHxFa/c7r7hS6KC8FscNfLlBNIoPSc55kYMGEEKjPjJGCLbE1qA== + dependencies: + object.assign "^4.1.0" + babel-plugin-inline-react-svg@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/babel-plugin-inline-react-svg/-/babel-plugin-inline-react-svg-1.0.1.tgz#1457edae1035a12b3c5026ef28a1239edc71d2a2" @@ -1915,6 +2132,11 @@ babylon@^6.18.0: resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3" integrity sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ== +bail@^1.0.0: + version "1.0.3" + resolved "https://registry.yarnpkg.com/bail/-/bail-1.0.3.tgz#63cfb9ddbac829b02a3128cd53224be78e6c21a3" + integrity sha512-1X8CnjFVQ+a+KW36uBNMTU5s8+v5FzeqrP7hTG5aTb4aPreSbZJlhwPon9VKMuEVgV++JM+SQrALY3kr7eswdg== + balanced-match@^0.4.2: version "0.4.2" resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.4.2.tgz#cb3f3e3c732dc0f01ee70b403f302e61d7709838" @@ -2412,6 +2634,13 @@ cache-loader@^2.0.1: normalize-path "^3.0.0" schema-utils "^1.0.0" +caller-callsite@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134" + integrity sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ= + dependencies: + callsites "^2.0.0" + caller-path@^0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-0.1.0.tgz#94085ef63581ecd3daa92444a8fe94e82577751f" @@ -2419,11 +2648,23 @@ caller-path@^0.1.0: dependencies: callsites "^0.2.0" +caller-path@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-2.0.0.tgz#468f83044e369ab2010fac5f06ceee15bb2cb1f4" + integrity sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ= + dependencies: + caller-callsite "^2.0.0" + callsites@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/callsites/-/callsites-0.2.0.tgz#afab96262910a7f33c19a5775825c69f34e350ca" integrity sha1-r6uWJikQp/M8GaV3WCXGnzTjUMo= +callsites@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50" + integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA= + callsites@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.0.0.tgz#fb7eb569b72ad7a45812f93fd9430a3e410b3dd3" @@ -2465,6 +2706,11 @@ camelcase@^5.0.0: resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.0.0.tgz#03295527d58bd3cd4aa75363f35b2e8d97be2f42" integrity sha512-faqwZqnWxbxn+F1d399ygeamQNy3lPp/H9H6rNrqYh4FSVCtcY+3cub1MxA8o9mDd55mM8Aghuu/kuyYA6VTsA== +camelcase@^5.3.1: + version "5.3.1" + resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320" + integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg== + caniuse-api@^1.5.2: version "1.6.1" resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-1.6.1.tgz#b534e7c734c4f81ec5fbe8aca2ad24354b962c6c" @@ -2527,6 +2773,11 @@ caseless@~0.12.0: resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc" integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw= +ccount@^1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.0.3.tgz#f1cec43f332e2ea5a569fd46f9f5bde4e6102aff" + integrity sha512-Jt9tIBkRc9POUof7QA/VwWd+58fKkEEfI+/t1/eOlxKM7ZhrczNzMFefge7Ai+39y1pR/pP6cI19guHy3FSLmw== + chai-webdriverio@^0.4.3: version "0.4.3" resolved "https://registry.yarnpkg.com/chai-webdriverio/-/chai-webdriverio-0.4.3.tgz#55f19b198e03889f23d4d612bf9ab7e9518d5c24" @@ -2817,6 +3068,17 @@ clone-buffer@^1.0.0: resolved "https://registry.yarnpkg.com/clone-buffer/-/clone-buffer-1.0.0.tgz#e3e25b207ac4e701af721e2cb5a16792cac3dc58" integrity sha1-4+JbIHrE5wGvch4staFnksrD3Fg= +clone-deep@^0.2.4: + version "0.2.4" + resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-0.2.4.tgz#4e73dd09e9fb971cc38670c5dced9c1896481cc6" + integrity sha1-TnPdCen7lxzDhnDF3O2cGJZIHMY= + dependencies: + for-own "^0.1.3" + is-plain-object "^2.0.1" + kind-of "^3.0.2" + lazy-cache "^1.0.3" + shallow-clone "^0.1.2" + clone-deep@^0.3.0: version "0.3.0" resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-0.3.0.tgz#348c61ae9cdbe0edfe053d91ff4cc521d790ede8" @@ -2869,6 +3131,15 @@ co@^4.6.0: resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184" integrity sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ= +coa@^2.0.2: + version "2.0.2" + resolved "https://registry.yarnpkg.com/coa/-/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3" + integrity sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA== + dependencies: + "@types/q" "^1.5.1" + chalk "^2.4.1" + q "^1.1.2" + coa@~1.0.1: version "1.0.4" resolved "https://registry.yarnpkg.com/coa/-/coa-1.0.4.tgz#a9ef153660d6a86a8bdec0289a5c684d217432fd" @@ -3012,6 +3283,11 @@ combined-stream@~1.0.6: dependencies: delayed-stream "~1.0.0" +comma-separated-tokens@^1.0.0: + version "1.0.6" + resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-1.0.6.tgz#3cd3d8adc725ab473843db338bcdfd4a7bb087bf" + integrity sha512-f20oA7jsrrmERTS70r3tmRSxR8IJV2MTN7qe6hzgX+3ARfXrdMJFvGWvWQK0xpcBurg9j9eO2MiqzZ8Y+/UPCA== + commander@2.11.0: version "2.11.0" resolved "https://registry.yarnpkg.com/commander/-/commander-2.11.0.tgz#157152fd1e7a6c8d98a5b715cf376df928004563" @@ -3270,6 +3546,16 @@ cosmiconfig@^5.0.0: js-yaml "^3.9.0" parse-json "^4.0.0" +cosmiconfig@^5.2.0: + version "5.2.0" + resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.0.tgz#45038e4d28a7fe787203aede9c25bca4a08b12c8" + integrity sha512-nxt+Nfc3JAqf4WIWd0jXLjTJZmsPLrA9DDc4nRw2KFJQJK7DNooqSXrNI7tzLG50CF8axczly5UV929tBmh/7g== + dependencies: + import-fresh "^2.0.0" + is-directory "^0.3.1" + js-yaml "^3.13.0" + parse-json "^4.0.0" + crc32-stream@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/crc32-stream/-/crc32-stream-2.0.0.tgz#e3cdd3b4df3168dd74e3de3fbbcb7b297fe908f4" @@ -3461,6 +3747,11 @@ css-parse@~2.0.0: dependencies: css "^2.0.0" +css-select-base-adapter@^0.1.1: + version "0.1.1" + resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7" + integrity sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w== + css-select-base-adapter@~0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.0.tgz#0102b3d14630df86c3eb9fa9f5456270106cf990" @@ -3476,6 +3767,16 @@ css-select@^1.1.0, css-select@^1.2.0, css-select@~1.2.0: domutils "1.5.1" nth-check "~1.0.1" +css-select@^2.0.0: + version "2.0.2" + resolved "https://registry.yarnpkg.com/css-select/-/css-select-2.0.2.tgz#ab4386cec9e1f668855564b17c3733b43b2a5ede" + integrity sha512-dSpYaDVoWaELjvZ3mS6IKZM/y2PMPa/XYoEfYNZePL4U/XgyxZNroHEHReDx/d+VgXh9VbCTtFqLkFbmeqeaRQ== + dependencies: + boolbase "^1.0.0" + css-what "^2.1.2" + domutils "^1.7.0" + nth-check "^1.0.2" + css-select@~1.3.0-rc0: version "1.3.0-rc0" resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.3.0-rc0.tgz#6f93196aaae737666ea1036a8cb14a8fcb7a9231" @@ -3495,6 +3796,14 @@ css-selector-tokenizer@^0.7.0: fastparse "^1.1.1" regexpu-core "^1.0.0" +css-tree@1.0.0-alpha.28: + version "1.0.0-alpha.28" + resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.28.tgz#8e8968190d886c9477bc8d61e96f61af3f7ffa7f" + integrity sha512-joNNW1gCp3qFFzj4St6zk+Wh/NBv0vM5YbEreZk0SD4S23S+1xBKb6cLDg2uj4P4k/GUMlIm6cKIDqIG+vdt0w== + dependencies: + mdn-data "~1.1.0" + source-map "^0.5.3" + css-tree@1.0.0-alpha.29: version "1.0.0-alpha.29" resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.29.tgz#3fa9d4ef3142cbd1c301e7664c1f352bd82f5a39" @@ -3531,6 +3840,11 @@ css-what@2.1: resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.0.tgz#9467d032c38cfaefb9f2d79501253062f87fa1bd" integrity sha1-lGfQMsOM+u+58teVASUwYvh/ob0= +css-what@^2.1.2: + version "2.1.3" + resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2" + integrity sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg== + css@^2.0.0: version "2.2.1" resolved "https://registry.yarnpkg.com/css/-/css-2.2.1.tgz#73a4c81de85db664d4ee674f7d47085e3b2d55dc" @@ -3652,7 +3966,7 @@ cssnano@^4.0.5: is-resolvable "^1.0.0" postcss "^6.0.0" -csso@^3.5.0: +csso@^3.5.0, csso@^3.5.1: version "3.5.1" resolved "https://registry.yarnpkg.com/csso/-/csso-3.5.1.tgz#7b9eb8be61628973c1b261e169d2f024008e758b" integrity sha512-vrqULLffYU1Q2tLdJvaCYbONStnfkfimRxXNaGjxMldI0C7JPBC4rB1RyjhfdZ4m1frm8pM9uRPKH3d2knZ8gg== @@ -4214,6 +4528,14 @@ domutils@^1.5.1: dom-serializer "0" domelementtype "1" +domutils@^1.7.0: + version "1.7.0" + resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a" + integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg== + dependencies: + dom-serializer "0" + domelementtype "1" + dot-prop@^4.1.0, dot-prop@^4.1.1: version "4.2.0" resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.0.tgz#1f19e0c2e1aa0e32797c49799f2837ac6af69c57" @@ -5504,7 +5826,7 @@ for-in@^1.0.1, for-in@^1.0.2: resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80" integrity sha1-gQaNKVqBQuwKxybG4iAMMPttXoA= -for-own@^0.1.4: +for-own@^0.1.3, for-own@^0.1.4: version "0.1.5" resolved "https://registry.yarnpkg.com/for-own/-/for-own-0.1.5.tgz#5265c681a4f294dabbf17c9509b6763aa84510ce" integrity sha1-UmXGgaTylNq78XyVCbZ2OqhFEM4= @@ -6319,6 +6641,32 @@ hash.js@^1.0.0, hash.js@^1.0.3: inherits "^2.0.3" minimalistic-assert "^1.0.0" +hast-util-from-parse5@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/hast-util-from-parse5/-/hast-util-from-parse5-5.0.0.tgz#a505a05766e0f96e389bfb0b1dd809eeefcef47b" + integrity sha512-A7ev5OseS/J15214cvDdcI62uwovJO2PB60Xhnq7kaxvvQRFDEccuqbkrFXU03GPBGopdPqlpQBRqIcDS/Fjbg== + dependencies: + ccount "^1.0.3" + hastscript "^5.0.0" + property-information "^5.0.0" + web-namespaces "^1.1.2" + xtend "^4.0.1" + +hast-util-parse-selector@^2.2.0: + version "2.2.1" + resolved "https://registry.yarnpkg.com/hast-util-parse-selector/-/hast-util-parse-selector-2.2.1.tgz#4ddbae1ae12c124e3eb91b581d2556441766f0ab" + integrity sha512-Xyh0v+nHmQvrOqop2Jqd8gOdyQtE8sIP9IQf7mlVDqp924W4w/8Liuguk2L2qei9hARnQSG2m+wAOCxM7npJVw== + +hastscript@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/hastscript/-/hastscript-5.0.0.tgz#fee10382c1bc4ba3f1be311521d368c047d2c43a" + integrity sha512-xJtuJ8D42Xtq5yJrnDg/KAIxl2cXBXKoiIJwmWX9XMf8113qHTGl/Bf7jEsxmENJ4w6q4Tfl8s/Y6mEZo8x8qw== + dependencies: + comma-separated-tokens "^1.0.0" + hast-util-parse-selector "^2.2.0" + property-information "^5.0.1" + space-separated-tokens "^1.0.0" + hawk@3.1.3, hawk@~3.1.3: version "3.1.3" resolved "https://registry.yarnpkg.com/hawk/-/hawk-3.1.3.tgz#078444bd7c1640b0fe540d2c9b73d59678e8e1c4" @@ -6668,6 +7016,14 @@ image-size@^0.5.0: resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.5.5.tgz#09dfd4ab9d20e29eb1c3e80b8990378df9e3cb9c" integrity sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w= +import-fresh@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546" + integrity sha1-2BNVwVYS04bGH53dOSLUMEgipUY= + dependencies: + caller-path "^2.0.0" + resolve-from "^3.0.0" + import-lazy@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-2.1.0.tgz#05698e3d45c88e8d7e9d92cb0584e77f096f3e43" @@ -6952,6 +7308,11 @@ is-buffer@^1.0.2, is-buffer@^1.1.5, is-buffer@~1.1.1: resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be" integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w== +is-buffer@^2.0.0: + version "2.0.3" + resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.3.tgz#4ecf3fcf749cbd1e472689e109ac66261a25e725" + integrity sha512-U15Q7MXTuZlrbymiz95PJpZxu8IlipAp4dtS3wOdgPXx3mqBnslrWU14kxfHB+Py/+2PVKSr37dMAgM2A4uArw== + is-builtin-module@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-1.0.0.tgz#540572d34f7ac3119f8f76c30cbc1b1e037affbe" @@ -7920,6 +8281,14 @@ js-yaml@^3.12.0: argparse "^1.0.7" esprima "^4.0.0" +js-yaml@^3.13.0, js-yaml@^3.13.1: + version "3.13.1" + resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847" + integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw== + dependencies: + argparse "^1.0.7" + esprima "^4.0.0" + js-yaml@^3.4.3, js-yaml@^3.7.0, js-yaml@^3.9.1, js-yaml@~3.10.0: version "3.10.0" resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.10.0.tgz#2e78441646bd4682e963f22b6e92823c309c62dc" @@ -8170,6 +8539,11 @@ lazy-cache@^0.2.3: resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-0.2.7.tgz#7feddf2dcb6edb77d11ef1d117ab5ffdf0ab1b65" integrity sha1-f+3fLctu23fRHvHRF6tf/fCrG2U= +lazy-cache@^1.0.3: + version "1.0.4" + resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e" + integrity sha1-odePw6UEdMuAhF07O24dpJpEbo4= + lazy-cache@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-2.0.2.tgz#b9190a4f913354694840859f8a8f7084d8822264" @@ -8759,6 +9133,15 @@ meow@^3.0.0, meow@^3.5.0, meow@^3.7.0: redent "^1.0.0" trim-newlines "^1.0.0" +merge-deep@^3.0.2: + version "3.0.2" + resolved "https://registry.yarnpkg.com/merge-deep/-/merge-deep-3.0.2.tgz#f39fa100a4f1bd34ff29f7d2bf4508fbb8d83ad2" + integrity sha512-T7qC8kg4Zoti1cFd8Cr0M+qaZfOwjlPDEdZIIPPB2JZctjaPM4fX+i7HOId69tAti2fvO6X5ldfYUONDODsrkA== + dependencies: + arr-union "^3.1.0" + clone-deep "^0.2.4" + kind-of "^3.0.2" + merge-descriptors@1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61" @@ -9625,6 +10008,13 @@ nth-check@^1.0.1, nth-check@~1.0.1: dependencies: boolbase "~1.0.0" +nth-check@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c" + integrity sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg== + dependencies: + boolbase "~1.0.0" + num2fraction@^1.2.2: version "1.2.2" resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede" @@ -10174,6 +10564,11 @@ parse5@^4.0.0: resolved "https://registry.yarnpkg.com/parse5/-/parse5-4.0.0.tgz#6d78656e3da8d78b4ec0b906f7c08ef1dfe3f608" integrity sha512-VrZ7eOd3T1Fk4XWNXMgiGBK/z0MG48BWG2uQNU4I72fkQuKUTZpl+u9k+CxEG0twMVzSmXEEz12z5Fnw1jIQFA== +parse5@^5.0.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.0.tgz#c59341c9723f414c452975564c7c00a68d58acd2" + integrity sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ== + parseurl@~1.3.2: version "1.3.2" resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.2.tgz#fc289d4ed8993119460c156253262cdc8de65bf3" @@ -11194,6 +11589,13 @@ prop-types@^15.6.1: object-assign "^4.1.1" react-is "^16.8.1" +property-information@^5.0.0, property-information@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/property-information/-/property-information-5.0.1.tgz#c3b09f4f5750b1634c0b24205adbf78f18bdf94f" + integrity sha512-nAtBDVeSwFM3Ot/YxT7s4NqZmqXI7lLzf46BThvotEtYf2uk2yH0ACYuWQkJ7gxKs49PPtKVY0UlDGkyN9aJlw== + dependencies: + xtend "^4.0.1" + protochain@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/protochain/-/protochain-1.0.5.tgz#991c407e99de264aadf8f81504b5e7faf7bfa260" @@ -12045,6 +12447,15 @@ regjsparser@^0.3.0: dependencies: jsesc "~0.5.0" +rehype-parse@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/rehype-parse/-/rehype-parse-6.0.0.tgz#f681555f2598165bee2c778b39f9073d17b16bca" + integrity sha512-V2OjMD0xcSt39G4uRdMTqDXXm6HwkUbLMDayYKA/d037j8/OtVSQ+tqKwYWOuyBeoCs/3clXRe30VUjeMDTBSA== + dependencies: + hast-util-from-parse5 "^5.0.0" + parse5 "^5.0.0" + xtend "^4.0.1" + relateurl@0.2.x: version "0.2.7" resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9" @@ -12088,7 +12499,7 @@ replace-ext@0.0.1: resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-0.0.1.tgz#29bbd92078a739f0bcce2b4ee41e837953522924" integrity sha1-KbvZIHinOfC8zitO5B6DeVNSKSQ= -replace-ext@^1.0.0: +replace-ext@1.0.0, replace-ext@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-1.0.0.tgz#de63128373fcbf7c3ccfa4de5a480c45a67958eb" integrity sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs= @@ -13109,6 +13520,11 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1: resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263" integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g== +space-separated-tokens@^1.0.0: + version "1.1.3" + resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-1.1.3.tgz#bc6500e116d13285a94b59b58c44c7f045fe6124" + integrity sha512-/M5RAdBuQlSDPNfA5ube+fkHbHyY08pMuADLmsAQURzo56w90r681oiOoz3o3ZQyWdSeNucpTFjL+Ggd5qui3w== + spawn-sync@^1.0.15: version "1.0.15" resolved "https://registry.yarnpkg.com/spawn-sync/-/spawn-sync-1.0.15.tgz#b00799557eb7fb0c8376c29d44e8a1ea67e57476" @@ -13205,7 +13621,7 @@ ssri@^6.0.0: dependencies: figgy-pudding "^3.5.1" -stable@~0.1.6: +stable@^0.1.8, stable@~0.1.6: version "0.1.8" resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf" integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w== @@ -13579,6 +13995,26 @@ svgo@^1.0.0: unquote "~1.1.1" util.promisify "~1.0.0" +svgo@^1.2.1: + version "1.2.2" + resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.2.2.tgz#0253d34eccf2aed4ad4f283e11ee75198f9d7316" + integrity sha512-rAfulcwp2D9jjdGu+0CuqlrAUin6bBWrpoqXWwKDZZZJfXcUXQSxLJOFJCQCSA0x0pP2U0TxSlJu2ROq5Bq6qA== + dependencies: + chalk "^2.4.1" + coa "^2.0.2" + css-select "^2.0.0" + css-select-base-adapter "^0.1.1" + css-tree "1.0.0-alpha.28" + css-url-regex "^1.1.0" + csso "^3.5.1" + js-yaml "^3.13.1" + mkdirp "~0.5.1" + object.values "^1.1.0" + sax "~1.2.4" + stable "^0.1.8" + unquote "~1.1.1" + util.promisify "~1.0.0" + symbol-observable@^1.0.3: version "1.1.0" resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.1.0.tgz#5c68fd8d54115d9dfb72a84720549222e8db9b32" @@ -13967,6 +14403,11 @@ trim@0.0.1: resolved "https://registry.yarnpkg.com/trim/-/trim-0.0.1.tgz#5858547f6b290757ee95cccc666fb50084c460dd" integrity sha1-WFhUf2spB1fulczMZm+1AITEYN0= +trough@^1.0.0: + version "1.0.3" + resolved "https://registry.yarnpkg.com/trough/-/trough-1.0.3.tgz#e29bd1614c6458d44869fc28b255ab7857ef7c24" + integrity sha512-fwkLWH+DimvA4YCy+/nvJd61nWQQ2liO/nF/RjkTpiOGi+zxZzVkhb1mvbHIIW4b/8nDsYI8uTmAlc0nNkRMOw== + "true-case-path@^1.0.2": version "1.0.2" resolved "https://registry.yarnpkg.com/true-case-path/-/true-case-path-1.0.2.tgz#7ec91130924766c7f573be3020c34f8fdfd00d62" @@ -14183,6 +14624,20 @@ unicode-property-aliases-ecmascript@^1.0.4: resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.4.tgz#5a533f31b4317ea76f17d807fa0d116546111dd0" integrity sha512-2WSLa6OdYd2ng8oqiGIWnJqyFArvhn+5vgx5GTxMbUYjCYKUcuKS62YLFF0R/BDGlB1yzXjQOLtPAfHsgirEpg== +unified@^7.1.0: + version "7.1.0" + resolved "https://registry.yarnpkg.com/unified/-/unified-7.1.0.tgz#5032f1c1ee3364bd09da12e27fdd4a7553c7be13" + integrity sha512-lbk82UOIGuCEsZhPj8rNAkXSDXd6p0QLzIuSsCdxrqnqU56St4eyOB+AlXsVgVeRmetPTYydIuvFfpDIed8mqw== + dependencies: + "@types/unist" "^2.0.0" + "@types/vfile" "^3.0.0" + bail "^1.0.0" + extend "^3.0.0" + is-plain-obj "^1.1.0" + trough "^1.0.0" + vfile "^3.0.0" + x-is-string "^0.1.0" + union-value@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.0.tgz#5c71c34cb5bad5dcebe3ea0cd08207ba5aa1aea4" @@ -14231,6 +14686,18 @@ unique-string@^1.0.0: dependencies: crypto-random-string "^1.0.0" +unist-util-stringify-position@^1.0.0, unist-util-stringify-position@^1.1.1: + version "1.1.2" + resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-1.1.2.tgz#3f37fcf351279dcbca7480ab5889bb8a832ee1c6" + integrity sha512-pNCVrk64LZv1kElr0N1wPiHEUoXNVFERp+mlTg/s9R5Lwg87f9bM/3sQB99w+N9D/qnM9ar3+AKDBwo/gm/iQQ== + +unist-util-stringify-position@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-2.0.0.tgz#4c452c0dbcbc509f7bcd366e9a8afd646f9d51ae" + integrity sha512-Uz5negUTrf9zm2ZT2Z9kdOL7Mr7FJLyq3ByqagUi7QZRVK1HnspVazvSqwHt73jj7APHtpuJ4K110Jm8O6/elw== + dependencies: + "@types/unist" "^2.0.2" + universalify@^0.1.0: version "0.1.1" resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.1.tgz#fa71badd4437af4c148841e3b3b165f9e9e590b7" @@ -14458,6 +14925,42 @@ verror@1.10.0: core-util-is "1.0.2" extsprintf "^1.2.0" +vfile-message@^1.0.0: + version "1.1.1" + resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-1.1.1.tgz#5833ae078a1dfa2d96e9647886cd32993ab313e1" + integrity sha512-1WmsopSGhWt5laNir+633LszXvZ+Z/lxveBf6yhGsqnQIhlhzooZae7zV6YVM1Sdkw68dtAW3ow0pOdPANugvA== + dependencies: + unist-util-stringify-position "^1.1.1" + +vfile-message@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-2.0.0.tgz#750bbb86fe545988a67e899b329bbcabb73edef6" + integrity sha512-YS6qg6UpBfIeiO+6XlhPOuJaoLvt1Y9g2cmlwqhBOOU0XRV8j5RLeoz72t6PWLvNXq3EBG1fQ05wNPrUoz0deQ== + dependencies: + "@types/unist" "^2.0.2" + unist-util-stringify-position "^1.1.1" + +vfile@^3.0.0: + version "3.0.1" + resolved "https://registry.yarnpkg.com/vfile/-/vfile-3.0.1.tgz#47331d2abe3282424f4a4bb6acd20a44c4121803" + integrity sha512-y7Y3gH9BsUSdD4KzHsuMaCzRjglXN0W2EcMf0gpvu6+SbsGhMje7xDc8AEoeXy6mIwCKMI6BkjMsRjzQbhMEjQ== + dependencies: + is-buffer "^2.0.0" + replace-ext "1.0.0" + unist-util-stringify-position "^1.0.0" + vfile-message "^1.0.0" + +vfile@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/vfile/-/vfile-4.0.0.tgz#ebf3b48af9fcde524d5e08d5f75812058a5f78ad" + integrity sha512-WMNeHy5djSl895BqE86D7WqA0Ie5fAIeGCa7V1EqiXyJg5LaGch2SUaZueok5abYQGH6mXEAsZ45jkoILIOlyA== + dependencies: + "@types/unist" "^2.0.2" + is-buffer "^2.0.0" + replace-ext "1.0.0" + unist-util-stringify-position "^2.0.0" + vfile-message "^2.0.0" + vinyl-file@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/vinyl-file/-/vinyl-file-2.0.0.tgz#a7ebf5ffbefda1b7d18d140fcb07b223efb6751a" @@ -14651,6 +15154,11 @@ wdio-visual-regression-service@silne30/wdio-visual-regression-service#Add_Filena platform "^1.3.1" wdio-screenshot "^0.6.0" +web-namespaces@^1.1.2: + version "1.1.2" + resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-1.1.2.tgz#c8dc267ab639505276bae19e129dbd6ae72b22b4" + integrity sha512-II+n2ms4mPxK+RnIxRPOw3zwF2jRscdJIUE9BfkKHm4FYEg9+biIoTMnaZF5MpemE3T+VhMLrhbyD4ilkPCSbg== + webdriverio@^4.12.0: version "4.12.0" resolved "https://registry.yarnpkg.com/webdriverio/-/webdriverio-4.12.0.tgz#e340def272183c8168a4dd0b382322f9d7bee10d" @@ -14966,6 +15474,11 @@ ws@^4.0.0: safe-buffer "~5.1.0" ultron "~1.1.0" +x-is-string@^0.1.0: + version "0.1.0" + resolved "https://registry.yarnpkg.com/x-is-string/-/x-is-string-0.1.0.tgz#474b50865af3a49a9c4657f05acd145458f77d82" + integrity sha1-R0tQhlrzpJqcRlfwWs0UVFj3fYI= + xdg-basedir@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-2.0.0.tgz#edbc903cc385fc04523d966a335504b5504d1bd2" @@ -15021,7 +15534,7 @@ xregexp@4.0.0: resolved "https://registry.yarnpkg.com/xregexp/-/xregexp-4.0.0.tgz#e698189de49dd2a18cc5687b05e17c8e43943020" integrity sha512-PHyM+sQouu7xspQQwELlGwwd05mXUFqwFYfqPO0cC7x4fxyHnnuetmQr6CjJiafIDoH4MogHb9dOoJzR/Y4rFg== -xtend@^4.0.0, xtend@~4.0.0, xtend@~4.0.1: +xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.0, xtend@~4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af" integrity sha1-pcbVMr5lbiPbgg77lDofBJmNY68= From 8b9f0df20c96ba79fb6b9cbdc01e3432f612facc Mon Sep 17 00:00:00 2001 From: "dave.snider@gmail.com" Date: Wed, 1 May 2019 11:23:50 -0700 Subject: [PATCH 2/5] Docs for EuiIcon new abilities (#1889) Add docs for the custom svg abilities in EuiIcon --- src-docs/src/components/guide_components.scss | 3 +- src-docs/src/images/custom.svg | 14 +++ src-docs/src/views/icon/apps.js | 40 +++++-- src-docs/src/views/icon/icon_colors.js | 11 ++ src-docs/src/views/icon/icon_example.js | 105 +++++++++++++++--- src-docs/src/views/icon/icon_sizes.js | 11 ++ src-docs/src/views/icon/icon_types.js | 83 ++++++++++++++ src-docs/src/views/icon/icons.js | 39 +++++-- src-docs/src/views/icon/logos.js | 40 +++++-- src-docs/src/views/icon/logos_third.js | 41 +++++-- src-docs/src/views/icon/ml.js | 41 +++++-- src-docs/src/views/icon/tokens.js | 50 +++++++-- src/components/icon/icon.tsx | 9 +- 13 files changed, 417 insertions(+), 70 deletions(-) create mode 100644 src-docs/src/images/custom.svg create mode 100644 src-docs/src/views/icon/icon_types.js diff --git a/src-docs/src/components/guide_components.scss b/src-docs/src/components/guide_components.scss index f9419f85a5a..1e42efbba6d 100644 --- a/src-docs/src/components/guide_components.scss +++ b/src-docs/src/components/guide_components.scss @@ -130,7 +130,8 @@ $guideZLevelHighest: $euiZLevel9 + 1000; .guideDemo__icon { text-align: center; - svg { + svg, + img { margin-bottom: $euiSizeS; } } diff --git a/src-docs/src/images/custom.svg b/src-docs/src/images/custom.svg new file mode 100644 index 00000000000..69d9bde805f --- /dev/null +++ b/src-docs/src/images/custom.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + C + + + diff --git a/src-docs/src/views/icon/apps.js b/src-docs/src/views/icon/apps.js index 03fc588f58c..3db0c801d02 100644 --- a/src-docs/src/views/icon/apps.js +++ b/src-docs/src/views/icon/apps.js @@ -1,3 +1,14 @@ +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS + +// This example JS is overly complex for simple icon usage +// and is set up this way for ease of use in our docs. +// +// Check the snippet tab for a more common usage. + import React from 'react'; import { @@ -6,6 +17,7 @@ import { EuiIcon, EuiPanel, EuiText, + EuiCopy, } from '../../../../src/components'; const iconTypes = [ @@ -62,15 +74,25 @@ export default () => ( key={iconType} style={{ width: '200px' }} > - - - -

{iconType}

-
-
+ + {(copy) => ( + + + +

{iconType}

+
+
+ )} +
)) } diff --git a/src-docs/src/views/icon/icon_colors.js b/src-docs/src/views/icon/icon_colors.js index d762254b7b7..11c29fcebee 100644 --- a/src-docs/src/views/icon/icon_colors.js +++ b/src-docs/src/views/icon/icon_colors.js @@ -1,3 +1,14 @@ +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS + +// This example JS is overly complex for simple icon usage +// and is set up this way for ease of use in our docs. +// +// Check the snippet tab for a more common usage. + import React from 'react'; import { diff --git a/src-docs/src/views/icon/icon_example.js b/src-docs/src/views/icon/icon_example.js index 03fce5974ef..9a67d8af5b4 100644 --- a/src-docs/src/views/icon/icon_example.js +++ b/src-docs/src/views/icon/icon_example.js @@ -11,6 +11,8 @@ import { EuiIcon, EuiToken, EuiLink, + EuiText, + EuiSpacer, } from '../../../../src/components'; const iconHtmlWarning = () => ( @@ -25,33 +27,90 @@ const iconsHtml = renderToHtml(iconHtmlWarning); import Icons from './icons'; const iconsSource = require('!!raw-loader!./icons'); +const iconsSnippet = ``; import Tokens from './tokens'; const tokensSource = require('!!raw-loader!./tokens'); +const tokensSnippet = ` + + + +`; + import Apps from './apps'; const appsSource = require('!!raw-loader!./apps'); +const appsSnippet = ``; import Ml from './ml'; const mlSource = require('!!raw-loader!./ml'); +const mlSnippet = ``; import Logos from './logos'; const logosSource = require('!!raw-loader!./logos'); +const logosSnippet = ``; import LogosThird from './logos_third'; const logosThirdSource = require('!!raw-loader!./logos_third'); +const logosThirdSnippet = ``; import IconSizes from './icon_sizes'; const iconSizesSource = require('!!raw-loader!./icon_sizes'); +const iconSizesSnippet = ``; import IconColors from './icon_colors'; const iconColorsSource = require('!!raw-loader!./icon_colors'); +const iconColorsSnippet = ` + +`; import Accessibility from './accessibility'; const accessibilitySource = require('!!raw-loader!./accessibility'); +import IconTypes from './icon_types'; +const iconTypesSource = require('!!raw-loader!./icon_types'); +const iconTypesSnippet = ` + + + + + +Works in other components too +`; + export const IconExample = { title: 'Icons', + intro: ( +
+ +

+ EuiIcon is a handy component for using our custom glyphs and logos. + The type prop accepts either an enumerated name from one of the sets below, + a location to a custom SVG asset, or a React Element. +

+

+ When using custom SVGs please remove all fill attributes on the SVG and + utilize the CSS helpers if you have complex logos that need to work with theming. +

+
+ +
+ + ), sections: [{ source: [{ type: GuideSectionTypes.JS, @@ -60,29 +119,18 @@ export const IconExample = { type: GuideSectionTypes.HTML, code: iconsHtml, }], + title: 'Glyphs', text: (

- EuiIcon can build out an icon from our SVG - icon library. Icons are resized and recolored through a - CSS Fill declaration. -

-

- New icons should be placed in - the /icons/assets/ folder on - a 16x16 empty canvas. - Icons in the general set should be monochromatic and the code - itself should not contain any fill attributes. Use the SVGO plugin - for Sketch when exporting to compress / clean your SVG of junk. -

-

- Note: guideDemo__icon styling is applied on the - below grid for documentation presentation only. Do not copy - this class into production. + Glyphs are small, monochromatic icons that typically should always use the default size + of size="m". They tend to be pixel perfect and don't + scale very well into larger sizes.

), props: { EuiIcon }, + snippet: iconsSnippet, demo: , }, { title: 'Apps', @@ -99,6 +147,7 @@ export const IconExample = { and can contain multiple colors.

), + snippet: appsSnippet, demo: , }, { title: 'Tokens', @@ -130,6 +179,7 @@ export const IconExample = { ), props: { EuiToken }, + snippet: tokensSnippet, demo: , }, { title: 'Machine learning icons', @@ -146,6 +196,7 @@ export const IconExample = { Again, these are made for 32x32.

), + snippet: mlSnippet, demo: , }, { title: 'Elastic logos', @@ -162,6 +213,7 @@ export const IconExample = { portions of the SVGs to handle flipping colors for dark mode.

), + snippet: logosSnippet, demo: , }, { title: 'Third party logos', @@ -172,6 +224,7 @@ export const IconExample = { type: GuideSectionTypes.HTML, code: iconsHtml, }], + snippet: logosThirdSnippet, demo: , }, { title: 'Sizes', @@ -188,6 +241,7 @@ export const IconExample = { Medium is the default, and will output a 16x16 icon.

), + snippet: iconSizesSnippet, demo: , }, { title: 'Colors', @@ -209,6 +263,7 @@ export const IconExample = { unless the custom color is initiated by the user (like as a graph color).

), + snippet: iconColorsSnippet, demo: , }, { title: 'Accessibility', @@ -225,5 +280,23 @@ export const IconExample = {

), demo: , + }, { + title: 'Custom SVGs', + text: ( +

+ The type prop can accept a valid enum, string or React SVG Element. When using a custom SVG, please make sure + it sits on a square canvas and preferably utilizes one of EUI's sizes (16x16, 32x32...etc). +

+ ), + source: [{ + type: GuideSectionTypes.JS, + code: iconTypesSource, + }, { + type: GuideSectionTypes.HTML, + code: iconsHtml, + }], + props: { EuiIcon }, + snippet: iconTypesSnippet, + demo: , }], }; diff --git a/src-docs/src/views/icon/icon_sizes.js b/src-docs/src/views/icon/icon_sizes.js index bce17c5f871..3a975cc96c3 100644 --- a/src-docs/src/views/icon/icon_sizes.js +++ b/src-docs/src/views/icon/icon_sizes.js @@ -1,3 +1,14 @@ +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS + +// This example JS is overly complex for simple icon usage +// and is set up this way for ease of use in our docs. +// +// Check the snippet tab for a more common usage. + import React from 'react'; import { diff --git a/src-docs/src/views/icon/icon_types.js b/src-docs/src/views/icon/icon_types.js new file mode 100644 index 00000000000..516e8acb4b7 --- /dev/null +++ b/src-docs/src/views/icon/icon_types.js @@ -0,0 +1,83 @@ +import React from 'react'; + +import { + EuiFlexGrid, + EuiFlexGroup, + EuiFlexItem, + EuiIcon, + EuiPanel, + EuiText, + EuiCode, + EuiSpacer, + EuiButton, +} from '../../../../src/components'; + +import reactSvg from '../../images/custom.svg'; + + +export default () => ( +
+ + + + + +

logoElastic

+
+
+
+ + + + +

http://some.svg

+
+
+
+ + + + +

{`{reactSvg}`}

+
+
+
+
+ + + + +

Any component that utlizes EuiIcon can use custom SVGs as well

+
+ + + + + + http://some.svg + + + {`{reactSvg}`} + + + +
+); diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js index 3f0ce8c031e..c53e26ccf45 100644 --- a/src-docs/src/views/icon/icons.js +++ b/src-docs/src/views/icon/icons.js @@ -1,3 +1,14 @@ +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS + +// This example JS is overly complex for simple icon usage +// and is set up this way for ease of use in our docs. +// +// Check the snippet tab for a more common usage. + import React from 'react'; import { @@ -6,6 +17,7 @@ import { EuiIcon, EuiPanel, EuiText, + EuiCopy, } from '../../../../src/components'; const iconTypes = [ @@ -191,14 +203,25 @@ export default () => ( key={iconType} style={{ width: '200px' }} > - - - -

{iconType}

-
-
+ + {(copy) => ( + + + +

{iconType}

+
+
+ )} +
+ )) } diff --git a/src-docs/src/views/icon/logos.js b/src-docs/src/views/icon/logos.js index 08dc816f913..4c97dd8b660 100644 --- a/src-docs/src/views/icon/logos.js +++ b/src-docs/src/views/icon/logos.js @@ -1,3 +1,14 @@ +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS + +// This example JS is overly complex for simple icon usage +// and is set up this way for ease of use in our docs. +// +// Check the snippet tab for a more common usage. + import React from 'react'; import { @@ -6,6 +17,7 @@ import { EuiIcon, EuiPanel, EuiText, + EuiCopy, } from '../../../../src/components'; const iconTypes = [ @@ -35,15 +47,25 @@ export default () => ( key={iconType} style={{ width: '200px' }} > - - - -

{iconType}

-
-
+ + {(copy) => ( + + + +

{iconType}

+
+
+ )} +
)) } diff --git a/src-docs/src/views/icon/logos_third.js b/src-docs/src/views/icon/logos_third.js index 72605390b11..255b02cdbeb 100644 --- a/src-docs/src/views/icon/logos_third.js +++ b/src-docs/src/views/icon/logos_third.js @@ -1,3 +1,14 @@ +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS + +// This example JS is overly complex for simple icon usage +// and is set up this way for ease of use in our docs. +// +// Check the snippet tab for a more common usage. + import React from 'react'; import { @@ -6,6 +17,7 @@ import { EuiIcon, EuiPanel, EuiText, + EuiCopy, } from '../../../../src/components'; const iconTypes = [ @@ -54,15 +66,26 @@ export default () => ( key={iconType} style={{ width: '200px' }} > - - - -

{iconType}

-
-
+ + {(copy) => ( + + + +

{iconType}

+
+
+ )} +
+ )) } diff --git a/src-docs/src/views/icon/ml.js b/src-docs/src/views/icon/ml.js index 1e706373ede..7c1c559119d 100644 --- a/src-docs/src/views/icon/ml.js +++ b/src-docs/src/views/icon/ml.js @@ -1,3 +1,14 @@ +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS + +// This example JS is overly complex for simple icon usage +// and is set up this way for ease of use in our docs. +// +// Check the snippet tab for a more common usage. + import React from 'react'; import { @@ -6,6 +17,7 @@ import { EuiIcon, EuiPanel, EuiText, + EuiCopy, } from '../../../../src/components'; const iconTypes = [ @@ -25,15 +37,26 @@ export default () => ( key={iconType} style={{ width: '200px' }} > - - - -

{iconType}

-
-
+ + {(copy) => ( + + + +

{iconType}

+
+
+ )} +
+ )) } diff --git a/src-docs/src/views/icon/tokens.js b/src-docs/src/views/icon/tokens.js index 5b1f477c381..cdeb9f19827 100644 --- a/src-docs/src/views/icon/tokens.js +++ b/src-docs/src/views/icon/tokens.js @@ -1,3 +1,14 @@ +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS +// DON'T USE THIS + +// This example JS is overly complex for simple icon usage +// and is set up this way for ease of use in our docs. +// +// Check the snippet tab for a more common usage. + import React, { Fragment } from 'react'; import { @@ -7,6 +18,8 @@ import { EuiText, EuiToken, EuiSpacer, + EuiCopy, + EuiCode, } from '../../../../src/components'; const tokens = [ @@ -50,15 +63,26 @@ export default () => ( - -
- -
- -

{token}

-
-
+ + {(copy) => ( + +
+ +
+ +

{token}

+
+
+ )} +
)) } @@ -66,6 +90,16 @@ export default () => ( + +

+ By default the iconType prop defines the styling of the token. + However, displayOptions allows you to overwrite the color, shape and fill used + if you need a more custom token using any of the EUI glyph set. +

+
+ + + | string; /** - * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value + * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value. + * Note that coloring only works if your SVG is removed of fill attributes. */ color?: IconColor; + /** + * Note that every size other than `original` assumes the provided SVG sits on a square viewbox. + */ size?: IconSize; } From 945dffc7d8058b5361f2a46f3540c751f4ec708e Mon Sep 17 00:00:00 2001 From: Caroline Horn <549577+cchaos@users.noreply.github.com> Date: Thu, 2 May 2019 10:09:53 -0400 Subject: [PATCH 3/5] DOCS ONLY: Allow multiple snippets (#1908) --- .../components/guide_section/guide_section.js | 35 ++++++++++++++----- src-docs/src/views/icon/icon_example.js | 29 ++++++--------- 2 files changed, 37 insertions(+), 27 deletions(-) diff --git a/src-docs/src/components/guide_section/guide_section.js b/src-docs/src/components/guide_section/guide_section.js index b61815f4bf4..53037c6e388 100644 --- a/src-docs/src/components/guide_section/guide_section.js +++ b/src-docs/src/components/guide_section/guide_section.js @@ -158,14 +158,28 @@ export class GuideSection extends Component { return; } - return [ - - - - {snippet} - - - ]; + let snippetCode; + if (typeof snippet === 'string') { + snippetCode = ( + + + + {snippet} + + + ); + } else { + snippetCode = snippet.map((snip, index) => ( + + + + {snip} + + + )); + } + + return snippetCode; } renderPropsForComponent = (componentName, component) => { @@ -413,7 +427,10 @@ GuideSection.propTypes = { title: PropTypes.string, id: PropTypes.string, source: PropTypes.array, - snippet: PropTypes.string, + snippet: PropTypes.oneOfType([ + PropTypes.string, + PropTypes.arrayOf(PropTypes.string), + ]), children: PropTypes.any, toggleTheme: PropTypes.func.isRequired, theme: PropTypes.string.isRequired, diff --git a/src-docs/src/views/icon/icon_example.js b/src-docs/src/views/icon/icon_example.js index 9a67d8af5b4..f2434a8059e 100644 --- a/src-docs/src/views/icon/icon_example.js +++ b/src-docs/src/views/icon/icon_example.js @@ -31,17 +31,15 @@ const iconsSnippet = ``; import Tokens from './tokens'; const tokensSource = require('!!raw-loader!./tokens'); -const tokensSnippet = ` - -`, + ` - -`, + ` shape: 'rectangle', hideBorder: true }} -/>`; +/>`]; import Apps from './apps'; @@ -74,23 +72,18 @@ const iconSizesSnippet = ``; import IconColors from './icon_colors'; const iconColorsSource = require('!!raw-loader!./icon_colors'); -const iconColorsSnippet = ` - -`; +const iconColorsSnippet = [``, + ``]; import Accessibility from './accessibility'; const accessibilitySource = require('!!raw-loader!./accessibility'); import IconTypes from './icon_types'; const iconTypesSource = require('!!raw-loader!./icon_types'); -const iconTypesSnippet = ` - - - - - -Works in other components too -`; +const iconTypesSnippet = [``, + ``, + ``, + `Works in other components too`]; export const IconExample = { title: 'Icons', From 68151c04a8719ad8705bf01b47034c41868c7748 Mon Sep 17 00:00:00 2001 From: Chandler Prall Date: Tue, 7 May 2019 10:26:31 -0600 Subject: [PATCH 4/5] Update IconType and its proptype usage (#1913) * Expand IconType to include string * Update EuiIcon IconType to include Element, fix some TS issues, widen the EuiIcon IconType proptype * Swap Vim example logo out for SVG example logo, which contains a viewBox for IE11 compat --- src-docs/src/views/icon/icon_example.js | 5 ++-- src-docs/src/views/icon/icon_types.js | 4 +-- src/components/badge/badge.js | 4 +-- src/components/badge/beta_badge/beta_badge.js | 4 +-- src/components/button/button.js | 4 +-- .../button/button_empty/button_empty.js | 4 +-- .../button/button_icon/button_icon.js | 4 +-- src/components/call_out/call_out.js | 4 +-- .../date_picker/date_picker_range.js | 4 +-- src/components/empty_prompt/empty_prompt.js | 4 +-- src/components/filter_group/filter_button.js | 4 +-- src/components/header/header_logo.js | 3 ++- src/components/icon/icon.tsx | 25 +++++++++++++------ src/components/icon/index.ts | 1 + .../key_pad_menu/key_pad_menu_item.js | 4 +-- src/components/list_group/list_group_item.js | 6 ++--- src/components/table/table_header_button.js | 4 +-- src/components/toast/global_toast_list.js | 4 +-- src/components/toast/toast.js | 4 +-- src/components/token/token.js | 4 +-- 20 files changed, 56 insertions(+), 44 deletions(-) diff --git a/src-docs/src/views/icon/icon_example.js b/src-docs/src/views/icon/icon_example.js index f2434a8059e..49b1f0f1fe3 100644 --- a/src-docs/src/views/icon/icon_example.js +++ b/src-docs/src/views/icon/icon_example.js @@ -82,7 +82,7 @@ import IconTypes from './icon_types'; const iconTypesSource = require('!!raw-loader!./icon_types'); const iconTypesSnippet = [``, ``, - ``, + ``, `Works in other components too`]; export const IconExample = { @@ -278,7 +278,8 @@ export const IconExample = { text: (

The type prop can accept a valid enum, string or React SVG Element. When using a custom SVG, please make sure - it sits on a square canvas and preferably utilizes one of EUI's sizes (16x16, 32x32...etc). + it sits on a square canvas and preferably utilizes one of EUI's sizes (16x16, 32x32...etc). For IE11 compatibility, the SVG + file must contain a viewBox.

), source: [{ diff --git a/src-docs/src/views/icon/icon_types.js b/src-docs/src/views/icon/icon_types.js index 516e8acb4b7..de6d023aaa8 100644 --- a/src-docs/src/views/icon/icon_types.js +++ b/src-docs/src/views/icon/icon_types.js @@ -38,7 +38,7 @@ export default () => ( > @@ -72,7 +72,7 @@ export default () => ( - http://some.svg + http://some.svg {`{reactSvg}`} diff --git a/src/components/badge/badge.js b/src/components/badge/badge.js index 1dbee4f66f9..c450f2f585d 100644 --- a/src/components/badge/badge.js +++ b/src/components/badge/badge.js @@ -7,7 +7,7 @@ import { isColorDark, hexToRgb } from '../../services/color'; import { EuiKeyboardAccessible } from '../accessibility'; import { - ICON_TYPES, + IconPropType, EuiIcon, } from '../icon'; @@ -150,7 +150,7 @@ EuiBadge.propTypes = { /** * Accepts any string from our icon library */ - iconType: PropTypes.oneOf(ICON_TYPES), + iconType: IconPropType, /** * The side of the badge the icon should sit diff --git a/src/components/badge/beta_badge/beta_badge.js b/src/components/badge/beta_badge/beta_badge.js index dc3fd66d4bb..6b96853ec86 100644 --- a/src/components/badge/beta_badge/beta_badge.js +++ b/src/components/badge/beta_badge/beta_badge.js @@ -5,7 +5,7 @@ import classNames from 'classnames'; import { EuiToolTip } from '../../tool_tip'; import { - ICON_TYPES, + IconPropType, EuiIcon, } from '../../icon'; @@ -78,7 +78,7 @@ EuiBetaBadge.propTypes = { /** * Supply an icon type if the badge should just be an icon */ - iconType: PropTypes.oneOf(ICON_TYPES), + iconType: IconPropType, /** * Content for the tooltip diff --git a/src/components/button/button.js b/src/components/button/button.js index c4abbc5ff71..e10fe06609c 100644 --- a/src/components/button/button.js +++ b/src/components/button/button.js @@ -9,7 +9,7 @@ import { import { getSecureRelForTarget } from '../../services'; import { - ICON_TYPES, + IconPropType, EuiIcon, } from '../icon'; @@ -152,7 +152,7 @@ EuiButton.propTypes = { /** * See EuiIcon */ - iconType: PropTypes.oneOf(ICON_TYPES), + iconType: IconPropType, iconSide: PropTypes.oneOf(ICON_SIDES), /** diff --git a/src/components/button/button_empty/button_empty.js b/src/components/button/button_empty/button_empty.js index b9935e1a814..724564378d9 100644 --- a/src/components/button/button_empty/button_empty.js +++ b/src/components/button/button_empty/button_empty.js @@ -9,7 +9,7 @@ import { import { getSecureRelForTarget } from '../../../services'; import { - ICON_TYPES, + IconPropType, EuiIcon, } from '../../icon'; @@ -150,7 +150,7 @@ export const EuiButtonEmpty = ({ EuiButtonEmpty.propTypes = { children: PropTypes.node, className: PropTypes.string, - iconType: PropTypes.oneOf(ICON_TYPES), + iconType: IconPropType, iconSide: PropTypes.oneOf(ICON_SIDES), color: PropTypes.oneOf(COLORS), size: PropTypes.oneOf(SIZES), diff --git a/src/components/button/button_icon/button_icon.js b/src/components/button/button_icon/button_icon.js index 5cdca391d01..852ae927e4f 100644 --- a/src/components/button/button_icon/button_icon.js +++ b/src/components/button/button_icon/button_icon.js @@ -6,7 +6,7 @@ import { getSecureRelForTarget } from '../../../services'; import { ICON_SIZES, - ICON_TYPES, + IconPropType, EuiIcon, } from '../../icon'; @@ -107,7 +107,7 @@ export const EuiButtonIcon = ({ EuiButtonIcon.propTypes = { children: PropTypes.node, className: PropTypes.string, - iconType: PropTypes.oneOf(ICON_TYPES), + iconType: IconPropType, iconSize: PropTypes.oneOf(ICON_SIZES), color: PropTypes.oneOf(COLORS), isDisabled: PropTypes.bool, diff --git a/src/components/call_out/call_out.js b/src/components/call_out/call_out.js index 644904dde9f..d95ad7f4eb4 100644 --- a/src/components/call_out/call_out.js +++ b/src/components/call_out/call_out.js @@ -4,7 +4,7 @@ import PropTypes from 'prop-types'; import classNames from 'classnames'; import { - ICON_TYPES, + IconPropType, EuiIcon, } from '../icon'; @@ -94,7 +94,7 @@ EuiCallOut.propTypes = { children: PropTypes.node, className: PropTypes.string, title: PropTypes.node, - iconType: PropTypes.oneOf(ICON_TYPES), + iconType: IconPropType, color: PropTypes.oneOf(COLORS), size: PropTypes.oneOf(SIZES), }; diff --git a/src/components/date_picker/date_picker_range.js b/src/components/date_picker/date_picker_range.js index b3e20b5e9a3..f8944bd0c45 100644 --- a/src/components/date_picker/date_picker_range.js +++ b/src/components/date_picker/date_picker_range.js @@ -6,7 +6,7 @@ import classNames from 'classnames'; import { EuiText } from '../text'; import { - ICON_TYPES, + IconPropType, EuiIcon, } from '../icon'; @@ -91,7 +91,7 @@ EuiDatePickerRange.propTypes = { */ iconType: PropTypes.oneOfType([ PropTypes.bool, - PropTypes.oneOf(ICON_TYPES), + IconPropType, ]), fullWidth: PropTypes.bool, /** diff --git a/src/components/empty_prompt/empty_prompt.js b/src/components/empty_prompt/empty_prompt.js index 26ba32374e3..eb40aab6d2a 100644 --- a/src/components/empty_prompt/empty_prompt.js +++ b/src/components/empty_prompt/empty_prompt.js @@ -5,7 +5,7 @@ import classNames from 'classnames'; import { TITLE_SIZES } from '../title/title'; import { EuiFlexGroup, EuiFlexItem } from '../flex'; import { EuiSpacer } from '../spacer'; -import { EuiIcon, COLORS, TYPES } from '../icon/icon'; +import { EuiIcon, COLORS, IconPropType } from '../icon/icon'; import { EuiText, EuiTextColor } from '../text'; import { EuiTitle } from '../title'; @@ -116,7 +116,7 @@ export const EuiEmptyPrompt = ({ }; EuiEmptyPrompt.propTypes = { - iconType: PropTypes.oneOf(TYPES), + iconType: IconPropType, /** * Pass `null` to use original icon color diff --git a/src/components/filter_group/filter_button.js b/src/components/filter_group/filter_button.js index 5d8b00b3fa8..4c761495a57 100644 --- a/src/components/filter_group/filter_button.js +++ b/src/components/filter_group/filter_button.js @@ -11,7 +11,7 @@ import { } from '../button/button_empty'; import { - ICON_TYPES, + IconPropType, } from '../icon'; export const EuiFilterButton = ({ @@ -95,7 +95,7 @@ EuiFilterButton.propTypes = { /** * Use any one of our icons */ - iconType: PropTypes.oneOf(ICON_TYPES), + iconType: IconPropType, iconSide: PropTypes.oneOf(ICON_SIDES), color: PropTypes.oneOf(COLORS), /** diff --git a/src/components/header/header_logo.js b/src/components/header/header_logo.js index c918cb223bb..2513733c468 100644 --- a/src/components/header/header_logo.js +++ b/src/components/header/header_logo.js @@ -4,6 +4,7 @@ import classNames from 'classnames'; import { EuiIcon, + IconPropType, } from '../icon'; export const EuiHeaderLogo = ({ iconType, iconTitle, href, children, className, ...rest }) => { @@ -28,7 +29,7 @@ export const EuiHeaderLogo = ({ iconType, iconTitle, href, children, className, EuiHeaderLogo.propTypes = { href: PropTypes.string, children: PropTypes.node, - iconType: PropTypes.string, + iconType: IconPropType, iconTitle: PropTypes.string, }; diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx index 115da7b5456..1a3319a0f56 100644 --- a/src/components/icon/icon.tsx +++ b/src/components/icon/icon.tsx @@ -4,6 +4,7 @@ import React, { ReactElement, SVGAttributes, } from 'react'; +import PropTypes from 'prop-types'; import classNames from 'classnames'; import { CommonProps, Omit, keysOf } from '../common'; @@ -316,9 +317,16 @@ const typeToPathMap = { tokenNamespace: 'tokens/tokenNamespace', }; -export const TYPES: IconType[] = keysOf(typeToPathMap); +export const TYPES = keysOf(typeToPathMap); -export type IconType = keyof typeof typeToPathMap; +export type EuiIconType = keyof typeof typeToPathMap; + +export type IconType = EuiIconType | string | ReactElement; + +export const IconPropType = PropTypes.oneOfType([ + PropTypes.string, + PropTypes.node, +]); const colorToClassMap = { default: null, @@ -361,7 +369,7 @@ export interface EuiIconProps { /** * `Enum` is any of the named icons listed in the docs, `Element` is any React SVG element, and `string` is usually a URL to an SVG file */ - type: IconType | ReactElement | string; + type: IconType; /** * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value. * Note that coloring only works if your SVG is removed of fill attributes. @@ -374,15 +382,15 @@ export interface EuiIconProps { } type Props = CommonProps & - Omit, 'color'> & + Omit, keyof EuiIconProps> & EuiIconProps; interface State { - icon: undefined | ReactElement | string; + icon: undefined | ReactElement | string; isLoading: boolean; } -function isIconType(x: EuiIconProps['type']): x is IconType { +function isEuiIconType(x: EuiIconProps['type']): x is EuiIconType { return typeof x === 'string' && typeToPathMap.hasOwnProperty(x); } @@ -390,7 +398,7 @@ function getInitialIcon(icon: EuiIconProps['type']) { if (icon == null) { return undefined; } - if (isIconType(icon)) { + if (isEuiIconType(icon)) { return undefined; } return icon; @@ -403,7 +411,7 @@ export class EuiIcon extends Component { const initialIcon = getInitialIcon(this.props.type); let isLoading = false; - if (isIconType(this.props.type)) { + if (isEuiIconType(this.props.type)) { isLoading = true; import('./assets/' + typeToPathMap[this.props.type] + '.js').then( ({ icon }) => { @@ -447,6 +455,7 @@ export class EuiIcon extends Component { // These icons are a little special and get some extra CSS flexibility const isAppIcon = type && + typeof type === 'string' && (/.+App$/.test(type) || /.+Job$/.test(type) || type === 'dataVisualizer'); const classes = classNames( diff --git a/src/components/icon/index.ts b/src/components/icon/index.ts index 93fcbec7e9c..46954d7aea4 100644 --- a/src/components/icon/index.ts +++ b/src/components/icon/index.ts @@ -3,6 +3,7 @@ export { IconColor, IconSize, IconType, + IconPropType, TYPES as ICON_TYPES, SIZES as ICON_SIZES, COLORS as ICON_COLORS, diff --git a/src/components/key_pad_menu/key_pad_menu_item.js b/src/components/key_pad_menu/key_pad_menu_item.js index bb777e10330..fd3b63be621 100644 --- a/src/components/key_pad_menu/key_pad_menu_item.js +++ b/src/components/key_pad_menu/key_pad_menu_item.js @@ -5,7 +5,7 @@ import classNames from 'classnames'; import { EuiBetaBadge } from '../../components/badge/beta_badge'; import { - ICON_TYPES, + IconPropType, } from '../icon'; const renderContent = (children, label, betaBadgeLabel, betaBadgeTooltipContent, betaBadgeIconType) => ( @@ -43,7 +43,7 @@ const commonPropTypes = { /** * Supply an icon type if the badge should just be an icon */ - betaBadgeIconType: PropTypes.oneOf(ICON_TYPES), + betaBadgeIconType: IconPropType, /** * Add a description to the beta badge (will appear in a tooltip) diff --git a/src/components/list_group/list_group_item.js b/src/components/list_group/list_group_item.js index e15ed76617f..95444f5f776 100644 --- a/src/components/list_group/list_group_item.js +++ b/src/components/list_group/list_group_item.js @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import classNames from 'classnames'; import { EuiButtonIcon } from '../button'; -import { ICON_TYPES, EuiIcon } from '../icon'; +import { IconPropType, EuiIcon } from '../icon'; import { EuiToolTip } from '../tool_tip'; const sizeToClassNameMap = { @@ -182,7 +182,7 @@ EuiListGroupItem.propTypes = { /** * Adds `EuiIcon` of `EuiIcon.type` */ - iconType: PropTypes.oneOf(ICON_TYPES), + iconType: IconPropType, /** * Custom node to pass as the icon. Cannot be used in conjunction @@ -200,7 +200,7 @@ EuiListGroupItem.propTypes = { * pass `alwaysShow` if you don't want the default behavior of only showing on hover */ extraAction: PropTypes.shape({ - iconType: PropTypes.oneOf(ICON_TYPES).isRequired, + iconType: IconPropType.isRequired, alwaysShow: PropTypes.bool, }), diff --git a/src/components/table/table_header_button.js b/src/components/table/table_header_button.js index 76551d3d4a8..78cee5e7d5b 100644 --- a/src/components/table/table_header_button.js +++ b/src/components/table/table_header_button.js @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import classNames from 'classnames'; import { - ICON_TYPES, + IconPropType, EuiIcon, } from '../icon'; @@ -44,5 +44,5 @@ export const EuiTableHeaderButton = ({ EuiTableHeaderButton.propTypes = { children: PropTypes.node, className: PropTypes.string, - iconType: PropTypes.oneOf(ICON_TYPES), + iconType: IconPropType, }; diff --git a/src/components/toast/global_toast_list.js b/src/components/toast/global_toast_list.js index 61f557679e5..3ea252dd4fe 100644 --- a/src/components/toast/global_toast_list.js +++ b/src/components/toast/global_toast_list.js @@ -5,7 +5,7 @@ import PropTypes from 'prop-types'; import classNames from 'classnames'; import { Timer } from '../../services/time'; -import { ICON_TYPES } from '../icon'; +import { IconPropType } from '../icon'; import { EuiGlobalToastListItem } from './global_toast_list_item'; import { EuiToast } from './toast'; @@ -38,7 +38,7 @@ export class EuiGlobalToastList extends Component { title: PropTypes.string, text: PropTypes.node, color: PropTypes.string, - iconType: PropTypes.oneOf(ICON_TYPES), + iconType: IconPropType, toastLifeTimeMs: PropTypes.number, }).isRequired), dismissToast: PropTypes.func.isRequired, diff --git a/src/components/toast/toast.js b/src/components/toast/toast.js index 192cafa1f1e..208c4cea1ae 100644 --- a/src/components/toast/toast.js +++ b/src/components/toast/toast.js @@ -6,7 +6,7 @@ import { EuiScreenReaderOnly } from '../accessibility'; import { EuiI18n } from '../i18n'; import { - ICON_TYPES, + IconPropType, EuiIcon, } from '../icon'; @@ -110,7 +110,7 @@ export const EuiToast = ({ title, color, iconType, onClose, children, className, EuiToast.propTypes = { title: PropTypes.node, - iconType: PropTypes.oneOf(ICON_TYPES), + iconType: IconPropType, color: PropTypes.oneOf(COLORS), onClose: PropTypes.func, children: PropTypes.node, diff --git a/src/components/token/token.js b/src/components/token/token.js index 59d270c1a4e..9824915fc9b 100644 --- a/src/components/token/token.js +++ b/src/components/token/token.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames'; -import { ICON_TYPES, EuiIcon } from '../icon'; +import { IconPropType, EuiIcon } from '../icon'; import { TOKEN_MAP } from './token_map'; const sizeToClassMap = { @@ -93,7 +93,7 @@ EuiToken.propTypes = { /** * An EUI icon type */ - iconType: PropTypes.oneOf(ICON_TYPES).isRequired, + iconType: IconPropType.isRequired, /** * Size of the token */ From f96696711a7ea6e5158069b5d42ab5997613a95d Mon Sep 17 00:00:00 2001 From: Chandler Prall Date: Tue, 7 May 2019 11:24:50 -0600 Subject: [PATCH 5/5] changelog --- CHANGELOG.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 44473e6ebbc..03e1c3cc872 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,10 @@ ## [`master`](https://github.com/elastic/eui/tree/master) -No public interface changes since `10.4.0` +- Added support for custom React SVG elements and external SVG URLs to `EuiIcon` ([#1924](https://github.com/elastic/eui/pull/1924)) + +**Breaking changes** + +- Split `EuiIcon` icon loading into dynamic imports ([#1924](https://github.com/elastic/eui/pull/1924)) ## [`10.4.0`](https://github.com/elastic/eui/tree/v10.4.0)