@elastic/eui 116.3.0 → 116.3.1-snapshot.1782218964187

package/optimize/lib/components/notification_icon/assets/info_fill.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _excluded = ["title", "titleId"];
+/*
+ * 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.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var EuiIconInfoFill = function EuiIconInfoFill(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none",
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    d: "M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1ZM6.5 7v1h1v3H6v1h4v-1H8.5V7h-2ZM8 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"
+  }));
+};
+var icon = exports.icon = EuiIconInfoFill;

package/optimize/lib/components/notification_icon/assets/warning_static.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _excluded = ["title", "titleId"];
+/*
+ * 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.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var EuiIconWarningStatic = function EuiIconWarningStatic(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none",
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    fill: "#FACB3D",
+    fillRule: "evenodd",
+    d: "M8 1a1 1 0 0 1 .863.496l7 12A1 1 0 0 1 15 15H1a1 1 0 0 1-.864-1.504l7-12A1 1 0 0 1 8 1Z",
+    clipRule: "evenodd"
+  }), (0, _react2.jsx)("path", {
+    fill: "#825803",
+    d: "M7 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM7.5 10V5h1v5h-1Z"
+  }));
+};
+var icon = exports.icon = EuiIconWarningStatic;

package/optimize/lib/components/notification_icon/notification_icon.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NOTIFICATION_ICONS_MAP = exports.EuiNotificationIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _services = require("../../services");
+var _icon = require("../icon/icon");
+var _error_fill = require("../icon/assets/error_fill");
+var _check_circle_fill = require("../icon/assets/check_circle_fill");
+var _info_fill = require("./assets/info_fill");
+var _warning_static = require("./assets/warning_static");
+var _notification_icon = require("./notification_icon.styles");
+var _react2 = require("@emotion/react");
+var _excluded = ["className", "type", "size", "css"];
+/*
+ * 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 TYPES = ['info', 'success', 'warning', 'error'];
+var NOTIFICATION_ICONS_MAP = exports.NOTIFICATION_ICONS_MAP = {
+  info: {
+    name: 'infoFill',
+    icon: _info_fill.icon
+  },
+  success: {
+    name: 'checkCircleFill',
+    icon: _check_circle_fill.icon
+  },
+  warning: {
+    name: 'warningStatic',
+    icon: _warning_static.icon
+  },
+  error: {
+    name: 'errorFill',
+    icon: _error_fill.icon
+  }
+};
+var ICON_TYPES_MAP = {
+  info: {
+    icon: NOTIFICATION_ICONS_MAP.info.icon,
+    color: 'primary'
+  },
+  success: {
+    icon: NOTIFICATION_ICONS_MAP.success.icon,
+    color: 'success'
+  },
+  warning: {
+    icon: NOTIFICATION_ICONS_MAP.warning.icon
+  },
+  error: {
+    icon: NOTIFICATION_ICONS_MAP.error.icon,
+    color: 'danger'
+  }
+};
+var EuiNotificationIcon = exports.EuiNotificationIcon = function EuiNotificationIcon(_ref) {
+  var className = _ref.className,
+    type = _ref.type,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'm' : _ref$size,
+    css = _ref.css,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var Icon = ICON_TYPES_MAP[type];
+  var classes = (0, _classnames.default)('euiNotificationIcon', className);
+  var styles = (0, _services.useEuiMemoizedStyles)(_notification_icon.euiNotificationIconStyles);
+  var cssStyles = [styles.euiNotificationIcon, size === 'l' && styles.size[size], css];
+  return (0, _react2.jsx)(_icon.EuiIcon, (0, _extends2.default)({}, rest, {
+    className: classes,
+    css: cssStyles,
+    type: Icon.icon,
+    color: Icon.color,
+    "aria-hidden": "true",
+    size: size
+  }));
+};

package/optimize/lib/components/notification_icon/notification_icon.styles.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiNotificationIconStyles = void 0;
+var _react = require("@emotion/react");
+var _euiThemeCommon = require("@elastic/eui-theme-common");
+/*
+ * 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 euiNotificationIconStyles = exports.euiNotificationIconStyles = function euiNotificationIconStyles(_ref) {
+  var euiTheme = _ref.euiTheme;
+  var sizeL = (0, _euiThemeCommon.mathWithUnits)(euiTheme.size.base, function (x) {
+    return x * 1.25;
+  });
+  return {
+    euiNotificationIcon: /*#__PURE__*/(0, _react.css)(";label:euiNotificationIcon;"),
+    size: {
+      l: /*#__PURE__*/(0, _react.css)("block-size:", sizeL, ";inline-size:", sizeL, ";;label:l;")
+    }
+  };
+};

package/optimize/lib/components/notification_icon/svgs/info_fill.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1ZM6.5 7V8H7.5V11H6V12H10V11H8.5V7H6.5ZM8 4C7.44772 4 7 4.44772 7 5C7 5.55228 7.44772 6 8 6C8.55228 6 9 5.55228 9 5C9 4.44772 8.55228 4 8 4Z" />
+</svg>

package/optimize/lib/components/notification_icon/svgs/warning_static.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00021 1C8.35577 1.00002 8.68427 1.18902 8.86349 1.49609L15.8635 13.4961C16.0439 13.8054 16.0457 14.1876 15.8674 14.498C15.6891 14.8085 15.3583 15 15.0002 15H1.00021C0.642148 15 0.311364 14.8085 0.133026 14.498C-0.0452792 14.1876 -0.0443711 13.8054 0.135956 13.4961L7.13596 1.49609C7.31517 1.18888 7.64455 1 8.00021 1Z" fill="#FACB3D"/>
+  <path d="M7.00024 12C7.00024 11.4477 7.44796 11 8.00024 11C8.5525 11 9.00024 11.4477 9.00024 12C9.00024 12.5523 8.5525 13 8.00024 13C7.44796 13 7.00024 12.5523 7.00024 12Z" fill="#825803"/>
+  <path d="M7.50024 10V5H8.50024V10H7.50024Z" fill="#825803"/>
+</svg>

package/optimize/lib/components/table/mobile/table_sort_mobile.js

@@ -7,13 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EuiTableSortMobile = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _button_empty = require("../../button/button_empty");
@@ -23,87 +18,70 @@ var _i18n = require("../../i18n");
 var _table_sort_mobile_item = require("./table_sort_mobile_item");
 var _react2 = require("@emotion/react");
 var _excluded = ["className", "anchorPosition", "items"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /*
+/*
  * 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 EuiTableSortMobile = exports.EuiTableSortMobile = /*#__PURE__*/function (_Component) {
-  function EuiTableSortMobile() {
-    var _this;
-    (0, _classCallCheck2.default)(this, EuiTableSortMobile);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, EuiTableSortMobile, [].concat(args));
-    (0, _defineProperty2.default)(_this, "state", {
-      isPopoverOpen: false
-    });
-    (0, _defineProperty2.default)(_this, "onButtonClick", function () {
-      _this.setState({
-        isPopoverOpen: !_this.state.isPopoverOpen
-      });
-    });
-    (0, _defineProperty2.default)(_this, "closePopover", function () {
-      _this.setState({
-        isPopoverOpen: false
-      });
-    });
-    // Aligns the button to the right even when it's the only element present
-    (0, _defineProperty2.default)(_this, "euiTableSortMobileStyles", {
-      marginInlineStart: 'auto',
-      label: 'euiTableSortMobile'
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// Aligns the button to the right even when it's the only element present
+var euiTableSortMobileStyles = {
+  marginInlineStart: 'auto',
+  label: 'euiTableSortMobile'
+};
+var EuiTableSortMobile = exports.EuiTableSortMobile = function EuiTableSortMobile(_ref) {
+  var className = _ref.className,
+    anchorPosition = _ref.anchorPosition,
+    items = _ref.items,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isPopoverOpen = _useState2[0],
+    setIsPopoverOpen = _useState2[1];
+  var classes = (0, _classnames.default)('euiTableSortMobile', className);
+  var onButtonClick = function onButtonClick() {
+    setIsPopoverOpen(function (isOpen) {
+      return !isOpen;
     });
-    return _this;
-  }
-  (0, _inherits2.default)(EuiTableSortMobile, _Component);
-  return (0, _createClass2.default)(EuiTableSortMobile, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        anchorPosition = _this$props.anchorPosition,
-        items = _this$props.items,
-        rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      var classes = (0, _classnames.default)('euiTableSortMobile', className);
-      var mobileSortButton = (0, _react2.jsx)(_button_empty.EuiButtonEmpty, {
-        iconType: "chevronSingleDown",
-        iconSide: "right",
-        onClick: this.onButtonClick.bind(this),
-        flush: "right",
-        size: "xs"
-      }, (0, _react2.jsx)(_i18n.EuiI18n, {
-        token: "euiTableSortMobile.sorting",
-        default: "Sorting"
-      }));
-      var mobileSortPopover = (0, _react2.jsx)(_popover.EuiPopover, (0, _extends2.default)({
-        button: mobileSortButton,
-        isOpen: this.state.isPopoverOpen,
-        closePopover: this.closePopover,
-        anchorPosition: anchorPosition || 'downRight',
-        panelPaddingSize: "none"
-      }, rest), (0, _react2.jsx)(_context_menu.EuiContextMenuPanel, {
-        style: {
-          minWidth: 200
-        },
-        items: items && items.length ? items.map(function (item) {
-          return (0, _react2.jsx)(_table_sort_mobile_item.EuiTableSortMobileItem, {
-            key: item.key,
-            onSort: item.onSort,
-            isSorted: item.isSorted,
-            isSortAscending: item.isSortAscending
-          }, item.name);
-        }) : undefined
-      }));
-      return (0, _react2.jsx)("div", {
-        className: classes,
-        css: this.euiTableSortMobileStyles
-      }, mobileSortPopover);
-    }
-  }]);
-}(_react.Component);
+  };
+  var closePopover = function closePopover() {
+    setIsPopoverOpen(false);
+  };
+  var mobileSortButton = (0, _react2.jsx)(_button_empty.EuiButtonEmpty, {
+    iconType: "chevronSingleDown",
+    iconSide: "right",
+    onClick: onButtonClick,
+    flush: "right",
+    size: "xs"
+  }, (0, _react2.jsx)(_i18n.EuiI18n, {
+    token: "euiTableSortMobile.sorting",
+    default: "Sorting"
+  }));
+  var mobileSortPopover = (0, _react2.jsx)(_popover.EuiPopover, (0, _extends2.default)({
+    button: mobileSortButton,
+    isOpen: isPopoverOpen,
+    closePopover: closePopover,
+    anchorPosition: anchorPosition || 'downRight',
+    panelPaddingSize: "none"
+  }, rest), (0, _react2.jsx)(_context_menu.EuiContextMenuPanel, {
+    style: {
+      minWidth: 200
+    },
+    items: items !== null && items !== void 0 && items.length ? items.map(function (item) {
+      return (0, _react2.jsx)(_table_sort_mobile_item.EuiTableSortMobileItem, {
+        key: item.key,
+        onSort: item.onSort,
+        isSorted: item.isSorted,
+        isSortAscending: item.isSortAscending
+      }, item.name);
+    }) : undefined
+  }));
+  return (0, _react2.jsx)("div", {
+    className: classes,
+    css: euiTableSortMobileStyles
+  }, mobileSortPopover);
+};
+EuiTableSortMobile.displayName = 'EuiTableSortMobile';

package/optimize/lib/components/table/store/use_unique_column_id.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEuiTableStoreUniqueColumnId = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _uuid = require("uuid");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/*
+ * 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 useEuiTableStoreUniqueColumnIdFallback = function useEuiTableStoreUniqueColumnIdFallback() {
+  var ref = (0, _react.useRef)((0, _uuid.v4)());
+  return ref.current;
+};
+
+/**
+ * Returns a stable unique column ID to be used when registering columns.
+ * It uses `React.useId()` when available and falls back to UUID v4 on React 17.
+ *
+ * This is needed so that static `uuid` mocks don't break column registration
+ * (at least in React 18+; in older versions this function would need
+ * to be mocked to return something unique, but stable).
+ * @internal
+ */
+var useEuiTableStoreUniqueColumnId = exports.useEuiTableStoreUniqueColumnId = 'useId' in _react.default ? _react.useId : useEuiTableStoreUniqueColumnIdFallback;

package/optimize/lib/components/table/table_header_cell.js

@@ -12,7 +12,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _services = require("../../services");
-var _html_id_generator = require("../../services/accessibility/html_id_generator");
 var _i18n = require("../i18n");
 var _accessibility = require("../accessibility");
 var _icon = require("../icon");
@@ -24,6 +23,7 @@ var _table_cell_content = require("./_table_cell_content");
 var _table_cells_shared = require("./table_cells_shared.styles");
 var _provider = require("./store/provider");
 var _sticky_header = require("./sticky_header");
+var _use_unique_column_id = require("./store/use_unique_column_id");
 var _react2 = require("@emotion/react");
 var _excluded = ["children", "align", "onSort", "isSorted", "isSortAscending", "className", "scope", "mobileOptions", "width", "minWidth", "maxWidth", "style", "readOnly", "tooltipProps", "description", "append", "sticky"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -112,7 +112,7 @@ var EuiTableHeaderCell = exports.EuiTableHeaderCell = function EuiTableHeaderCel
     sticky = _ref2.sticky,
     rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var selfRef = (0, _react.useRef)(null);
-  var internalCellId = (0, _html_id_generator.useGeneratedHtmlId)();
+  var storeCellId = (0, _use_unique_column_id.useEuiTableStoreUniqueColumnId)();
   var store = (0, _provider.useEuiTableColumnDataStore)();
   var isWithinStickyHeader = (0, _sticky_header.useEuiTableWithinStickyHeader)();
   var styles = (0, _services.useEuiMemoizedStyles)(_table_cells_shared.euiTableHeaderFooterCellStyles);
@@ -177,15 +177,15 @@ var EuiTableHeaderCell = exports.EuiTableHeaderCell = function EuiTableHeaderCel
     if (!entry) {
       return;
     }
-    store.updateColumnWidth(internalCellId, entry.contentRect.width);
-  }, [store, internalCellId]);
+    store.updateColumnWidth(storeCellId, entry.contentRect.width);
+  }, [store, storeCellId]);
   (0, _react.useEffect)(function () {
     // Don't register the column inside the sticky header as the original
     // column is already registered. This would cause an infinite loop.
     if (isWithinStickyHeader || !selfRef.current || !renderHeaderCellRef.current) {
       return;
     }
-    var unregisterColumn = store.registerColumn(internalCellId, {
+    var unregisterColumn = store.registerColumn(storeCellId, {
       renderHeaderCellRef: renderHeaderCellRef,
       // getBoundingClientRect is not the cheapest, but we call it only once
       currentWidth: selfRef.current.getBoundingClientRect().width
@@ -207,8 +207,7 @@ var EuiTableHeaderCell = exports.EuiTableHeaderCell = function EuiTableHeaderCel
       unregisterColumn();
       (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 || _resizeObserver.disconnect();
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [store, internalCellId, isWithinStickyHeader]);
+  }, [store, isWithinStickyHeader, handleResize, storeCellId]);
 
   // Notify the store on every render so the sticky header stays in sync.
   // React's reconciliation will efficiently handle any duplicate renders.
@@ -223,7 +222,7 @@ var EuiTableHeaderCell = exports.EuiTableHeaderCell = function EuiTableHeaderCel
     if (!selfRef.current) {
       return;
     }
-    store.updateColumn(internalCellId, {
+    store.updateColumn(storeCellId, {
       renderHeaderCellRef: renderHeaderCellRef
     });
   });

package/optimize/lib/components/table/table_header_cell_checkbox.js

@@ -11,11 +11,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _services = require("../../services");
-var _html_id_generator = require("../../services/accessibility/html_id_generator");
 var _utils = require("./utils");
 var _table_cells_shared = require("./table_cells_shared.styles");
 var _provider = require("./store/provider");
 var _sticky_header = require("./sticky_header");
+var _use_unique_column_id = require("./store/use_unique_column_id");
 var _react2 = require("@emotion/react");
 var _excluded = ["children", "className", "scope", "style", "width", "minWidth", "maxWidth", "append"];
 /*
@@ -38,7 +38,7 @@ var EuiTableHeaderCellCheckbox = exports.EuiTableHeaderCellCheckbox = function E
     maxWidth = props.maxWidth,
     append = props.append,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var internalCellId = (0, _html_id_generator.useGeneratedHtmlId)();
+  var storeCellId = (0, _use_unique_column_id.useEuiTableStoreUniqueColumnId)();
   var store = (0, _provider.useEuiTableColumnDataStore)();
   var isWithinStickyHeader = (0, _sticky_header.useEuiTableWithinStickyHeader)();
   var styles = (0, _services.useEuiMemoizedStyles)(_table_cells_shared.euiTableCellCheckboxStyles);
@@ -65,21 +65,20 @@ var EuiTableHeaderCellCheckbox = exports.EuiTableHeaderCellCheckbox = function E
     if (isWithinStickyHeader) {
       return;
     }
-    var unregisterColumn = store.registerColumn(internalCellId, {
+    var unregisterColumn = store.registerColumn(storeCellId, {
       renderHeaderCellRef: renderHeaderCellRef
     });
     return function () {
       unregisterColumn();
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [store, internalCellId, isWithinStickyHeader]);
+  }, [store, isWithinStickyHeader, storeCellId]);
   (0, _react.useEffect)(function () {
     // Notify the store on every render so the sticky header stays in sync.
     // React's reconciliation will efficiently handle any duplicate renders.
     if (isWithinStickyHeader) {
       return;
     }
-    store.updateColumn(internalCellId, {
+    store.updateColumn(storeCellId, {
       renderHeaderCellRef: renderHeaderCellRef
     });
   });

package/optimize/lib/components/toast/global_toast_list.js

@@ -21,8 +21,9 @@ var _toast = require("./toast");
 var _global_toast_list = require("./global_toast_list.styles");
 var _button = require("../button");
 var _i18n = require("../i18n");
+var _badge = require("../badge");
 var _react2 = require("@emotion/react");
-var _excluded = ["className", "toasts", "dismissToast", "toastLifeTimeMs", "onClearAllToasts", "side", "showClearAllButtonAt"],
+var _excluded = ["className", "toasts", "dismissToast", "toastLifeTimeMs", "onClearAllToasts", "side", "showClearAllButtonAt", "showNotificationBadge"],
   _excluded2 = ["text", "toastLifeTimeMs"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -53,6 +54,8 @@ var EuiGlobalToastList = exports.EuiGlobalToastList = function EuiGlobalToastLis
     side = _ref$side === void 0 ? 'right' : _ref$side,
     _ref$showClearAllButt = _ref.showClearAllButtonAt,
     showClearAllButtonAt = _ref$showClearAllButt === void 0 ? CLEAR_ALL_TOASTS_THRESHOLD_DEFAULT : _ref$showClearAllButt,
+    _ref$showNotification = _ref.showNotificationBadge,
+    showNotificationBadge = _ref$showNotification === void 0 ? false : _ref$showNotification,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)({}),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -227,8 +230,9 @@ var EuiGlobalToastList = exports.EuiGlobalToastList = function EuiGlobalToastLis
   var renderedToasts = (0, _react.useMemo)(function () {
     return toasts.map(function (toast) {
       var text = toast.text,
-        toastLifeTimeMs = toast.toastLifeTimeMs,
+        perToastLifeTimeMs = toast.toastLifeTimeMs,
         rest = (0, _objectWithoutProperties2.default)(toast, _excluded2);
+      var effectiveLifeTimeMs = perToastLifeTimeMs !== null && perToastLifeTimeMs !== void 0 ? perToastLifeTimeMs : toastLifeTimeMs;
       var onClose = function onClose() {
         return dismissToast(toast);
       };
@@ -239,9 +243,12 @@ var EuiGlobalToastList = exports.EuiGlobalToastList = function EuiGlobalToastLis
         onClose: onClose,
         onFocus: onMouseEnter,
         onBlur: onMouseLeave
-      }, rest), text));
+      }, rest, {
+        animationMs: effectiveLifeTimeMs,
+        text: text
+      })));
     });
-  }, [toasts, toastIdToDismissedMap, dismissToast, onMouseEnter, onMouseLeave]);
+  }, [toasts, toastIdToDismissedMap, dismissToast, onMouseEnter, onMouseLeave, toastLifeTimeMs]);
   var clearAllButton = (0, _react.useMemo)(function () {
     if (toasts.length && showClearAllButtonAt && toasts.length >= showClearAllButtonAt) {
       return (0, _react2.jsx)(_i18n.EuiI18n, {
@@ -255,7 +262,8 @@ var EuiGlobalToastList = exports.EuiGlobalToastList = function EuiGlobalToastLis
         return (0, _react2.jsx)(_global_toast_list_item.EuiGlobalToastListItem, {
           isDismissed: false
         }, (0, _react2.jsx)(_button.EuiButton, {
-          fill: true,
+          fullWidth: true,
+          size: "s",
           color: "text",
           onClick: function onClick() {
             toasts.forEach(function (toast) {
@@ -271,11 +279,28 @@ var EuiGlobalToastList = exports.EuiGlobalToastList = function EuiGlobalToastLis
     }
   }, [showClearAllButtonAt, onClearAllToasts, toasts, dismissToastProp, styles]);
   var classes = (0, _classnames.default)('euiGlobalToastList', className);
+  var hasContent = renderedToasts.length > 0 || clearAllButton != null;
+  var notificationBadge = (0, _react.useMemo)(function () {
+    var _toastIdToDismissedMa, _toasts$;
+    var toastWasDismissed = (_toastIdToDismissedMa = toastIdToDismissedMap[(_toasts$ = toasts[0]) === null || _toasts$ === void 0 ? void 0 : _toasts$.id]) !== null && _toastIdToDismissedMa !== void 0 ? _toastIdToDismissedMa : false;
+    var isListEmpty = toasts.every(function (t) {
+      return toastIdToDismissedMap[t.id];
+    });
+    return showNotificationBadge && toasts.length > 0 && (0, _react2.jsx)(_badge.EuiNotificationBadge, {
+      className: "euiGlobalToastList__countBadge",
+      css: [styles.notificationBadge.notificationBadge, toastWasDismissed && styles.notificationBadge.hasFadeOut, isListEmpty && styles.notificationBadge.hasFadeOut, ";label:notificationBadge;"],
+      size: "m",
+      color: "subdued",
+      "data-test-subj": "euiGlobalToastListNotificationBadge"
+    }, toasts.length);
+  }, [showNotificationBadge, toasts, toastIdToDismissedMap, styles]);
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     "aria-live": "polite",
     role: "log",
     ref: listElement,
     css: cssStyles,
     className: classes
-  }, rest), renderedToasts, clearAllButton);
+  }, rest), hasContent && (0, _react2.jsx)("div", {
+    css: styles.content
+  }, notificationBadge, renderedToasts, clearAllButton));
 };