@elastic/eui 77.1.0 → 77.2.0

package/test-env/components/inline_edit/inline_edit_form.js

@@ -1,196 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SMALL_SIZE_FORM = exports.MEDIUM_SIZE_FORM = exports.EuiInlineEditForm = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _form = require("../form");
-var _button = require("../button");
-var _flex = require("../flex");
-var _i18n = require("../i18n");
-var _accessibility = require("../../services/accessibility");
-var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/*
- * 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.
- */
-
-var SMALL_SIZE_FORM = {
-  iconSize: 's',
-  compressed: true,
-  buttonSize: 's'
-};
-exports.SMALL_SIZE_FORM = SMALL_SIZE_FORM;
-var MEDIUM_SIZE_FORM = {
-  iconSize: 'm',
-  compressed: false,
-  buttonSize: 'm'
-};
-exports.MEDIUM_SIZE_FORM = MEDIUM_SIZE_FORM;
-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 = (0, _classnames.default)('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 = (0, _i18n.useEuiI18n)('euiInlineEditForm.saveButtonAriaLabel', 'Save edit');
-  var defaultCancelButtonAriaLabel = (0, _i18n.useEuiI18n)('euiInlineEditForm.cancelButtonAriaLabel', 'Cancel edit');
-  var _useState = (0, _react.useState)(false || startWithEditOpen),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isEditing = _useState2[0],
-    setIsEditing = _useState2[1];
-  var inlineEditInputId = (0, _accessibility.useGeneratedHtmlId)({
-    prefix: '__inlineEditInput'
-  });
-  var _useState3 = (0, _react.useState)(defaultValue),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    editModeValue = _useState4[0],
-    setEditModeValue = _useState4[1];
-  var _useState5 = (0, _react.useState)(defaultValue),
-    _useState6 = (0, _slicedToArray2.default)(_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 = (0, _react2.jsx)(_form.EuiForm, {
-    fullWidth: true
-  }, (0, _react2.jsx)(_flex.EuiFlexGroup, {
-    gutterSize: "s"
-  }, (0, _react2.jsx)(_flex.EuiFlexItem, null, (0, _react2.jsx)(_form.EuiFieldText, (0, _extends2.default)({
-    id: inlineEditInputId,
-    value: editModeValue,
-    onChange: function onChange(e) {
-      setEditModeValue(e.target.value);
-    },
-    "aria-label": inputAriaLabel,
-    autoFocus: true,
-    compressed: sizes.compressed
-  }, editModeProps))), (0, _react2.jsx)(_flex.EuiFlexItem, {
-    grow: false,
-    className: classes
-  }, (0, _react2.jsx)(_form.EuiFormRow, null, (0, _react2.jsx)(_button.EuiButtonIcon, {
-    iconType: "check",
-    "aria-label": saveButtonAriaLabel || defaultSaveButtonAriaLabel,
-    onClick: saveInlineEditValue,
-    color: "success",
-    display: "base",
-    size: sizes.buttonSize,
-    iconSize: sizes.iconSize
-  }))), (0, _react2.jsx)(_flex.EuiFlexItem, {
-    grow: false
-  }, (0, _react2.jsx)(_form.EuiFormRow, null, (0, _react2.jsx)(_button.EuiButtonIcon, {
-    iconType: "cross",
-    "aria-label": cancelButtonAriaLabel || defaultCancelButtonAriaLabel,
-    onClick: cancelInlineEdit,
-    color: "danger",
-    display: "base",
-    size: sizes.buttonSize,
-    iconSize: sizes.iconSize
-  })))));
-  var readModeElement = (0, _react2.jsx)(_button.EuiButtonEmpty, (0, _extends2.default)({
-    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 (0, _react2.jsx)("div", {
-    className: classes
-  }, isEditing ? editModeForm : readModeElement);
-};
-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,
-  /**
-     * 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.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,
-  /**
-     * Aria-label for save button in editMode
-     */
-  saveButtonAriaLabel: _propTypes.default.string,
-  /**
-     * Aria-label for cancel button in editMode
-     */
-  cancelButtonAriaLabel: _propTypes.default.string,
-  /**
-     * Start in editMode
-     */
-  startWithEditOpen: _propTypes.default.bool,
-  /**
-     * Props that will be applied directly to the EuiEmptyButton displayed in readMode
-     */
-  readModeProps: _propTypes.default.any,
-  /**
-     * Props that will be applied directly to the EuiFieldText displayed in editMode
-     */
-  editModeProps: _propTypes.default.any,
-  /**
-     * Form sizes
-     */
-  sizes: _propTypes.default.shape({
-    compressed: _propTypes.default.bool.isRequired,
-    buttonSize: _propTypes.default.oneOf(["xs", "s", "m"]).isRequired,
-    iconSize: _propTypes.default.oneOf(["s", "m"]).isRequired
-  }).isRequired,
-  /**
-     * Render prop that returns the read mode value as an arg
-     */
-  children: _propTypes.default.func.isRequired
-};

package/test-env/components/inline_edit/inline_edit_text.js

@@ -1,96 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiInlineEditText = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _text = require("../text");
-var _inline_edit_form = require("./inline_edit_form");
-var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "size", "defaultValue", "onConfirm", "inputAriaLabel", "saveButtonAriaLabel", "cancelButtonAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps"];
-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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiInlineEditText', className);
-  var isSmallSize = ['xs', 's'].includes(size);
-  var sizes = isSmallSize ? _inline_edit_form.SMALL_SIZE_FORM : _inline_edit_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 (0, _react2.jsx)(_inline_edit_form.EuiInlineEditForm, (0, _extends2.default)({
-    className: classes
-  }, rest, formProps), function (textReadModeValue) {
-    return (0, _react2.jsx)(_text.EuiText, {
-      size: size
-    }, textReadModeValue);
-  });
-};
-exports.EuiInlineEditText = EuiInlineEditText;
-EuiInlineEditText.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,
-  /**
-     * 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.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,
-  /**
-     * Aria-label for save button in editMode
-     */
-  saveButtonAriaLabel: _propTypes.default.string,
-  /**
-     * Aria-label for cancel button in editMode
-     */
-  cancelButtonAriaLabel: _propTypes.default.string,
-  /**
-     * Start in editMode
-     */
-  startWithEditOpen: _propTypes.default.bool,
-  /**
-     * Props that will be applied directly to the EuiEmptyButton displayed in readMode
-     */
-  readModeProps: _propTypes.default.any,
-  /**
-     * Props that will be applied directly to the EuiFieldText displayed in editMode
-     */
-  editModeProps: _propTypes.default.any,
-  /**
-     * Text size level
-     */
-  size: _propTypes.default.any
-};

package/test-env/components/inline_edit/inline_edit_title.js

@@ -1,105 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HEADINGS = exports.EuiInlineEditTitle = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _title = require("../title");
-var _inline_edit_form = require("./inline_edit_form");
-var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "size", "heading", "defaultValue", "onConfirm", "inputAriaLabel", "saveButtonAriaLabel", "cancelButtonAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps"];
-var HEADINGS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
-exports.HEADINGS = HEADINGS;
-var EuiInlineEditTitle = function EuiInlineEditTitle(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'm' : _ref$size,
-    heading = _ref.heading,
-    defaultValue = _ref.defaultValue,
-    onConfirm = _ref.onConfirm,
-    inputAriaLabel = _ref.inputAriaLabel,
-    saveButtonAriaLabel = _ref.saveButtonAriaLabel,
-    cancelButtonAriaLabel = _ref.cancelButtonAriaLabel,
-    _ref$startWithEditOpe = _ref.startWithEditOpen,
-    startWithEditOpen = _ref$startWithEditOpe === void 0 ? false : _ref$startWithEditOpe,
-    readModeProps = _ref.readModeProps,
-    editModeProps = _ref.editModeProps,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiInlineEditTitle', className);
-  var H = heading;
-  var isSmallSize = ['xxxs', 'xxs', 'xs', 's'].includes(size);
-  var sizes = isSmallSize ? _inline_edit_form.SMALL_SIZE_FORM : _inline_edit_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 (0, _react2.jsx)(_inline_edit_form.EuiInlineEditForm, (0, _extends2.default)({
-    className: classes
-  }, rest, formProps), function (titleReadModeValue) {
-    return (0, _react2.jsx)(_title.EuiTitle, {
-      size: size
-    }, (0, _react2.jsx)(H, null, titleReadModeValue));
-  });
-};
-exports.EuiInlineEditTitle = EuiInlineEditTitle;
-EuiInlineEditTitle.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,
-  /**
-     * 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.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,
-  /**
-     * Aria-label for save button in editMode
-     */
-  saveButtonAriaLabel: _propTypes.default.string,
-  /**
-     * Aria-label for cancel button in editMode
-     */
-  cancelButtonAriaLabel: _propTypes.default.string,
-  /**
-     * Start in editMode
-     */
-  startWithEditOpen: _propTypes.default.bool,
-  /**
-     * Props that will be applied directly to the EuiEmptyButton displayed in readMode
-     */
-  readModeProps: _propTypes.default.any,
-  /**
-     * Props that will be applied directly to the EuiFieldText displayed in editMode
-     */
-  editModeProps: _propTypes.default.any,
-  /**
-     * Title size level
-     */
-  size: _propTypes.default.any,
-  /**
-     * Level of heading to be used for the title
-     */
-  heading: _propTypes.default.any.isRequired
-};