@semcore/ellipsis 16.0.12 → 17.0.0-prerelease.17

package/lib/es6/Ellipsis.js

@@ -1,15 +1,8 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-var _excluded = ["styles", "Children", "maxLine", "tooltip", "trim", "containerRect", "containerRef", "includeTooltipProps", "children"];
+import { Box } from '@semcore/base-components';
 import { createComponent, Component, Root, sstyled } from '@semcore/core';
 import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
 import findComponent, { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
@@ -18,172 +11,120 @@ import pick from '@semcore/core/lib/utils/pick';
 import reactToText from '@semcore/core/lib/utils/reactToText';
 import { forkRef } from '@semcore/core/lib/utils/ref';
 import useEnhancedEffect from '@semcore/core/lib/utils/use/useEnhancedEffect';
-import { Box } from '@semcore/flex-box';
 import Tooltip from '@semcore/tooltip';
 import React from 'react';
 /*!__reshadow-styles__:"./style/ellipsis.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBeginning_4aonj_gg_,.___SEllipsis_4aonj_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_4aonj_gg_.__maxLine_4aonj_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_4aonj);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_4aonj_gg_,.___SContainer_4aonj_gg_,.___SEllipsis_4aonj_gg_.__middle-mod_4aonj_gg_,.___SNoTooltipContainer_4aonj_gg_{display:flex;overflow:hidden}.___SContainerMiddle_4aonj_gg_>:has(.___SBeginning_4aonj_gg_),.___SContainerMiddle_4aonj_gg_>:has(.___STail_4aonj_gg_){display:flex;width:100%}.___STail_4aonj_gg_{white-space:pre}", /*__inner_css_end__*/"4aonj_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBeginning_1x34o_gg_,.___SEllipsis_1x34o_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_1x34o_gg_.__maxLine_1x34o_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_1x34o);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_1x34o_gg_,.___SContainer_1x34o_gg_,.___SEllipsis_1x34o_gg_.__middle-mod_1x34o_gg_,.___SNoTooltipContainer_1x34o_gg_{display:flex;overflow:hidden}.___SContainerMiddle_1x34o_gg_>:has(.___SBeginning_1x34o_gg_),.___SContainerMiddle_1x34o_gg_>:has(.___STail_1x34o_gg_){display:flex;width:100%}.___STail_1x34o_gg_{white-space:pre}", /*__inner_css_end__*/"1x34o_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBeginning": "___SBeginning_4aonj_gg_",
-  "__SEllipsis": "___SEllipsis_4aonj_gg_",
-  "__SContainer": "___SContainer_4aonj_gg_",
-  "__SNoTooltipContainer": "___SNoTooltipContainer_4aonj_gg_",
-  "__SContainerMiddle": "___SContainerMiddle_4aonj_gg_",
-  "_maxLine": "__maxLine_4aonj_gg_",
-  "--maxLine": "--maxLine_4aonj",
-  "_middle-mod": "__middle-mod_4aonj_gg_",
-  "__STail": "___STail_4aonj_gg_"
+  "__SBeginning": "___SBeginning_1x34o_gg_",
+  "__SEllipsis": "___SEllipsis_1x34o_gg_",
+  "__SContainer": "___SContainer_1x34o_gg_",
+  "__SNoTooltipContainer": "___SNoTooltipContainer_1x34o_gg_",
+  "__SContainerMiddle": "___SContainerMiddle_1x34o_gg_",
+  "_maxLine": "__maxLine_1x34o_gg_",
+  "--maxLine": "--maxLine_1x34o",
+  "_middle-mod": "__middle-mod_1x34o_gg_",
+  "__STail": "___STail_1x34o_gg_"
 });
 import { useResizeObserver } from './useResizeObserver';
-var defaultTooltipProps = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate', 'cursorAnchoring'];
-var setFontSettings = function setFontSettings(element, styleElement) {
-  element.style.fontFamily = styleElement.getPropertyValue('font-family');
-  element.style.fontSize = styleElement.getPropertyValue('font-size');
-  element.style.fontWeight = styleElement.getPropertyValue('font-weight');
-  element.style.lineHeight = styleElement.getPropertyValue('line-height');
-  element.style.fontFeatureSettings = styleElement.getPropertyValue('font-feature-settings');
-  element.style.fontVariantNumeric = styleElement.getPropertyValue('font-variant-numeric');
-};
-var createMeasurerElement = function createMeasurerElement(element, text) {
-  var styleElement = window.getComputedStyle(element, null);
-  var temporaryElement = document.createElement('temporary-block');
-  temporaryElement.style.display = styleElement.getPropertyValue('display');
-  temporaryElement.style.padding = styleElement.getPropertyValue('padding');
-  temporaryElement.style.position = 'absolute';
-  temporaryElement.style.right = '0%';
-  temporaryElement.style.bottom = '0%';
-  temporaryElement.style.visibility = 'hidden';
-  temporaryElement.style.whiteSpace = styleElement.getPropertyValue('white-space');
-  temporaryElement.style.wordWrap = styleElement.getPropertyValue('word-wrap');
-  setFontSettings(temporaryElement, styleElement);
-  temporaryElement.textContent = text !== null && text !== void 0 ? text : element.textContent;
-  return temporaryElement;
-};
-function isTextOverflowing(element, multiline, text) {
-  if (!element) return false;
-  var _element$getBoundingC = element.getBoundingClientRect(),
-    currentHeight = _element$getBoundingC.height,
-    currentWidth = _element$getBoundingC.width;
-  var measuringElement = createMeasurerElement(element, text);
-  var isOverflowing = false;
-  document.body.appendChild(measuringElement);
-  if (multiline) {
-    measuringElement.style.width = "".concat(currentWidth, "px");
-    var width = measuringElement.scrollWidth;
-    var height = measuringElement.getBoundingClientRect().height;
-    if (Math.ceil(currentHeight) < height || Math.ceil(currentWidth) < width) {
-      isOverflowing = true;
-    }
-  } else {
-    measuringElement.style.whiteSpace = 'nowrap';
-    isOverflowing = Math.ceil(currentWidth) < measuringElement.getBoundingClientRect().width;
-  }
-  document.body.removeChild(measuringElement);
-  return isOverflowing;
-}
-var forcedAdvancedMode = {
+import { isTextOverflowing, setFontSettings } from './utils';
+const defaultTooltipProps = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate', 'cursorAnchoring'];
+const forcedAdvancedMode = {
   forcedAdvancedMode: true
 };
-var noAdvancedMode = {};
-var RootEllipsis = /*#__PURE__*/function (_Component) {
-  function RootEllipsis() {
-    var _this;
-    _classCallCheck(this, RootEllipsis);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, RootEllipsis, [].concat(args));
-    _defineProperty(_this, "state", {
+const noAdvancedMode = {};
+class RootEllipsis extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
       visible: false
     });
-    _defineProperty(_this, "textRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "handlerVisibleChange", function (visible) {
-      _this.setState({
-        visible: visible && _this.showTooltip()
+    _defineProperty(this, "textRef", /*#__PURE__*/React.createRef());
+    _defineProperty(this, "handlerVisibleChange", visible => {
+      this.setState({
+        visible: visible && this.showTooltip()
       });
     });
-    return _this;
   }
-  _inherits(RootEllipsis, _Component);
-  return _createClass(RootEllipsis, [{
-    key: "showTooltip",
-    value: function showTooltip() {
-      var _this$asProps = this.asProps,
-        _this$asProps$maxLine = _this$asProps.maxLine,
-        maxLine = _this$asProps$maxLine === void 0 ? 1 : _this$asProps$maxLine,
-        Children = _this$asProps.Children;
-      var text = reactToText(getOriginChildren(Children));
-      return isTextOverflowing(this.textRef.current, maxLine > 1, text);
-    }
-  }, {
-    key: "getContentProps",
-    value: function getContentProps() {
-      return {
-        ref: this.textRef,
-        maxLine: this.asProps.maxLine
-      };
-    }
-  }, {
-    key: "getPopperProps",
-    value: function getPopperProps() {
-      var _this$asProps2 = this.asProps,
-        Children = _this$asProps2.Children,
-        includeTooltipProps = _this$asProps2.includeTooltipProps;
-      var text = reactToText(getOriginChildren(Children));
-      var tooltipProps = pick(this.asProps, includeTooltipProps);
-      return _objectSpread({
-        children: text
-      }, tooltipProps);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref3, _tooltipProps$visible;
-      var SEllipsis = this.Root;
-      var SContainer = Tooltip;
-      var _this$asProps3 = this.asProps,
-        styles = _this$asProps3.styles,
-        Children = _this$asProps3.Children,
-        maxLine = _this$asProps3.maxLine,
-        tooltip = _this$asProps3.tooltip,
-        trim = _this$asProps3.trim,
-        containerRect = _this$asProps3.containerRect,
-        containerRef = _this$asProps3.containerRef,
-        includeTooltipProps = _this$asProps3.includeTooltipProps,
-        _children = _this$asProps3.children,
-        other = _objectWithoutProperties(_this$asProps3, _excluded);
-      var visible = this.state.visible;
-      var advancedContent = findComponent(Children, [Ellipsis.Content.displayName]);
-      var text = reactToText(advancedContent || getOriginChildren(Children));
-      var advanceMode = isAdvanceMode(Children, [Ellipsis.Content.displayName, Ellipsis.Popper.displayName]);
-      var tooltipProps = pick(this.asProps, includeTooltipProps);
-      tooltipProps.visible = (_tooltipProps$visible = tooltipProps.visible) !== null && _tooltipProps$visible !== void 0 ? _tooltipProps$visible : visible;
-      tooltipProps.onVisibleChange = tooltipProps.onVisibleChange ? callAllEventHandlers(tooltipProps.onVisibleChange, this.handlerVisibleChange) : this.handlerVisibleChange;
-      if (trim === 'middle') {
-        var _ref2;
-        return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(EllipsisMiddle, _ref2.cn("EllipsisMiddle", _objectSpread({
-          "text": text,
-          "styles": styles,
-          "tooltip": tooltip,
-          "containerRect": containerRect,
-          "containerRef": containerRef,
-          "textRef": this.textRef,
-          "tooltipProps": tooltipProps,
-          "advanceMode": advanceMode
-        }, other)), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
-      }
-      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SContainer, _ref3.cn("SContainer", _objectSpread(_objectSpread({
-        "interaction": tooltip ? 'hover' : 'none',
-        "title": !advanceMode ? text : undefined
-      }, tooltipProps), advanceMode ? forcedAdvancedMode : noAdvancedMode)), advanceMode ? /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {})) : /*#__PURE__*/React.createElement(SEllipsis, _ref3.cn("SEllipsis", _objectSpread({
-        "render": Box,
-        "ref": this.textRef,
-        "maxLine": maxLine
-      }, other)), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))));
+  showTooltip() {
+    const {
+      maxLine = 1,
+      Children
+    } = this.asProps;
+    const text = reactToText(getOriginChildren(Children));
+    return isTextOverflowing(this.textRef.current, maxLine > 1, text);
+  }
+  getContentProps() {
+    return {
+      ref: this.textRef,
+      maxLine: this.asProps.maxLine
+    };
+  }
+  getPopperProps() {
+    const {
+      Children,
+      includeTooltipProps
+    } = this.asProps;
+    const text = reactToText(getOriginChildren(Children));
+    const tooltipProps = pick(this.asProps, includeTooltipProps);
+    return {
+      children: text,
+      ...tooltipProps
+    };
+  }
+  render() {
+    var _ref3;
+    const SEllipsis = this.Root;
+    const SContainer = Tooltip;
+    const {
+      styles,
+      Children,
+      maxLine,
+      tooltip,
+      trim,
+      containerRect,
+      containerRef,
+      includeTooltipProps,
+      children: _children,
+      ...other
+    } = this.asProps;
+    const {
+      visible
+    } = this.state;
+    const advancedContent = findComponent(Children, [Ellipsis.Content.displayName]);
+    const text = reactToText(advancedContent || getOriginChildren(Children));
+    const advanceMode = isAdvanceMode(Children, [Ellipsis.Content.displayName, Ellipsis.Popper.displayName]);
+    const tooltipProps = pick(this.asProps, includeTooltipProps);
+    tooltipProps.visible = tooltipProps.visible ?? visible;
+    tooltipProps.onVisibleChange = tooltipProps.onVisibleChange ? callAllEventHandlers(tooltipProps.onVisibleChange, this.handlerVisibleChange) : this.handlerVisibleChange;
+    if (trim === 'middle') {
+      var _ref2;
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(EllipsisMiddle, _ref2.cn("EllipsisMiddle", {
+        "text": text,
+        "styles": styles,
+        "tooltip": tooltip,
+        "containerRect": containerRect,
+        "containerRef": containerRef,
+        "textRef": this.textRef,
+        "tooltipProps": tooltipProps,
+        "advanceMode": advanceMode,
+        ...other
+      }), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
     }
-  }]);
-}(Component);
+    return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SContainer, _ref3.cn("SContainer", {
+      "interaction": tooltip ? 'hover' : 'none',
+      "title": !advanceMode ? text : undefined,
+      ...tooltipProps,
+      ...(advanceMode ? forcedAdvancedMode : noAdvancedMode)
+    }), advanceMode ? /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {})) : /*#__PURE__*/React.createElement(SEllipsis, _ref3.cn("SEllipsis", {
+      "render": Box,
+      "ref": this.textRef,
+      "maxLine": maxLine,
+      ...other
+    }), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))));
+  }
+}
 _defineProperty(RootEllipsis, "displayName", 'Ellipsis');
 _defineProperty(RootEllipsis, "style", style);
 _defineProperty(RootEllipsis, "defaultProps", {
@@ -192,92 +133,99 @@ _defineProperty(RootEllipsis, "defaultProps", {
   includeTooltipProps: defaultTooltipProps,
   __excludeProps: ['title']
 });
-var EllipsisMiddleContext = /*#__PURE__*/React.createContext(null);
-var EllipsisMiddle = function EllipsisMiddle(props) {
+const EllipsisMiddleContext = /*#__PURE__*/React.createContext(null);
+function EllipsisMiddle(props) {
   var _ref5;
-  var styles = props.styles,
-    text = props.text,
-    tooltip = props.tooltip,
-    containerRect = props.containerRect,
-    containerRef = props.containerRef,
-    textRef = props.textRef,
-    tooltipProps = props.tooltipProps,
-    children = props.children,
-    advanceMode = props.advanceMode,
-    tag = props.tag;
-  var resizeElement = React.useRef(null);
-  var _React$useState = React.useState(0),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    symbolWidth = _React$useState2[0],
-    setSymbolWidth = _React$useState2[1];
-  var blockWidth = useResizeObserver(resizeElement, containerRect).width;
-  useEnhancedEffect(function () {
-    var node = (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || (resizeElement === null || resizeElement === void 0 ? void 0 : resizeElement.current);
+  const {
+    styles,
+    text,
+    tooltip,
+    containerRect,
+    containerRef,
+    textRef,
+    tooltipProps,
+    children,
+    advanceMode,
+    tag
+  } = props;
+  const resizeElement = React.useRef(null);
+  const [symbolWidth, setSymbolWidth] = React.useState(0);
+  const blockWidth = useResizeObserver(resizeElement, containerRect).width;
+  useEnhancedEffect(() => {
+    const node = containerRef?.current || resizeElement?.current;
     if (!node) return;
-    var styleElement = window.getComputedStyle(node);
-    var dateSpan = document.createElement('temporary-block');
+    const styleElement = window.getComputedStyle(node);
+    const dateSpan = document.createElement('temporary-block');
     setFontSettings(dateSpan, styleElement);
     dateSpan.textContent = 'a';
     document.body.appendChild(dateSpan);
-    var rect = dateSpan.getBoundingClientRect();
+    const rect = dateSpan.getBoundingClientRect();
     setSymbolWidth(rect.width);
     document.body.removeChild(dateSpan);
   }, []);
-  var STail = 'span';
-  var SBeginning = 'span';
-  var SContainerMiddle = Tooltip;
-  var SAdvancedModeContainerMiddle = Tooltip;
-  var displayedSymbols = React.useMemo(function () {
-    var displayedSymbols = Math.round(blockWidth / symbolWidth);
+  const STail = 'span';
+  const SBeginning = 'span';
+  const SContainerMiddle = Tooltip;
+  const SAdvancedModeContainerMiddle = Tooltip;
+  const displayedSymbols = React.useMemo(() => {
+    const displayedSymbols = Math.round(blockWidth / symbolWidth);
     return displayedSymbols % 2 === 0 ? displayedSymbols : displayedSymbols - 1;
   }, [blockWidth, symbolWidth]);
-  var interaction = text.length > displayedSymbols ? 'hover' : 'none';
-  var ref = containerRef !== null && containerRef !== void 0 ? containerRef : resizeElement;
-  var contextValue = React.useMemo(function () {
-    return {
-      begining: text.substring(0, text.length - displayedSymbols / 2 - 1),
-      tail: text.substring(text.length - displayedSymbols / 2 - 1),
-      ref: ref
-    };
-  }, [text, displayedSymbols]);
+  const interaction = text.length > displayedSymbols ? 'hover' : 'none';
+  const ref = containerRef ?? resizeElement;
+  const contextValue = React.useMemo(() => ({
+    begining: text.substring(0, text.length - displayedSymbols / 2 - 1),
+    tail: text.substring(text.length - displayedSymbols / 2 - 1),
+    ref
+  }), [text, displayedSymbols]);
   if (advanceMode) {
     var _ref4;
-    return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SAdvancedModeContainerMiddle, _ref4.cn("SAdvancedModeContainerMiddle", _objectSpread(_objectSpread({
-      "interaction": tooltip ? interaction : 'none'
-    }, tooltipProps), forcedAdvancedMode)), /*#__PURE__*/React.createElement(EllipsisMiddleContext.Provider, {
+    return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SAdvancedModeContainerMiddle, _ref4.cn("SAdvancedModeContainerMiddle", {
+      "interaction": tooltip ? interaction : 'none',
+      ...tooltipProps,
+      ...forcedAdvancedMode
+    }), /*#__PURE__*/React.createElement(EllipsisMiddleContext.Provider, {
       value: contextValue
     }, children));
   }
-  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SContainerMiddle, _ref5.cn("SContainerMiddle", _objectSpread({
+  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SContainerMiddle, _ref5.cn("SContainerMiddle", {
     "interaction": tooltip ? interaction : 'none',
     "title": text,
     "ref": forkRef(ref, textRef),
-    "tag": tag
-  }, tooltipProps)), /*#__PURE__*/React.createElement(SBeginning, _ref5.cn("SBeginning", {}), contextValue.begining), /*#__PURE__*/React.createElement(STail, _ref5.cn("STail", {}), contextValue.tail));
-};
-var Content = function Content(_ref8) {
+    "tag": tag,
+    ...tooltipProps
+  }), /*#__PURE__*/React.createElement(SBeginning, _ref5.cn("SBeginning", {}), contextValue.begining), /*#__PURE__*/React.createElement(STail, _ref5.cn("STail", {}), contextValue.tail));
+}
+function Content({
+  styles,
+  Children
+}) {
   var _ref = arguments[0],
     _ref7;
-  var styles = _ref8.styles,
-    Children = _ref8.Children;
-  var SEllipsis = Tooltip.Trigger;
-  var ellipsisMiddleContext = React.useContext(EllipsisMiddleContext);
-  var STail = 'span';
-  var SBeginning = 'span';
+  const SEllipsis = Tooltip.Trigger;
+  const ellipsisMiddleContext = React.useContext(EllipsisMiddleContext);
+  const STail = 'span';
+  const SBeginning = 'span';
   if (ellipsisMiddleContext) {
     var _ref6;
-    var begining = ellipsisMiddleContext.begining,
-      tail = ellipsisMiddleContext.tail,
-      ref = ellipsisMiddleContext.ref;
-    return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SEllipsis, _ref6.cn("SEllipsis", _objectSpread({}, _assignProps({
-      "middle-mod": true,
-      "ref": ref
-    }, _ref))), /*#__PURE__*/React.createElement(SBeginning, _ref6.cn("SBeginning", {}), begining), /*#__PURE__*/React.createElement(STail, _ref6.cn("STail", {}), tail));
+    const {
+      begining,
+      tail,
+      ref
+    } = ellipsisMiddleContext;
+    return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SEllipsis, _ref6.cn("SEllipsis", {
+      ..._assignProps({
+        "middle-mod": true,
+        "ref": ref
+      }, _ref)
+    }), /*#__PURE__*/React.createElement(SBeginning, _ref6.cn("SBeginning", {}), begining), /*#__PURE__*/React.createElement(STail, _ref6.cn("STail", {}), tail));
   }
-  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SEllipsis, _ref7.cn("SEllipsis", _objectSpread({}, _assignProps2({}, _ref))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
-};
-var Ellipsis = createComponent(RootEllipsis, {
-  Content: Content,
+  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SEllipsis, _ref7.cn("SEllipsis", {
+    ..._assignProps2({}, _ref)
+  }), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
+}
+const Ellipsis = createComponent(RootEllipsis, {
+  Content,
   Popper: Tooltip.Popper
 });
 export default Ellipsis;

package/lib/es6/Ellipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ellipsis.js","names":["createComponent","Component","Root","sstyled","callAllEventHandlers","findComponent","isAdvanceMode","getOriginChildren","pick","reactToText","forkRef","useEnhancedEffect","Box","Tooltip","React","style","_sstyled","insert","useResizeObserver","defaultTooltipProps","setFontSettings","element","styleElement","fontFamily","getPropertyValue","fontSize","fontWeight","lineHeight","fontFeatureSettings","fontVariantNumeric","createMeasurerElement","text","window","getComputedStyle","temporaryElement","document","createElement","display","padding","position","right","bottom","visibility","whiteSpace","wordWrap","textContent","isTextOverflowing","multiline","_element$getBoundingC","getBoundingClientRect","currentHeight","height","currentWidth","width","measuringElement","isOverflowing","body","appendChild","concat","scrollWidth","Math","ceil","removeChild","forcedAdvancedMode","noAdvancedMode","RootEllipsis","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","_defineProperty","visible","createRef","setState","showTooltip","_inherits","_createClass","key","value","_this$asProps","asProps","_this$asProps$maxLine","maxLine","Children","textRef","current","getContentProps","ref","getPopperProps","_this$asProps2","includeTooltipProps","tooltipProps","_objectSpread","children","render","_ref3","_tooltipProps$visible","SEllipsis","SContainer","_this$asProps3","styles","tooltip","trim","containerRect","containerRef","_children","other","_objectWithoutProperties","_excluded","state","advancedContent","Ellipsis","Content","displayName","advanceMode","Popper","onVisibleChange","handlerVisibleChange","_ref2","EllipsisMiddle","cn","undefined","__excludeProps","EllipsisMiddleContext","createContext","props","_ref5","tag","resizeElement","useRef","_React$useState","useState","_React$useState2","_slicedToArray","symbolWidth","setSymbolWidth","blockWidth","node","dateSpan","rect","STail","SBeginning","SContainerMiddle","SAdvancedModeContainerMiddle","displayedSymbols","useMemo","round","interaction","contextValue","begining","substring","tail","_ref4","Provider","_ref8","_ref","arguments[0]","_ref7","Trigger","ellipsisMiddleContext","useContext","_ref6","_assignProps","_assignProps2"],"sources":["../../src/Ellipsis.tsx"],"sourcesContent":["import { createComponent, Component, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport findComponent, { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport pick from '@semcore/core/lib/utils/pick';\nimport reactToText from '@semcore/core/lib/utils/reactToText';\nimport { forkRef } from '@semcore/core/lib/utils/ref';\nimport useEnhancedEffect from '@semcore/core/lib/utils/use/useEnhancedEffect';\nimport { Box, type BoxProps } from '@semcore/flex-box';\nimport Tooltip, { type TooltipProps } from '@semcore/tooltip';\nimport React, { type RefObject } from 'react';\n\nimport style from './style/ellipsis.shadow.css';\nimport { useResizeObserver } from './useResizeObserver';\n\ntype AsProps = {\n  maxLine?: number;\n  trim?: 'end' | 'middle';\n  tooltip?: boolean;\n  styles?: React.CSSProperties;\n  containerRect?: { width: number };\n\n  containerRef?: RefObject<HTMLDivElement>;\n  includeTooltipProps?: string[];\n  __excludeProps?: string[];\n};\n\ntype AsPropsMiddle = {\n  text: string;\n  textRef: RefObject<HTMLElement>;\n  tooltip?: boolean;\n  styles?: React.CSSProperties;\n  containerRect?: { width: number };\n\n  containerRef?: RefObject<HTMLDivElement>;\n  tooltipProps: TooltipProps;\n  children?: React.ReactNode;\n  advanceMode?: boolean;\n  tag?: React.ElementType;\n};\n\ntype EllipsisProps = BoxProps &\n  Partial<TooltipProps> & {\n    /**\n     * Rows count in multiline Ellipsis\n     * @default 1\n     */\n    maxLine?: number;\n    /**\n     * Trimming type\n     * @default end\n     */\n    trim?: 'end' | 'middle';\n    /**\n     * Show tooltip\n     * @default true\n     */\n    tooltip?: boolean;\n    /**\n     * Ref to the item that will be observed by ResizeObserver\n     */\n    containerRef?: RefObject<HTMLDivElement>;\n    /**\n     * Explicit sizes of container text should be trimmed in\n     **/\n    containerRect?: { width: number };\n    /** List of props that will be passed to tooltip\n     * @default ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate']\n     */\n    includeTooltipProps?: string[];\n  };\n\nconst defaultTooltipProps = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n  'cursorAnchoring',\n];\n\nconst setFontSettings = (element: HTMLElement, styleElement: CSSStyleDeclaration): void => {\n  element.style.fontFamily = styleElement.getPropertyValue('font-family');\n  element.style.fontSize = styleElement.getPropertyValue('font-size');\n  element.style.fontWeight = styleElement.getPropertyValue('font-weight');\n  element.style.lineHeight = styleElement.getPropertyValue('line-height');\n  element.style.fontFeatureSettings =\n          styleElement.getPropertyValue('font-feature-settings');\n  element.style.fontVariantNumeric = styleElement.getPropertyValue('font-variant-numeric');\n};\n\nconst createMeasurerElement = (element: HTMLDivElement, text?: string) => {\n  const styleElement = window.getComputedStyle(element, null);\n  const temporaryElement = document.createElement('temporary-block');\n  temporaryElement.style.display = styleElement.getPropertyValue('display');\n  temporaryElement.style.padding = styleElement.getPropertyValue('padding');\n  temporaryElement.style.position = 'absolute';\n  temporaryElement.style.right = '0%';\n  temporaryElement.style.bottom = '0%';\n  temporaryElement.style.visibility = 'hidden';\n  temporaryElement.style.whiteSpace = styleElement.getPropertyValue('white-space');\n  temporaryElement.style.wordWrap = styleElement.getPropertyValue('word-wrap');\n\n  setFontSettings(temporaryElement, styleElement);\n\n  temporaryElement.textContent = text ?? element.textContent;\n  return temporaryElement;\n};\n\nfunction isTextOverflowing(element: HTMLDivElement, multiline: boolean, text?: string): boolean {\n  if (!element) return false;\n\n  const { height: currentHeight, width: currentWidth } = element.getBoundingClientRect();\n  const measuringElement = createMeasurerElement(element, text);\n  let isOverflowing = false;\n\n  document.body.appendChild(measuringElement);\n  if (multiline) {\n    measuringElement.style.width = `${currentWidth}px`;\n\n    const width = measuringElement.scrollWidth;\n    const height = measuringElement.getBoundingClientRect().height;\n\n    if (Math.ceil(currentHeight) < height || Math.ceil(currentWidth) < width) {\n      isOverflowing = true;\n    }\n  } else {\n    measuringElement.style.whiteSpace = 'nowrap';\n    isOverflowing = Math.ceil(currentWidth) < measuringElement.getBoundingClientRect().width;\n  }\n\n  document.body.removeChild(measuringElement);\n\n  return isOverflowing;\n}\n\nconst forcedAdvancedMode = { forcedAdvancedMode: true } as any;\nconst noAdvancedMode = {} as any;\n\nclass RootEllipsis extends Component<AsProps> {\n  static displayName = 'Ellipsis';\n  static style = style;\n  static defaultProps: AsProps = {\n    trim: 'end',\n    tooltip: true,\n    includeTooltipProps: defaultTooltipProps,\n    __excludeProps: ['title'],\n  };\n\n  state = {\n    visible: false,\n  };\n\n  textRef = React.createRef<HTMLDivElement>();\n\n  showTooltip() {\n    const { maxLine = 1, Children } = this.asProps;\n    const text = reactToText(getOriginChildren(Children));\n    return isTextOverflowing(this.textRef.current!, maxLine > 1, text);\n  }\n\n  handlerVisibleChange = (visible: boolean) => {\n    this.setState({ visible: visible && this.showTooltip() });\n  };\n\n  getContentProps() {\n    return {\n      ref: this.textRef,\n      maxLine: this.asProps.maxLine,\n    };\n  }\n\n  getPopperProps() {\n    const { Children, includeTooltipProps } = this.asProps;\n    const text = reactToText(getOriginChildren(Children));\n    const tooltipProps = pick(this.asProps, includeTooltipProps as any) as TooltipProps;\n    return { children: text, ...tooltipProps };\n  }\n\n  render() {\n    const SEllipsis = this.Root;\n    const SContainer = Tooltip;\n    const {\n      styles,\n      Children,\n      maxLine,\n      tooltip,\n      trim,\n      containerRect,\n      containerRef,\n      includeTooltipProps,\n      children: _children,\n      ...other\n    } = this.asProps;\n    const { visible } = this.state;\n    const advancedContent = findComponent(Children, [(Ellipsis as any).Content.displayName]);\n    const text = reactToText(advancedContent || getOriginChildren(Children));\n    const advanceMode = isAdvanceMode(Children, [\n      (Ellipsis as any).Content.displayName,\n      (Ellipsis as any).Popper.displayName,\n    ]);\n    const tooltipProps = pick(this.asProps, includeTooltipProps as any) as TooltipProps;\n\n    tooltipProps.visible = tooltipProps.visible ?? visible;\n    tooltipProps.onVisibleChange = tooltipProps.onVisibleChange\n      ? callAllEventHandlers(tooltipProps.onVisibleChange, this.handlerVisibleChange)\n      : this.handlerVisibleChange;\n\n    if (trim === 'middle') {\n      return sstyled(styles)(\n        <EllipsisMiddle\n          text={text}\n          styles={styles}\n          tooltip={tooltip}\n          containerRect={containerRect}\n          containerRef={containerRef}\n          textRef={this.textRef}\n          tooltipProps={tooltipProps}\n          advanceMode={advanceMode}\n          {...other}\n        >\n          <Children />\n        </EllipsisMiddle>,\n      );\n    }\n\n    return sstyled(styles)(\n      <SContainer\n        interaction={tooltip ? 'hover' : 'none'}\n        title={!advanceMode ? text : undefined}\n        {...tooltipProps}\n        {...(advanceMode ? forcedAdvancedMode : noAdvancedMode)}\n      >\n        {advanceMode\n          ? (\n              <Children />\n            )\n          : (\n              <SEllipsis render={Box} ref={this.textRef} maxLine={maxLine} {...other}>\n                <Children />\n              </SEllipsis>\n            )}\n      </SContainer>,\n    );\n  }\n}\n\nconst EllipsisMiddleContext = React.createContext<null | {\n  begining: string;\n  tail: string;\n  ref: React.RefObject<HTMLElement>;\n}>(null);\n\nconst EllipsisMiddle: React.FC<AsPropsMiddle> = (props) => {\n  const {\n    styles,\n    text,\n    tooltip,\n    containerRect,\n    containerRef,\n    textRef,\n    tooltipProps,\n    children,\n    advanceMode,\n    tag,\n  } = props;\n\n  const resizeElement = React.useRef<HTMLDivElement>(null);\n  const [symbolWidth, setSymbolWidth] = React.useState(0);\n  const blockWidth = useResizeObserver(resizeElement, containerRect).width;\n\n  useEnhancedEffect(() => {\n    const node = containerRef?.current || resizeElement?.current;\n    if (!node) return;\n\n    const styleElement = window.getComputedStyle(node);\n    const dateSpan = document.createElement('temporary-block');\n\n    setFontSettings(dateSpan, styleElement);\n    dateSpan.textContent = 'a';\n    document.body.appendChild(dateSpan);\n    const rect = dateSpan.getBoundingClientRect();\n\n    setSymbolWidth(rect.width);\n    document.body.removeChild(dateSpan);\n  }, []);\n\n  const STail = 'span';\n  const SBeginning = 'span';\n  const SContainerMiddle = Tooltip;\n  const SAdvancedModeContainerMiddle = Tooltip;\n  const displayedSymbols = React.useMemo(\n    () => {\n      const displayedSymbols = Math.round(blockWidth / symbolWidth);\n\n      return displayedSymbols % 2 === 0 ? displayedSymbols : displayedSymbols - 1;\n    },\n    [blockWidth, symbolWidth],\n  );\n\n  const interaction = text.length > displayedSymbols ? 'hover' : 'none';\n  const ref = containerRef ?? resizeElement;\n  const contextValue = React.useMemo(\n    () => ({\n      begining: text.substring(0, text.length - displayedSymbols / 2 - 1),\n      tail: text.substring(text.length - displayedSymbols / 2 - 1),\n      ref,\n    }),\n    [text, displayedSymbols],\n  );\n\n  if (advanceMode) {\n    return sstyled(styles)(\n      <SAdvancedModeContainerMiddle\n        interaction={tooltip ? interaction : 'none'}\n        {...tooltipProps}\n        {...forcedAdvancedMode}\n      >\n        <EllipsisMiddleContext.Provider value={contextValue}>\n          {children}\n        </EllipsisMiddleContext.Provider>\n      </SAdvancedModeContainerMiddle>,\n    );\n  }\n  return sstyled(styles)(\n    <SContainerMiddle\n      interaction={tooltip ? interaction : 'none'}\n      title={text}\n      ref={forkRef(ref, textRef)}\n      tag={tag}\n      {...tooltipProps}\n    >\n      <SBeginning>{contextValue.begining}</SBeginning>\n      <STail>{contextValue.tail}</STail>\n    </SContainerMiddle>,\n  );\n};\n\ntype EllipsisContentAsProps = {\n  styles: any;\n  Children: React.FC;\n};\n\nconst Content: React.FC<EllipsisContentAsProps> = ({ styles, Children }) => {\n  const SEllipsis = Root;\n  const ellipsisMiddleContext = React.useContext(EllipsisMiddleContext);\n  const STail = 'span';\n  const SBeginning = 'span';\n\n  if (ellipsisMiddleContext) {\n    const { begining, tail, ref } = ellipsisMiddleContext;\n    return sstyled(styles)(\n      <SEllipsis render={Tooltip.Trigger} middle-mod ref={ref}>\n        <SBeginning>{begining}</SBeginning>\n        <STail>{tail}</STail>\n      </SEllipsis>,\n    ) as any;\n  }\n\n  return sstyled(styles)(\n    <SEllipsis render={Tooltip.Trigger}>\n      <Children />\n    </SEllipsis>,\n  ) as any;\n};\n\nconst Ellipsis = createComponent(RootEllipsis, {\n  Content,\n  Popper: Tooltip.Popper,\n}) as any as Intergalactic.Component<'div', EllipsisProps> & {\n  Content: typeof Box;\n  Popper: typeof Tooltip.Popper;\n};\n\nexport default Ellipsis;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Ellipsis.js","names":["Box","createComponent","Component","Root","sstyled","callAllEventHandlers","findComponent","isAdvanceMode","getOriginChildren","pick","reactToText","forkRef","useEnhancedEffect","Tooltip","React","style","_sstyled","insert","useResizeObserver","isTextOverflowing","setFontSettings","defaultTooltipProps","forcedAdvancedMode","noAdvancedMode","RootEllipsis","constructor","args","_defineProperty","visible","createRef","setState","showTooltip","maxLine","Children","asProps","text","textRef","current","getContentProps","ref","getPopperProps","includeTooltipProps","tooltipProps","children","render","_ref3","SEllipsis","SContainer","styles","tooltip","trim","containerRect","containerRef","_children","other","state","advancedContent","Ellipsis","Content","displayName","advanceMode","Popper","onVisibleChange","handlerVisibleChange","_ref2","createElement","EllipsisMiddle","cn","undefined","__excludeProps","EllipsisMiddleContext","createContext","props","_ref5","tag","resizeElement","useRef","symbolWidth","setSymbolWidth","useState","blockWidth","width","node","styleElement","window","getComputedStyle","dateSpan","document","textContent","body","appendChild","rect","getBoundingClientRect","removeChild","STail","SBeginning","SContainerMiddle","SAdvancedModeContainerMiddle","displayedSymbols","useMemo","Math","round","interaction","length","contextValue","begining","substring","tail","_ref4","Provider","value","_ref","arguments[0]","_ref7","Trigger","ellipsisMiddleContext","useContext","_ref6","_assignProps","_assignProps2"],"sources":["../../src/Ellipsis.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@semcore/base-components';\nimport { createComponent, Component, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport findComponent, { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport pick from '@semcore/core/lib/utils/pick';\nimport reactToText from '@semcore/core/lib/utils/reactToText';\nimport { forkRef } from '@semcore/core/lib/utils/ref';\nimport useEnhancedEffect from '@semcore/core/lib/utils/use/useEnhancedEffect';\nimport Tooltip, { type TooltipProps } from '@semcore/tooltip';\nimport React, { type RefObject } from 'react';\n\nimport style from './style/ellipsis.shadow.css';\nimport { useResizeObserver } from './useResizeObserver';\nimport { isTextOverflowing, setFontSettings } from './utils';\n\ntype AsProps = {\n  maxLine?: number;\n  trim?: 'end' | 'middle';\n  tooltip?: boolean;\n  styles?: React.CSSProperties;\n  containerRect?: { width: number };\n\n  containerRef?: RefObject<HTMLDivElement>;\n  includeTooltipProps?: string[];\n  __excludeProps?: string[];\n};\n\ntype AsPropsMiddle = {\n  text: string;\n  textRef: RefObject<HTMLElement>;\n  tooltip?: boolean;\n  styles?: React.CSSProperties;\n  containerRect?: { width: number };\n\n  containerRef?: RefObject<HTMLDivElement>;\n  tooltipProps: TooltipProps;\n  children?: React.ReactNode;\n  advanceMode?: boolean;\n  tag?: React.ElementType;\n};\n\ntype EllipsisProps = BoxProps &\n  Partial<TooltipProps> & {\n    /**\n     * Rows count in multiline Ellipsis\n     * @default 1\n     */\n    maxLine?: number;\n    /**\n     * Trimming type\n     * @default end\n     */\n    trim?: 'end' | 'middle';\n    /**\n     * Show tooltip\n     * @default true\n     */\n    tooltip?: boolean;\n    /**\n     * Ref to the item that will be observed by ResizeObserver\n     */\n    containerRef?: RefObject<HTMLDivElement>;\n    /**\n     * Explicit sizes of container text should be trimmed in\n     **/\n    containerRect?: { width: number };\n    /** List of props that will be passed to tooltip\n     * @default ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate']\n     */\n    includeTooltipProps?: string[];\n  };\n\nconst defaultTooltipProps = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n  'cursorAnchoring',\n];\n\nconst forcedAdvancedMode = { forcedAdvancedMode: true } as any;\nconst noAdvancedMode = {} as any;\n\nclass RootEllipsis extends Component<AsProps> {\n  static displayName = 'Ellipsis';\n  static style = style;\n  static defaultProps: AsProps = {\n    trim: 'end',\n    tooltip: true,\n    includeTooltipProps: defaultTooltipProps,\n    __excludeProps: ['title'],\n  };\n\n  state = {\n    visible: false,\n  };\n\n  textRef = React.createRef<HTMLDivElement>();\n\n  showTooltip() {\n    const { maxLine = 1, Children } = this.asProps;\n    const text = reactToText(getOriginChildren(Children));\n    return isTextOverflowing(this.textRef.current, maxLine > 1, text);\n  }\n\n  handlerVisibleChange = (visible: boolean) => {\n    this.setState({ visible: visible && this.showTooltip() });\n  };\n\n  getContentProps() {\n    return {\n      ref: this.textRef,\n      maxLine: this.asProps.maxLine,\n    };\n  }\n\n  getPopperProps() {\n    const { Children, includeTooltipProps } = this.asProps;\n    const text = reactToText(getOriginChildren(Children));\n    const tooltipProps = pick(this.asProps, includeTooltipProps as any) as TooltipProps;\n    return { children: text, ...tooltipProps };\n  }\n\n  render() {\n    const SEllipsis = this.Root;\n    const SContainer = Tooltip;\n    const {\n      styles,\n      Children,\n      maxLine,\n      tooltip,\n      trim,\n      containerRect,\n      containerRef,\n      includeTooltipProps,\n      children: _children,\n      ...other\n    } = this.asProps;\n    const { visible } = this.state;\n    const advancedContent = findComponent(Children, [(Ellipsis as any).Content.displayName]);\n    const text = reactToText(advancedContent || getOriginChildren(Children));\n    const advanceMode = isAdvanceMode(Children, [\n      (Ellipsis as any).Content.displayName,\n      (Ellipsis as any).Popper.displayName,\n    ]);\n    const tooltipProps = pick(this.asProps, includeTooltipProps as any) as TooltipProps;\n\n    tooltipProps.visible = tooltipProps.visible ?? visible;\n    tooltipProps.onVisibleChange = tooltipProps.onVisibleChange\n      ? callAllEventHandlers(tooltipProps.onVisibleChange, this.handlerVisibleChange)\n      : this.handlerVisibleChange;\n\n    if (trim === 'middle') {\n      return sstyled(styles)(\n        <EllipsisMiddle\n          text={text}\n          styles={styles}\n          tooltip={tooltip}\n          containerRect={containerRect}\n          containerRef={containerRef}\n          textRef={this.textRef}\n          tooltipProps={tooltipProps}\n          advanceMode={advanceMode}\n          {...other}\n        >\n          <Children />\n        </EllipsisMiddle>,\n      );\n    }\n\n    return sstyled(styles)(\n      <SContainer\n        interaction={tooltip ? 'hover' : 'none'}\n        title={!advanceMode ? text : undefined}\n        {...tooltipProps}\n        {...(advanceMode ? forcedAdvancedMode : noAdvancedMode)}\n      >\n        {advanceMode\n          ? (\n              <Children />\n            )\n          : (\n              <SEllipsis render={Box} ref={this.textRef} maxLine={maxLine} {...other}>\n                <Children />\n              </SEllipsis>\n            )}\n      </SContainer>,\n    );\n  }\n}\n\nconst EllipsisMiddleContext = React.createContext<null | {\n  begining: string;\n  tail: string;\n  ref: React.RefObject<HTMLElement>;\n}>(null);\n\nfunction EllipsisMiddle(props: AsPropsMiddle) {\n  const {\n    styles,\n    text,\n    tooltip,\n    containerRect,\n    containerRef,\n    textRef,\n    tooltipProps,\n    children,\n    advanceMode,\n    tag,\n  } = props;\n\n  const resizeElement = React.useRef<HTMLDivElement>(null);\n  const [symbolWidth, setSymbolWidth] = React.useState(0);\n  const blockWidth = useResizeObserver(resizeElement, containerRect).width;\n\n  useEnhancedEffect(() => {\n    const node = containerRef?.current || resizeElement?.current;\n    if (!node) return;\n\n    const styleElement = window.getComputedStyle(node);\n    const dateSpan = document.createElement('temporary-block');\n\n    setFontSettings(dateSpan, styleElement);\n    dateSpan.textContent = 'a';\n    document.body.appendChild(dateSpan);\n    const rect = dateSpan.getBoundingClientRect();\n\n    setSymbolWidth(rect.width);\n    document.body.removeChild(dateSpan);\n  }, []);\n\n  const STail = 'span';\n  const SBeginning = 'span';\n  const SContainerMiddle = Tooltip;\n  const SAdvancedModeContainerMiddle = Tooltip;\n  const displayedSymbols = React.useMemo(\n    () => {\n      const displayedSymbols = Math.round(blockWidth / symbolWidth);\n\n      return displayedSymbols % 2 === 0 ? displayedSymbols : displayedSymbols - 1;\n    },\n    [blockWidth, symbolWidth],\n  );\n\n  const interaction = text.length > displayedSymbols ? 'hover' : 'none';\n  const ref = containerRef ?? resizeElement;\n  const contextValue = React.useMemo(\n    () => ({\n      begining: text.substring(0, text.length - displayedSymbols / 2 - 1),\n      tail: text.substring(text.length - displayedSymbols / 2 - 1),\n      ref,\n    }),\n    [text, displayedSymbols],\n  );\n\n  if (advanceMode) {\n    return sstyled(styles)(\n      <SAdvancedModeContainerMiddle\n        interaction={tooltip ? interaction : 'none'}\n        {...tooltipProps}\n        {...forcedAdvancedMode}\n      >\n        <EllipsisMiddleContext.Provider value={contextValue}>\n          {children}\n        </EllipsisMiddleContext.Provider>\n      </SAdvancedModeContainerMiddle>,\n    );\n  }\n  return sstyled(styles)(\n    <SContainerMiddle\n      interaction={tooltip ? interaction : 'none'}\n      title={text}\n      ref={forkRef(ref, textRef)}\n      tag={tag}\n      {...tooltipProps}\n    >\n      <SBeginning>{contextValue.begining}</SBeginning>\n      <STail>{contextValue.tail}</STail>\n    </SContainerMiddle>,\n  );\n}\n\ntype EllipsisContentAsProps = {\n  styles: any;\n  Children: React.FC;\n};\n\nfunction Content({ styles, Children }: EllipsisContentAsProps) {\n  const SEllipsis = Root;\n  const ellipsisMiddleContext = React.useContext(EllipsisMiddleContext);\n  const STail = 'span';\n  const SBeginning = 'span';\n\n  if (ellipsisMiddleContext) {\n    const { begining, tail, ref } = ellipsisMiddleContext;\n    return sstyled(styles)(\n      <SEllipsis render={Tooltip.Trigger} middle-mod ref={ref}>\n        <SBeginning>{begining}</SBeginning>\n        <STail>{tail}</STail>\n      </SEllipsis>,\n    ) as any;\n  }\n\n  return sstyled(styles)(\n    <SEllipsis render={Tooltip.Trigger}>\n      <Children />\n    </SEllipsis>,\n  ) as any;\n}\n\nconst Ellipsis = createComponent(RootEllipsis, {\n  Content,\n  Popper: Tooltip.Popper,\n}) as any as Intergalactic.Component<'div', EllipsisProps> & {\n  Content: typeof Box;\n  Popper: typeof Tooltip.Popper;\n};\n\nexport default Ellipsis;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps } from '@semcore/flex-box';\nimport type { TooltipProps } from '@semcore/tooltip';\nimport type Tooltip from '@semcore/tooltip';\nimport type { RefObject } from 'react';\n\n/** @deprecated */\nexport interface IEllipsisProps extends EllipsisProps, UnknownProperties {}\nexport type EllipsisProps = BoxProps &\n  Partial<TooltipProps> & {\n    /**\n     * Rows count in multiline Ellipsis.\n     * Applies only for `trim = end`\n     * @default 1\n     */\n    maxLine?: number;\n    /**\n     * Trimming type\n     * @default end\n     */\n    trim?: 'end' | 'middle';\n    /**\n     * Show tooltip\n     * @default true\n     */\n    tooltip?: boolean;\n    /**\n     * Ref to the item that will be observed by ResizeObserver\n     */\n    containerRef?: RefObject<HTMLElement | null>;\n    /**\n     * Explicit sizes of container text should be trimmed in\n     **/\n    containerRect?: { width: number };\n    /** List of props that will be passed to tooltip\n     * @default ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate']\n     */\n    includeTooltipProps?: string[];\n  };\n\ndeclare const useResizeObserver: (\n  ref: RefObject<HTMLElement>,\n  hookOverride?: { width: number },\n) => { width: number };\n\ndeclare const Ellipsis: Intergalactic.Component<'div', EllipsisProps> & {\n  Content: typeof Box;\n  Popper: typeof Tooltip.Popper;\n};\n\nexport { useResizeObserver };\nexport default Ellipsis;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box, BoxProps } from '@semcore/base-components';\nimport type { UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { TooltipProps } from '@semcore/tooltip';\nimport type Tooltip from '@semcore/tooltip';\nimport type { RefObject } from 'react';\n\nexport type EllipsisProps = BoxProps &\n  Partial<TooltipProps> & {\n    /**\n     * Rows count in multiline Ellipsis.\n     * Applies only for `trim = end`\n     * @default 1\n     */\n    maxLine?: number;\n    /**\n     * Trimming type\n     * @default end\n     */\n    trim?: 'end' | 'middle';\n    /**\n     * Show tooltip\n     * @default true\n     */\n    tooltip?: boolean;\n    /**\n     * Ref to the item that will be observed by ResizeObserver\n     */\n    containerRef?: RefObject<HTMLElement | null>;\n    /**\n     * Explicit sizes of container text should be trimmed in\n     **/\n    containerRect?: { width: number };\n    /** List of props that will be passed to tooltip\n     * @default ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate']\n     */\n    includeTooltipProps?: string[];\n  };\n\ndeclare const useResizeObserver: (\n  ref: RefObject<HTMLElement>,\n  hookOverride?: { width: number },\n) => { width: number };\n/**\n * @deprecated. Use Text with ellipsis property for @semcore/typography.\n */\ndeclare const Ellipsis: Intergalactic.Component<'div', EllipsisProps> & {\n  Content: typeof Box;\n  Popper: typeof Tooltip.Popper;\n};\n\nexport default Ellipsis;\n\nexport { useResizeObserver };\n"],"mappings":"","ignoreList":[]}