@elastic/eui 69.0.0 → 70.1.0

package/test-env/components/button/button_display/_button_display.styles.js

@@ -24,11 +24,11 @@ var _buttonSize = function _buttonSize(size) {
 };
 
 var _ref = process.env.NODE_ENV === "production" ? {
-  name: "vifhyf-isDisabled",
-  styles: "pointer-events:none;cursor:not-allowed;label:isDisabled;"
+  name: "8595p9-isDisabled",
+  styles: "cursor:not-allowed;label:isDisabled;"
 } : {
-  name: "vifhyf-isDisabled",
-  styles: "pointer-events:none;cursor:not-allowed;label:isDisabled;",
+  name: "8595p9-isDisabled",
+  styles: "cursor:not-allowed;label:isDisabled;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 

package/test-env/components/button/button_display/_button_display_content.js

@@ -43,13 +43,12 @@ var EuiButtonDisplayContent = function EuiButtonDisplayContent(_ref) {
       iconType = _ref.iconType,
       _ref$iconSize = _ref.iconSize,
       iconSize = _ref$iconSize === void 0 ? 'm' : _ref$iconSize,
-      iconSide = _ref.iconSide,
+      _ref$iconSide = _ref.iconSide,
+      iconSide = _ref$iconSide === void 0 ? 'left' : _ref$iconSide,
       contentProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var theme = (0, _services.useEuiTheme)();
   var styles = (0, _button_display_content.euiButtonDisplayContentStyles)(theme);
-  var cssStyles = [styles.euiButtonDisplayContent, iconSide && styles[iconSide]];
-  var cssSpinnerStyles = [styles.euiButtonDisplayContent__spinner];
-  var cssIconStyles = [styles.euiButtonDisplayContent__icon, iconSize && styles[iconSize]]; // Add an icon to the button if one exists.
+  var cssStyles = [styles.euiButtonDisplayContent]; // Add an icon to the button if one exists.
 
   var icon; // When the button is disabled the text gets gray
   // and in some buttons the background gets a light gray
@@ -58,18 +57,16 @@ var EuiButtonDisplayContent = function EuiButtonDisplayContent(_ref) {
   // are always visible. The default spinner color could be very light.
 
   var loadingSpinnerColor = isDisabled ? {
-    border: 'currentColor'
+    border: 'currentcolor'
   } : undefined;
 
   if (isLoading) {
     icon = (0, _react2.jsx)(_loading.EuiLoadingSpinner, {
-      css: cssSpinnerStyles,
       size: iconSize,
       color: loadingSpinnerColor
     });
   } else if (iconType) {
     icon = (0, _react2.jsx)(_icon.EuiIcon, {
-      css: cssIconStyles,
       type: iconType,
       size: iconSize,
       color: "inherit" // forces the icon to inherit its parent color
@@ -80,9 +77,9 @@ var EuiButtonDisplayContent = function EuiButtonDisplayContent(_ref) {
   var isText = typeof children === 'string';
   return (0, _react2.jsx)("span", (0, _extends2.default)({
     css: cssStyles
-  }, contentProps), icon, isText ? (0, _react2.jsx)("span", (0, _extends2.default)({}, textProps, {
+  }, contentProps), iconSide === 'left' && icon, isText || textProps ? (0, _react2.jsx)("span", (0, _extends2.default)({}, textProps, {
     className: (0, _classnames.default)('eui-textTruncate', textProps === null || textProps === void 0 ? void 0 : textProps.className)
-  }), children) : children);
+  }), children) : children, iconSide === 'right' && icon);
 };
 
 exports.EuiButtonDisplayContent = EuiButtonDisplayContent;

package/test-env/components/button/button_display/_button_display_content.styles.js

@@ -9,48 +9,18 @@ var _react = require("@emotion/react");
 
 var _global_styling = require("../../../global_styling");
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "gtg6j-euiButtonDisplayContent__icon",
-  styles: "flex-shrink:0;label:euiButtonDisplayContent__icon;"
-} : {
-  name: "gtg6j-euiButtonDisplayContent__icon",
-  styles: "flex-shrink:0;label:euiButtonDisplayContent__icon;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "10wlo76-euiButtonDisplayContent__spinner",
-  styles: "flex-shrink:0;label:euiButtonDisplayContent__spinner;"
-} : {
-  name: "10wlo76-euiButtonDisplayContent__spinner",
-  styles: "flex-shrink:0;label:euiButtonDisplayContent__spinner;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var _ref3 = process.env.NODE_ENV === "production" ? {
-  name: "qfl6yj-right",
-  styles: "flex-direction:row-reverse;label:right;"
-} : {
-  name: "qfl6yj-right",
-  styles: "flex-direction:row-reverse;label:right;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var euiButtonDisplayContentStyles = function euiButtonDisplayContentStyles(_ref4) {
-  var euiTheme = _ref4.euiTheme;
+/*
+ * 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 euiButtonDisplayContentStyles = function euiButtonDisplayContentStyles(_ref) {
+  var euiTheme = _ref.euiTheme;
   return {
     // Base
-    euiButtonDisplayContent: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', '100%'), ";", (0, _global_styling.logicalCSS)('width', '100%'), ";display:flex;justify-content:center;align-items:center;vertical-align:middle;gap:", euiTheme.size.s, ";;label:euiButtonDisplayContent;"),
-    // Icon side
-    left: /*#__PURE__*/(0, _react.css)(";label:left;"),
-    right: _ref3,
-    euiButtonDisplayContent__spinner: _ref2,
-    euiButtonDisplayContent__icon: _ref,
-    // Icon size
-    s: /*#__PURE__*/(0, _react.css)(";label:s;"),
-    m: /*#__PURE__*/(0, _react.css)(";label:m;")
+    euiButtonDisplayContent: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', '100%'), ";", (0, _global_styling.logicalCSS)('width', '100%'), ";display:flex;justify-content:center;align-items:center;vertical-align:middle;gap:", euiTheme.size.s, ";;label:euiButtonDisplayContent;")
   };
 };
 

package/test-env/components/code/code.styles.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiCodeStyles = void 0;
+
+var _react = require("@emotion/react");
+
+var _code_syntax = require("./code_syntax.styles");
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "gfiv3z-transparentBackground",
+  styles: "background:transparent;label:transparentBackground;"
+} : {
+  name: "gfiv3z-transparentBackground",
+  styles: "background:transparent;label:transparentBackground;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var euiCodeStyles = function euiCodeStyles(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  var euiCodeSyntax = (0, _code_syntax.euiCodeSyntaxColors)(euiThemeContext);
+  return {
+    /*
+     * 1. Size the code against the text its embedded within.
+     */
+    euiCode: /*#__PURE__*/(0, _react.css)("font-family:", euiTheme.font.familyCode, ";font-size:0.9em;padding:0.2em 0.5em;background:", euiCodeSyntax.backgroundColor, ";border-radius:", euiTheme.border.radius.small, ";font-weight:", euiTheme.font.weight.bold, ";color:", euiCodeSyntax.inlineCodeColor, ";", (0, _code_syntax.euiCodeSyntaxTokens)(euiThemeContext), ";;label:euiCode;"),
+    transparentBackground: _ref
+  };
+};
+
+exports.euiCodeStyles = euiCodeStyles;

package/test-env/components/code/code_block.styles.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiCodeBlockStyles = exports.euiCodeBlockPreStyles = exports.euiCodeBlockCodeStyles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = require("@emotion/react");
+
+var _global_styling = require("../../global_styling");
+
+var _code_syntax = require("./code_syntax.styles");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref4 = process.env.NODE_ENV === "production" ? {
+  name: "i92zwx-isFullScreen",
+  styles: "position:fixed;inset:0;label:isFullScreen;"
+} : {
+  name: "i92zwx-isFullScreen",
+  styles: "position:fixed;inset:0;label:isFullScreen;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref5 = process.env.NODE_ENV === "production" ? {
+  name: "gfiv3z-transparentBackground",
+  styles: "background:transparent;label:transparentBackground;"
+} : {
+  name: "gfiv3z-transparentBackground",
+  styles: "background:transparent;label:transparentBackground;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var euiCodeBlockStyles = function euiCodeBlockStyles(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  var euiCodeSyntax = (0, _code_syntax.euiCodeSyntaxColors)(euiThemeContext);
+  return {
+    euiCodeBlock: /*#__PURE__*/(0, _react.css)("max-inline-size:100%;display:block;position:relative;background:", euiCodeSyntax.backgroundColor, ";", (0, _code_syntax.euiCodeSyntaxTokens)(euiThemeContext), ";;label:euiCodeBlock;"),
+    // Font size
+    s: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 'xs'), ";;label:s;"),
+    m: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 's'), ";;label:m;"),
+    l: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 'm'), ";;label:l;"),
+    // Variants
+    transparentBackground: _ref5,
+    isFullScreen: _ref4,
+    // Account for control heights
+    hasControls: generatePaddingCss(euiThemeContext, function (paddingSize) {
+      return /*#__PURE__*/(0, _react.css)("min-block-size:", (0, _global_styling.mathWithUnits)([euiTheme.size.l, paddingSize], function (iconSize, paddingSize) {
+        return iconSize + paddingSize * 2;
+      }), ";;label:hasControls;");
+    }),
+    hasBothControls: generatePaddingCss(euiThemeContext, function (paddingSize) {
+      return /*#__PURE__*/(0, _react.css)("min-block-size:", (0, _global_styling.mathWithUnits)([euiTheme.size.l, euiTheme.size.xs, paddingSize], function (iconSize, gap, paddingSize) {
+        return iconSize * 2 + gap + paddingSize * 2;
+      }), ";;label:hasBothControls;");
+    })
+  };
+};
+
+exports.euiCodeBlockStyles = euiCodeBlockStyles;
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "eav5br-preWrap",
+  styles: "white-space:pre-wrap;label:preWrap;"
+} : {
+  name: "eav5br-preWrap",
+  styles: "white-space:pre-wrap;label:preWrap;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "4dmmkq-pre",
+  styles: "white-space:pre;label:pre;"
+} : {
+  name: "4dmmkq-pre",
+  styles: "white-space:pre;label:pre;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var euiCodeBlockPreStyles = function euiCodeBlockPreStyles(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  return {
+    euiCodeBlock__pre: /*#__PURE__*/(0, _react.css)("block-size:100%;overflow:auto;display:block;", (0, _global_styling.euiScrollBarStyles)(euiThemeContext), ";;label:euiCodeBlock__pre;"),
+    padding: _objectSpread({}, generatePaddingCss(euiThemeContext, function (paddingSize) {
+      return /*#__PURE__*/(0, _react.css)("padding:", paddingSize, ";;label:padding;");
+    })),
+    whiteSpace: {
+      pre: {
+        pre: _ref3,
+        controlsOffset: generatePaddingCss(euiThemeContext, function (paddingSize) {
+          return /*#__PURE__*/(0, _react.css)("margin-inline-end:", (0, _global_styling.mathWithUnits)([paddingSize, euiTheme.size.l, euiTheme.size.xs], function (paddingSize, iconSize, gap) {
+            return paddingSize + gap + iconSize;
+          }), ";;label:controlsOffset;");
+        })
+      },
+      preWrap: {
+        preWrap: _ref2,
+        controlsOffset: generatePaddingCss(euiThemeContext, function (paddingSize) {
+          return /*#__PURE__*/(0, _react.css)("padding-inline-end:", (0, _global_styling.mathWithUnits)([paddingSize, euiTheme.size.l, euiTheme.size.xs], function (paddingSize, iconSize, gap) {
+            return paddingSize + gap + iconSize;
+          }), ";;label:controlsOffset;");
+        })
+      }
+    }
+  };
+};
+
+exports.euiCodeBlockPreStyles = euiCodeBlockPreStyles;
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "9y8iu3-isVirtualized",
+  styles: "position:relative;label:isVirtualized;"
+} : {
+  name: "9y8iu3-isVirtualized",
+  styles: "position:relative;label:isVirtualized;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var euiCodeBlockCodeStyles = function euiCodeBlockCodeStyles(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  var euiCodeSyntax = (0, _code_syntax.euiCodeSyntaxColors)(euiThemeContext);
+  return {
+    euiCodeBlock__code: /*#__PURE__*/(0, _react.css)("font-family:", euiTheme.font.familyCode, ";font-size:inherit;color:", euiCodeSyntax.color, ";display:block;;label:euiCodeBlock__code;"),
+    isVirtualized: _ref
+  };
+};
+/**
+ * Helper for generating keys for each code block padding size
+ */
+
+
+exports.euiCodeBlockCodeStyles = euiCodeBlockCodeStyles;
+
+var generatePaddingCss = function generatePaddingCss(euiThemeContext, callback) {
+  var cssKeys = {
+    none: /*#__PURE__*/(0, _react.css)(";label:none;"),
+    s: /*#__PURE__*/(0, _react.css)(";label:s;"),
+    m: /*#__PURE__*/(0, _react.css)(";label:m;"),
+    l: /*#__PURE__*/(0, _react.css)(";label:l;"),
+    xl: /*#__PURE__*/(0, _react.css)(";label:xl;")
+  }; // xl padding used by fullscreen mode
+
+  ['none', 's', 'm', 'l', 'xl'].forEach(function (size) {
+    var paddingSize = (0, _global_styling.euiPaddingSize)(euiThemeContext, size) || 0;
+    cssKeys[size] = callback(paddingSize);
+  });
+  return cssKeys;
+};

package/test-env/components/code/code_block_controls.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiCodeBlockControls = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _services = require("../../services");
+
+var _code_block_controls = require("./code_block_controls.styles");
+
+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 EuiCodeBlockControls = function EuiCodeBlockControls(_ref) {
+  var paddingSize = _ref.paddingSize,
+      controls = _ref.controls;
+  var euiTheme = (0, _services.useEuiTheme)();
+  var styles = (0, _code_block_controls.euiCodeBlockControlsStyles)(euiTheme);
+  var cssStyles = [styles.euiCodeBlock__controls, styles.offset[paddingSize]];
+  var hasControls = controls.some(function (control) {
+    return !!control;
+  });
+  return hasControls ? (0, _react2.jsx)("div", {
+    className: "euiCodeBlock__controls",
+    css: cssStyles
+  }, controls.map(function (control, i) {
+    return (0, _react2.jsx)(_react.Fragment, {
+      key: i
+    }, control);
+  })) : null;
+};
+
+exports.EuiCodeBlockControls = EuiCodeBlockControls;

package/test-env/components/code/code_block_controls.styles.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiCodeBlockControlsStyles = void 0;
+
+var _react = require("@emotion/react");
+
+var _global_styling = require("../../global_styling");
+
+var _code_syntax = require("./code_syntax.styles");
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "to86kv-none",
+  styles: "inset-block-start:0;inset-inline-end:0;label:none;"
+} : {
+  name: "to86kv-none",
+  styles: "inset-block-start:0;inset-inline-end:0;label:none;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var euiCodeBlockControlsStyles = function euiCodeBlockControlsStyles(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  var euiCodeSyntax = (0, _code_syntax.euiCodeSyntaxColors)(euiThemeContext);
+  return {
+    euiCodeBlock__controls: /*#__PURE__*/(0, _react.css)("position:absolute;display:flex;flex-direction:column;gap:", euiTheme.size.xs, ";background:", euiCodeSyntax.backgroundColor, ";;label:euiCodeBlock__controls;"),
+    offset: {
+      none: _ref,
+      s: /*#__PURE__*/(0, _react.css)("inset-block-start:", (0, _global_styling.euiPaddingSize)(euiThemeContext, 's'), ";inset-inline-end:", (0, _global_styling.euiPaddingSize)(euiThemeContext, 's'), ";;label:s;"),
+      m: /*#__PURE__*/(0, _react.css)("inset-block-start:", (0, _global_styling.euiPaddingSize)(euiThemeContext, 'm'), ";inset-inline-end:", (0, _global_styling.euiPaddingSize)(euiThemeContext, 'm'), ";;label:m;"),
+      l: /*#__PURE__*/(0, _react.css)("inset-block-start:", (0, _global_styling.euiPaddingSize)(euiThemeContext, 'l'), ";inset-inline-end:", (0, _global_styling.euiPaddingSize)(euiThemeContext, 'l'), ";;label:l;")
+    }
+  };
+};
+
+exports.euiCodeBlockControlsStyles = euiCodeBlockControlsStyles;

package/test-env/components/code/code_block_copy.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCopy = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _inner_text = require("../inner_text");
+
+var _copy = require("../copy");
+
+var _i18n = require("../i18n");
+
+var _button = require("../button");
+
+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.
+ */
+
+/**
+ * Hook that returns copy-related state/logic/utils
+ */
+var useCopy = function useCopy(_ref) {
+  var isCopyable = _ref.isCopyable,
+      isVirtualized = _ref.isVirtualized,
+      children = _ref.children;
+
+  var _useInnerText = (0, _inner_text.useInnerText)(''),
+      _useInnerText2 = (0, _slicedToArray2.default)(_useInnerText, 2),
+      innerTextRef = _useInnerText2[0],
+      _innerText = _useInnerText2[1];
+
+  var innerText = (0, _react.useMemo)(function () {
+    return (_innerText === null || _innerText === void 0 ? void 0 : _innerText.replace(/[\r\n?]{2}|\n\n/g, '\n')) || '';
+  }, [_innerText]);
+  var textToCopy = isVirtualized ? "".concat(children) : innerText; // Virtualized code blocks do not have inner text
+
+  var showCopyButton = isCopyable && textToCopy;
+  var copyAriaLabel = (0, _i18n.useEuiI18n)('euiCodeBlockCopy.copy', 'Copy');
+  var copyButton = (0, _react.useMemo)(function () {
+    return showCopyButton ? (0, _react2.jsx)("div", {
+      className: "euiCodeBlock__copyButton"
+    }, (0, _react2.jsx)(_copy.EuiCopy, {
+      textToCopy: textToCopy
+    }, function (copy) {
+      return (0, _react2.jsx)(_button.EuiButtonIcon, {
+        onClick: copy,
+        iconType: "copyClipboard",
+        color: "text",
+        "aria-label": copyAriaLabel
+      });
+    })) : null;
+  }, [showCopyButton, textToCopy, copyAriaLabel]);
+  return {
+    innerTextRef: innerTextRef,
+    copyButton: copyButton
+  };
+};
+
+exports.useCopy = useCopy;

package/test-env/components/code/code_block_full_screen.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFullScreen = exports.EuiCodeBlockFullScreenWrapper = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _services = require("../../services");
+
+var _i18n = require("../i18n");
+
+var _button = require("../button");
+
+var _focus_trap = require("../focus_trap");
+
+var _overlay_mask = require("../overlay_mask");
+
+var _code_block = require("./code_block.styles");
+
+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.
+ */
+
+/**
+ * Hook that returns fullscreen-related state/logic/utils
+ */
+var useFullScreen = function useFullScreen(_ref) {
+  var overflowHeight = _ref.overflowHeight;
+  var showFullScreenButton = !!overflowHeight;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isFullScreen = _useState2[0],
+      setIsFullScreen = _useState2[1];
+
+  var toggleFullScreen = (0, _react.useCallback)(function () {
+    setIsFullScreen(function (isFullScreen) {
+      return !isFullScreen;
+    });
+  }, []);
+  var onKeyDown = (0, _react.useCallback)(function (event) {
+    if (event.key === _services.keys.ESCAPE) {
+      event.preventDefault();
+      event.stopPropagation();
+      setIsFullScreen(false);
+    }
+  }, []);
+
+  var _useEuiI18n = (0, _i18n.useEuiI18n)(['euiCodeBlockFullScreen.fullscreenCollapse', 'euiCodeBlockFullScreen.fullscreenExpand'], ['Collapse', 'Expand']),
+      _useEuiI18n2 = (0, _slicedToArray2.default)(_useEuiI18n, 2),
+      fullscreenCollapse = _useEuiI18n2[0],
+      fullscreenExpand = _useEuiI18n2[1];
+
+  var fullScreenButton = (0, _react.useMemo)(function () {
+    return showFullScreenButton ? (0, _react2.jsx)(_button.EuiButtonIcon, {
+      className: "euiCodeBlock__fullScreenButton",
+      onClick: toggleFullScreen,
+      iconType: isFullScreen ? 'fullScreenExit' : 'fullScreen',
+      color: "text",
+      "aria-label": isFullScreen ? fullscreenCollapse : fullscreenExpand
+    }) : null;
+  }, [showFullScreenButton, toggleFullScreen, isFullScreen, fullscreenCollapse, fullscreenExpand]);
+  return {
+    fullScreenButton: fullScreenButton,
+    isFullScreen: isFullScreen,
+    onKeyDown: onKeyDown
+  };
+};
+/**
+ * Portalled full screen wrapper
+ */
+
+
+exports.useFullScreen = useFullScreen;
+
+var EuiCodeBlockFullScreenWrapper = function EuiCodeBlockFullScreenWrapper(_ref2) {
+  var children = _ref2.children;
+  var euiThemeContext = (0, _services.useEuiTheme)();
+  var styles = (0, _code_block.euiCodeBlockStyles)(euiThemeContext);
+  var cssStyles = [styles.euiCodeBlock, styles.l, // Force fullscreen to use large font
+  styles.isFullScreen];
+  return (0, _react2.jsx)(_overlay_mask.EuiOverlayMask, null, (0, _react2.jsx)(_focus_trap.EuiFocusTrap, {
+    clickOutsideDisables: true
+  }, (0, _react2.jsx)("div", {
+    className: "euiCodeBlockFullScreen",
+    css: cssStyles
+  }, children)));
+};
+
+exports.EuiCodeBlockFullScreenWrapper = EuiCodeBlockFullScreenWrapper;

package/test-env/components/code/code_block_line.styles.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiCodeBlockLineStyles = void 0;
+
+var _css = require("@emotion/css");
+
+var _global_styling = require("../../global_styling");
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+// Note: These styles must be in a separate file due to using `css` from `@emotion/css`
+// (i.e., applying styles in vanilla JS / directly to DOM nodes instead of React)
+var euiCodeBlockLineStyles = function euiCodeBlockLineStyles(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  return {
+    euiCodeBlock__line: /*#__PURE__*/(0, _css.css)(process.env.NODE_ENV === "production" ? {
+      name: "yn676d-euiCodeBlock__line",
+      styles: "display:block;label:euiCodeBlock__line;"
+    } : {
+      name: "yn676d-euiCodeBlock__line",
+      styles: "display:block;label:euiCodeBlock__line;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    }),
+    hasLineNumbers: /*#__PURE__*/(0, _css.css)(process.env.NODE_ENV === "production" ? {
+      name: "156gjef-hasLineNumbers",
+      styles: "display:flex;user-select:none;label:hasLineNumbers;"
+    } : {
+      name: "156gjef-hasLineNumbers",
+      styles: "display:flex;user-select:none;label:hasLineNumbers;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    }),
+    lineText: {
+      euiCodeBlock__lineText: /*#__PURE__*/(0, _css.css)("flex-grow:1;display:inline-block;padding-inline-start:", euiTheme.size.s, ";border-inline-start:", euiTheme.border.thin, ";user-select:text;;label:euiCodeBlock__lineText;"),
+      isHighlighted: /*#__PURE__*/(0, _css.css)("background:", (0, _global_styling.euiBackgroundColor)(euiThemeContext, 'primary'), ";border-inline-start:", euiTheme.border.width.thick, " solid ", euiTheme.colors.primary, ";;label:isHighlighted;")
+    },
+    lineNumber: {
+      euiCodeBlock__lineNumber: /*#__PURE__*/(0, _css.css)("flex-grow:0;flex-shrink:0;user-select:none;padding-inline-end:", euiTheme.size.s, ";box-sizing:content-box;&:before{content:attr(data-line-number);color:", euiTheme.colors.subduedText, ";text-align:end;display:block;};label:euiCodeBlock__lineNumber;")
+    }
+  };
+};
+
+exports.euiCodeBlockLineStyles = euiCodeBlockLineStyles;