@elastic/eui 89.0.0 → 90.0.0

package/src/components/page/page_content/_page_content_header.scss

@@ -1,20 +0,0 @@
-.euiPageContentHeader {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-
-  // Adjust vertical spacing based on content padding prop
-  @each $modifier, $amount in $euiPanelPaddingModifiers {
-    .euiPageContent[class*='#{$modifier}'] & {
-      margin-bottom: $amount;
-    }
-  }
-}
-
-@include euiBreakpoint('xs', 's') {
-  .euiPageContentHeader--responsive {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-}

package/src/components/page/page_content/_page_content_header_section.scss

@@ -1,17 +0,0 @@
-.euiPageContentHeaderSection {
-  & + & {
-    margin-left: $euiSizeXL;
-  }
-}
-
-// Adjust vertical spacing based on content padding prop
-@include euiBreakpoint('xs', 's') {
-  @each $modifier, $amount in $euiPanelPaddingModifiers {
-    .euiPageContent[class*='#{$modifier}'] .euiPageContentHeader--responsive {
-      .euiPageContentHeaderSection + .euiPageContentHeaderSection {
-        margin-left: 0;
-        margin-top: $amount / 2;
-      }
-    }
-  }
-}

package/src/components/page/page_side_bar/_index.scss

@@ -1 +0,0 @@
-@import 'page_side_bar';

package/src/components/page/page_side_bar/_page_side_bar.scss

@@ -1,31 +0,0 @@
-/**
- * Note: Margin is added in _page.scss when EuiPage has `paddingSize`
- * 1. Prevent side bar width from changing when content width changes.
- */
-.euiPageSideBar {
-  min-width: $euiPageSidebarMinWidth + ($euiSizeL * 2);
-  flex: 0 1 0%; /* 1 */
-}
-
-@each $modifier, $amount in $euiPanelPaddingModifiers {
-  .euiPageSideBar--#{$modifier} {
-    padding: $amount;
-  }
-}
-
-@include euiBreakpoint('xs', 's') {
-  .euiPageSideBar {
-    width: 100%;
-  }
-}
-
-@include euiBreakpoint('m', 'l', 'xl') {
-  .euiPageSideBar--sticky {
-    @include euiScrollBar;
-    overflow-y: auto;
-    flex-grow: 1;
-    position: sticky;
-    max-height: 100vh;
-    top: 0;
-  }
-}

package/test-env/components/page/page_content/index.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EuiPageContentBody_Deprecated", {
-  enumerable: true,
-  get: function get() {
-    return _page_content_body.EuiPageContentBody_Deprecated;
-  }
-});
-Object.defineProperty(exports, "EuiPageContentHeaderSection_Deprecated", {
-  enumerable: true,
-  get: function get() {
-    return _page_content_header_section.EuiPageContentHeaderSection_Deprecated;
-  }
-});
-Object.defineProperty(exports, "EuiPageContentHeader_Deprecated", {
-  enumerable: true,
-  get: function get() {
-    return _page_content_header.EuiPageContentHeader_Deprecated;
-  }
-});
-Object.defineProperty(exports, "EuiPageContent_Deprecated", {
-  enumerable: true,
-  get: function get() {
-    return _page_content.EuiPageContent_Deprecated;
-  }
-});
-var _page_content = require("./page_content");
-var _page_content_body = require("./page_content_body");
-var _page_content_header = require("./page_content_header");
-var _page_content_header_section = require("./page_content_header_section");

package/test-env/components/page/page_content/page_content.js

@@ -1,116 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiPageContent_Deprecated = 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 _panel = require("../../panel/panel");
-var _react2 = require("@emotion/react");
-var _excluded = ["verticalPosition", "horizontalPosition", "paddingSize", "borderRadius", "children", "className", "role"];
-/*
- * 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 verticalPositionToClassNameMap = {
-  center: 'euiPageContent--verticalCenter'
-};
-var horizontalPositionToClassNameMap = {
-  center: 'euiPageContent--horizontalCenter'
-};
-/**
- * @deprecated Use EuiPageSection instead
- */
-var EuiPageContent_Deprecated = function EuiPageContent_Deprecated(_ref) {
-  var verticalPosition = _ref.verticalPosition,
-    horizontalPosition = _ref.horizontalPosition,
-    _ref$paddingSize = _ref.paddingSize,
-    paddingSize = _ref$paddingSize === void 0 ? 'l' : _ref$paddingSize,
-    borderRadius = _ref.borderRadius,
-    children = _ref.children,
-    className = _ref.className,
-    _ref$role = _ref.role,
-    _role = _ref$role === void 0 ? 'main' : _ref$role,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var role = _role === null ? undefined : _role;
-  var borderRadiusClass = borderRadius === 'none' ? 'euiPageContent--borderRadiusNone' : '';
-  var classes = (0, _classnames.default)('euiPageContent', borderRadiusClass, verticalPosition ? verticalPositionToClassNameMap[verticalPosition] : null, horizontalPosition ? horizontalPositionToClassNameMap[horizontalPosition] : null, className);
-  return (0, _react2.jsx)(_panel.EuiPanel, (0, _extends2.default)({
-    className: classes,
-    paddingSize: paddingSize,
-    borderRadius: borderRadius,
-    role: role
-  }, rest), children);
-};
-exports.EuiPageContent_Deprecated = EuiPageContent_Deprecated;
-EuiPageContent_Deprecated.propTypes = {
-  className: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
-  "aria-label": _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
-  "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
-  css: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.any]), _propTypes.default.any]),
-  /**
-     * Adds a medium shadow to the panel;
-     * Only works when `color="plain"`
-     */
-  /**
-     * Adds a medium shadow to the panel;
-     * Only works when `color="plain"`
-     */
-  hasShadow: _propTypes.default.bool,
-  /**
-     * Adds a slight 1px border on all edges.
-     * Only works when `color="plain | transparent"`
-     */
-  /**
-     * Adds a slight 1px border on all edges.
-     * Only works when `color="plain | transparent"`
-     */
-  hasBorder: _propTypes.default.bool,
-  /**
-     * Padding for all four sides
-     */
-  /**
-     * Padding for all four sides
-     */
-  paddingSize: _propTypes.default.any,
-  /**
-     * Corner border radius
-     */
-  /**
-     * Corner border radius
-     */
-  borderRadius: _propTypes.default.any,
-  /**
-     * When true the panel will grow in height to match `EuiFlexItem`
-     */
-  /**
-     * When true the panel will grow in height to match `EuiFlexItem`
-     */
-  grow: _propTypes.default.bool,
-  panelRef: _propTypes.default.any,
-  /**
-     * Background color of the panel;
-     * Usually a lightened form of the brand colors
-     */
-  /**
-     * Background color of the panel;
-     * Usually a lightened form of the brand colors
-     */
-  color: _propTypes.default.any,
-  element: _propTypes.default.oneOf(["div"]),
-  verticalPosition: _propTypes.default.oneOf(["center"]),
-  horizontalPosition: _propTypes.default.oneOf(["center"]),
-  /**
-       * There should only be one EuiPageContent per page and should contain the main contents.
-       * If this is untrue, set role = `null`, or change it to match your needed aria role
-       */
-  role: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.oneOf([null])])
-};

package/test-env/components/page/page_content/page_content_body.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PADDING_SIZES = exports.EuiPageContentBody_Deprecated = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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 _common = require("../../common");
-var _restrict_width = require("../_restrict_width");
-var _react2 = require("@emotion/react");
-var _excluded = ["children", "restrictWidth", "paddingSize", "style", "className"];
-/*
- * 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 paddingSizeToClassNameMap = {
-  none: null,
-  s: 'euiPageContentBody--paddingSmall',
-  m: 'euiPageContentBody--paddingMedium',
-  l: 'euiPageContentBody--paddingLarge'
-};
-var PADDING_SIZES = (0, _common.keysOf)(paddingSizeToClassNameMap);
-exports.PADDING_SIZES = PADDING_SIZES;
-/**
- * @deprecated Use EuiPageSection instead
- */
-var EuiPageContentBody_Deprecated = function EuiPageContentBody_Deprecated(_ref) {
-  var children = _ref.children,
-    _ref$restrictWidth = _ref.restrictWidth,
-    restrictWidth = _ref$restrictWidth === void 0 ? false : _ref$restrictWidth,
-    _ref$paddingSize = _ref.paddingSize,
-    paddingSize = _ref$paddingSize === void 0 ? 'none' : _ref$paddingSize,
-    style = _ref.style,
-    className = _ref.className,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _setPropsForRestricte = (0, _restrict_width.setPropsForRestrictedPageWidth)(restrictWidth, style),
-    widthClassName = _setPropsForRestricte.widthClassName,
-    newStyle = _setPropsForRestricte.newStyle;
-  var classes = (0, _classnames.default)('euiPageContentBody', paddingSizeToClassNameMap[paddingSize], (0, _defineProperty2.default)({}, "euiPageContentBody--".concat(widthClassName), widthClassName), className);
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    className: classes,
-    style: newStyle || style
-  }, rest), children);
-};
-exports.EuiPageContentBody_Deprecated = EuiPageContentBody_Deprecated;
-EuiPageContentBody_Deprecated.propTypes = {
-  /**
-     * Adjust the padding.
-     * When using this setting it's best to be consistent throughout all similar usages
-     */
-  paddingSize: _propTypes.default.any,
-  className: _propTypes.default.string,
-  "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string,
-  css: _propTypes.default.any,
-  /**
-     * Sets the max-width of the page,
-     * set to `true` to use the default size of `1200px`,
-     * set to `false` to not restrict the width,
-     * set to a number for a custom width in px,
-     * set to a string for a custom width in custom measurement.
-     */
-  restrictWidth: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.number.isRequired, _propTypes.default.string.isRequired])
-};

package/test-env/components/page/page_content/page_content_header.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiPageContentHeader_Deprecated = 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 _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "responsive"];
-/*
- * 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.
- */
-/**
- * @deprecated Use EuiPageHeader instead
- */
-var EuiPageContentHeader_Deprecated = function EuiPageContentHeader_Deprecated(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$responsive = _ref.responsive,
-    responsive = _ref$responsive === void 0 ? true : _ref$responsive,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiPageContentHeader', {
-    'euiPageContentHeader--responsive': responsive
-  }, className);
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    className: classes
-  }, rest), children);
-};
-exports.EuiPageContentHeader_Deprecated = EuiPageContentHeader_Deprecated;
-EuiPageContentHeader_Deprecated.propTypes = {
-  /**
-     * Set to false if you don't want the children to stack
-     * at small screen sizes.
-     */
-  responsive: _propTypes.default.bool,
-  className: _propTypes.default.string,
-  "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string,
-  css: _propTypes.default.any
-};

package/test-env/components/page/page_content/page_content_header_section.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiPageContentHeaderSection_Deprecated = 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 _react2 = require("@emotion/react");
-var _excluded = ["children", "className"];
-/*
- * 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.
- */
-/**
- * @deprecated Use EuiPageHeader instead
- */
-var EuiPageContentHeaderSection_Deprecated = function EuiPageContentHeaderSection_Deprecated(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiPageContentHeaderSection', className);
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    className: classes
-  }, rest), children);
-};
-exports.EuiPageContentHeaderSection_Deprecated = EuiPageContentHeaderSection_Deprecated;
-EuiPageContentHeaderSection_Deprecated.propTypes = {
-  className: _propTypes.default.string,
-  "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string,
-  css: _propTypes.default.any
-};

package/test-env/components/page/page_side_bar/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EuiPageSideBar_Deprecated", {
-  enumerable: true,
-  get: function get() {
-    return _page_side_bar.EuiPageSideBar_Deprecated;
-  }
-});
-var _page_side_bar = require("./page_side_bar");

package/test-env/components/page/page_side_bar/page_side_bar.js

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PADDING_SIZES = exports.EuiPageSideBar_Deprecated = 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 _common = require("../../common");
-var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "sticky", "paddingSize"];
-/*
- * 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 paddingSizeToClassNameMap = {
-  none: null,
-  s: 'euiPageSideBar--paddingSmall',
-  m: 'euiPageSideBar--paddingMedium',
-  l: 'euiPageSideBar--paddingLarge'
-};
-var PADDING_SIZES = (0, _common.keysOf)(paddingSizeToClassNameMap);
-
-/**
- * @deprecated Use the new EuiPageSidebarProps in page/page_sidebar instead
- */
-exports.PADDING_SIZES = PADDING_SIZES;
-/**
- * @deprecated Use the new EuiPageSidebar in page/page_sidebar instead
- */
-var EuiPageSideBar_Deprecated = function EuiPageSideBar_Deprecated(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    sticky = _ref.sticky,
-    _ref$paddingSize = _ref.paddingSize,
-    paddingSize = _ref$paddingSize === void 0 ? 'none' : _ref$paddingSize,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiPageSideBar', paddingSizeToClassNameMap[paddingSize], {
-    'euiPageSideBar--sticky': sticky
-  }, className);
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    className: classes
-  }, rest), children);
-};
-exports.EuiPageSideBar_Deprecated = EuiPageSideBar_Deprecated;
-EuiPageSideBar_Deprecated.propTypes = {
-  /**
-     * Adds `position: sticky`
-     */
-  sticky: _propTypes.default.bool,
-  /**
-     * Adds padding around the children
-     */
-  paddingSize: _propTypes.default.any,
-  className: _propTypes.default.string,
-  "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string,
-  css: _propTypes.default.any
-};