"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Spacer = exports.SecuritySolutionAppWrapper = exports.OverviewWrapper = exports.MoreRowItems = exports.FULL_SCREEN_CONTENT_OVERRIDES_CSS_STYLESHEET = exports.DescriptionListStyled = exports.CountBadge = exports.Badge = exports.AppGlobalStyle = void 0;
var _eui = require("@elastic/eui");
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _constants = require("../../../../common/constants");
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; you may not use this file except in compliance with the Elastic License
 * 2.0.
 */

const SecuritySolutionAppWrapper = _styledComponents.default.div`
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
`;
exports.SecuritySolutionAppWrapper = SecuritySolutionAppWrapper;
SecuritySolutionAppWrapper.displayName = 'SecuritySolutionAppWrapper';

/**
 * Stylesheet for Eui class overrides for components that may be displayed when content
 * on the page has been set to display in full screen mode. It ensures that certain Eui
 * components, that position themselves just below the kibana header, are displayed correctly
 * when shown above content that is set to `full screen`.
 */
const FULL_SCREEN_CONTENT_OVERRIDES_CSS_STYLESHEET = () => (0, _styledComponents.css)`
  .euiOverlayMask[data-relative-to-header='below'] {
    top: 0 !important;
  }

  .euiFlyout {
    top: 0 !important;
    height: 100% !important;
  }
`;

/*
  SIDE EFFECT: the following `createGlobalStyle` overrides default styling in angular code that was not theme-friendly
  and `EuiPopover`, `EuiToolTip` global styles
*/
exports.FULL_SCREEN_CONTENT_OVERRIDES_CSS_STYLESHEET = FULL_SCREEN_CONTENT_OVERRIDES_CSS_STYLESHEET;
const AppGlobalStyle = (0, _styledComponents.createGlobalStyle)`
  /*
    overrides the default styling of EuiDataGrid expand popover footer to
    make it a column of actions instead of the default actions row
  */
  .euiDataGridRowCell__popover {
    max-width: 815px !important;
    max-height: none !important;
    overflow: hidden;

    .expandable-top-value-button {
      &.euiButtonEmpty:focus {
        background-color: transparent;
      }
    }

    &.euiPopover__panel[data-popover-open] {
      padding: 8px 0;
      min-width: 65px;
    }

    .euiPopoverFooter {
      border: 0;
      margin-top: 0;
      .euiFlexGroup {
        flex-direction: column;
      }
    }

    .euiText + .euiPopoverFooter {
      border-top: 1px solid ${({
  theme
}) => theme.eui.euiColorLightShade};
      margin-top: ${({
  theme
}) => theme.eui.euiSizeS};
    }
  }

  /* overrides default styling in angular code that was not theme-friendly */
  .euiPanel-loading-hide-border {
    border: none;
  }

  /* hide open draggable popovers when a modal is being displayed to prevent them from covering the modal */
  body.euiBody-hasOverlayMask {
    .euiDataGridRowCell__popover[data-popover-open],
    .withHoverActions__popover[data-popover-open] {
      visibility: hidden !important;
    }
  }

  /* applies a "toggled" button style to the Full Screen button */
  .${_constants.FULL_SCREEN_TOGGLED_CLASS_NAME} {
    ${({
  theme
}) => `background-color: ${theme.eui.euiColorPrimary} !important`};
  }

  /*
     EuiScreenReaderOnly has a default 1px height and width. These extra pixels
     were adding additional height to every table row in the alerts table on the
     Detections page. As a result of this extra height, the Detections page was
     displaying unnecessary scroll bars and unnecessary empty space bellow the
     alerts table. Thus, we set the height and width of all EuiScreenReaderOnly
     to zero.
  */
  .euiScreenReaderOnly {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
`;
exports.AppGlobalStyle = AppGlobalStyle;
const DescriptionListStyled = (0, _styledComponents.default)(_eui.EuiDescriptionList)`
  ${({
  theme
}) => `
    word-break: break-word;
    dt {
      font-size: ${theme.eui.euiFontSizeXS} !important;
    }
    dd {
      width: fit-content;
    }
    dd > div {
      width: fit-content;
    }
  `}
`;
exports.DescriptionListStyled = DescriptionListStyled;
DescriptionListStyled.displayName = 'DescriptionListStyled';
const CountBadge = (0, _styledComponents.default)(_eui.EuiBadge)`
  margin-left: 5px;
`;
exports.CountBadge = CountBadge;
CountBadge.displayName = 'CountBadge';
const Spacer = _styledComponents.default.span`
  margin-left: 5px;
`;
exports.Spacer = Spacer;
Spacer.displayName = 'Spacer';
const Badge = (0, _styledComponents.default)(_eui.EuiBadge)`
  vertical-align: top;
`;
exports.Badge = Badge;
Badge.displayName = 'Badge';
const MoreRowItems = (0, _styledComponents.default)(_eui.EuiIcon)`
  margin-left: 5px;
`;
exports.MoreRowItems = MoreRowItems;
MoreRowItems.displayName = 'MoreRowItems';
const OverviewWrapper = (0, _styledComponents.default)(_eui.EuiFlexGroup)`
  position: relative;

  .euiButtonIcon {
    position: absolute;
    right: ${props => props.theme.eui.euiSizeM};
    top: 6px;
    z-index: 2;
  }
`;
exports.OverviewWrapper = OverviewWrapper;
OverviewWrapper.displayName = 'OverviewWrapper';