@elastic/eui 86.0.0-rc1.0 → 86.0.0

package/es/components/datagrid/controls/display_selector.js

@@ -132,7 +132,6 @@ export var useDataGridDisplaySelector = function useDataGridDisplaySelector(show
     setUserRowHeightsOptions(rowHeightsOptions);
   }, [lineCount]);
   var setLineCountHeight = useCallback(function (event) {
-    if (!event.currentTarget) return;
     var newLineCount = Number(event.currentTarget.value);
     if (newLineCount < 1) return; // Don't let users set a 0 or negative line count
 

package/es/components/inline_edit/inline_edit_form.js

@@ -288,6 +288,58 @@ export var EuiInlineEditForm = function EuiInlineEditForm(_ref) {
   }, isEditing ? editModeForm : readModeElement);
 };
 EuiInlineEditForm.propTypes = {
+  className: PropTypes.string,
+  "aria-label": PropTypes.string,
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
+  defaultValue: PropTypes.string.isRequired,
+  placeholder: PropTypes.string,
+  /**
+       * Callback that fires when a user clicks the save button.
+       * Passes the current edited text value as an argument.
+       *
+       * To validate the value of the edited text, pass back a boolean flag.
+       * If `false`, EuiInlineEdit will remain in edit mode, where loading or invalid states can be set.
+       * If `true`, EuiInlineEdit will return to read mode.
+       */
+  onSave: PropTypes.func,
+  /**
+       * Form label that appears above the form control.
+       * This is required for accessibility because there is no visual label on the input.
+       */
+  inputAriaLabel: PropTypes.string.isRequired,
+  /**
+       * Starts the component in edit mode
+       */
+  startWithEditOpen: PropTypes.bool,
+  /**
+       * Props that will be applied directly to the `EuiEmptyButton` displayed in read mode
+       */
+  readModeProps: PropTypes.any,
+  /**
+       * Multiple props objects that can be applied directly to various child components displayed in edit mode.
+       * - `formRowProps` will be passed to `EuiFormRow`
+       * - `inputProps` will be passed to `EuiFieldText`
+       * - `saveButtonProps` & `cancelButtonProps` will be passed to their respective `EuiIconButton`s
+       */
+  editModeProps: PropTypes.shape({
+    formRowProps: PropTypes.any,
+    inputProps: PropTypes.any,
+    saveButtonProps: PropTypes.any,
+    cancelButtonProps: PropTypes.any
+  }),
+  /**
+       * Loading state - only displayed in edit mode
+       */
+  isLoading: PropTypes.bool,
+  /**
+       * Invalid state - only displayed edit mode
+       */
+  isInvalid: PropTypes.bool,
+  /**
+       * Locks inline edit in read mode and displays the text value
+       */
+  isReadOnly: PropTypes.bool,
   /**
      * Form sizes
      */

package/es/components/inline_edit/inline_edit_text.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "className", "size", "defaultValue", "placeholder", "inputAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps", "isLoading", "isInvalid", "isReadOnly"];
+var _excluded = ["className", "size", "defaultValue", "placeholder", "inputAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps", "isLoading", "isInvalid", "isReadOnly"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -25,8 +25,7 @@ import { useEuiTheme } from '../../services';
 import { euiInlineEditTextStyles } from './inline_edit_text.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiInlineEditText = function EuiInlineEditText(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
+  var className = _ref.className,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'm' : _ref$size,
     defaultValue = _ref.defaultValue,

package/es/components/inline_edit/inline_edit_title.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "className", "size", "heading", "defaultValue", "placeholder", "inputAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps", "isLoading", "isInvalid", "isReadOnly"];
+var _excluded = ["className", "size", "heading", "defaultValue", "placeholder", "inputAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps", "isLoading", "isInvalid", "isReadOnly"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -26,8 +26,7 @@ import { euiInlineEditTitleStyles } from './inline_edit_title.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var HEADINGS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span'];
 export var EuiInlineEditTitle = function EuiInlineEditTitle(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
+  var className = _ref.className,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'm' : _ref$size,
     heading = _ref.heading,

package/es/components/portal/portal.js

@@ -50,8 +50,6 @@ export var EuiPortal = /*#__PURE__*/function (_Component) {
   _createClass(EuiPortal, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      if (typeof window === 'undefined') return; // Prevent SSR errors
-
       var insert = this.props.insert;
       var portalNode = document.createElement('div');
       portalNode.dataset.euiportal = 'true';
@@ -66,6 +64,9 @@ export var EuiPortal = /*#__PURE__*/function (_Component) {
       }
       this.setThemeColor(portalNode);
       this.updatePortalRef(portalNode);
+
+      // Update state with portalNode to intentionally trigger component rerender
+      // and call createPortal with correct root element in render()
       this.setState({
         portalNode: portalNode
       });

package/es/components/tour/tour_step.js

@@ -85,6 +85,12 @@ export var EuiTourStep = function EuiTourStep(_ref) {
   useEffect(function () {
     var timeout;
     if (anchor) {
+      // Wait until next tick to find anchor node in case it's not already
+      // in DOM requestAnimationFrame isn't used here because we don't need to
+      // synchronize with repainting ticks and the updated value still
+      // needs to go through a react DOM rerender which may take more than
+      // 1 frame (16ms) of time.
+      // TODO: It would be ideal to have some kind of intersection observer here instead
       timeout = window.setTimeout(function () {
         setAnchorNode(findElementBySelectorOrRef(anchor));
       });
@@ -92,7 +98,7 @@ export var EuiTourStep = function EuiTourStep(_ref) {
     return function () {
       timeout && window.clearTimeout(timeout);
     };
-  }, [anchor, setAnchorNode]);
+  }, [anchor]);
   var classes = classNames('euiTour', className);
   var euiTheme = useEuiTheme();
   var tourStyles = euiTourStyles(euiTheme);

package/es/services/theme/provider.js

@@ -30,13 +30,6 @@ import { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificati
 import { EuiEmotionThemeProvider } from './emotion';
 import { buildTheme, getColorMode, getComputed, mergeDeep } from './utils';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var providerWarning = undefined;
-export var setEuiDevProviderWarning = function setEuiDevProviderWarning(level) {
-  return providerWarning = level;
-};
-export var getEuiDevProviderWarning = function getEuiDevProviderWarning() {
-  return providerWarning;
-};
 export var EuiThemeProvider = function EuiThemeProvider(_ref) {
   var _system = _ref.theme,
     _colorMode = _ref.colorMode,

package/es/test/index.d.ts

@@ -41,41 +41,6 @@ declare module '@elastic/eui/es/test/sleep' {
 declare module '@elastic/eui/es/test/emotion-prefix' {
 	export const replaceEmotionPrefix: (selector: string) => string;
 
-}
-declare module '@elastic/eui/es/test/react_version' {
-	/// <reference types="jest" />
-	export type ReactVersion = '16' | '17' | '18';
-	export const SUPPORTED_REACT_VERSIONS: ReactVersion[];
-	/**
-	 * Get major version of React that's currently used.
-	 *
-	 */
-	export const getReactVersion: () => ReactVersion;
-	export const isReactVersion: (versionOrVersions: ReactVersion | ReactVersion[]) => boolean;
-	/**
-	 * Invoke passed function when running on specified version(s) of React
-	 */
-	export const invokeOnReactVersion: (versionOrVersions: ReactVersion | ReactVersion[], func: Function) => void;
-	/**
-	 * Jest describe wrapper calling describe() for every supported React version
-	 * and prefixing the name with version numbers. Only the currently running
-	 * version isn't skipped.
-	 *
-	 * It's primary use is to separate snapshots by React version in case there are
-	 * differences with, for example, unique ID generation.
-	 */
-	export const describeByReactVersion: (name: string, func: () => void) => void;
-	/**
-	 * Jest test wrapper calling test() for every supported React version
-	 * and prefixing the name with version numbers. Only the currently running
-	 * version isn't skipped.
-	 *
-	 * It's primary use is to separate snapshots by React version in case there
-	 * are differences with, for example, unique ID generation.
-	 */
-	export const testByReactVersion: (name: string, func: () => void) => void;
-	export const testOnReactVersion: (versionOrVersions: ReactVersion | ReactVersion[]) => typeof test;
-
 }
 declare module '@elastic/eui/es/test' {
 	export { requiredProps } from '@elastic/eui/es/test/required_props';
@@ -84,6 +49,5 @@ declare module '@elastic/eui/es/test' {
 	export { startThrowingReactWarnings, stopThrowingReactWarnings, } from '@elastic/eui/es/test/react_warnings';
 	export { sleep } from '@elastic/eui/es/test/sleep';
 	export * from '@elastic/eui/es/test/emotion-prefix';
-	export * from '@elastic/eui/es/test/react_version';
 
 }

package/es/test/index.js

@@ -11,5 +11,4 @@ export { takeMountedSnapshot } from './take_mounted_snapshot';
 export { findTestSubject } from './find_test_subject';
 export { startThrowingReactWarnings, stopThrowingReactWarnings } from './react_warnings';
 export { sleep } from './sleep';
-export * from './emotion-prefix';
-export * from './react_version';
+export * from './emotion-prefix';

package/eui.d.ts

@@ -7446,9 +7446,7 @@ declare module '@elastic/eui/src/services/theme/emotion' {
 declare module '@elastic/eui/src/services/theme/provider' {
 	import React, { PropsWithChildren, HTMLAttributes } from 'react';
 	import type { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiThemeColorMode, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types'; type LEVELS = 'log' | 'warn' | 'error';
-	export const setEuiDevProviderWarning: (level: LEVELS | undefined) => LEVELS | undefined;
-	export const getEuiDevProviderWarning: () => LEVELS | undefined;
+	import { EuiThemeColorMode, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
 	export interface EuiThemeProviderProps<T> extends PropsWithChildren {
 	    theme?: EuiThemeSystem<T>;
 	    colorMode?: EuiThemeColorMode;
@@ -7469,7 +7467,6 @@ declare module '@elastic/eui/src/services/theme/provider' {
 	    };
 	}
 	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
-	export {};
 
 }
 declare module '@elastic/eui/src/services/theme' {
@@ -16241,7 +16238,7 @@ declare module '@elastic/eui/src/components/inline_edit/inline_edit_form' {
 	import { EuiFormRowProps, EuiFieldTextProps } from '@elastic/eui/src/components/form';
 	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button/button_icon';
 	import { EuiButtonEmptyPropsForButton } from '@elastic/eui/src/components/button/button_empty/button_empty';
-	export type EuiInlineEditCommonProps = HTMLAttributes<HTMLDivElement> & CommonProps & {
+	export type EuiInlineEditCommonProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & CommonProps & {
 	    defaultValue: string;
 	    placeholder?: string;
 	    /**
@@ -16291,7 +16288,7 @@ declare module '@elastic/eui/src/components/inline_edit/inline_edit_form' {
 	     */
 	    isReadOnly?: boolean;
 	};
-	export type EuiInlineEditFormProps = Omit<EuiInlineEditCommonProps, 'children'> & {
+	export type EuiInlineEditFormProps = EuiInlineEditCommonProps & {
 	    /**
 	     * Form sizes
 	     */

package/i18ntokens.json

@@ -1589,14 +1589,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 212,
+        "line": 210,
         "column": 22,
-        "index": 6913
+        "index": 6874
       },
       "end": {
-        "line": 215,
+        "line": 213,
         "column": 3,
-        "index": 6987
+        "index": 6948
       }
     },
     "filepath": "src/components/datagrid/controls/display_selector.tsx"
@@ -1607,14 +1607,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 216,
+        "line": 214,
         "column": 27,
-        "index": 7016
+        "index": 6977
       },
       "end": {
-        "line": 219,
+        "line": 217,
         "column": 3,
-        "index": 7096
+        "index": 7057
       }
     },
     "filepath": "src/components/datagrid/controls/display_selector.tsx"
@@ -1625,14 +1625,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 249,
+        "line": 247,
         "column": 10,
-        "index": 8081
+        "index": 8042
       },
       "end": {
-        "line": 257,
+        "line": 255,
         "column": 11,
-        "index": 8402
+        "index": 8363
       }
     },
     "filepath": "src/components/datagrid/controls/display_selector.tsx"
@@ -1643,14 +1643,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 249,
+        "line": 247,
         "column": 10,
-        "index": 8081
+        "index": 8042
       },
       "end": {
-        "line": 257,
+        "line": 255,
         "column": 11,
-        "index": 8402
+        "index": 8363
       }
     },
     "filepath": "src/components/datagrid/controls/display_selector.tsx"
@@ -1661,14 +1661,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 249,
+        "line": 247,
         "column": 10,
-        "index": 8081
+        "index": 8042
       },
       "end": {
-        "line": 257,
+        "line": 255,
         "column": 11,
-        "index": 8402
+        "index": 8363
       }
     },
     "filepath": "src/components/datagrid/controls/display_selector.tsx"
@@ -1679,14 +1679,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 249,
+        "line": 247,
         "column": 10,
-        "index": 8081
+        "index": 8042
       },
       "end": {
-        "line": 257,
+        "line": 255,
         "column": 11,
-        "index": 8402
+        "index": 8363
       }
     },
     "filepath": "src/components/datagrid/controls/display_selector.tsx"
@@ -1697,14 +1697,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 292,
+        "line": 290,
         "column": 10,
-        "index": 9509
+        "index": 9470
       },
       "end": {
-        "line": 307,
+        "line": 305,
         "column": 11,
-        "index": 9982
+        "index": 9943
       }
     },
     "filepath": "src/components/datagrid/controls/display_selector.tsx"
@@ -1715,14 +1715,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 292,
+        "line": 290,
         "column": 10,
-        "index": 9509
+        "index": 9470
       },
       "end": {
-        "line": 307,
+        "line": 305,
         "column": 11,
-        "index": 9982
+        "index": 9943
       }
     },
     "filepath": "src/components/datagrid/controls/display_selector.tsx"
@@ -1733,14 +1733,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 292,
+        "line": 290,
         "column": 10,
-        "index": 9509
+        "index": 9470
       },
       "end": {
-        "line": 307,
+        "line": 305,
         "column": 11,
-        "index": 9982
+        "index": 9943
       }
     },
     "filepath": "src/components/datagrid/controls/display_selector.tsx"
@@ -1751,14 +1751,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 292,
+        "line": 290,
         "column": 10,
-        "index": 9509
+        "index": 9470
       },
       "end": {
-        "line": 307,
+        "line": 305,
         "column": 11,
-        "index": 9982
+        "index": 9943
       }
     },
     "filepath": "src/components/datagrid/controls/display_selector.tsx"
@@ -1769,14 +1769,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 292,
+        "line": 290,
         "column": 10,
-        "index": 9509
+        "index": 9470
       },
       "end": {
-        "line": 307,
+        "line": 305,
         "column": 11,
-        "index": 9982
+        "index": 9943
       }
     },
     "filepath": "src/components/datagrid/controls/display_selector.tsx"
@@ -7097,14 +7097,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 250,
+        "line": 256,
         "column": 10,
-        "index": 6369
+        "index": 6776
       },
       "end": {
-        "line": 257,
+        "line": 263,
         "column": 11,
-        "index": 6603
+        "index": 7010
       }
     },
     "filepath": "src/components/tour/tour_step.tsx"
@@ -7115,14 +7115,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 250,
+        "line": 256,
         "column": 10,
-        "index": 6369
+        "index": 6776
       },
       "end": {
-        "line": 257,
+        "line": 263,
         "column": 11,
-        "index": 6603
+        "index": 7010
       }
     },
     "filepath": "src/components/tour/tour_step.tsx"
@@ -7133,14 +7133,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 250,
+        "line": 256,
         "column": 10,
-        "index": 6369
+        "index": 6776
       },
       "end": {
-        "line": 257,
+        "line": 263,
         "column": 11,
-        "index": 6603
+        "index": 7010
       }
     },
     "filepath": "src/components/tour/tour_step.tsx"

package/lib/components/datagrid/controls/display_selector.js

@@ -139,7 +139,6 @@ var useDataGridDisplaySelector = function useDataGridDisplaySelector(showDisplay
     setUserRowHeightsOptions(rowHeightsOptions);
   }, [lineCount]);
   var setLineCountHeight = (0, _react.useCallback)(function (event) {
-    if (!event.currentTarget) return;
     var newLineCount = Number(event.currentTarget.value);
     if (newLineCount < 1) return; // Don't let users set a 0 or negative line count
 

package/lib/components/inline_edit/inline_edit_form.js

@@ -295,6 +295,58 @@ var EuiInlineEditForm = function EuiInlineEditForm(_ref) {
 };
 exports.EuiInlineEditForm = EuiInlineEditForm;
 EuiInlineEditForm.propTypes = {
+  className: _propTypes.default.string,
+  "aria-label": _propTypes.default.string,
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
+  defaultValue: _propTypes.default.string.isRequired,
+  placeholder: _propTypes.default.string,
+  /**
+       * Callback that fires when a user clicks the save button.
+       * Passes the current edited text value as an argument.
+       *
+       * To validate the value of the edited text, pass back a boolean flag.
+       * If `false`, EuiInlineEdit will remain in edit mode, where loading or invalid states can be set.
+       * If `true`, EuiInlineEdit will return to read mode.
+       */
+  onSave: _propTypes.default.func,
+  /**
+       * Form label that appears above the form control.
+       * This is required for accessibility because there is no visual label on the input.
+       */
+  inputAriaLabel: _propTypes.default.string.isRequired,
+  /**
+       * Starts the component in edit mode
+       */
+  startWithEditOpen: _propTypes.default.bool,
+  /**
+       * Props that will be applied directly to the `EuiEmptyButton` displayed in read mode
+       */
+  readModeProps: _propTypes.default.any,
+  /**
+       * Multiple props objects that can be applied directly to various child components displayed in edit mode.
+       * - `formRowProps` will be passed to `EuiFormRow`
+       * - `inputProps` will be passed to `EuiFieldText`
+       * - `saveButtonProps` & `cancelButtonProps` will be passed to their respective `EuiIconButton`s
+       */
+  editModeProps: _propTypes.default.shape({
+    formRowProps: _propTypes.default.any,
+    inputProps: _propTypes.default.any,
+    saveButtonProps: _propTypes.default.any,
+    cancelButtonProps: _propTypes.default.any
+  }),
+  /**
+       * Loading state - only displayed in edit mode
+       */
+  isLoading: _propTypes.default.bool,
+  /**
+       * Invalid state - only displayed edit mode
+       */
+  isInvalid: _propTypes.default.bool,
+  /**
+       * Locks inline edit in read mode and displays the text value
+       */
+  isReadOnly: _propTypes.default.bool,
   /**
      * Form sizes
      */

package/lib/components/inline_edit/inline_edit_text.js

@@ -13,7 +13,7 @@ var _inline_edit_form = require("./inline_edit_form");
 var _services = require("../../services");
 var _inline_edit_text = require("./inline_edit_text.styles");
 var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "size", "defaultValue", "placeholder", "inputAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps", "isLoading", "isInvalid", "isReadOnly"];
+var _excluded = ["className", "size", "defaultValue", "placeholder", "inputAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps", "isLoading", "isInvalid", "isReadOnly"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -33,8 +33,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var EuiInlineEditText = function EuiInlineEditText(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
+  var className = _ref.className,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'm' : _ref$size,
     defaultValue = _ref.defaultValue,

package/lib/components/inline_edit/inline_edit_title.js

@@ -13,7 +13,7 @@ var _inline_edit_form = require("./inline_edit_form");
 var _services = require("../../services");
 var _inline_edit_title = require("./inline_edit_title.styles");
 var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "size", "heading", "defaultValue", "placeholder", "inputAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps", "isLoading", "isInvalid", "isReadOnly"];
+var _excluded = ["className", "size", "heading", "defaultValue", "placeholder", "inputAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps", "isLoading", "isInvalid", "isReadOnly"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -35,8 +35,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var HEADINGS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span'];
 exports.HEADINGS = HEADINGS;
 var EuiInlineEditTitle = function EuiInlineEditTitle(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
+  var className = _ref.className,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'm' : _ref$size,
     heading = _ref.heading,

package/lib/components/portal/portal.js

@@ -55,8 +55,6 @@ var EuiPortal = /*#__PURE__*/function (_Component) {
   _createClass(EuiPortal, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      if (typeof window === 'undefined') return; // Prevent SSR errors
-
       var insert = this.props.insert;
       var portalNode = document.createElement('div');
       portalNode.dataset.euiportal = 'true';
@@ -71,6 +69,9 @@ var EuiPortal = /*#__PURE__*/function (_Component) {
       }
       this.setThemeColor(portalNode);
       this.updatePortalRef(portalNode);
+
+      // Update state with portalNode to intentionally trigger component rerender
+      // and call createPortal with correct root element in render()
       this.setState({
         portalNode: portalNode
       });