@elastic/eui 77.1.0 → 77.1.1

package/es/components/index.js

@@ -49,7 +49,6 @@ export * from './horizontal_rule';
 export * from './icon';
 export * from './image';
 export * from './inner_text';
-export * from './inline_edit';
 export * from './i18n';
 export * from './loading';
 export * from './key_pad_menu';

package/eui.d.ts

@@ -2582,8 +2582,7 @@ declare module '@elastic/eui/src/components/button/button_empty/button_empty' {
 	     * Object of props passed to the <span/> wrapping the button's content
 	     */
 	    contentProps?: CommonProps & EuiButtonContentType;
-	} type EuiButtonEmptyPropsForAnchor = PropsForAnchor<CommonEuiButtonEmptyProps>;
-	export type EuiButtonEmptyPropsForButton = PropsForButton<CommonEuiButtonEmptyProps>;
+	} type EuiButtonEmptyPropsForAnchor = PropsForAnchor<CommonEuiButtonEmptyProps>; type EuiButtonEmptyPropsForButton = PropsForButton<CommonEuiButtonEmptyProps>;
 	export type EuiButtonEmptyProps = ExclusiveUnion<EuiButtonEmptyPropsForAnchor, EuiButtonEmptyPropsForButton>;
 	export const EuiButtonEmpty: FunctionComponent<EuiButtonEmptyProps>;
 	export {};
@@ -15621,113 +15620,6 @@ declare module '@elastic/eui/src/components/image' {
 	export type { EuiImageProps } from '@elastic/eui/src/components/image/image_types';
 	export { EuiImage } from '@elastic/eui/src/components/image/image';
 
-}
-declare module '@elastic/eui/src/components/inline_edit/inline_edit_form' {
-	import { ReactNode, FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiFieldTextProps } from '@elastic/eui/src/components/form';
-	import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button';
-	import { EuiButtonEmptyPropsForButton } from '@elastic/eui/src/components/button/button_empty/button_empty';
-	export type EuiInlineEditCommonProps = CommonProps & {
-	    defaultValue: string;
-	    /**
-	     * Allow users to pass in a function that is called when the confirm button is clicked
-	     * The function should return a boolean flag that will determine if the value will be saved.
-	     * When the flag is true, the value will be saved. When the flag is false, the user will be
-	     * returned to editMode.
-	     */
-	    onConfirm?: () => boolean;
-	    /**
-	     * Form label that appears above the form control
-	     * This is required for accessibility because there is no visual label on the input
-	     */
-	    inputAriaLabel: string;
-	    /**
-	     * Aria-label for save button in editMode
-	     */
-	    saveButtonAriaLabel?: string;
-	    /**
-	     * Aria-label for cancel button in editMode
-	     */
-	    cancelButtonAriaLabel?: string;
-	    /**
-	     * Start in editMode
-	     */
-	    startWithEditOpen?: boolean;
-	    /**
-	     * Props that will be applied directly to the EuiEmptyButton displayed in readMode
-	     */
-	    readModeProps?: Omit<EuiButtonEmptyPropsForButton, 'onClick'>;
-	    /**
-	     * Props that will be applied directly to the EuiFieldText displayed in editMode
-	     */
-	    editModeProps?: EuiFieldTextProps;
-	};
-	export type EuiInlineEditFormProps = EuiInlineEditCommonProps & {
-	    /**
-	     * Form sizes
-	     */
-	    sizes: {
-	        compressed: boolean;
-	        buttonSize: EuiButtonEmptyProps['size'];
-	        iconSize: EuiButtonEmptyProps['iconSize'];
-	    };
-	    /**
-	     * Render prop that returns the read mode value as an arg
-	     */
-	    children: (readModeValue: ReactNode) => ReactNode;
-	};
-	export const SMALL_SIZE_FORM: {
-	    readonly iconSize: "s";
-	    readonly compressed: true;
-	    readonly buttonSize: "s";
-	};
-	export const MEDIUM_SIZE_FORM: {
-	    readonly iconSize: "m";
-	    readonly compressed: false;
-	    readonly buttonSize: "m";
-	};
-	export const EuiInlineEditForm: FunctionComponent<EuiInlineEditFormProps>;
-
-}
-declare module '@elastic/eui/src/components/inline_edit/inline_edit_text' {
-	import { FunctionComponent } from 'react';
-	import { EuiTextProps } from '@elastic/eui/src/components/text';
-	import { EuiInlineEditCommonProps } from '@elastic/eui/src/components/inline_edit/inline_edit_form';
-	export type EuiInlineEditTextSizes = Exclude<EuiTextProps['size'], 'relative'>;
-	export type EuiInlineEditTextProps = EuiInlineEditCommonProps & {
-	    /**
-	     * Text size level
-	     */
-	    size?: EuiInlineEditTextSizes;
-	};
-	export const EuiInlineEditText: FunctionComponent<EuiInlineEditTextProps>;
-
-}
-declare module '@elastic/eui/src/components/inline_edit/inline_edit_title' {
-	import { FunctionComponent } from 'react';
-	import { EuiTitleSize } from '@elastic/eui/src/components/title';
-	import { EuiInlineEditCommonProps } from '@elastic/eui/src/components/inline_edit/inline_edit_form';
-	export const HEADINGS: readonly ["h1", "h2", "h3", "h4", "h5", "h6"]; type Heading = typeof HEADINGS[number];
-	export type EuiInlineEditTitleProps = EuiInlineEditCommonProps & {
-	    /**
-	     * Title size level
-	     */
-	    size?: EuiTitleSize;
-	    /**
-	     * Level of heading to be used for the title
-	     */
-	    heading: Heading;
-	};
-	export const EuiInlineEditTitle: FunctionComponent<EuiInlineEditTitleProps>;
-	export {};
-
-}
-declare module '@elastic/eui/src/components/inline_edit' {
-	export { EuiInlineEditText } from '@elastic/eui/src/components/inline_edit/inline_edit_text';
-	export { EuiInlineEditTitle } from '@elastic/eui/src/components/inline_edit/inline_edit_title';
-	export type { EuiInlineEditTextSizes } from '@elastic/eui/src/components/inline_edit/inline_edit_text';
-
 }
 declare module '@elastic/eui/src/components/key_pad_menu/key_pad_menu.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -21487,7 +21379,6 @@ declare module '@elastic/eui/src/components' {
 	export * from '@elastic/eui/src/components/icon';
 	export * from '@elastic/eui/src/components/image';
 	export * from '@elastic/eui/src/components/inner_text';
-	export * from '@elastic/eui/src/components/inline_edit';
 	export * from '@elastic/eui/src/components/i18n';
 	export * from '@elastic/eui/src/components/loading';
 	export * from '@elastic/eui/src/components/key_pad_menu';
@@ -26231,13 +26122,6 @@ declare module '@elastic/eui/src/components/icon/assets/wrench' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
-}
-declare module '@elastic/eui/src/components/inline_edit/inline_edit.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiInlineEditStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiInlineEdit: import("@emotion/utils").SerializedStyles;
-	};
-
 }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -26582,8 +26466,6 @@ declare module '@elastic/eui' {
 "euiHeaderLinks.appNavigation": any;
 "euiImageButton.openFullScreen": any;
 "euiImageButton.closeFullScreen": any;
-"euiInlineEditForm.saveButtonAriaLabel": any;
-"euiInlineEditForm.cancelButtonAriaLabel": any;
 "euiLink.newTarget.screenReaderOnlyText": any;
 "euiLink.external.ariaLabel": any;
 "euiPinnableListGroup.pinExtraActionLabel": any;

package/i18ntokens.json

@@ -4967,42 +4967,6 @@
     },
     "filepath": "src/components/image/image_button.tsx"
   },
-  {
-    "token": "euiInlineEditForm.saveButtonAriaLabel",
-    "defString": "Save edit",
-    "highlighting": "string",
-    "loc": {
-      "start": {
-        "line": 105,
-        "column": 37,
-        "index": 3359
-      },
-      "end": {
-        "line": 108,
-        "column": 3,
-        "index": 3435
-      }
-    },
-    "filepath": "src/components/inline_edit/inline_edit_form.tsx"
-  },
-  {
-    "token": "euiInlineEditForm.cancelButtonAriaLabel",
-    "defString": "Cancel edit",
-    "highlighting": "string",
-    "loc": {
-      "start": {
-        "line": 109,
-        "column": 39,
-        "index": 3476
-      },
-      "end": {
-        "line": 112,
-        "column": 3,
-        "index": 3556
-      }
-    },
-    "filepath": "src/components/inline_edit/inline_edit_form.tsx"
-  },
   {
     "token": "euiLink.newTarget.screenReaderOnlyText",
     "defString": "(opens in a new tab or window)",

package/lib/components/index.js

@@ -476,17 +476,6 @@ Object.keys(_inner_text).forEach(function (key) {
     }
   });
 });
-var _inline_edit = require("./inline_edit");
-Object.keys(_inline_edit).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _inline_edit[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _inline_edit[key];
-    }
-  });
-});
 var _i18n = require("./i18n");
 Object.keys(_i18n).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/optimize/es/components/index.js

@@ -49,7 +49,6 @@ export * from './horizontal_rule';
 export * from './icon';
 export * from './image';
 export * from './inner_text';
-export * from './inline_edit';
 export * from './i18n';
 export * from './loading';
 export * from './key_pad_menu';

package/optimize/lib/components/index.js

@@ -476,17 +476,6 @@ Object.keys(_inner_text).forEach(function (key) {
     }
   });
 });
-var _inline_edit = require("./inline_edit");
-Object.keys(_inline_edit).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _inline_edit[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _inline_edit[key];
-    }
-  });
-});
 var _i18n = require("./i18n");
 Object.keys(_i18n).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "77.1.0",
+  "version": "77.1.1",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "lib",
   "module": "es",

package/test-env/components/index.js

@@ -476,17 +476,6 @@ Object.keys(_inner_text).forEach(function (key) {
     }
   });
 });
-var _inline_edit = require("./inline_edit");
-Object.keys(_inline_edit).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _inline_edit[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _inline_edit[key];
-    }
-  });
-});
 var _i18n = require("./i18n");
 Object.keys(_i18n).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/es/components/inline_edit/index.js

@@ -1,10 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 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.
- */
-
-export { EuiInlineEditText } from './inline_edit_text';
-export { EuiInlineEditTitle } from './inline_edit_title';

package/es/components/inline_edit/inline_edit.styles.js

@@ -1,15 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 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.
- */
-
-import { css } from '@emotion/react';
-export var euiInlineEditStyles = function euiInlineEditStyles(_ref) {
-  var euiTheme = _ref.euiTheme;
-  return {
-    euiInlineEdit: /*#__PURE__*/css("color:", euiTheme.colors.primaryText, ";;label:euiInlineEdit;")
-  };
-};

package/es/components/inline_edit/inline_edit_form.js

@@ -1,190 +0,0 @@
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 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.
- */
-
-import React, { useState } from 'react';
-import PropTypes from "prop-types";
-import classNames from 'classnames';
-import { EuiFormRow, EuiFieldText, EuiForm } from '../form';
-import { EuiButtonIcon, EuiButtonEmpty } from '../button';
-import { EuiFlexGroup, EuiFlexItem } from '../flex';
-import { useEuiI18n } from '../i18n';
-import { useGeneratedHtmlId } from '../../services/accessibility';
-
-// Props shared between the internal form component as well as consumer-facing components
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var SMALL_SIZE_FORM = {
-  iconSize: 's',
-  compressed: true,
-  buttonSize: 's'
-};
-export var MEDIUM_SIZE_FORM = {
-  iconSize: 'm',
-  compressed: false,
-  buttonSize: 'm'
-};
-export var EuiInlineEditForm = function EuiInlineEditForm(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    sizes = _ref.sizes,
-    defaultValue = _ref.defaultValue,
-    onConfirm = _ref.onConfirm,
-    inputAriaLabel = _ref.inputAriaLabel,
-    saveButtonAriaLabel = _ref.saveButtonAriaLabel,
-    cancelButtonAriaLabel = _ref.cancelButtonAriaLabel,
-    startWithEditOpen = _ref.startWithEditOpen,
-    readModeProps = _ref.readModeProps,
-    editModeProps = _ref.editModeProps;
-  var classes = classNames('euiInlineEdit', className);
-
-  // Styles to come later! (Styling editMode text to match the size of its readMode counterpart)
-  /*const theme = useEuiTheme();
-  const styles = euiInlineEditStyles(theme);
-  const cssStyles = [styles.euiInlineEdit];*/
-
-  var defaultSaveButtonAriaLabel = useEuiI18n('euiInlineEditForm.saveButtonAriaLabel', 'Save edit');
-  var defaultCancelButtonAriaLabel = useEuiI18n('euiInlineEditForm.cancelButtonAriaLabel', 'Cancel edit');
-  var _useState = useState(false || startWithEditOpen),
-    _useState2 = _slicedToArray(_useState, 2),
-    isEditing = _useState2[0],
-    setIsEditing = _useState2[1];
-  var inlineEditInputId = useGeneratedHtmlId({
-    prefix: '__inlineEditInput'
-  });
-  var _useState3 = useState(defaultValue),
-    _useState4 = _slicedToArray(_useState3, 2),
-    editModeValue = _useState4[0],
-    setEditModeValue = _useState4[1];
-  var _useState5 = useState(defaultValue),
-    _useState6 = _slicedToArray(_useState5, 2),
-    readModeValue = _useState6[0],
-    setReadModeValue = _useState6[1];
-  var cancelInlineEdit = function cancelInlineEdit() {
-    setEditModeValue(readModeValue);
-    setIsEditing(!isEditing);
-  };
-  var saveInlineEditValue = function saveInlineEditValue() {
-    if (editModeValue && onConfirm && !onConfirm()) {
-      // If there is text, an onConfirm method is present, and it has returned false, cancel the action
-      return;
-    } else if (editModeValue) {
-      setReadModeValue(editModeValue);
-      setIsEditing(!isEditing);
-    } else {
-      // If there's no text, cancel the action, reset the input text, and return to readMode
-      cancelInlineEdit();
-    }
-  };
-  var editModeForm = ___EmotionJSX(EuiForm, {
-    fullWidth: true
-  }, ___EmotionJSX(EuiFlexGroup, {
-    gutterSize: "s"
-  }, ___EmotionJSX(EuiFlexItem, null, ___EmotionJSX(EuiFieldText, _extends({
-    id: inlineEditInputId,
-    value: editModeValue,
-    onChange: function onChange(e) {
-      setEditModeValue(e.target.value);
-    },
-    "aria-label": inputAriaLabel,
-    autoFocus: true,
-    compressed: sizes.compressed
-  }, editModeProps))), ___EmotionJSX(EuiFlexItem, {
-    grow: false,
-    className: classes
-  }, ___EmotionJSX(EuiFormRow, null, ___EmotionJSX(EuiButtonIcon, {
-    iconType: "check",
-    "aria-label": saveButtonAriaLabel || defaultSaveButtonAriaLabel,
-    onClick: saveInlineEditValue,
-    color: "success",
-    display: "base",
-    size: sizes.buttonSize,
-    iconSize: sizes.iconSize
-  }))), ___EmotionJSX(EuiFlexItem, {
-    grow: false
-  }, ___EmotionJSX(EuiFormRow, null, ___EmotionJSX(EuiButtonIcon, {
-    iconType: "cross",
-    "aria-label": cancelButtonAriaLabel || defaultCancelButtonAriaLabel,
-    onClick: cancelInlineEdit,
-    color: "danger",
-    display: "base",
-    size: sizes.buttonSize,
-    iconSize: sizes.iconSize
-  })))));
-  var readModeElement = ___EmotionJSX(EuiButtonEmpty, _extends({
-    color: "text",
-    iconType: "pencil",
-    iconSide: "right",
-    autoFocus: true,
-    flush: "both",
-    iconSize: sizes.iconSize,
-    size: sizes.buttonSize,
-    onClick: function onClick() {
-      setIsEditing(!isEditing);
-    }
-  }, readModeProps), children(readModeValue));
-  return ___EmotionJSX("div", {
-    className: classes
-  }, isEditing ? editModeForm : readModeElement);
-};
-EuiInlineEditForm.propTypes = {
-  className: PropTypes.string,
-  "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string,
-  css: PropTypes.any,
-  defaultValue: PropTypes.string.isRequired,
-  /**
-     * Allow users to pass in a function that is called when the confirm button is clicked
-     * The function should return a boolean flag that will determine if the value will be saved.
-     * When the flag is true, the value will be saved. When the flag is false, the user will be
-     * returned to editMode.
-     */
-  onConfirm: 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,
-  /**
-     * Aria-label for save button in editMode
-     */
-  saveButtonAriaLabel: PropTypes.string,
-  /**
-     * Aria-label for cancel button in editMode
-     */
-  cancelButtonAriaLabel: PropTypes.string,
-  /**
-     * Start in editMode
-     */
-  startWithEditOpen: PropTypes.bool,
-  /**
-     * Props that will be applied directly to the EuiEmptyButton displayed in readMode
-     */
-  readModeProps: PropTypes.any,
-  /**
-     * Props that will be applied directly to the EuiFieldText displayed in editMode
-     */
-  editModeProps: PropTypes.any,
-  /**
-     * Form sizes
-     */
-  sizes: PropTypes.shape({
-    compressed: PropTypes.bool.isRequired,
-    buttonSize: PropTypes.oneOf(["xs", "s", "m"]).isRequired,
-    iconSize: PropTypes.oneOf(["s", "m"]).isRequired
-  }).isRequired,
-  /**
-     * Render prop that returns the read mode value as an arg
-     */
-  children: PropTypes.func.isRequired
-};

package/es/components/inline_edit/inline_edit_text.js

@@ -1,97 +0,0 @@
-var _excluded = ["children", "className", "size", "defaultValue", "onConfirm", "inputAriaLabel", "saveButtonAriaLabel", "cancelButtonAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps"];
-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 _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; }
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 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.
- */
-
-import React from 'react';
-import PropTypes from "prop-types";
-import classNames from 'classnames';
-import { EuiText } from '../text';
-import { EuiInlineEditForm, SMALL_SIZE_FORM, MEDIUM_SIZE_FORM } from './inline_edit_form';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiInlineEditText = function EuiInlineEditText(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'm' : _ref$size,
-    defaultValue = _ref.defaultValue,
-    onConfirm = _ref.onConfirm,
-    inputAriaLabel = _ref.inputAriaLabel,
-    saveButtonAriaLabel = _ref.saveButtonAriaLabel,
-    cancelButtonAriaLabel = _ref.cancelButtonAriaLabel,
-    startWithEditOpen = _ref.startWithEditOpen,
-    readModeProps = _ref.readModeProps,
-    editModeProps = _ref.editModeProps,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var classes = classNames('euiInlineEditText', className);
-  var isSmallSize = ['xs', 's'].includes(size);
-  var sizes = isSmallSize ? SMALL_SIZE_FORM : MEDIUM_SIZE_FORM;
-  var formProps = {
-    sizes: sizes,
-    defaultValue: defaultValue,
-    onConfirm: onConfirm,
-    inputAriaLabel: inputAriaLabel,
-    saveButtonAriaLabel: saveButtonAriaLabel,
-    cancelButtonAriaLabel: cancelButtonAriaLabel,
-    startWithEditOpen: startWithEditOpen,
-    readModeProps: readModeProps,
-    editModeProps: editModeProps
-  };
-  return ___EmotionJSX(EuiInlineEditForm, _extends({
-    className: classes
-  }, rest, formProps), function (textReadModeValue) {
-    return ___EmotionJSX(EuiText, {
-      size: size
-    }, textReadModeValue);
-  });
-};
-EuiInlineEditText.propTypes = {
-  className: PropTypes.string,
-  "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string,
-  css: PropTypes.any,
-  defaultValue: PropTypes.string.isRequired,
-  /**
-     * Allow users to pass in a function that is called when the confirm button is clicked
-     * The function should return a boolean flag that will determine if the value will be saved.
-     * When the flag is true, the value will be saved. When the flag is false, the user will be
-     * returned to editMode.
-     */
-  onConfirm: 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,
-  /**
-     * Aria-label for save button in editMode
-     */
-  saveButtonAriaLabel: PropTypes.string,
-  /**
-     * Aria-label for cancel button in editMode
-     */
-  cancelButtonAriaLabel: PropTypes.string,
-  /**
-     * Start in editMode
-     */
-  startWithEditOpen: PropTypes.bool,
-  /**
-     * Props that will be applied directly to the EuiEmptyButton displayed in readMode
-     */
-  readModeProps: PropTypes.any,
-  /**
-     * Props that will be applied directly to the EuiFieldText displayed in editMode
-     */
-  editModeProps: PropTypes.any,
-  /**
-     * Text size level
-     */
-  size: PropTypes.any
-};