@elastic/eui 102.1.0 → 102.2.0

package/test-env/components/breadcrumbs/breadcrumbs.js

@@ -101,7 +101,7 @@ EuiBreadcrumbs.propTypes = {
   css: _propTypes.default.any,
   /**
      * Hides extra (above the max) breadcrumbs under a collapsed item as the window gets smaller.
-     * Pass a custom #EuiBreadcrumbResponsiveMaxCount object to change the number of breadcrumbs to show at the particular breakpoints.
+     * Pass a custom {@link EuiBreadcrumbResponsiveMaxCount} object to change the number of breadcrumbs to show at the particular breakpoints.
      *
      * Pass `false` to turn this behavior off.
      *
@@ -121,7 +121,7 @@ EuiBreadcrumbs.propTypes = {
      */
   max: _propTypes.default.oneOfType([_propTypes.default.number.isRequired, _propTypes.default.oneOf([null])]),
   /**
-     * The array of individual #EuiBreadcrumb items
+     * The array of individual {@link EuiBreadcrumb} items
      */
   breadcrumbs: _propTypes.default.arrayOf(_propTypes.default.shape({
     className: _propTypes.default.string,

package/test-env/components/button/button_group/button_group.js

@@ -123,7 +123,7 @@ EuiButtonGroup.propTypes = {
      */
   type: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.oneOf(["single", "multi"]), _propTypes.default.oneOf(["single"])]), _propTypes.default.oneOf(["multi"])]),
   /**
-     * An array of #EuiButtonGroupOptionProps
+     * An array of {@link EuiButtonGroupOptionProps}
      */
   options: _propTypes.default.arrayOf(_propTypes.default.shape({
     /**

package/test-env/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js

@@ -211,7 +211,7 @@ KibanaCollapsibleNavSolution.propTypes = {
          */
     showToolTip: _propTypes.default.bool,
     /**
-         * An object of #EuiListGroupItemExtraAction props.
+         * An object of {@link EuiListGroupItemExtraAction} props.
          * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
          * pass `alwaysShow` if you don't want the default behavior of only showing on hover
          */

package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js

@@ -87,7 +87,7 @@ EuiCollapsedNavItem.propTypes = {
   /**
          * Will render either an accordion or group of nested child item links.
          *
-         * Accepts any #EuiCollapsibleNavItemProps. Or, to render completely custom
+         * Accepts any {@link EuiCollapsibleNavItemProps}. Or, to render completely custom
          * subitem content, pass an object with a `renderItem` callback.
          */
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
@@ -135,7 +135,7 @@ EuiCollapsedNavItem.propTypes = {
     /**
            * Will render either an accordion or group of nested child item links.
            *
-           * Accepts any #EuiCollapsibleNavItemProps. Or, to render completely custom
+           * Accepts any {@link EuiCollapsibleNavItemProps}. Or, to render completely custom
            * subitem content, pass an object with a `renderItem` callback.
            */
     items: _propTypes.default.arrayOf(_propTypes.default.any.isRequired),

package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js

@@ -133,7 +133,7 @@ EuiCollapsedNavPopover.propTypes = {
   /**
          * Will render either an accordion or group of nested child item links.
          *
-         * Accepts any #EuiCollapsibleNavItemProps. Or, to render completely custom
+         * Accepts any {@link EuiCollapsibleNavItemProps}. Or, to render completely custom
          * subitem content, pass an object with a `renderItem` callback.
          */
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
@@ -181,7 +181,7 @@ EuiCollapsedNavPopover.propTypes = {
     /**
            * Will render either an accordion or group of nested child item links.
            *
-           * Accepts any #EuiCollapsibleNavItemProps. Or, to render completely custom
+           * Accepts any {@link EuiCollapsibleNavItemProps}. Or, to render completely custom
            * subitem content, pass an object with a `renderItem` callback.
            */
     items: _propTypes.default.arrayOf(_propTypes.default.any.isRequired),

package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js

@@ -135,7 +135,7 @@ EuiCollapsibleNavItemDisplay.propTypes = {
   /**
          * Will render either an accordion or group of nested child item links.
          *
-         * Accepts any #EuiCollapsibleNavItemProps. Or, to render completely custom
+         * Accepts any {@link EuiCollapsibleNavItemProps}. Or, to render completely custom
          * subitem content, pass an object with a `renderItem` callback.
          */
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
@@ -250,7 +250,7 @@ EuiCollapsibleNavSubItem.propTypes = {
   /**
          * Will render either an accordion or group of nested child item links.
          *
-         * Accepts any #EuiCollapsibleNavItemProps. Or, to render completely custom
+         * Accepts any {@link EuiCollapsibleNavItemProps}. Or, to render completely custom
          * subitem content, pass an object with a `renderItem` callback.
          */
   items: _propTypes.default.arrayOf(_propTypes.default.any.isRequired),
@@ -356,7 +356,7 @@ EuiCollapsibleNavSubItems.propTypes = {
     /**
            * Will render either an accordion or group of nested child item links.
            *
-           * Accepts any #EuiCollapsibleNavItemProps. Or, to render completely custom
+           * Accepts any {@link EuiCollapsibleNavItemProps}. Or, to render completely custom
            * subitem content, pass an object with a `renderItem` callback.
            */
     items: _propTypes.default.arrayOf(_propTypes.default.any.isRequired),
@@ -438,7 +438,7 @@ EuiCollapsibleNavItem.propTypes = {
   /**
          * Will render either an accordion or group of nested child item links.
          *
-         * Accepts any #EuiCollapsibleNavItemProps. Or, to render completely custom
+         * Accepts any {@link EuiCollapsibleNavItemProps}. Or, to render completely custom
          * subitem content, pass an object with a `renderItem` callback.
          */
   items: _propTypes.default.arrayOf(_propTypes.default.shape({

package/test-env/components/color_picker/color_palette_display/color_palette_display.js

@@ -63,10 +63,10 @@ EuiColorPaletteDisplay.propTypes = {
   "data-test-subj": _propTypes.default.string,
   css: _propTypes.default.any,
   /**
-     * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+     * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
      */
   /**
-     * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+     * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
      */
   palette: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired).isRequired, _propTypes.default.arrayOf(_propTypes.default.any.isRequired).isRequired]).isRequired
 };

package/test-env/components/color_picker/color_palette_display/color_palette_display_fixed.js

@@ -53,7 +53,7 @@ EuiColorPaletteDisplayFixed.propTypes = {
   "data-test-subj": _propTypes.default.string,
   css: _propTypes.default.any,
   /**
-     * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+     * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
      */
   palette: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired).isRequired, _propTypes.default.arrayOf(_propTypes.default.any.isRequired).isRequired]).isRequired
 };

package/test-env/components/color_picker/color_palette_display/color_palette_display_gradient.js

@@ -44,7 +44,7 @@ EuiColorPaletteDisplayGradient.propTypes = {
   "data-test-subj": _propTypes.default.string,
   css: _propTypes.default.any,
   /**
-     * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+     * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
      */
   palette: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired).isRequired, _propTypes.default.arrayOf(_propTypes.default.any.isRequired).isRequired]).isRequired
 };

package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js

@@ -177,7 +177,7 @@ EuiColorPalettePicker.propTypes = {
        */
   selectionDisplay: _propTypes.default.oneOf(["palette", "title"]),
   /**
-       * An array of one of the following objects: #EuiColorPalettePickerPaletteText, #EuiColorPalettePickerPaletteFixed, #EuiColorPalettePickerPaletteGradient
+       * An array of one of the following objects: {@link EuiColorPalettePickerPaletteText}, {@link EuiColorPalettePickerPaletteFixed}, {@link EuiColorPalettePickerPaletteGradient}
        */
   palettes: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     /**
@@ -193,7 +193,7 @@ EuiColorPalettePicker.propTypes = {
        */
     type: _propTypes.default.oneOf(["text"]).isRequired,
     /**
-       * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+       * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
        */
     palette: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired).isRequired, _propTypes.default.arrayOf(_propTypes.default.shape({
       stop: _propTypes.default.number.isRequired,
@@ -221,7 +221,7 @@ EuiColorPalettePicker.propTypes = {
        */
     type: _propTypes.default.oneOf(["fixed"]).isRequired,
     /**
-       * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+       * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
        */
     palette: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired).isRequired, _propTypes.default.arrayOf(_propTypes.default.shape({
       stop: _propTypes.default.number.isRequired,
@@ -249,7 +249,7 @@ EuiColorPalettePicker.propTypes = {
        */
     type: _propTypes.default.oneOf(["gradient"]).isRequired,
     /**
-       * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+       * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
        */
     palette: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired).isRequired, _propTypes.default.arrayOf(_propTypes.default.shape({
       stop: _propTypes.default.number.isRequired,

package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js

@@ -418,7 +418,7 @@ EuiComboBoxOptionsList.propTypes = {
   onOptionEnterKey: _propTypes.default.func,
   onScroll: _propTypes.default.any,
   /**
-     * Array of EuiComboBoxOptionOption objects. See #EuiComboBoxOptionOption
+     * Array of EuiComboBoxOptionOption objects. See {@link EuiComboBoxOptionOption}
      */
   options: _propTypes.default.arrayOf(_propTypes.default.shape({
     isGroupLabelOption: _propTypes.default.bool,

package/test-env/components/comment_list/comment_list.js

@@ -48,7 +48,7 @@ EuiCommentList.propTypes = {
   "data-test-subj": _propTypes.default.string,
   css: _propTypes.default.any,
   /**
-     * List of comments to render. See #EuiComment
+     * List of comments to render. See {@link EuiComment}
      */
   comments: _propTypes.default.arrayOf(_propTypes.default.shape({
     /**

package/test-env/components/datagrid/body/cell/data_grid_cell.js

@@ -143,12 +143,12 @@ EuiDataGridCellContent.propTypes = {
     defaultSortDirection: _propTypes.default.oneOf(["asc", "desc"]),
     /**
        * A Schema to use for the column.
-       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
+       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own {@link EuiDataGrid} `schemaDetectors` (for in-memory detection).
        * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
        */
     schema: _propTypes.default.string,
     /**
-       * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
+       * Configuration of column actions. Set to false to disable or use {@link EuiDataGridColumnActions} to configure the actions displayed in the header cell of the column.
        */
     actions: _propTypes.default.oneOfType([_propTypes.default.oneOf([false]), _propTypes.default.shape({
       /**
@@ -197,7 +197,7 @@ EuiDataGridCellContent.propTypes = {
              */
         showToolTip: _propTypes.default.bool,
         /**
-             * An object of #EuiListGroupItemExtraAction props.
+             * An object of {@link EuiListGroupItemExtraAction} props.
              * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
              * pass `alwaysShow` if you don't want the default behavior of only showing on hover
              */
@@ -533,7 +533,7 @@ EuiDataGridCellContent.propTypes = {
        * Defines the height for a specific row. It can be line count or just height.
        *
        * When using row height overrides, we strongly setting the `showDisplaySelector: allowRowHeight`
-       * toolbar control to `false` in #EuiDataGridToolBarVisibilityOptions
+       * toolbar control to `false` in {@link EuiDataGridToolBarVisibilityOptions}
        */
     rowHeights: _propTypes.default.any,
     /**
@@ -577,7 +577,7 @@ EuiDataGridCellContent.propTypes = {
        */
     stripes: _propTypes.default.bool,
     /**
-       * Visual style for the column headers. Recommendation is to use the `underline` style in times when #EuiDataGrid `toolbarVisibility` is set to `false`.
+       * Visual style for the column headers. Recommendation is to use the `underline` style in times when {@link EuiDataGrid} `toolbarVisibility` is set to `false`.
        * @default shade
        */
     header: _propTypes.default.oneOf(["shade", "underline"]),
@@ -1079,12 +1079,12 @@ EuiDataGridCell.propTypes = {
     defaultSortDirection: _propTypes.default.oneOf(["asc", "desc"]),
     /**
        * A Schema to use for the column.
-       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
+       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own {@link EuiDataGrid} `schemaDetectors` (for in-memory detection).
        * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
        */
     schema: _propTypes.default.string,
     /**
-       * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
+       * Configuration of column actions. Set to false to disable or use {@link EuiDataGridColumnActions} to configure the actions displayed in the header cell of the column.
        */
     actions: _propTypes.default.oneOfType([_propTypes.default.oneOf([false]), _propTypes.default.shape({
       /**
@@ -1403,7 +1403,7 @@ EuiDataGridCell.propTypes = {
        * Defines the height for a specific row. It can be line count or just height.
        *
        * When using row height overrides, we strongly setting the `showDisplaySelector: allowRowHeight`
-       * toolbar control to `false` in #EuiDataGridToolBarVisibilityOptions
+       * toolbar control to `false` in {@link EuiDataGridToolBarVisibilityOptions}
        */
     rowHeights: _propTypes.default.any,
     /**
@@ -1450,7 +1450,7 @@ EuiDataGridCell.propTypes = {
        */
     stripes: _propTypes.default.bool,
     /**
-       * Visual style for the column headers. Recommendation is to use the `underline` style in times when #EuiDataGrid `toolbarVisibility` is set to `false`.
+       * Visual style for the column headers. Recommendation is to use the `underline` style in times when {@link EuiDataGrid} `toolbarVisibility` is set to `false`.
        * @default shade
        */
     header: _propTypes.default.oneOf(["shade", "underline"]),

package/test-env/components/datagrid/body/data_grid_body.js

@@ -143,12 +143,12 @@ EuiDataGridBody.propTypes = {
     defaultSortDirection: _propTypes.default.oneOf(["asc", "desc"]),
     /**
        * A Schema to use for the column.
-       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
+       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own {@link EuiDataGrid} `schemaDetectors` (for in-memory detection).
        * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
        */
     schema: _propTypes.default.string,
     /**
-       * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
+       * Configuration of column actions. Set to false to disable or use {@link EuiDataGridColumnActions} to configure the actions displayed in the header cell of the column.
        */
     actions: _propTypes.default.oneOfType([_propTypes.default.oneOf([false]), _propTypes.default.shape({
       /**
@@ -197,7 +197,7 @@ EuiDataGridBody.propTypes = {
              */
         showToolTip: _propTypes.default.bool,
         /**
-             * An object of #EuiListGroupItemExtraAction props.
+             * An object of {@link EuiListGroupItemExtraAction} props.
              * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
              * pass `alwaysShow` if you don't want the default behavior of only showing on hover
              */
@@ -507,7 +507,7 @@ EuiDataGridBody.propTypes = {
   schema: _propTypes.default.shape({}).isRequired,
   schemaDetectors: _propTypes.default.arrayOf(_propTypes.default.shape({
     /**
-       * The name of this data type, matches #EuiDataGridColumn / `schema`
+       * The name of this data type, matches {@link EuiDataGridColumn} / `schema`
        */
     type: _propTypes.default.string.isRequired,
     /**
@@ -535,7 +535,7 @@ EuiDataGridBody.propTypes = {
        */
     sortTextDesc: _propTypes.default.node.isRequired,
     /**
-       * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual #EuiDataGridColumn level
+       * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual {@link EuiDataGridColumn} level
        */
     isSortable: _propTypes.default.bool,
     /**
@@ -543,7 +543,7 @@ EuiDataGridBody.propTypes = {
        */
     textTransform: _propTypes.default.oneOf(["uppercase", "lowercase", "capitalize"]),
     /**
-       * Default sort direction of columns with this schema. Can be overridden at the individual #EuiDataGridColumn level
+       * Default sort direction of columns with this schema. Can be overridden at the individual {@link EuiDataGridColumn} level
        */
     defaultSortDirection: _propTypes.default.oneOf(["asc", "desc"])
   }).isRequired).isRequired,
@@ -576,7 +576,12 @@ EuiDataGridBody.propTypes = {
   setVisibleColumns: _propTypes.default.func.isRequired,
   switchColumnPos: _propTypes.default.func.isRequired,
   onColumnResize: _propTypes.default.func,
-  virtualizationOptions: _propTypes.default.any,
+  virtualizationOptions: _propTypes.default.shape({
+    /**
+           * Called when the grid scroll positions changes, as a result of user scrolling or scroll-to method calls.
+           */
+    onScroll: _propTypes.default.func
+  }),
   rowHeightsOptions: _propTypes.default.shape({
     /**
        * Defines the default size for all rows. It can be line count or just height.
@@ -597,7 +602,7 @@ EuiDataGridBody.propTypes = {
        * Defines the height for a specific row. It can be line count or just height.
        *
        * When using row height overrides, we strongly setting the `showDisplaySelector: allowRowHeight`
-       * toolbar control to `false` in #EuiDataGridToolBarVisibilityOptions
+       * toolbar control to `false` in {@link EuiDataGridToolBarVisibilityOptions}
        */
     rowHeights: _propTypes.default.any,
     /**
@@ -640,7 +645,7 @@ EuiDataGridBody.propTypes = {
        */
     stripes: _propTypes.default.bool,
     /**
-       * Visual style for the column headers. Recommendation is to use the `underline` style in times when #EuiDataGrid `toolbarVisibility` is set to `false`.
+       * Visual style for the column headers. Recommendation is to use the `underline` style in times when {@link EuiDataGrid} `toolbarVisibility` is set to `false`.
        * @default shade
        */
     header: _propTypes.default.oneOf(["shade", "underline"]),

package/test-env/components/datagrid/body/data_grid_body_custom.js

@@ -299,12 +299,12 @@ EuiDataGridBodyCustomRender.propTypes = {
     defaultSortDirection: _propTypes.default.oneOf(["asc", "desc"]),
     /**
        * A Schema to use for the column.
-       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
+       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own {@link EuiDataGrid} `schemaDetectors` (for in-memory detection).
        * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
        */
     schema: _propTypes.default.string,
     /**
-       * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
+       * Configuration of column actions. Set to false to disable or use {@link EuiDataGridColumnActions} to configure the actions displayed in the header cell of the column.
        */
     actions: _propTypes.default.oneOfType([_propTypes.default.oneOf([false]), _propTypes.default.shape({
       /**
@@ -353,7 +353,7 @@ EuiDataGridBodyCustomRender.propTypes = {
              */
         showToolTip: _propTypes.default.bool,
         /**
-             * An object of #EuiListGroupItemExtraAction props.
+             * An object of {@link EuiListGroupItemExtraAction} props.
              * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
              * pass `alwaysShow` if you don't want the default behavior of only showing on hover
              */
@@ -663,7 +663,7 @@ EuiDataGridBodyCustomRender.propTypes = {
   schema: _propTypes.default.shape({}).isRequired,
   schemaDetectors: _propTypes.default.arrayOf(_propTypes.default.shape({
     /**
-       * The name of this data type, matches #EuiDataGridColumn / `schema`
+       * The name of this data type, matches {@link EuiDataGridColumn} / `schema`
        */
     type: _propTypes.default.string.isRequired,
     /**
@@ -691,7 +691,7 @@ EuiDataGridBodyCustomRender.propTypes = {
        */
     sortTextDesc: _propTypes.default.node.isRequired,
     /**
-       * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual #EuiDataGridColumn level
+       * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual {@link EuiDataGridColumn} level
        */
     isSortable: _propTypes.default.bool,
     /**
@@ -699,7 +699,7 @@ EuiDataGridBodyCustomRender.propTypes = {
        */
     textTransform: _propTypes.default.oneOf(["uppercase", "lowercase", "capitalize"]),
     /**
-       * Default sort direction of columns with this schema. Can be overridden at the individual #EuiDataGridColumn level
+       * Default sort direction of columns with this schema. Can be overridden at the individual {@link EuiDataGridColumn} level
        */
     defaultSortDirection: _propTypes.default.oneOf(["asc", "desc"])
   }).isRequired).isRequired,
@@ -732,7 +732,12 @@ EuiDataGridBodyCustomRender.propTypes = {
   setVisibleColumns: _propTypes.default.func.isRequired,
   switchColumnPos: _propTypes.default.func.isRequired,
   onColumnResize: _propTypes.default.func,
-  virtualizationOptions: _propTypes.default.any,
+  virtualizationOptions: _propTypes.default.shape({
+    /**
+           * Called when the grid scroll positions changes, as a result of user scrolling or scroll-to method calls.
+           */
+    onScroll: _propTypes.default.func
+  }),
   rowHeightsOptions: _propTypes.default.shape({
     /**
        * Defines the default size for all rows. It can be line count or just height.
@@ -753,7 +758,7 @@ EuiDataGridBodyCustomRender.propTypes = {
        * Defines the height for a specific row. It can be line count or just height.
        *
        * When using row height overrides, we strongly setting the `showDisplaySelector: allowRowHeight`
-       * toolbar control to `false` in #EuiDataGridToolBarVisibilityOptions
+       * toolbar control to `false` in {@link EuiDataGridToolBarVisibilityOptions}
        */
     rowHeights: _propTypes.default.any,
     /**
@@ -796,7 +801,7 @@ EuiDataGridBodyCustomRender.propTypes = {
        */
     stripes: _propTypes.default.bool,
     /**
-       * Visual style for the column headers. Recommendation is to use the `underline` style in times when #EuiDataGrid `toolbarVisibility` is set to `false`.
+       * Visual style for the column headers. Recommendation is to use the `underline` style in times when {@link EuiDataGrid} `toolbarVisibility` is set to `false`.
        * @default shade
        */
     header: _propTypes.default.oneOf(["shade", "underline"]),

package/test-env/components/datagrid/body/data_grid_body_virtualized.js

@@ -309,6 +309,48 @@ var EuiDataGridBodyVirtualized = exports.EuiDataGridBodyVirtualized = /*#__PURE_
       footerRow: footerRow
     };
   }, [headerRowHeight, headerRow, footerRow]);
+  var onScroll = (0, _react.useCallback)(function (args) {
+    // check only if a callback is passed
+    if (typeof (virtualizationOptions === null || virtualizationOptions === void 0 ? void 0 : virtualizationOptions.onScroll) !== 'function') return;
+    var enhancedArgs = _objectSpread(_objectSpread({}, args), {}, {
+      scrollHeight: 0,
+      scrollWidth: 0,
+      clientHeight: 0,
+      clientWidth: 0,
+      isScrolledToBlockStart: args.scrollTop === 0,
+      isScrolledToBlockEnd: false,
+      isScrolledToInlineStart: args.scrollLeft === 0,
+      isScrolledToInlineEnd: false
+    });
+    if (outerGridRef.current) {
+      var _outerGridRef$current = outerGridRef.current,
+        scrollTop = _outerGridRef$current.scrollTop,
+        scrollLeft = _outerGridRef$current.scrollLeft,
+        scrollHeight = _outerGridRef$current.scrollHeight,
+        scrollWidth = _outerGridRef$current.scrollWidth,
+        clientHeight = _outerGridRef$current.clientHeight,
+        clientWidth = _outerGridRef$current.clientWidth;
+      var isScrollableVertical = scrollHeight > clientHeight;
+      var isScrolledToBlockStart = scrollTop === 0;
+      var isScrollableHorizontal = scrollWidth > clientWidth;
+      var isScrolledToInlineStart = scrollLeft === 0;
+      var isScrolledToBlockEnd = isScrollableVertical && !isScrolledToBlockStart && scrollHeight - scrollTop <= clientHeight;
+      var isScrolledToInlineEnd = isScrollableHorizontal && !isScrolledToInlineStart && scrollWidth - scrollLeft <= clientWidth;
+      enhancedArgs = _objectSpread(_objectSpread({}, enhancedArgs), {}, {
+        scrollTop: scrollTop,
+        scrollLeft: scrollLeft,
+        scrollHeight: scrollHeight,
+        scrollWidth: scrollWidth,
+        clientHeight: clientHeight,
+        clientWidth: clientWidth,
+        isScrolledToBlockStart: isScrolledToBlockStart,
+        isScrolledToBlockEnd: isScrolledToBlockEnd,
+        isScrolledToInlineStart: isScrolledToInlineStart,
+        isScrolledToInlineEnd: isScrolledToInlineEnd
+      });
+    }
+    return virtualizationOptions === null || virtualizationOptions === void 0 ? void 0 : virtualizationOptions.onScroll(enhancedArgs);
+  }, [outerGridRef, virtualizationOptions]);
   return _utils.IS_JEST_ENVIRONMENT || finalWidth > 0 ? (0, _react2.jsx)(DataGridWrapperRowsContext.Provider, {
     value: rowWrapperContextValue
   }, (0, _react2.jsx)(_reactWindow.VariableSizeGrid, (0, _extends2.default)({}, virtualizationOptions, {
@@ -324,7 +366,8 @@ var EuiDataGridBodyVirtualized = exports.EuiDataGridBodyVirtualized = /*#__PURE_
     height: finalHeight,
     rowHeight: getRowHeight,
     itemData: itemData,
-    rowCount: _utils.IS_JEST_ENVIRONMENT || headerRowHeight > 0 ? visibleRowCount : 0
+    rowCount: _utils.IS_JEST_ENVIRONMENT || headerRowHeight > 0 ? visibleRowCount : 0,
+    onScroll: onScroll
   }), Cell), scrollBorderOverlay) : null;
 });
 EuiDataGridBodyVirtualized.propTypes = {
@@ -431,12 +474,12 @@ EuiDataGridBodyVirtualized.propTypes = {
     defaultSortDirection: _propTypes.default.oneOf(["asc", "desc"]),
     /**
        * A Schema to use for the column.
-       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
+       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own {@link EuiDataGrid} `schemaDetectors` (for in-memory detection).
        * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
        */
     schema: _propTypes.default.string,
     /**
-       * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
+       * Configuration of column actions. Set to false to disable or use {@link EuiDataGridColumnActions} to configure the actions displayed in the header cell of the column.
        */
     actions: _propTypes.default.oneOfType([_propTypes.default.oneOf([false]), _propTypes.default.shape({
       /**
@@ -485,7 +528,7 @@ EuiDataGridBodyVirtualized.propTypes = {
              */
         showToolTip: _propTypes.default.bool,
         /**
-             * An object of #EuiListGroupItemExtraAction props.
+             * An object of {@link EuiListGroupItemExtraAction} props.
              * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
              * pass `alwaysShow` if you don't want the default behavior of only showing on hover
              */
@@ -795,7 +838,7 @@ EuiDataGridBodyVirtualized.propTypes = {
   schema: _propTypes.default.shape({}).isRequired,
   schemaDetectors: _propTypes.default.arrayOf(_propTypes.default.shape({
     /**
-       * The name of this data type, matches #EuiDataGridColumn / `schema`
+       * The name of this data type, matches {@link EuiDataGridColumn} / `schema`
        */
     type: _propTypes.default.string.isRequired,
     /**
@@ -823,7 +866,7 @@ EuiDataGridBodyVirtualized.propTypes = {
        */
     sortTextDesc: _propTypes.default.node.isRequired,
     /**
-       * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual #EuiDataGridColumn level
+       * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual {@link EuiDataGridColumn} level
        */
     isSortable: _propTypes.default.bool,
     /**
@@ -831,7 +874,7 @@ EuiDataGridBodyVirtualized.propTypes = {
        */
     textTransform: _propTypes.default.oneOf(["uppercase", "lowercase", "capitalize"]),
     /**
-       * Default sort direction of columns with this schema. Can be overridden at the individual #EuiDataGridColumn level
+       * Default sort direction of columns with this schema. Can be overridden at the individual {@link EuiDataGridColumn} level
        */
     defaultSortDirection: _propTypes.default.oneOf(["asc", "desc"])
   }).isRequired).isRequired,
@@ -864,7 +907,12 @@ EuiDataGridBodyVirtualized.propTypes = {
   setVisibleColumns: _propTypes.default.func.isRequired,
   switchColumnPos: _propTypes.default.func.isRequired,
   onColumnResize: _propTypes.default.func,
-  virtualizationOptions: _propTypes.default.any,
+  virtualizationOptions: _propTypes.default.shape({
+    /**
+           * Called when the grid scroll positions changes, as a result of user scrolling or scroll-to method calls.
+           */
+    onScroll: _propTypes.default.func
+  }),
   rowHeightsOptions: _propTypes.default.shape({
     /**
        * Defines the default size for all rows. It can be line count or just height.
@@ -885,7 +933,7 @@ EuiDataGridBodyVirtualized.propTypes = {
        * Defines the height for a specific row. It can be line count or just height.
        *
        * When using row height overrides, we strongly setting the `showDisplaySelector: allowRowHeight`
-       * toolbar control to `false` in #EuiDataGridToolBarVisibilityOptions
+       * toolbar control to `false` in {@link EuiDataGridToolBarVisibilityOptions}
        */
     rowHeights: _propTypes.default.any,
     /**
@@ -928,7 +976,7 @@ EuiDataGridBodyVirtualized.propTypes = {
        */
     stripes: _propTypes.default.bool,
     /**
-       * Visual style for the column headers. Recommendation is to use the `underline` style in times when #EuiDataGrid `toolbarVisibility` is set to `false`.
+       * Visual style for the column headers. Recommendation is to use the `underline` style in times when {@link EuiDataGrid} `toolbarVisibility` is set to `false`.
        * @default shade
        */
     header: _propTypes.default.oneOf(["shade", "underline"]),

package/test-env/components/datagrid/body/header/data_grid_header_cell.js

@@ -177,12 +177,12 @@ EuiDataGridHeaderCell.propTypes = {
     defaultSortDirection: _propTypes.default.oneOf(["asc", "desc"]),
     /**
        * A Schema to use for the column.
-       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
+       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own {@link EuiDataGrid} `schemaDetectors` (for in-memory detection).
        * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
        */
     schema: _propTypes.default.string,
     /**
-       * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
+       * Configuration of column actions. Set to false to disable or use {@link EuiDataGridColumnActions} to configure the actions displayed in the header cell of the column.
        */
     actions: _propTypes.default.oneOfType([_propTypes.default.oneOf([false]), _propTypes.default.shape({
       /**
@@ -231,7 +231,7 @@ EuiDataGridHeaderCell.propTypes = {
              */
         showToolTip: _propTypes.default.bool,
         /**
-             * An object of #EuiListGroupItemExtraAction props.
+             * An object of {@link EuiListGroupItemExtraAction} props.
              * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
              * pass `alwaysShow` if you don't want the default behavior of only showing on hover
              */

package/test-env/components/datagrid/body/header/draggable_columns.js

@@ -215,7 +215,7 @@ DraggableColumn.propTypes = {
        */
     stripes: _propTypes.default.bool,
     /**
-       * Visual style for the column headers. Recommendation is to use the `underline` style in times when #EuiDataGrid `toolbarVisibility` is set to `false`.
+       * Visual style for the column headers. Recommendation is to use the `underline` style in times when {@link EuiDataGrid} `toolbarVisibility` is set to `false`.
        * @default shade
        */
     header: _propTypes.default.oneOf(["shade", "underline"]),