Merge branch 'main' into fix_flacky_128110

.github/CODEOWNERS

@@ -220,21 +220,23 @@
 /src/setup_node_env/ @elastic/kibana-operations
 /packages/*eslint*/ @elastic/kibana-operations
 /packages/*babel*/ @elastic/kibana-operations
+/packages/kbn-ambient-ui-types/ @elastic/kibana-operations
+/packages/kbn-ambient-storybook-types/ @elastic/kibana-operations
+/packages/kbn-bazel-packages/ @elastic/kibana-operations
+/packages/kbn-cli-dev-mode/ @elastic/kibana-operations
 /packages/kbn-dev-utils*/ @elastic/kibana-operations
+/packages/kbn-es-archiver/ @elastic/kibana-operations
 /packages/kbn-es/ @elastic/kibana-operations
 /packages/kbn-eslint-plugin-imports/ @elastic/kibana-operations
+/packages/kbn-generate/ @elastic/kibana-operations
 /packages/kbn-optimizer/ @elastic/kibana-operations
+/packages/kbn-plugin-discovery/ @elastic/kibana-operations
 /packages/kbn-pm/ @elastic/kibana-operations
 /packages/kbn-test/ @elastic/kibana-operations
 /packages/kbn-type-summarizer/ @elastic/kibana-operations
 /packages/kbn-ui-shared-deps-npm/ @elastic/kibana-operations
 /packages/kbn-ui-shared-deps-src/ @elastic/kibana-operations
-/packages/kbn-bazel-packages/ @elastic/kibana-operations
-/packages/kbn-es-archiver/ @elastic/kibana-operations
 /packages/kbn-utils/ @elastic/kibana-operations
-/packages/kbn-cli-dev-mode/ @elastic/kibana-operations
-/packages/kbn-generate/ @elastic/kibana-operations
-/packages/kbn-plugin-discovery/ @elastic/kibana-operations
 /src/cli/keystore/ @elastic/kibana-operations
 /.ci/es-snapshots/ @elastic/kibana-operations
 /.github/workflows/ @elastic/kibana-operations

docs/setup/settings.asciidoc

@@ -682,6 +682,8 @@ sources and images. When false, Vega can only get data from {es}. *Default: `fal
 `exploreDataInContextMenu.enabled`
  | Enables the *Explore underlying data* option that allows you to open *Discover* from a dashboard panel and view the panel data. *Default: `false`*
 
+  When you create visualizations using the *Lens* drag-and-drop editor, you can use the toolbar to open and explore your data in *Discover*. For more information, check out <<explore-lens-data-in-discover, Explore the data in Discover>>. 
+
 |[[settings-explore-data-in-chart]] `xpack.discoverEnhanced.actions.`
 `exploreDataInChart.enabled`
  | Enables you to view the underlying documents in a data series from a dashboard panel. *Default: `false`*

docs/user/dashboard/lens-advanced.asciidoc

@@ -67,7 +67,7 @@ image::images/lens_clickAndDragZoom_7.16.gif[Cursor clicking and dragging across
 
 To identify the 75th percentile of orders, add a reference line:
 
-. In the layer pane, click *Add layer > Add reference layer*.
+. In the layer pane, click *Add layer > Reference lines*.
 
 . Click *Static value*.
 
@@ -154,7 +154,7 @@ To analyze multiple visualization types, create an area chart that displays the
 
 Add a layer to display the customer traffic:
 
-. In the layer pane, click *Add layer > Add visualization layer*.
+. In the layer pane, click *Add layer > Visualization*.
 
 . From the *Available fields* list, drag *customer_id* to the *Vertical Axis* field in the second layer.
 

docs/user/dashboard/lens.asciidoc

@@ -10,9 +10,11 @@ With *Lens*, you can:
 
 * Create area, line, and bar charts with layers to display multiple indices and chart types.
 * Change the aggregation function to change the data in the visualization.
+* Create custom tables.
 * Perform math on aggregations using *Formula*.
 * Use time shifts to compare the data in two time intervals, such as month over month.
-* Create custom tables.
+* Add annotations and reference lines.
+
 
 ++++
 <script type="text/javascript" async 
@@ -48,14 +50,16 @@ Choose the data you want to visualize.
 
 . If you want to learn more about the data a field contains, click the field.
 
-. To visualize more than one {data-source}, click *Add layer > Add visualization layer*, then select the {data-source}.
+. To visualize more than one {data-source}, click *Add layer > Visualization*, then select the {data-source}.
 
 Edit and delete.
 
 . To change the aggregation *Quick function* and display options, click the field in the layer pane. 
 
 . To delete a field, close the configuration options, then click *X* next to the field.
 
+TIP: You can manually apply the changes you make, which is helpful when creating large and complex visualizations. To manually apply your changes, click *Settings* in the toolbar, then deselect *Auto-apply visualization changes*.
+
 [float]
 [[change-the-fields]]
 ==== Change the fields list
@@ -178,6 +182,23 @@ Compare your real-time data set to the results that are offset by a time increme
 
 For a time shift example, refer to <<compare-time-ranges>>.
 
+[float]
+[[add-annotations]]
+==== Add annotations
+
+Annotations allow you to call out specific points in your visualizations that are important, such as a major change in the data. You can add text and icons to annotations and customize the appearance, such as the line format and color. 
+
+[role="screenshot"]
+image::images/lens_annotations_8.2.0.png[Lens annotations]
+
+. In the layer pane, click *Add layer > Annotations*.
+
+. To open the annotation options, click *Event*.
+
+. Specify the *Annotation date*, then change the *Appearance* options you want to display.
+
+. Click *Close*.
+
 [float]
 [[add-reference-lines]]
 ==== Add reference lines
@@ -189,7 +210,7 @@ For example, to track the number of bytes in the 75th percentile, add a shaded *
 [role="screenshot"]
 image::images/lens_referenceLine_7.16.png[Lens drag and drop focus state]
 
-. In the layer pane, click *Add layer > Add reference layer*.
+. In the layer pane, click *Add layer > Reference lines*.
 
 . Click the reference line value, then specify the reference line you want to use:
 
@@ -261,6 +282,16 @@ The following component menus are available:
 
 * *Left axis*, *Bottom axis*, and *Right axis* &mdash; Specify how you want to display the chart axes. For example, add axis labels and change the orientation and bounds.
 
+[float]
+[[explore-lens-data-in-discover]]
+=== Explore the data in Discover
+
+When your visualization includes one data view, you can open and explore the visualization data in *Discover*.
+
+To get started, click *Explore data in Discover* in the toolbar.
+
+For more information about exploring your data with *Discover*, check out <<discover,Discover>>.
+
 [float]
 [[view-data-and-requests]]
 ==== View the visualization data and requests
@@ -456,6 +487,22 @@ To configure the bounds, use the menus in the editor toolbar. Bar and area chart
 You can display icons with <<managing-data-views, field formatters>> in data tables.
 ====
 
+[discrete]
+[[is-it-possible-to-inspect-the-elasticsearch-queries-in-Lens]]
+.*How do I inspect {es} queries in visualizations?*
+[%collapsible]
+====
+You can inspect the requests sent by the visualization to {es} using the Inspector. It can be accessed within the editor or in the dashboard.
+====
+
+[discrete]
+[[how-to-isolate-a-single-series-in-a-chart]]
+.*How do I isolate a single series in a chart?*
+[%collapsible]
+====
+For area, line, and bar charts, press Shift, then click the series in the legend. All other series are automatically deselected.
+====
+
 [discrete]
 [[is-it-possible-to-use-saved-serches-in-lens]]
 .*How do I visualize saved searches?*
@@ -487,19 +534,3 @@ Pagination in a data table is unsupported. To use pagination in data tables, cre
 ====
 Specifying the color for a single data point, such as a single bar or line, is unsupported.
 ====
-
-[discrete]
-[[is-it-possible-to-inspect-the-elasticsearch-queries-in-Lens]]
-.*How do I inspect {es} queries in visualizations?*
-[%collapsible]
-====
-You can inspect the requests sent by the visualization to {es} using the Inspector. It can be accessed within the editor or in the dashboard.
-====
-
-[discrete]
-[[how-to-isolate-a-single-series-in-a-chart]]
-.*How do I isolate a single series in a chart?*
-[%collapsible]
-====
-For area, line, and bar charts, press Shift, then click the series in the legend. All other series are automatically unselected.
-====

fleet_packages.json

@@ -15,15 +15,15 @@
 [
   {
     "name": "apm",
-    "version": "8.1.0"
+    "version": "8.2.0"
   },
   {
     "name": "elastic_agent",
     "version": "1.3.1"
   },
   {
     "name": "endpoint",
-    "version": "1.5.0"
+    "version": "8.2.0"
   },
   {
     "name": "fleet_server",

nav-kibana-dev.docnav.json

@@ -61,8 +61,8 @@
         },
         { "id": "kibDevTutorialCI" },
         { "id": "kibDevTutorialServerEndpoint" },
-        { "id": "kibDevTutorialAdvancedSettings"},
-        { "id": "kibDevSharePluginReadme"}
+        { "id": "kibDevTutorialAdvancedSettings" },
+        { "id": "kibDevSharePluginReadme" }
       ]
     },
     {
@@ -103,7 +103,6 @@
         { "id": "kibDataViewsPluginApi" },
         { "id": "kibDataQueryPluginApi" },
         { "id": "kibDataSearchPluginApi" },
-        { "id": "kibDataUiPluginApi" },
         { "id": "kibBfetchPluginApi" },
         { "id": "kibAlertingPluginApi" },
         { "id": "kibTaskManagerPluginApi" },

package.json

@@ -131,6 +131,8 @@
     "@hapi/wreck": "^17.1.0",
     "@kbn/ace": "link:bazel-bin/packages/kbn-ace",
     "@kbn/alerts": "link:bazel-bin/packages/kbn-alerts",
+    "@kbn/ambient-storybook-types": "link:bazel-bin/packages/kbn-ambient-storybook-types",
+    "@kbn/ambient-ui-types": "link:bazel-bin/packages/kbn-ambient-ui-types",
     "@kbn/analytics": "link:bazel-bin/packages/kbn-analytics",
     "@kbn/apm-config-loader": "link:bazel-bin/packages/kbn-apm-config-loader",
     "@kbn/apm-utils": "link:bazel-bin/packages/kbn-apm-utils",
@@ -512,11 +514,11 @@
     "@storybook/react": "^6.3.12",
     "@storybook/testing-react": "^0.0.22",
     "@storybook/theming": "^6.3.12",
-    "@testing-library/dom": "^7.30.3",
-    "@testing-library/jest-dom": "^5.11.10",
-    "@testing-library/react": "^11.2.6",
-    "@testing-library/react-hooks": "^5.1.1",
-    "@testing-library/user-event": "^13.1.1",
+    "@testing-library/dom": "^8.12.0",
+    "@testing-library/jest-dom": "^5.16.3",
+    "@testing-library/react": "^12.1.4",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@testing-library/user-event": "^13.5.0",
     "@types/apidoc": "^0.22.3",
     "@types/archiver": "^5.1.0",
     "@types/babel__core": "^7.1.19",
@@ -714,8 +716,7 @@
     "@types/tar": "^4.0.5",
     "@types/tar-fs": "^1.16.1",
     "@types/tempy": "^0.2.0",
-    "@types/testing-library__jest-dom": "^5.9.5",
-    "@types/testing-library__react-hooks": "^4.0.0",
+    "@types/testing-library__jest-dom": "^5.14.3",
     "@types/tinycolor2": "^1.4.1",
     "@types/tough-cookie": "^4.0.1",
     "@types/type-detect": "^4.0.1",
@@ -874,6 +875,7 @@
     "postcss-loader": "^3.0.0",
     "postcss-prefix-selector": "^1.7.2",
     "prettier": "^2.6.1",
+    "pretty-format": "^27.5.1",
     "q": "^1.5.1",
     "react-test-renderer": "^16.12.0",
     "read-pkg": "^5.2.0",

packages/BUILD.bazel

@@ -16,6 +16,8 @@ filegroup(
     "//packages/elastic-safer-lodash-set:build",
     "//packages/kbn-ace:build",
     "//packages/kbn-alerts:build",
+    "//packages/kbn-ambient-storybook-types:build",
+    "//packages/kbn-ambient-ui-types:build",
     "//packages/kbn-analytics:build",
     "//packages/kbn-apm-config-loader:build",
     "//packages/kbn-apm-utils:build",

packages/kbn-ambient-storybook-types/BUILD.bazel

@@ -0,0 +1,59 @@
+load("@npm//@bazel/typescript:index.bzl", "ts_config")
+load("@build_bazel_rules_nodejs//:index.bzl", "js_library")
+load("//src/dev/bazel:index.bzl", "jsts_transpiler", "pkg_npm", "pkg_npm_types", "ts_project")
+
+PKG_DIRNAME = "kbn-ambient-storybook-types"
+PKG_REQUIRE_NAME = "@kbn/ambient-storybook-types"
+
+SRCS = glob(
+  [
+    "*.d.ts",
+  ]
+)
+
+filegroup(
+  name = "srcs",
+  srcs = SRCS,
+)
+
+NPM_MODULE_EXTRA_FILES = [
+  "package.json",
+]
+
+# In this array place runtime dependencies, including other packages and NPM packages
+# which must be available for this code to run.
+#
+#  To reference other packages use:
+#    "//repo/relative/path/to/package"
+#    eg. "//packages/kbn-utils"
+#
+#  To reference a NPM package use:
+#    "@npm//name-of-package"
+#    eg. "@npm//lodash"
+RUNTIME_DEPS = [
+]
+
+js_library(
+  name = PKG_DIRNAME,
+  srcs = SRCS + NPM_MODULE_EXTRA_FILES,
+  deps = RUNTIME_DEPS,
+  package_name = PKG_REQUIRE_NAME,
+  visibility = ["//visibility:public"],
+)
+
+pkg_npm(
+  name = "npm_module",
+  deps = [":" + PKG_DIRNAME],
+)
+
+filegroup(
+  name = "build",
+  srcs = [":npm_module"],
+  visibility = ["//visibility:public"],
+)
+
+alias(
+  name = "npm_module_types",
+  actual = ":" + PKG_DIRNAME,
+  visibility = ["//visibility:public"],
+)

packages/kbn-ambient-storybook-types/README.md

@@ -0,0 +1,3 @@
+# @kbn/ambient-storybook-types
+
+Ambient types needed to use storybook.

packages/kbn-ambient-storybook-types/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@kbn/ambient-storybook-types",
+  "private": true,
+  "version": "1.0.0",
+  "license": "SSPL-1.0 OR Elastic License 2.0"
+}

packages/kbn-ambient-storybook-types/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "../../tsconfig.bazel.json",
+  "compilerOptions": {
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "outDir": "target_types",
+    "rootDir": "src",
+    "stripInternal": false,
+    "types": []
+  },
+  "include": [
+    "*.d.ts"
+  ]
+}