@elastic/eui 91.3.1 → 92.0.0

package/optimize/es/components/notification/notification_event.a11y.js

@@ -1,99 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/*
- * 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.
- */
-
-/// <reference types="cypress" />
-/// <reference types="cypress-real-events" />
-/// <reference types="../../../cypress/support" />
-
-import React, { useState } from 'react';
-import { EuiContextMenuItem } from '../context_menu';
-import { EuiNotificationEvent } from './notification_event';
-import { EuiPanel } from '../panel';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var NotificationEvent = function NotificationEvent() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isRead = _useState2[0],
-    setIsRead = _useState2[1];
-  var onRead = function onRead(id, isRead) {
-    setIsRead(!isRead);
-  };
-  var onOpenContextMenu = function onOpenContextMenu(id) {
-    return [___EmotionJSX(EuiContextMenuItem, {
-      key: "contextMenuItemA",
-      onClick: function onClick() {
-        return onRead(id, isRead);
-      }
-    }, isRead ? 'Mark as unread' : 'Mark as read'), ___EmotionJSX(EuiContextMenuItem, {
-      key: "contextMenuItemB",
-      onClick: function onClick() {}
-    }, "View messages like this"), ___EmotionJSX(EuiContextMenuItem, {
-      key: "contextMenuItemC",
-      onClick: function onClick() {}
-    }, "Don\u2019t notify me about this")];
-  };
-  return ___EmotionJSX(EuiPanel, {
-    paddingSize: "none",
-    hasShadow: true,
-    style: {
-      maxWidth: '540px'
-    }
-  }, ___EmotionJSX(EuiNotificationEvent, {
-    id: "cy-eui-notification-1",
-    type: "Report",
-    iconType: "logoKibana",
-    iconAriaLabel: "Kibana",
-    time: "1 min ago",
-    title: "[Error Monitoring Report] is generated",
-    primaryAction: "Download",
-    primaryActionProps: {
-      iconType: 'download'
-    },
-    messages: ['The reported was generated at 17:12:16 GMT+4'],
-    isRead: isRead,
-    onRead: onRead,
-    onOpenContextMenu: onOpenContextMenu,
-    onClickPrimaryAction: function onClickPrimaryAction() {},
-    onClickTitle: function onClickTitle() {}
-  }));
-};
-describe('EuiNotificationEvent', function () {
-  beforeEach(function () {
-    cy.viewport(1024, 768); // medium breakpoint
-    cy.realMount(___EmotionJSX(NotificationEvent, null));
-    cy.get('article.euiNotificationEvent').should('exist');
-  });
-  describe('Automated accessibility check', function () {
-    it('has zero violations on first render', function () {
-      cy.checkAxe();
-    });
-    it('has zero violations when popover is open', function () {
-      cy.get('button[data-test-subj="cy-eui-notification-1-notificationEventMetaButton"]').realClick();
-      cy.get('div.euiPopover__panel').should('exist');
-      cy.checkAxe();
-    });
-    it('has zero violations after the Mark as read button is clicked', function () {
-      cy.get('button[data-test-subj="cy-eui-notification-1-notificationEventMetaButton"]').realClick();
-      cy.get('div.euiPopover__panel').should('exist');
-      cy.get('div.euiPopover__panel button').first().realClick();
-      cy.checkAxe();
-    });
-  });
-  describe('Keyboard accessibility', function () {
-    it('has zero violations when the popover is opened by keyboard', function () {
-      cy.get('button[data-test-subj="cy-eui-notification-1-notificationEventMetaButton"]').focus();
-      cy.realPress('Enter');
-      cy.get('div.euiPopover__panel').should('exist');
-      cy.checkAxe();
-      cy.realPress('Escape');
-      cy.get('div.euiPopover__panel').should('not.exist');
-      cy.checkAxe();
-    });
-  });
-});

package/optimize/es/components/notification/notification_event.js

@@ -1,114 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["id", "type", "severity", "badgeColor", "iconType", "iconAriaLabel", "time", "title", "isRead", "primaryAction", "primaryActionProps", "messages", "onRead", "onOpenContextMenu", "onClickTitle", "onClickPrimaryAction", "headingLevel", "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.
- */
-
-import React, { createElement } from 'react';
-import classNames from 'classnames';
-import { EuiNotificationEventMeta } from './notification_event_meta';
-import { EuiNotificationEventMessages } from './notification_event_messages';
-import { EuiNotificationEventReadButton } from './notification_event_read_button';
-import { EuiButtonEmpty } from '../button';
-import { EuiLink } from '../link';
-import { useGeneratedHtmlId } from '../../services';
-import { EuiNotificationEventReadIcon } from './notification_event_read_icon';
-
-/**
- * @deprecated
- */
-import { jsx as ___EmotionJSX } from "@emotion/react";
-/**
- * @deprecated - EuiNotificationEvent is scheduled for deprecation due to low internal usage and high
- * maintenance requirements. If necessary, we recommend copying this component into your own application.
- *
- * The component will be permanently removed in December 2023.
- */
-export var EuiNotificationEvent = function EuiNotificationEvent(_ref) {
-  var id = _ref.id,
-    type = _ref.type,
-    severity = _ref.severity,
-    badgeColor = _ref.badgeColor,
-    iconType = _ref.iconType,
-    iconAriaLabel = _ref.iconAriaLabel,
-    time = _ref.time,
-    title = _ref.title,
-    isRead = _ref.isRead,
-    primaryAction = _ref.primaryAction,
-    primaryActionProps = _ref.primaryActionProps,
-    messages = _ref.messages,
-    onRead = _ref.onRead,
-    onOpenContextMenu = _ref.onOpenContextMenu,
-    onClickTitle = _ref.onClickTitle,
-    onClickPrimaryAction = _ref.onClickPrimaryAction,
-    _ref$headingLevel = _ref.headingLevel,
-    headingLevel = _ref$headingLevel === void 0 ? 'h2' : _ref$headingLevel,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var classes = classNames('euiNotificationEvent', {
-    'euiNotificationEvent--withReadState': typeof isRead === 'boolean'
-  }, className);
-  var classesTitle = classNames('euiNotificationEvent__title', {
-    'euiNotificationEvent__title--isRead': isRead
-  });
-  var randomHeadingId = useGeneratedHtmlId();
-  var titleProps = {
-    id: randomHeadingId,
-    className: classesTitle,
-    'data-test-subj': "".concat(id, "-notificationEventTitle")
-  };
-  return ___EmotionJSX("article", _extends({
-    "aria-labelledby": randomHeadingId,
-    className: classes,
-    key: id
-  }, rest), typeof isRead === 'boolean' && ___EmotionJSX("div", {
-    className: "euiNotificationEvent__readButton"
-  }, !!onRead ? ___EmotionJSX(EuiNotificationEventReadButton, {
-    isRead: isRead,
-    onClick: function onClick() {
-      return onRead(id, isRead);
-    },
-    eventName: title,
-    id: id
-  }) : ___EmotionJSX(EuiNotificationEventReadIcon, {
-    id: id,
-    isRead: isRead,
-    eventName: title
-  })), ___EmotionJSX("div", {
-    className: "euiNotificationEvent__content"
-  }, ___EmotionJSX(EuiNotificationEventMeta, {
-    id: id,
-    type: type,
-    severity: severity,
-    badgeColor: badgeColor,
-    iconType: iconType,
-    iconAriaLabel: iconAriaLabel,
-    time: time,
-    onOpenContextMenu: onOpenContextMenu ? function () {
-      return onOpenContextMenu(id);
-    } : undefined,
-    eventName: title
-  }), onClickTitle ? ___EmotionJSX(EuiLink, _extends({
-    onClick: function onClick() {
-      return onClickTitle(id);
-    }
-  }, titleProps), /*#__PURE__*/createElement(headingLevel, null, title)) : /*#__PURE__*/createElement(headingLevel, titleProps, title), ___EmotionJSX(EuiNotificationEventMessages, {
-    messages: messages,
-    eventName: title
-  }), onClickPrimaryAction && primaryAction && ___EmotionJSX("div", {
-    className: "euiNotificationEvent__primaryAction"
-  }, ___EmotionJSX(EuiButtonEmpty, _extends({
-    flush: "left",
-    size: "s"
-  }, primaryActionProps, {
-    onClick: function onClick() {
-      return onClickPrimaryAction === null || onClickPrimaryAction === void 0 ? void 0 : onClickPrimaryAction(id);
-    },
-    "data-test-subj": "".concat(id, "-notificationEventPrimaryAction")
-  }), primaryAction))));
-};

package/optimize/es/components/notification/notification_event_messages.js

@@ -1,63 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/*
- * 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 { EuiAccordion } from '../accordion';
-import { useGeneratedHtmlId } from '../../services';
-import { useEuiI18n } from '../i18n';
-import { EuiText } from '../text';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiNotificationEventMessages = function EuiNotificationEventMessages(_ref) {
-  var messages = _ref.messages,
-    eventName = _ref.eventName;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var messagesLength = messages.length;
-  var accordionId = useGeneratedHtmlId({
-    prefix: 'euiNotificationEventMessagesAccordion'
-  });
-  var accordionButtonText = useEuiI18n('euiNotificationEventMessages.accordionButtonText', '+ {messagesLength} more', {
-    messagesLength: messagesLength - 1
-  });
-  var accordionAriaLabelButtonText = useEuiI18n('euiNotificationEventMessages.accordionAriaLabelButtonText', '+ {messagesLength} messages for {eventName}', {
-    messagesLength: messagesLength - 1,
-    eventName: eventName
-  });
-  var accordionHideText = useEuiI18n('euiNotificationEventMessages.accordionHideText', 'hide');
-  var buttonContentText = isOpen ? "".concat(accordionButtonText, " (").concat(accordionHideText, ")") : accordionButtonText;
-  return ___EmotionJSX("div", {
-    className: "euiNotificationEventMessages"
-  }, messages && messagesLength === 1 ? ___EmotionJSX(EuiText, {
-    size: "s",
-    color: "subdued"
-  }, ___EmotionJSX("p", null, messages)) : ___EmotionJSX(React.Fragment, null, ___EmotionJSX(EuiText, {
-    size: "s",
-    color: "subdued"
-  }, ___EmotionJSX("p", null, messages[0])), ___EmotionJSX(EuiAccordion, {
-    onToggle: setIsOpen,
-    buttonProps: {
-      'aria-label': accordionAriaLabelButtonText
-    },
-    id: accordionId,
-    className: "euiNotificationEventMessages__accordion",
-    buttonContent: buttonContentText,
-    buttonClassName: "euiNotificationEventMessages__accordionButton",
-    arrowDisplay: "none"
-  }, ___EmotionJSX("div", {
-    className: "euiNotificationEventMessages__accordionContent"
-  }, messages.map(function (notification, index) {
-    return ___EmotionJSX(EuiText, {
-      size: "s",
-      key: index,
-      color: "subdued"
-    }, ___EmotionJSX("p", null, notification));
-  }).slice(1)))));
-};

package/optimize/es/components/notification/notification_event_meta.js

@@ -1,106 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/*
- * 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 classNames from 'classnames';
-import { EuiIcon } from '../icon';
-import { EuiBadge } from '../badge';
-import { EuiPopover } from '../popover';
-import { EuiButtonIcon } from '../button';
-import { EuiContextMenuPanel } from '../context_menu';
-import { EuiI18n } from '../i18n';
-import { useGeneratedHtmlId } from '../../services';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiNotificationEventMeta = function EuiNotificationEventMeta(_ref) {
-  var id = _ref.id,
-    iconType = _ref.iconType,
-    type = _ref.type,
-    time = _ref.time,
-    _ref$badgeColor = _ref.badgeColor,
-    badgeColor = _ref$badgeColor === void 0 ? 'hollow' : _ref$badgeColor,
-    severity = _ref.severity,
-    eventName = _ref.eventName,
-    iconAriaLabel = _ref.iconAriaLabel,
-    onOpenContextMenu = _ref.onOpenContextMenu;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isPopoverOpen = _useState2[0],
-    setIsPopoverOpen = _useState2[1];
-  var classes = classNames('euiNotificationEventMeta', {
-    'euiNotificationEventMeta--hasContextMenu': onOpenContextMenu
-  });
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    contextMenuItems = _useState4[0],
-    setContextMenuItems = _useState4[1];
-  var randomPopoverId = useGeneratedHtmlId();
-  var ariaAttribute = iconAriaLabel ? {
-    'aria-label': iconAriaLabel
-  } : {
-    'aria-hidden': true
-  };
-  var onOpenPopover = function onOpenPopover() {
-    setIsPopoverOpen(!isPopoverOpen);
-    if (onOpenContextMenu) {
-      setContextMenuItems(onOpenContextMenu());
-    }
-  };
-  return ___EmotionJSX("div", {
-    className: classes
-  }, ___EmotionJSX("div", {
-    className: "euiNotificationEventMeta__section"
-  }, iconType && ___EmotionJSX(EuiIcon, _extends({
-    className: "euiNotificationEventMeta__icon",
-    type: iconType
-  }, ariaAttribute)), type && ___EmotionJSX(EuiBadge, {
-    className: "euiNotificationEventMeta__badge",
-    color: badgeColor
-  }, severity ? "".concat(type, ": ").concat(severity) : type)), ___EmotionJSX("div", {
-    className: "euiNotificationEventMeta__section"
-  }, ___EmotionJSX("span", {
-    className: "euiNotificationEventMeta__time"
-  }, time)), onOpenContextMenu && ___EmotionJSX("div", {
-    className: "euiNotificationEventMeta__contextMenuWrapper"
-  }, ___EmotionJSX(EuiPopover, {
-    id: randomPopoverId,
-    ownFocus: true,
-    repositionOnScroll: true,
-    isOpen: isPopoverOpen,
-    panelPaddingSize: "none",
-    anchorPosition: "leftUp",
-    button: ___EmotionJSX(EuiI18n, {
-      token: "euiNotificationEventMeta.contextMenuButton",
-      default: "Menu for {eventName}",
-      values: {
-        eventName: eventName
-      }
-    }, function (contextMenuButton) {
-      return ___EmotionJSX(EuiButtonIcon, {
-        "aria-label": contextMenuButton,
-        "aria-controls": randomPopoverId,
-        "aria-expanded": isPopoverOpen,
-        "aria-haspopup": "true",
-        iconType: "boxesVertical",
-        color: "text",
-        onClick: onOpenPopover,
-        "data-test-subj": "".concat(id, "-notificationEventMetaButton")
-      });
-    }),
-    closePopover: function closePopover() {
-      return setIsPopoverOpen(false);
-    }
-  }, ___EmotionJSX("div", {
-    onClick: function onClick() {
-      return setIsPopoverOpen(false);
-    }
-  }, ___EmotionJSX(EuiContextMenuPanel, {
-    items: contextMenuItems
-  })))));
-};

package/optimize/es/components/notification/notification_event_read_button.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["id", "isRead", "onClick", "eventName"];
-/*
- * 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 { EuiButtonIcon } from '../button';
-import { useEuiI18n } from '../i18n';
-import classNames from 'classnames';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiNotificationEventReadButton = function EuiNotificationEventReadButton(_ref) {
-  var id = _ref.id,
-    isRead = _ref.isRead,
-    onClick = _ref.onClick,
-    eventName = _ref.eventName,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var classesReadState = classNames('euiNotificationEventReadButton', {
-    'euiNotificationEventReadButton--isRead': isRead
-  });
-  var markAsReadAria = useEuiI18n('euiNotificationEventReadButton.markAsReadAria', 'Mark {eventName} as read', {
-    eventName: eventName
-  });
-  var markAsUnreadAria = useEuiI18n('euiNotificationEventReadButton.markAsUnreadAria', 'Mark {eventName} as unread', {
-    eventName: eventName
-  });
-  var markAsRead = useEuiI18n('euiNotificationEventReadButton.markAsRead', 'Mark as read');
-  var markAsUnread = useEuiI18n('euiNotificationEventReadButton.markAsUnread', 'Mark as unread');
-  var buttonAriaLabel = isRead ? markAsUnreadAria : markAsReadAria;
-  var buttonTitle = isRead ? markAsUnread : markAsRead;
-  return ___EmotionJSX(EuiButtonIcon, _extends({
-    iconType: "dot",
-    "aria-label": buttonAriaLabel,
-    title: buttonTitle,
-    className: classesReadState,
-    onClick: onClick,
-    "data-test-subj": "".concat(id, "-notificationEventReadButton")
-  }, rest));
-};

package/optimize/es/components/notification/notification_event_read_icon.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["id", "isRead", "eventName"];
-/*
- * 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 { useEuiI18n } from '../i18n';
-import classNames from 'classnames';
-import { EuiIcon } from '../icon';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiNotificationEventReadIcon = function EuiNotificationEventReadIcon(_ref) {
-  var id = _ref.id,
-    isRead = _ref.isRead,
-    eventName = _ref.eventName,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var classesReadState = classNames('euiNotificationEventReadIcon', {
-    'euiNotificationEventReadIcon--isRead': isRead
-  });
-  var readAria = useEuiI18n('euiNotificationEventReadIcon.readAria', '{eventName} is read', {
-    eventName: eventName
-  });
-  var unreadAria = useEuiI18n('euiNotificationEventReadIcon.unreadAria', '{eventName} is unread', {
-    eventName: eventName
-  });
-  var readTitle = useEuiI18n('euiNotificationEventReadIcon.read', 'Read');
-  var unreadTitle = useEuiI18n('euiNotificationEventReadIcon.unread', 'Unread');
-  var iconAriaLabel = isRead ? readAria : unreadAria;
-  var iconTitle = isRead ? readTitle : unreadTitle;
-  return ___EmotionJSX("div", {
-    className: classesReadState
-  }, ___EmotionJSX(EuiIcon, _extends({
-    type: "dot",
-    "aria-label": iconAriaLabel,
-    title: iconTitle,
-    color: "primary",
-    "data-test-subj": "".concat(id, "-notificationEventReadIcon")
-  }, rest)));
-};

package/optimize/lib/components/control_bar/control_bar.a11y.js

@@ -1,134 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _button = require("../button");
-var _control_bar = require("./control_bar");
-var _panel = require("../panel");
-var _text = require("../text");
-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.
- */
-
-/// <reference types="cypress" />
-/// <reference types="cypress-real-events" />
-/// <reference types="../../../cypress/support" />
-
-var ControlBar = function ControlBar() {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    contentIsVisible = _useState2[0],
-    setVisibility = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isDisplaying = _useState4[0],
-    setDisplay = _useState4[1];
-  var toggleContent = function toggleContent() {
-    setVisibility(!contentIsVisible);
-  };
-  var toggleDisplay = function toggleDisplay() {
-    setDisplay(!isDisplaying);
-    setVisibility(false);
-  };
-  var codeControls = [{
-    controlType: 'icon',
-    id: 'root_icon',
-    iconType: 'submodule',
-    'aria-label': 'Project Root'
-  }, {
-    controlType: 'breadcrumbs',
-    id: 'current_file_path',
-    breadcrumbs: [{
-      text: 'src'
-    }, {
-      text: 'components'
-    }]
-  }, {
-    controlType: 'spacer'
-  }, {
-    controlType: 'icon',
-    id: 'status_icon',
-    iconType: 'warning',
-    color: 'warning',
-    'aria-label': 'Repo Status'
-  }, {
-    controlType: 'divider'
-  }, {
-    controlType: 'icon',
-    id: 'branch_icon',
-    iconType: 'branch',
-    'aria-label': 'Branch Icon'
-  }, {
-    controlType: 'text',
-    id: 'branch_name',
-    text: 'some_long_branch'
-  }, {
-    controlType: 'divider'
-  }, {
-    controlType: 'icon',
-    id: 'github_icon',
-    iconType: 'logoGithub',
-    onClick: function onClick() {},
-    title: 'Open in Github',
-    'aria-label': 'Open in Github'
-  }, {
-    controlType: 'divider'
-  }, {
-    controlType: 'button',
-    id: 'open_history_view',
-    label: contentIsVisible ? 'Hide history' : 'Show history',
-    color: 'primary',
-    onClick: toggleContent
-  }];
-  var display;
-  if (isDisplaying) {
-    display = (0, _react2.jsx)(_control_bar.EuiControlBar, {
-      controls: codeControls,
-      showContent: contentIsVisible
-    }, (0, _react2.jsx)("div", {
-      style: {
-        padding: '2rem',
-        maxWidth: '60rem',
-        margin: '0 auto'
-      }
-    }, (0, _react2.jsx)(_panel.EuiPanel, null, (0, _react2.jsx)(_text.EuiText, null, (0, _react2.jsx)("h1", null, "1984"), (0, _react2.jsx)("h3", null, "By: George Orwell"), (0, _react2.jsx)("p", null, "It was a bright cold day in April, and the clocks were striking thirteen. Winston Smith, his chin nuzzled into his breast in an effort to escape the vile wind, slipped quickly through the glass doors of Victory Mansions, though not quickly enough to prevent a swirl of gritty dust from entering along with him."), (0, _react2.jsx)("p", null, "The hallway smelt of boiled cabbage and old rag mats. At one end of it a coloured poster, too large for indoor display, had been tacked to the wall. It depicted simply an enormous face, more than a metre wide: the face of a man of about forty-five, with a heavy black moustache and ruggedly handsome features. Winston made for the stairs. It was no use trying the lift. Even at the best of times it was seldom working, and at present the electric current was cut off during daylight hours. It was part of the economy drive in preparation for Hate Week. The flat was seven flights up, and Winston, who was thirty-nine and had a varicose ulcer above his right ankle, went slowly, resting several times on the way. On each landing, opposite the lift-shaft, the poster with the enormous face gazed from the wall. It was one of those pictures which are so contrived that the eyes follow you about when you move. BIG BROTHER IS WATCHING YOU, the caption beneath it ran."), (0, _react2.jsx)("p", null, "Inside the flat a fruity voice was reading out a list of figures which had something to do with the production of pig-iron. The voice came from an oblong metal plaque like a dulled mirror which formed part of the surface of the right-hand wall. Winston turned a switch and the voice sank somewhat, though the words were still distinguishable. The instrument (the telescreen, it was called) could be dimmed, but there was no way of shutting it off completely. He moved over to the window: a smallish, frail figure, the meagreness of his body merely emphasized by the blue overalls which were the uniform of the party. His hair was very fair, his face naturally sanguine, his skin roughened by coarse soap and blunt razor blades and the cold of the winter that had just ended.")))));
-  }
-  return (0, _react2.jsx)("div", null, (0, _react2.jsx)(_button.EuiButton, {
-    onClick: toggleDisplay
-  }, "Toggle example"), display);
-};
-beforeEach(function () {
-  cy.viewport(1024, 768);
-  cy.mount((0, _react2.jsx)(ControlBar, null));
-  cy.get('section[aria-label="Page level controls"]').should('not.exist');
-});
-describe('EuiControlBar', function () {
-  describe('Automated accessibility check', function () {
-    it('has zero violations on render', function () {
-      cy.checkAxe();
-    });
-    it('has zero violations when control bar is shown', function () {
-      cy.get('button.euiButton').contains('Toggle example').realClick();
-      cy.get('section[aria-label="Page level controls"]').should('exist');
-      cy.checkAxe({
-        context: 'section[aria-label="Page level controls"]'
-      });
-    });
-    it('has zero violations when control bar is hidden', function () {
-      cy.get('button.euiButton').contains('Toggle example').realClick();
-      cy.get('section[aria-label="Page level controls"]').should('exist');
-      cy.get('button.euiButton').contains('Toggle example').realClick();
-      cy.get('section[aria-label="Page level controls"]').should('not.exist');
-      cy.checkAxe();
-    });
-  });
-});