@elastic/eui 116.2.0 → 116.3.0

package/es/components/table/table_header_cell_checkbox.js

@@ -10,39 +10,73 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
  * Side Public License, v 1.
  */
 
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
 import { useEuiMemoizedStyles } from '../../services';
+import { useGeneratedHtmlId } from '../../services/accessibility/html_id_generator';
 import { resolveWidthPropsAsStyle } from './utils';
 import { euiTableCellCheckboxStyles } from './table_cells_shared.styles';
+import { useEuiTableColumnDataStore } from './store/provider';
+import { useEuiTableWithinStickyHeader } from './sticky_header';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiTableHeaderCellCheckbox = function EuiTableHeaderCellCheckbox(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$scope = _ref.scope,
-    scope = _ref$scope === void 0 ? 'col' : _ref$scope,
-    _style = _ref.style,
-    width = _ref.width,
-    minWidth = _ref.minWidth,
-    maxWidth = _ref.maxWidth,
-    append = _ref.append,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var classes = classNames('euiTableHeaderCellCheckbox', className);
+export var EuiTableHeaderCellCheckbox = function EuiTableHeaderCellCheckbox(props) {
+  var children = props.children,
+    className = props.className,
+    _props$scope = props.scope,
+    scope = _props$scope === void 0 ? 'col' : _props$scope,
+    _style = props.style,
+    width = props.width,
+    minWidth = props.minWidth,
+    maxWidth = props.maxWidth,
+    append = props.append,
+    rest = _objectWithoutProperties(props, _excluded);
+  var internalCellId = useGeneratedHtmlId();
+  var store = useEuiTableColumnDataStore();
+  var isWithinStickyHeader = useEuiTableWithinStickyHeader();
   var styles = useEuiMemoizedStyles(euiTableCellCheckboxStyles);
-  var style = resolveWidthPropsAsStyle(_style, {
-    width: width,
-    minWidth: minWidth,
-    maxWidth: maxWidth
+  var renderHeaderCellRef = useRef();
+  renderHeaderCellRef.current = function (extraProps) {
+    var classes = classNames('euiTableHeaderCellCheckbox', className);
+    var style = resolveWidthPropsAsStyle(_style, {
+      width: width,
+      minWidth: minWidth,
+      maxWidth: maxWidth
+    });
+    return ___EmotionJSX("th", _extends({
+      css: styles.euiTableHeaderCellCheckbox,
+      className: classes,
+      scope: scope,
+      style: style
+    }, rest, extraProps), ___EmotionJSX("div", {
+      className: "euiTableCellContent"
+    }, children), append);
+  };
+  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) {
+      return;
+    }
+    var unregisterColumn = store.registerColumn(internalCellId, {
+      renderHeaderCellRef: renderHeaderCellRef
+    });
+    return function () {
+      unregisterColumn();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [store, internalCellId, isWithinStickyHeader]);
+  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, {
+      renderHeaderCellRef: renderHeaderCellRef
+    });
   });
-  return ___EmotionJSX("th", _extends({
-    css: styles.euiTableHeaderCellCheckbox,
-    className: classes,
-    scope: scope,
-    style: style
-  }, rest), ___EmotionJSX("div", {
-    className: "euiTableCellContent"
-  }, children), append);
+  return renderHeaderCellRef.current({});
 };
 EuiTableHeaderCellCheckbox.propTypes = {
   className: PropTypes.string,

package/es/components/text_truncate/text_truncate.js

@@ -23,6 +23,7 @@ import PropTypes from "prop-types";
 import classNames from 'classnames';
 import { useCombinedRefs, useEuiMemoizedStyles } from '../../services';
 import { EuiResizeObserver } from '../observer/resize_observer';
+import { EuiToolTip } from '../tool_tip';
 import { TruncationUtils } from './utils';
 import { euiTextTruncateStyles } from './text_truncate.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -204,11 +205,10 @@ var EuiTextTruncateWithWidth = function EuiTextTruncateWithWidth(_ref2) {
   }, [ready, width, text, truncation, truncationOffset, truncationPosition, ellipsis, containerEl]);
   var isTruncating = truncatedText !== text;
   var styles = useEuiMemoizedStyles(euiTextTruncateStyles);
-  return ___EmotionJSX("div", _extends({
+  var content = ___EmotionJSX("div", _extends({
     className: classNames('euiTextTruncate', className),
     css: styles.euiTextTruncate,
-    ref: refs,
-    title: isTruncating ? text : undefined
+    ref: refs
   }, rest), isTruncating ? ___EmotionJSX(React.Fragment, null, ___EmotionJSX("span", {
     className: "euiTextTruncate__truncatedText",
     css: styles.euiTextTruncate__truncatedText,
@@ -222,6 +222,11 @@ var EuiTextTruncateWithWidth = function EuiTextTruncateWithWidth(_ref2) {
     className: "euiTextTruncate__fullText",
     "data-test-subj": "fullText"
   }, children ? children(text) : text));
+  return isTruncating ? ___EmotionJSX(EuiToolTip, {
+    content: text,
+    disableScreenReaderOutput: true,
+    display: "block"
+  }, content) : content;
 };
 EuiTextTruncateWithWidth.propTypes = {
   width: PropTypes.number.isRequired,

package/es/components/tool_tip/tool_tip.js

@@ -30,7 +30,7 @@ import { EuiToolTipArrow } from './tool_tip_arrow';
 import { toolTipManager } from './tool_tip_manager';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var POSITIONS = ['top', 'right', 'bottom', 'left'];
-var DISPLAYS = ['inlineBlock', 'block'];
+var DISPLAYS = ['inlineBlock', 'block', 'flex'];
 export var DEFAULT_TOOLTIP_OFFSET = 16;
 
 /**

package/es/components/tool_tip/tool_tip.styles.js

@@ -43,6 +43,14 @@ export var euiToolTipStyles = function euiToolTipStyles(euiThemeContext) {
   };
 };
 var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1cjglks-flex",
+  styles: "display:flex;label:flex;"
+} : {
+  name: "1cjglks-flex",
+  styles: "display:flex;label:flex;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "fzilnk-inlineBlock",
   styles: "display:inline-block;label:inlineBlock;"
 } : {
@@ -50,7 +58,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "display:inline-block;label:inlineBlock;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var _ref2 = process.env.NODE_ENV === "production" ? {
+var _ref3 = process.env.NODE_ENV === "production" ? {
   name: "14aceuy-block",
   styles: "display:block;label:block;"
 } : {
@@ -58,7 +66,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "display:block;label:block;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var _ref3 = process.env.NODE_ENV === "production" ? {
+var _ref4 = process.env.NODE_ENV === "production" ? {
   name: "1s3i3p5-euiToolTipAnchor",
   styles: "*[disabled]{pointer-events:none;};label:euiToolTipAnchor;"
 } : {
@@ -69,9 +77,10 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
 export var euiToolTipAnchorStyles = function euiToolTipAnchorStyles() {
   return {
     // Elements
-    euiToolTipAnchor: _ref3,
+    euiToolTipAnchor: _ref4,
     // Variants
-    block: _ref2,
-    inlineBlock: _ref
+    block: _ref3,
+    inlineBlock: _ref2,
+    flex: _ref
   };
 };

package/es/utils/publisher.js

@@ -0,0 +1,53 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return 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.
+ */
+
+/**
+ * @internal
+ */
+
+/**
+ * @internal
+ */
+
+/**
+ * @internal
+ */
+export var createPublisher = function createPublisher() {
+  var subscribers = new Set();
+  var unsubscribe = function unsubscribe(subscriber) {
+    subscribers.delete(subscriber);
+  };
+  var subscribe = function subscribe(subscriber) {
+    subscribers.add(subscriber);
+    return function () {
+      return unsubscribe(subscriber);
+    };
+  };
+  var notify = function notify(subject) {
+    var _iterator = _createForOfIteratorHelper(subscribers),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _subscriber = _step.value;
+        _subscriber(subject);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  };
+  return {
+    subscribe: subscribe,
+    unsubscribe: unsubscribe,
+    notify: notify
+  };
+};