@elastic/eui 110.0.0-snapshot.1764684698664 → 110.0.0

package/es/components/basic_table/in_memory_table.js

@@ -38,8 +38,6 @@ import { EuiSearchBox } from '../search_bar/search_box';
 import { EuiSpacer } from '../spacer';
 import { euiTablePaginationDefaults } from '../table/table_pagination';
 import { EuiComponentDefaultsContext } from '../provider/component_defaults';
-
-// allows `query: null` in the onChange callback when using `searchFormat="text"`
 import { jsx as ___EmotionJSX } from "@emotion/react";
 function isEuiSearchBarProps(x) {
   return typeof x !== 'boolean';
@@ -1039,7 +1037,182 @@ EuiInMemoryTable.propTypes = {
      * ({@link Query} objects are ignored).
      */
   search: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
-    onChange: PropTypes.func
+    onChange: PropTypes.func,
+    /**
+       * The initial query the bar will hold when first mounted
+       */
+    defaultQuery: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.string.isRequired]),
+    /**
+       * If you wish to use the search bar as a controlled component, continuously pass the query via this prop.
+       */
+    query: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.string.isRequired]),
+    /**
+       * Configures the search box. Set `placeholder` to change the placeholder text in the box and `incremental` to support incremental (as you type) search.
+       */
+    box: PropTypes.shape({
+      name: PropTypes.string,
+      id: PropTypes.string,
+      placeholder: PropTypes.string,
+      value: PropTypes.string,
+      isInvalid: PropTypes.bool,
+      /**
+         * Expand to fill 100% of the parent.
+         * Defaults to `fullWidth` prop of `<EuiForm>`.
+         * @default false
+         */
+      fullWidth: PropTypes.bool,
+      isLoading: PropTypes.bool,
+      /**
+         * Called when the user presses [Enter] OR on change if the incremental prop is `true`.
+         * If you don't need the on[Enter] functionality, prefer using onChange
+         */
+      onSearch: PropTypes.func,
+      /**
+         * When `true` the search will be executed (that is, the `onSearch` will be called) as the
+         * user types.
+         */
+      incremental: PropTypes.bool,
+      /**
+         * when `true` creates a shorter height input
+         */
+      compressed: PropTypes.bool,
+      inputRef: PropTypes.func,
+      /**
+         * Shows a button that quickly clears any input
+         */
+      isClearable: PropTypes.bool,
+      /**
+         * Creates an input group with element(s) coming before input
+         * `string` | `ReactElement` or an array of these
+         */
+      prepend: PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.element.isRequired]).isRequired, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.element.isRequired]).isRequired).isRequired]),
+      /**
+         * Creates an input group with element(s) coming after input.
+         * `string` | `ReactElement` or an array of these
+         */
+      append: PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.element.isRequired]).isRequired, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.element.isRequired]).isRequired).isRequired]),
+      className: PropTypes.string,
+      "aria-label": PropTypes.string,
+      "data-test-subj": PropTypes.string,
+      css: PropTypes.any,
+      // Boolean values are not meaningful to this EuiSearchBox, but are allowed so that other
+      // components can use e.g. a true value to mean "auto-derive a schema". See EuiInMemoryTable.
+      // Admittedly, this is a bit of a hack.
+      schema: PropTypes.oneOfType([PropTypes.shape({
+        strict: PropTypes.bool,
+        fields: PropTypes.any,
+        flags: PropTypes.arrayOf(PropTypes.string.isRequired),
+        // Controls which phrases will be parsed as field clauses
+        recognizedFields: PropTypes.arrayOf(PropTypes.string.isRequired)
+      }).isRequired, PropTypes.bool.isRequired])
+    }),
+    /**
+       * An array of search filters. See {@link SearchFilterConfig}.
+       */
+    filters: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
+      type: PropTypes.oneOf(["is"]).isRequired,
+      field: PropTypes.string.isRequired,
+      name: PropTypes.string.isRequired,
+      negatedName: PropTypes.string,
+      available: PropTypes.func
+    }).isRequired, PropTypes.shape({
+      type: PropTypes.oneOf(["field_value_selection"]).isRequired,
+      field: PropTypes.string,
+      name: PropTypes.string.isRequired,
+      /**
+         * See {@link FieldValueOptionType}
+         */
+      options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape({
+        field: PropTypes.string,
+        value: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.number.isRequired, PropTypes.bool.isRequired, PropTypes.shape({
+          type: PropTypes.oneOf(["date"]).isRequired,
+          raw: PropTypes.any.isRequired,
+          granularity: PropTypes.oneOfType([PropTypes.shape({
+            es: PropTypes.oneOf(["d", "w", "M", "y"]).isRequired,
+            js: PropTypes.oneOf(["day", "week", "month", "year"]).isRequired,
+            isSame: PropTypes.func.isRequired,
+            start: PropTypes.func.isRequired,
+            startOfNext: PropTypes.func.isRequired,
+            iso8601: PropTypes.func.isRequired
+          }).isRequired, PropTypes.oneOf([undefined])]).isRequired,
+          text: PropTypes.string.isRequired,
+          resolve: PropTypes.func.isRequired
+        }).isRequired]).isRequired,
+        name: PropTypes.string,
+        view: PropTypes.node
+      }).isRequired).isRequired, PropTypes.func.isRequired]).isRequired,
+      filterWith: PropTypes.oneOfType([PropTypes.oneOf(["prefix", "includes"]), PropTypes.func.isRequired]),
+      cache: PropTypes.number,
+      multiSelect: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.oneOf(["and", "or"])]),
+      loadingMessage: PropTypes.string,
+      noOptionsMessage: PropTypes.string,
+      searchThreshold: PropTypes.number,
+      available: PropTypes.func,
+      autoClose: PropTypes.bool,
+      operator: PropTypes.oneOf(["eq", "exact", "gt", "gte", "lt", "lte"]),
+      autoSortOptions: PropTypes.bool
+    }).isRequired, PropTypes.shape({
+      type: PropTypes.oneOf(["field_value_toggle"]).isRequired,
+      field: PropTypes.string.isRequired,
+      value: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.number.isRequired, PropTypes.bool.isRequired, PropTypes.shape({
+        type: PropTypes.oneOf(["date"]).isRequired,
+        raw: PropTypes.any.isRequired,
+        granularity: PropTypes.oneOfType([PropTypes.shape({
+          es: PropTypes.oneOf(["d", "w", "M", "y"]).isRequired,
+          js: PropTypes.oneOf(["day", "week", "month", "year"]).isRequired,
+          isSame: PropTypes.func.isRequired,
+          start: PropTypes.func.isRequired,
+          startOfNext: PropTypes.func.isRequired,
+          iso8601: PropTypes.func.isRequired
+        }).isRequired, PropTypes.oneOf([undefined])]).isRequired,
+        text: PropTypes.string.isRequired,
+        resolve: PropTypes.func.isRequired
+      }).isRequired]).isRequired,
+      name: PropTypes.string.isRequired,
+      negatedName: PropTypes.string,
+      available: PropTypes.func,
+      operator: PropTypes.oneOf(["eq", "exact", "gt", "gte", "lt", "lte"])
+    }).isRequired, PropTypes.shape({
+      type: PropTypes.oneOf(["field_value_toggle_group"]).isRequired,
+      field: PropTypes.string.isRequired,
+      /**
+         * See {@link FieldValueToggleGroupFilterItemType}
+         */
+      items: PropTypes.arrayOf(PropTypes.shape({
+        value: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.number.isRequired, PropTypes.bool.isRequired]).isRequired,
+        name: PropTypes.string.isRequired,
+        negatedName: PropTypes.string,
+        operator: PropTypes.oneOf(["eq", "exact", "gt", "gte", "lt", "lte"])
+      }).isRequired).isRequired,
+      available: PropTypes.func
+    }).isRequired, PropTypes.shape({
+      type: PropTypes.oneOf(["custom_component"]).isRequired,
+      component: PropTypes.elementType.isRequired,
+      available: PropTypes.func
+    }).isRequired]).isRequired),
+    /**
+       * Tools which go to the left of the search bar.
+       */
+    toolsLeft: PropTypes.oneOfType([PropTypes.element.isRequired, PropTypes.arrayOf(PropTypes.element.isRequired).isRequired]),
+    /**
+       * Tools which go to the right of the search bar.
+       */
+    toolsRight: PropTypes.oneOfType([PropTypes.element.isRequired, PropTypes.arrayOf(PropTypes.element.isRequired).isRequired]),
+    /**
+       * Date formatter to use when parsing date values
+       */
+    dateFormat: PropTypes.any,
+    /**
+       * Hint to render below the search bar
+       */
+    hint: PropTypes.shape({
+      content: PropTypes.node.isRequired,
+      popoverProps: PropTypes.any
+    }),
+    className: PropTypes.string,
+    "aria-label": PropTypes.string,
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }).isRequired]),
   /**
      * By default, tables use `eql` format for search which allows using advanced filters.

package/es/components/search_bar/search_bar.js

@@ -37,6 +37,12 @@ import { Query } from './query';
 import { euiSearchBar__searchHolder, euiSearchBar__filtersHolder } from './search_bar.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export { Query, AST as Ast } from './query';
+
+/**
+ * When `searchFormat` is 'text', `query` is null and the search is performed
+ * on the `queryText` directly without EQL parsing
+ */
+
 var parseQuery = function parseQuery(query, props) {
   var _props$box, _props$box2;
   var schema = undefined;

package/eui.d.ts

@@ -24651,6 +24651,15 @@ declare module '@elastic/eui/src/components/search_bar/search_bar' {
 	    queryText: string;
 	    error: null;
 	}
+	/**
+	 * When `searchFormat` is 'text', `query` is null and the search is performed
+	 * on the `queryText` directly without EQL parsing
+	 */
+	interface ArgsWithPlainText {
+	    query: null;
+	    queryText: string;
+	    error: null;
+	}
 	interface ArgsWithError {
 	    query: null;
 	    queryText: string;
@@ -24662,7 +24671,7 @@ declare module '@elastic/eui/src/components/search_bar/search_bar' {
 	    flags?: string[];
 	    recognizedFields?: string[];
 	}
-	export type EuiSearchBarOnChangeArgs = ArgsWithQuery | ArgsWithError;
+	export type EuiSearchBarOnChangeArgs = ArgsWithQuery | ArgsWithPlainText | ArgsWithError;
 	type HintPopOverProps = Partial<Pick<EuiInputPopoverProps, 'isOpen' | 'closePopover' | 'fullWidth' | 'disableFocusTrap' | 'panelClassName' | 'panelPaddingSize' | 'panelStyle' | 'panelProps' | 'popoverScreenReaderText' | 'repositionOnScroll' | 'zIndex' | 'data-test-subj'>>;
 	export interface EuiSearchBarProps extends CommonProps {
 	    onChange?: (args: EuiSearchBarOnChangeArgs) => void | boolean;
@@ -25749,15 +25758,12 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiTablePaginationProps } from '@elastic/eui/src/components/table/table_pagination';
 	import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
-	export interface EuiInMemoryTableSearchBarOnChangeArgs {
+	interface onChangeArgument {
 	    query: Query | null;
 	    queryText: string;
 	    error: Error | null;
 	}
-	export interface EuiInMemoryTableSearchBarProps extends Omit<EuiSearchBarProps, 'onChange'> {
-	    onChange?: (args: EuiInMemoryTableSearchBarOnChangeArgs) => void | boolean;
-	}
-	export type Search = boolean | EuiInMemoryTableSearchBarProps;
+	export type Search = boolean | EuiSearchBarProps;
 	interface PaginationOptions extends EuiTablePaginationProps {
 	    pageSizeOptions?: number[];
 	    initialPageIndex?: number;
@@ -25866,7 +25872,7 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	    static getDerivedStateFromProps<T extends object>(nextProps: EuiInMemoryTableProps<T>, prevState: State<T>): State<T> | null;
 	    constructor(props: EuiInMemoryTableProps<T>, context: EuiComponentDefaults);
 	    onTableChange: ({ page, sort }: Criteria<T>) => void;
-	    onQueryChange: ({ query, queryText, error, }: EuiInMemoryTableSearchBarOnChangeArgs) => void;
+	    onQueryChange: ({ query, queryText, error }: onChangeArgument) => void;
 	    onPlainTextSearch: (searchValue: string) => void;
 	    renderSearchBar(): React.JSX.Element | undefined;
 	    resolveSearchSchema(): SchemaType;
@@ -25883,7 +25889,7 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 declare module '@elastic/eui/src/components/basic_table' {
 	export type { EuiBasicTableProps, EuiBasicTableColumn, Criteria, CriteriaWithPagination, } from '@elastic/eui/src/components/basic_table/basic_table';
 	export { EuiBasicTable } from '@elastic/eui/src/components/basic_table/basic_table';
-	export type { EuiInMemoryTableProps, EuiInMemoryTableSearchBarOnChangeArgs, EuiInMemoryTableSearchBarProps, Search, } from '@elastic/eui/src/components/basic_table/in_memory_table';
+	export type { EuiInMemoryTableProps, Search } from '@elastic/eui/src/components/basic_table/in_memory_table';
 	export { EuiInMemoryTable } from '@elastic/eui/src/components/basic_table/in_memory_table';
 	export type { EuiTableDataType, EuiTableFooterProps, EuiTableFieldDataColumnType, EuiTableComputedColumnType, EuiTableActionsColumnType, EuiTableSelectionType, EuiTableSortingType, } from '@elastic/eui/src/components/basic_table/table_types';
 	export type { Pagination } from '@elastic/eui/src/components/basic_table/pagination_bar';

package/lib/components/basic_table/in_memory_table.js

@@ -45,7 +45,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * 2.0 and the Server Side Public License, v 1; you may not use this file except
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
- */ // allows `query: null` in the onChange callback when using `searchFormat="text"`
+ */
 function isEuiSearchBarProps(x) {
   return typeof x !== 'boolean';
 }
@@ -1044,7 +1044,182 @@ EuiInMemoryTable.propTypes = {
      * ({@link Query} objects are ignored).
      */
   search: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.shape({
-    onChange: _propTypes.default.func
+    onChange: _propTypes.default.func,
+    /**
+       * The initial query the bar will hold when first mounted
+       */
+    defaultQuery: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.string.isRequired]),
+    /**
+       * If you wish to use the search bar as a controlled component, continuously pass the query via this prop.
+       */
+    query: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.string.isRequired]),
+    /**
+       * Configures the search box. Set `placeholder` to change the placeholder text in the box and `incremental` to support incremental (as you type) search.
+       */
+    box: _propTypes.default.shape({
+      name: _propTypes.default.string,
+      id: _propTypes.default.string,
+      placeholder: _propTypes.default.string,
+      value: _propTypes.default.string,
+      isInvalid: _propTypes.default.bool,
+      /**
+         * Expand to fill 100% of the parent.
+         * Defaults to `fullWidth` prop of `<EuiForm>`.
+         * @default false
+         */
+      fullWidth: _propTypes.default.bool,
+      isLoading: _propTypes.default.bool,
+      /**
+         * Called when the user presses [Enter] OR on change if the incremental prop is `true`.
+         * If you don't need the on[Enter] functionality, prefer using onChange
+         */
+      onSearch: _propTypes.default.func,
+      /**
+         * When `true` the search will be executed (that is, the `onSearch` will be called) as the
+         * user types.
+         */
+      incremental: _propTypes.default.bool,
+      /**
+         * when `true` creates a shorter height input
+         */
+      compressed: _propTypes.default.bool,
+      inputRef: _propTypes.default.func,
+      /**
+         * Shows a button that quickly clears any input
+         */
+      isClearable: _propTypes.default.bool,
+      /**
+         * Creates an input group with element(s) coming before input
+         * `string` | `ReactElement` or an array of these
+         */
+      prepend: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.element.isRequired]).isRequired, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.element.isRequired]).isRequired).isRequired]),
+      /**
+         * Creates an input group with element(s) coming after input.
+         * `string` | `ReactElement` or an array of these
+         */
+      append: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.element.isRequired]).isRequired, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.element.isRequired]).isRequired).isRequired]),
+      className: _propTypes.default.string,
+      "aria-label": _propTypes.default.string,
+      "data-test-subj": _propTypes.default.string,
+      css: _propTypes.default.any,
+      // Boolean values are not meaningful to this EuiSearchBox, but are allowed so that other
+      // components can use e.g. a true value to mean "auto-derive a schema". See EuiInMemoryTable.
+      // Admittedly, this is a bit of a hack.
+      schema: _propTypes.default.oneOfType([_propTypes.default.shape({
+        strict: _propTypes.default.bool,
+        fields: _propTypes.default.any,
+        flags: _propTypes.default.arrayOf(_propTypes.default.string.isRequired),
+        // Controls which phrases will be parsed as field clauses
+        recognizedFields: _propTypes.default.arrayOf(_propTypes.default.string.isRequired)
+      }).isRequired, _propTypes.default.bool.isRequired])
+    }),
+    /**
+       * An array of search filters. See {@link SearchFilterConfig}.
+       */
+    filters: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
+      type: _propTypes.default.oneOf(["is"]).isRequired,
+      field: _propTypes.default.string.isRequired,
+      name: _propTypes.default.string.isRequired,
+      negatedName: _propTypes.default.string,
+      available: _propTypes.default.func
+    }).isRequired, _propTypes.default.shape({
+      type: _propTypes.default.oneOf(["field_value_selection"]).isRequired,
+      field: _propTypes.default.string,
+      name: _propTypes.default.string.isRequired,
+      /**
+         * See {@link FieldValueOptionType}
+         */
+      options: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape({
+        field: _propTypes.default.string,
+        value: _propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.number.isRequired, _propTypes.default.bool.isRequired, _propTypes.default.shape({
+          type: _propTypes.default.oneOf(["date"]).isRequired,
+          raw: _propTypes.default.any.isRequired,
+          granularity: _propTypes.default.oneOfType([_propTypes.default.shape({
+            es: _propTypes.default.oneOf(["d", "w", "M", "y"]).isRequired,
+            js: _propTypes.default.oneOf(["day", "week", "month", "year"]).isRequired,
+            isSame: _propTypes.default.func.isRequired,
+            start: _propTypes.default.func.isRequired,
+            startOfNext: _propTypes.default.func.isRequired,
+            iso8601: _propTypes.default.func.isRequired
+          }).isRequired, _propTypes.default.oneOf([undefined])]).isRequired,
+          text: _propTypes.default.string.isRequired,
+          resolve: _propTypes.default.func.isRequired
+        }).isRequired]).isRequired,
+        name: _propTypes.default.string,
+        view: _propTypes.default.node
+      }).isRequired).isRequired, _propTypes.default.func.isRequired]).isRequired,
+      filterWith: _propTypes.default.oneOfType([_propTypes.default.oneOf(["prefix", "includes"]), _propTypes.default.func.isRequired]),
+      cache: _propTypes.default.number,
+      multiSelect: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.oneOf(["and", "or"])]),
+      loadingMessage: _propTypes.default.string,
+      noOptionsMessage: _propTypes.default.string,
+      searchThreshold: _propTypes.default.number,
+      available: _propTypes.default.func,
+      autoClose: _propTypes.default.bool,
+      operator: _propTypes.default.oneOf(["eq", "exact", "gt", "gte", "lt", "lte"]),
+      autoSortOptions: _propTypes.default.bool
+    }).isRequired, _propTypes.default.shape({
+      type: _propTypes.default.oneOf(["field_value_toggle"]).isRequired,
+      field: _propTypes.default.string.isRequired,
+      value: _propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.number.isRequired, _propTypes.default.bool.isRequired, _propTypes.default.shape({
+        type: _propTypes.default.oneOf(["date"]).isRequired,
+        raw: _propTypes.default.any.isRequired,
+        granularity: _propTypes.default.oneOfType([_propTypes.default.shape({
+          es: _propTypes.default.oneOf(["d", "w", "M", "y"]).isRequired,
+          js: _propTypes.default.oneOf(["day", "week", "month", "year"]).isRequired,
+          isSame: _propTypes.default.func.isRequired,
+          start: _propTypes.default.func.isRequired,
+          startOfNext: _propTypes.default.func.isRequired,
+          iso8601: _propTypes.default.func.isRequired
+        }).isRequired, _propTypes.default.oneOf([undefined])]).isRequired,
+        text: _propTypes.default.string.isRequired,
+        resolve: _propTypes.default.func.isRequired
+      }).isRequired]).isRequired,
+      name: _propTypes.default.string.isRequired,
+      negatedName: _propTypes.default.string,
+      available: _propTypes.default.func,
+      operator: _propTypes.default.oneOf(["eq", "exact", "gt", "gte", "lt", "lte"])
+    }).isRequired, _propTypes.default.shape({
+      type: _propTypes.default.oneOf(["field_value_toggle_group"]).isRequired,
+      field: _propTypes.default.string.isRequired,
+      /**
+         * See {@link FieldValueToggleGroupFilterItemType}
+         */
+      items: _propTypes.default.arrayOf(_propTypes.default.shape({
+        value: _propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.number.isRequired, _propTypes.default.bool.isRequired]).isRequired,
+        name: _propTypes.default.string.isRequired,
+        negatedName: _propTypes.default.string,
+        operator: _propTypes.default.oneOf(["eq", "exact", "gt", "gte", "lt", "lte"])
+      }).isRequired).isRequired,
+      available: _propTypes.default.func
+    }).isRequired, _propTypes.default.shape({
+      type: _propTypes.default.oneOf(["custom_component"]).isRequired,
+      component: _propTypes.default.elementType.isRequired,
+      available: _propTypes.default.func
+    }).isRequired]).isRequired),
+    /**
+       * Tools which go to the left of the search bar.
+       */
+    toolsLeft: _propTypes.default.oneOfType([_propTypes.default.element.isRequired, _propTypes.default.arrayOf(_propTypes.default.element.isRequired).isRequired]),
+    /**
+       * Tools which go to the right of the search bar.
+       */
+    toolsRight: _propTypes.default.oneOfType([_propTypes.default.element.isRequired, _propTypes.default.arrayOf(_propTypes.default.element.isRequired).isRequired]),
+    /**
+       * Date formatter to use when parsing date values
+       */
+    dateFormat: _propTypes.default.any,
+    /**
+       * Hint to render below the search bar
+       */
+    hint: _propTypes.default.shape({
+      content: _propTypes.default.node.isRequired,
+      popoverProps: _propTypes.default.any
+    }),
+    className: _propTypes.default.string,
+    "aria-label": _propTypes.default.string,
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
   }).isRequired]),
   /**
      * By default, tables use `eql` format for search which allows using advanced filters.

package/lib/components/search_bar/search_bar.js

@@ -55,6 +55,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+/**
+ * When `searchFormat` is 'text', `query` is null and the search is performed
+ * on the `queryText` directly without EQL parsing
+ */
+
 var parseQuery = function parseQuery(query, props) {
   var _props$box, _props$box2;
   var schema = undefined;

package/optimize/es/components/basic_table/in_memory_table.js

@@ -30,8 +30,6 @@ import { EuiSearchBox } from '../search_bar/search_box';
 import { EuiSpacer } from '../spacer';
 import { euiTablePaginationDefaults } from '../table/table_pagination';
 import { EuiComponentDefaultsContext } from '../provider/component_defaults';
-
-// allows `query: null` in the onChange callback when using `searchFormat="text"`
 import { jsx as ___EmotionJSX } from "@emotion/react";
 function isEuiSearchBarProps(x) {
   return typeof x !== 'boolean';

package/optimize/es/components/search_bar/search_bar.js

@@ -30,6 +30,12 @@ import { Query } from './query';
 import { euiSearchBar__searchHolder, euiSearchBar__filtersHolder } from './search_bar.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export { Query, AST as Ast } from './query';
+
+/**
+ * When `searchFormat` is 'text', `query` is null and the search is performed
+ * on the `queryText` directly without EQL parsing
+ */
+
 var parseQuery = function parseQuery(query, props) {
   var _props$box, _props$box2;
   var schema = undefined;

package/optimize/lib/components/basic_table/in_memory_table.js

@@ -38,7 +38,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * 2.0 and the Server Side Public License, v 1; you may not use this file except
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
- */ // allows `query: null` in the onChange callback when using `searchFormat="text"`
+ */
 function isEuiSearchBarProps(x) {
   return typeof x !== 'boolean';
 }

package/optimize/lib/components/search_bar/search_bar.js

@@ -49,6 +49,11 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+/**
+ * When `searchFormat` is 'text', `query` is null and the search is performed
+ * on the `queryText` directly without EQL parsing
+ */
+
 var parseQuery = function parseQuery(query, props) {
   var _props$box, _props$box2;
   var schema = undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "110.0.0-snapshot.1764684698664",
+  "version": "110.0.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "lib",
   "module": "es",
@@ -280,6 +280,5 @@
   ],
   "installConfig": {
     "hoistingLimits": "workspaces"
-  },
-  "stableVersion": "110.0.0"
+  }
 }

package/test-env/components/basic_table/in_memory_table.js

@@ -39,7 +39,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * 2.0 and the Server Side Public License, v 1; you may not use this file except
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
- */ // allows `query: null` in the onChange callback when using `searchFormat="text"`
+ */
 function isEuiSearchBarProps(x) {
   return typeof x !== 'boolean';
 }
@@ -1038,7 +1038,182 @@ EuiInMemoryTable.propTypes = {
      * ({@link Query} objects are ignored).
      */
   search: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.shape({
-    onChange: _propTypes.default.func
+    onChange: _propTypes.default.func,
+    /**
+       * The initial query the bar will hold when first mounted
+       */
+    defaultQuery: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.string.isRequired]),
+    /**
+       * If you wish to use the search bar as a controlled component, continuously pass the query via this prop.
+       */
+    query: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.string.isRequired]),
+    /**
+       * Configures the search box. Set `placeholder` to change the placeholder text in the box and `incremental` to support incremental (as you type) search.
+       */
+    box: _propTypes.default.shape({
+      name: _propTypes.default.string,
+      id: _propTypes.default.string,
+      placeholder: _propTypes.default.string,
+      value: _propTypes.default.string,
+      isInvalid: _propTypes.default.bool,
+      /**
+         * Expand to fill 100% of the parent.
+         * Defaults to `fullWidth` prop of `<EuiForm>`.
+         * @default false
+         */
+      fullWidth: _propTypes.default.bool,
+      isLoading: _propTypes.default.bool,
+      /**
+         * Called when the user presses [Enter] OR on change if the incremental prop is `true`.
+         * If you don't need the on[Enter] functionality, prefer using onChange
+         */
+      onSearch: _propTypes.default.func,
+      /**
+         * When `true` the search will be executed (that is, the `onSearch` will be called) as the
+         * user types.
+         */
+      incremental: _propTypes.default.bool,
+      /**
+         * when `true` creates a shorter height input
+         */
+      compressed: _propTypes.default.bool,
+      inputRef: _propTypes.default.func,
+      /**
+         * Shows a button that quickly clears any input
+         */
+      isClearable: _propTypes.default.bool,
+      /**
+         * Creates an input group with element(s) coming before input
+         * `string` | `ReactElement` or an array of these
+         */
+      prepend: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.element.isRequired]).isRequired, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.element.isRequired]).isRequired).isRequired]),
+      /**
+         * Creates an input group with element(s) coming after input.
+         * `string` | `ReactElement` or an array of these
+         */
+      append: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.element.isRequired]).isRequired, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.element.isRequired]).isRequired).isRequired]),
+      className: _propTypes.default.string,
+      "aria-label": _propTypes.default.string,
+      "data-test-subj": _propTypes.default.string,
+      css: _propTypes.default.any,
+      // Boolean values are not meaningful to this EuiSearchBox, but are allowed so that other
+      // components can use e.g. a true value to mean "auto-derive a schema". See EuiInMemoryTable.
+      // Admittedly, this is a bit of a hack.
+      schema: _propTypes.default.oneOfType([_propTypes.default.shape({
+        strict: _propTypes.default.bool,
+        fields: _propTypes.default.any,
+        flags: _propTypes.default.arrayOf(_propTypes.default.string.isRequired),
+        // Controls which phrases will be parsed as field clauses
+        recognizedFields: _propTypes.default.arrayOf(_propTypes.default.string.isRequired)
+      }).isRequired, _propTypes.default.bool.isRequired])
+    }),
+    /**
+       * An array of search filters. See {@link SearchFilterConfig}.
+       */
+    filters: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
+      type: _propTypes.default.oneOf(["is"]).isRequired,
+      field: _propTypes.default.string.isRequired,
+      name: _propTypes.default.string.isRequired,
+      negatedName: _propTypes.default.string,
+      available: _propTypes.default.func
+    }).isRequired, _propTypes.default.shape({
+      type: _propTypes.default.oneOf(["field_value_selection"]).isRequired,
+      field: _propTypes.default.string,
+      name: _propTypes.default.string.isRequired,
+      /**
+         * See {@link FieldValueOptionType}
+         */
+      options: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape({
+        field: _propTypes.default.string,
+        value: _propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.number.isRequired, _propTypes.default.bool.isRequired, _propTypes.default.shape({
+          type: _propTypes.default.oneOf(["date"]).isRequired,
+          raw: _propTypes.default.any.isRequired,
+          granularity: _propTypes.default.oneOfType([_propTypes.default.shape({
+            es: _propTypes.default.oneOf(["d", "w", "M", "y"]).isRequired,
+            js: _propTypes.default.oneOf(["day", "week", "month", "year"]).isRequired,
+            isSame: _propTypes.default.func.isRequired,
+            start: _propTypes.default.func.isRequired,
+            startOfNext: _propTypes.default.func.isRequired,
+            iso8601: _propTypes.default.func.isRequired
+          }).isRequired, _propTypes.default.oneOf([undefined])]).isRequired,
+          text: _propTypes.default.string.isRequired,
+          resolve: _propTypes.default.func.isRequired
+        }).isRequired]).isRequired,
+        name: _propTypes.default.string,
+        view: _propTypes.default.node
+      }).isRequired).isRequired, _propTypes.default.func.isRequired]).isRequired,
+      filterWith: _propTypes.default.oneOfType([_propTypes.default.oneOf(["prefix", "includes"]), _propTypes.default.func.isRequired]),
+      cache: _propTypes.default.number,
+      multiSelect: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.oneOf(["and", "or"])]),
+      loadingMessage: _propTypes.default.string,
+      noOptionsMessage: _propTypes.default.string,
+      searchThreshold: _propTypes.default.number,
+      available: _propTypes.default.func,
+      autoClose: _propTypes.default.bool,
+      operator: _propTypes.default.oneOf(["eq", "exact", "gt", "gte", "lt", "lte"]),
+      autoSortOptions: _propTypes.default.bool
+    }).isRequired, _propTypes.default.shape({
+      type: _propTypes.default.oneOf(["field_value_toggle"]).isRequired,
+      field: _propTypes.default.string.isRequired,
+      value: _propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.number.isRequired, _propTypes.default.bool.isRequired, _propTypes.default.shape({
+        type: _propTypes.default.oneOf(["date"]).isRequired,
+        raw: _propTypes.default.any.isRequired,
+        granularity: _propTypes.default.oneOfType([_propTypes.default.shape({
+          es: _propTypes.default.oneOf(["d", "w", "M", "y"]).isRequired,
+          js: _propTypes.default.oneOf(["day", "week", "month", "year"]).isRequired,
+          isSame: _propTypes.default.func.isRequired,
+          start: _propTypes.default.func.isRequired,
+          startOfNext: _propTypes.default.func.isRequired,
+          iso8601: _propTypes.default.func.isRequired
+        }).isRequired, _propTypes.default.oneOf([undefined])]).isRequired,
+        text: _propTypes.default.string.isRequired,
+        resolve: _propTypes.default.func.isRequired
+      }).isRequired]).isRequired,
+      name: _propTypes.default.string.isRequired,
+      negatedName: _propTypes.default.string,
+      available: _propTypes.default.func,
+      operator: _propTypes.default.oneOf(["eq", "exact", "gt", "gte", "lt", "lte"])
+    }).isRequired, _propTypes.default.shape({
+      type: _propTypes.default.oneOf(["field_value_toggle_group"]).isRequired,
+      field: _propTypes.default.string.isRequired,
+      /**
+         * See {@link FieldValueToggleGroupFilterItemType}
+         */
+      items: _propTypes.default.arrayOf(_propTypes.default.shape({
+        value: _propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.number.isRequired, _propTypes.default.bool.isRequired]).isRequired,
+        name: _propTypes.default.string.isRequired,
+        negatedName: _propTypes.default.string,
+        operator: _propTypes.default.oneOf(["eq", "exact", "gt", "gte", "lt", "lte"])
+      }).isRequired).isRequired,
+      available: _propTypes.default.func
+    }).isRequired, _propTypes.default.shape({
+      type: _propTypes.default.oneOf(["custom_component"]).isRequired,
+      component: _propTypes.default.elementType.isRequired,
+      available: _propTypes.default.func
+    }).isRequired]).isRequired),
+    /**
+       * Tools which go to the left of the search bar.
+       */
+    toolsLeft: _propTypes.default.oneOfType([_propTypes.default.element.isRequired, _propTypes.default.arrayOf(_propTypes.default.element.isRequired).isRequired]),
+    /**
+       * Tools which go to the right of the search bar.
+       */
+    toolsRight: _propTypes.default.oneOfType([_propTypes.default.element.isRequired, _propTypes.default.arrayOf(_propTypes.default.element.isRequired).isRequired]),
+    /**
+       * Date formatter to use when parsing date values
+       */
+    dateFormat: _propTypes.default.any,
+    /**
+       * Hint to render below the search bar
+       */
+    hint: _propTypes.default.shape({
+      content: _propTypes.default.node.isRequired,
+      popoverProps: _propTypes.default.any
+    }),
+    className: _propTypes.default.string,
+    "aria-label": _propTypes.default.string,
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
   }).isRequired]),
   /**
      * By default, tables use `eql` format for search which allows using advanced filters.

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

@@ -50,6 +50,11 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+/**
+ * When `searchFormat` is 'text', `query` is null and the search is performed
+ * on the `queryText` directly without EQL parsing
+ */
+
 var parseQuery = function parseQuery(query, props) {
   var _props$box, _props$box2;
   var schema = undefined;