@semcore/ellipsis 2.39.1 → 2.39.2-prerelease.2

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.39.2] - 2025-04-04
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [4.48.1 ~> 4.48.2], `@semcore/core` [2.39.1 ~> 2.39.2]).
+
 ## [2.39.1] - 2025-03-20
 
 ### Changed

package/lib/cjs/Ellipsis.js

@@ -31,16 +31,16 @@ var _assignProps3 = require("@semcore/utils/lib/assignProps");
 var _excluded = ["styles", "Children", "maxLine", "tooltip", "trim", "containerRect", "containerRef", "includeTooltipProps", "children"],
   _excluded2 = ["styles", "text", "tooltip", "containerRect", "containerRef", "textRef", "tooltipProps", "children", "advanceMode"];
 /*__reshadow-styles__:"./style/ellipsis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_137b6_gg_,.___SContainer_137b6_gg_,.___SEllipsis_137b6_gg_.__middle-mod_137b6_gg_,.___SNoTooltipContainer_137b6_gg_{display:flex;overflow:hidden}.___SBeginning_137b6_gg_,.___SEllipsis_137b6_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_137b6_gg_.__maxLine_137b6_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_137b6);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_137b6_gg_>:has(.___SBeginning_137b6_gg_),.___SContainerMiddle_137b6_gg_>:has(.___STail_137b6_gg_){display:flex;width:100%}.___STail_137b6_gg_{white-space:pre}" /*__inner_css_end__*/, "137b6_gg_") /*__reshadow_css_end__*/, {
-  "__SContainer": "___SContainer_137b6_gg_",
-  "__SNoTooltipContainer": "___SNoTooltipContainer_137b6_gg_",
-  "__SContainerMiddle": "___SContainerMiddle_137b6_gg_",
-  "__SBeginning": "___SBeginning_137b6_gg_",
-  "__SEllipsis": "___SEllipsis_137b6_gg_",
-  "_middle-mod": "__middle-mod_137b6_gg_",
-  "_maxLine": "__maxLine_137b6_gg_",
-  "--maxLine": "--maxLine_137b6",
-  "__STail": "___STail_137b6_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_gtb2q_gg_,.___SContainer_gtb2q_gg_,.___SEllipsis_gtb2q_gg_.__middle-mod_gtb2q_gg_,.___SNoTooltipContainer_gtb2q_gg_{display:flex;overflow:hidden}.___SBeginning_gtb2q_gg_,.___SEllipsis_gtb2q_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_gtb2q_gg_.__maxLine_gtb2q_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_gtb2q);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_gtb2q_gg_>:has(.___SBeginning_gtb2q_gg_),.___SContainerMiddle_gtb2q_gg_>:has(.___STail_gtb2q_gg_){display:flex;width:100%}.___STail_gtb2q_gg_{white-space:pre}" /*__inner_css_end__*/, "gtb2q_gg_") /*__reshadow_css_end__*/, {
+  "__SContainer": "___SContainer_gtb2q_gg_",
+  "__SNoTooltipContainer": "___SNoTooltipContainer_gtb2q_gg_",
+  "__SContainerMiddle": "___SContainerMiddle_gtb2q_gg_",
+  "__SBeginning": "___SBeginning_gtb2q_gg_",
+  "__SEllipsis": "___SEllipsis_gtb2q_gg_",
+  "_middle-mod": "__middle-mod_gtb2q_gg_",
+  "_maxLine": "__maxLine_gtb2q_gg_",
+  "--maxLine": "--maxLine_gtb2q",
+  "__STail": "___STail_gtb2q_gg_"
 });
 var defaultTooltipProps = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate', 'cursorAnchoring'];
 var createMeasurerElement = function createMeasurerElement(element, text) {

package/lib/es6/Ellipsis.js

@@ -20,16 +20,16 @@ import { useResizeObserver } from './useResizeObserver';
 import useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';
 import findComponent, { isAdvanceMode } from '@semcore/utils/lib/findComponent';
 /*__reshadow-styles__:"./style/ellipsis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_137b6_gg_,.___SContainer_137b6_gg_,.___SEllipsis_137b6_gg_.__middle-mod_137b6_gg_,.___SNoTooltipContainer_137b6_gg_{display:flex;overflow:hidden}.___SBeginning_137b6_gg_,.___SEllipsis_137b6_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_137b6_gg_.__maxLine_137b6_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_137b6);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_137b6_gg_>:has(.___SBeginning_137b6_gg_),.___SContainerMiddle_137b6_gg_>:has(.___STail_137b6_gg_){display:flex;width:100%}.___STail_137b6_gg_{white-space:pre}" /*__inner_css_end__*/, "137b6_gg_") /*__reshadow_css_end__*/, {
-  "__SContainer": "___SContainer_137b6_gg_",
-  "__SNoTooltipContainer": "___SNoTooltipContainer_137b6_gg_",
-  "__SContainerMiddle": "___SContainerMiddle_137b6_gg_",
-  "__SBeginning": "___SBeginning_137b6_gg_",
-  "__SEllipsis": "___SEllipsis_137b6_gg_",
-  "_middle-mod": "__middle-mod_137b6_gg_",
-  "_maxLine": "__maxLine_137b6_gg_",
-  "--maxLine": "--maxLine_137b6",
-  "__STail": "___STail_137b6_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_gtb2q_gg_,.___SContainer_gtb2q_gg_,.___SEllipsis_gtb2q_gg_.__middle-mod_gtb2q_gg_,.___SNoTooltipContainer_gtb2q_gg_{display:flex;overflow:hidden}.___SBeginning_gtb2q_gg_,.___SEllipsis_gtb2q_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_gtb2q_gg_.__maxLine_gtb2q_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_gtb2q);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_gtb2q_gg_>:has(.___SBeginning_gtb2q_gg_),.___SContainerMiddle_gtb2q_gg_>:has(.___STail_gtb2q_gg_){display:flex;width:100%}.___STail_gtb2q_gg_{white-space:pre}" /*__inner_css_end__*/, "gtb2q_gg_") /*__reshadow_css_end__*/, {
+  "__SContainer": "___SContainer_gtb2q_gg_",
+  "__SNoTooltipContainer": "___SNoTooltipContainer_gtb2q_gg_",
+  "__SContainerMiddle": "___SContainerMiddle_gtb2q_gg_",
+  "__SBeginning": "___SBeginning_gtb2q_gg_",
+  "__SEllipsis": "___SEllipsis_gtb2q_gg_",
+  "_middle-mod": "__middle-mod_gtb2q_gg_",
+  "_maxLine": "__maxLine_gtb2q_gg_",
+  "--maxLine": "--maxLine_gtb2q",
+  "__STail": "___STail_gtb2q_gg_"
 });
 import reactToText from '@semcore/utils/lib/reactToText';
 import getOriginChildren from '@semcore/utils/lib/getOriginChildren';

package/lib/esm/Ellipsis.mjs

@@ -1,60 +1,60 @@
 import J from "@babel/runtime/helpers/esm/slicedToArray";
-import I from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import D from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import d from "@babel/runtime/helpers/esm/objectSpread2";
 import K from "@babel/runtime/helpers/esm/classCallCheck";
 import Q from "@babel/runtime/helpers/esm/createClass";
-import N from "@babel/runtime/helpers/esm/assertThisInitialized";
+import z from "@babel/runtime/helpers/esm/assertThisInitialized";
 import X from "@babel/runtime/helpers/esm/inherits";
 import Y from "@babel/runtime/helpers/esm/createSuper";
 import S from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as Z } from "@semcore/utils/lib/core/index";
-import ee, { sstyled as h, Component as te, assignProps as j } from "@semcore/core";
+import ee, { sstyled as h, Component as te, assignProps as F } from "@semcore/core";
 import i from "react";
 import R from "@semcore/tooltip";
-import { Box as B } from "@semcore/flex-box";
+import { Box as L } from "@semcore/flex-box";
 import { useResizeObserver as ie } from "./useResizeObserver.mjs";
 import ne from "@semcore/utils/lib/use/useEnhancedEffect";
 import re, { isAdvanceMode as oe } from "@semcore/utils/lib/findComponent";
-import W from "@semcore/utils/lib/reactToText";
-import $ from "@semcore/utils/lib/getOriginChildren";
-import D from "@semcore/utils/lib/pick";
+import N from "@semcore/utils/lib/reactToText";
+import W from "@semcore/utils/lib/getOriginChildren";
+import j from "@semcore/utils/lib/pick";
 import { forkRef as le } from "@semcore/utils/lib/ref";
 import { callAllEventHandlers as ae } from "@semcore/utils/lib/assignProps";
 var se = ["styles", "Children", "maxLine", "tooltip", "trim", "containerRect", "containerRef", "includeTooltipProps", "children"], de = ["styles", "text", "tooltip", "containerRect", "containerRef", "textRef", "tooltipProps", "children", "advanceMode"], ce = (
   /*__reshadow_css_start__*/
   (Z.insert(
     /*__inner_css_start__*/
-    ".___SContainerMiddle_137b6_gg_,.___SContainer_137b6_gg_,.___SEllipsis_137b6_gg_.__middle-mod_137b6_gg_,.___SNoTooltipContainer_137b6_gg_{display:flex;overflow:hidden}.___SBeginning_137b6_gg_,.___SEllipsis_137b6_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_137b6_gg_.__maxLine_137b6_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_137b6);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_137b6_gg_>:has(.___SBeginning_137b6_gg_),.___SContainerMiddle_137b6_gg_>:has(.___STail_137b6_gg_){display:flex;width:100%}.___STail_137b6_gg_{white-space:pre}",
-    "137b6_gg_"
+    ".___SContainerMiddle_gtb2q_gg_,.___SContainer_gtb2q_gg_,.___SEllipsis_gtb2q_gg_.__middle-mod_gtb2q_gg_,.___SNoTooltipContainer_gtb2q_gg_{display:flex;overflow:hidden}.___SBeginning_gtb2q_gg_,.___SEllipsis_gtb2q_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_gtb2q_gg_.__maxLine_gtb2q_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_gtb2q);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_gtb2q_gg_>:has(.___SBeginning_gtb2q_gg_),.___SContainerMiddle_gtb2q_gg_>:has(.___STail_gtb2q_gg_){display:flex;width:100%}.___STail_gtb2q_gg_{white-space:pre}",
+    "gtb2q_gg_"
   ), {
-    __SContainer: "___SContainer_137b6_gg_",
-    __SNoTooltipContainer: "___SNoTooltipContainer_137b6_gg_",
-    __SContainerMiddle: "___SContainerMiddle_137b6_gg_",
-    __SBeginning: "___SBeginning_137b6_gg_",
-    __SEllipsis: "___SEllipsis_137b6_gg_",
-    "_middle-mod": "__middle-mod_137b6_gg_",
-    _maxLine: "__maxLine_137b6_gg_",
-    "--maxLine": "--maxLine_137b6",
-    __STail: "___STail_137b6_gg_"
+    __SContainer: "___SContainer_gtb2q_gg_",
+    __SNoTooltipContainer: "___SNoTooltipContainer_gtb2q_gg_",
+    __SContainerMiddle: "___SContainerMiddle_gtb2q_gg_",
+    __SBeginning: "___SBeginning_gtb2q_gg_",
+    __SEllipsis: "___SEllipsis_gtb2q_gg_",
+    "_middle-mod": "__middle-mod_gtb2q_gg_",
+    _maxLine: "__maxLine_gtb2q_gg_",
+    "--maxLine": "--maxLine_gtb2q",
+    __STail: "___STail_gtb2q_gg_"
   })
-), pe = ["title", "theme", "strategy", "modifiers", "placement", "interaction", "timeout", "visible", "defaultVisible", "onVisibleChange", "offset", "preventOverflow", "arrow", "flip", "computeStyles", "eventListeners", "onFirstUpdate", "cursorAnchoring"], _e = function(o, l) {
+), pe = ["title", "theme", "strategy", "modifiers", "placement", "interaction", "timeout", "visible", "defaultVisible", "onVisibleChange", "offset", "preventOverflow", "arrow", "flip", "computeStyles", "eventListeners", "onFirstUpdate", "cursorAnchoring"], ge = function(o, l) {
   var t = window.getComputedStyle(o, null), e = document.createElement("temporary-block");
   return e.style.display = t.getPropertyValue("display"), e.style.padding = t.getPropertyValue("padding"), e.style.position = "absolute", e.style.right = "0%", e.style.bottom = "0%", e.style.visibility = "hidden", e.style.fontFamily = t.getPropertyValue("font-family"), e.style.fontSize = t.getPropertyValue("font-size"), e.style.fontWeight = t.getPropertyValue("font-weight"), e.style.lineHeight = t.getPropertyValue("line-height"), e.style.whiteSpace = t.getPropertyValue("white-space"), e.style.wordWrap = t.getPropertyValue("word-wrap"), e.style.fontFeatureSettings = t.getPropertyValue("font-feature-settings"), e.style.fontVariantNumeric = t.getPropertyValue("font-variant-numeric"), e.innerHTML = l ?? o.innerHTML, e;
 };
-function me(u, o, l) {
+function _e(u, o, l) {
   if (!u) return !1;
-  var t = u.getBoundingClientRect(), e = t.height, a = t.width, r = _e(u, l), n = !1;
+  var t = u.getBoundingClientRect(), e = t.height, a = t.width, r = ge(u, l), n = !1;
   if (document.body.appendChild(r), o) {
     r.style.width = "".concat(a, "px");
-    var _ = r.scrollWidth, s = r.getBoundingClientRect().height;
-    (Math.ceil(e) < s || Math.ceil(a) < _) && (n = !0);
+    var g = r.scrollWidth, s = r.getBoundingClientRect().height;
+    (Math.ceil(e) < s || Math.ceil(a) < g) && (n = !0);
   } else
     r.style.whiteSpace = "nowrap", n = Math.ceil(a) < r.getBoundingClientRect().width;
   return document.body.removeChild(r), n;
 }
-var U = {
+var I = {
   forcedAdvancedMode: !0
-}, ge = {}, k = /* @__PURE__ */ function(u) {
+}, me = {}, B = /* @__PURE__ */ function(u) {
   X(l, u);
   var o = Y(l);
   function l() {
@@ -62,9 +62,9 @@ var U = {
     K(this, l);
     for (var e = arguments.length, a = new Array(e), r = 0; r < e; r++)
       a[r] = arguments[r];
-    return t = o.call.apply(o, [this].concat(a)), S(N(t), "state", {
+    return t = o.call.apply(o, [this].concat(a)), S(z(t), "state", {
       visible: !1
-    }), S(N(t), "textRef", /* @__PURE__ */ i.createRef()), S(N(t), "handlerVisibleChange", function(n) {
+    }), S(z(t), "textRef", /* @__PURE__ */ i.createRef()), S(z(t), "handlerVisibleChange", function(n) {
       t.setState({
         visible: n && t.showTooltip()
       });
@@ -73,8 +73,8 @@ var U = {
   return Q(l, [{
     key: "showTooltip",
     value: function() {
-      var e = this.asProps, a = e.maxLine, r = a === void 0 ? 1 : a, n = e.Children, _ = W($(n));
-      return me(this.textRef.current, r > 1, _);
+      var e = this.asProps, a = e.maxLine, r = a === void 0 ? 1 : a, n = e.Children, g = N(W(n));
+      return _e(this.textRef.current, r > 1, g);
     }
   }, {
     key: "getContentProps",
@@ -87,23 +87,23 @@ var U = {
   }, {
     key: "getPopperProps",
     value: function() {
-      var e = this.asProps, a = e.Children, r = e.includeTooltipProps, n = W($(a)), _ = D(this.asProps, r);
+      var e = this.asProps, a = e.Children, r = e.includeTooltipProps, n = N(W(a)), g = j(this.asProps, r);
       return d({
         children: n
-      }, _);
+      }, g);
     }
   }, {
     key: "render",
     value: function() {
-      var e, a, r = this.Root, n = R, _ = B, s = this.asProps, m = s.styles, c = s.Children, y = s.maxLine, g = s.tooltip, A = s.trim, M = s.containerRect, E = s.containerRef, z = s.includeTooltipProps;
+      var e, a, r = this.Root, n = R, g = L, s = this.asProps, _ = s.styles, c = s.Children, y = s.maxLine, m = s.tooltip, k = s.trim, M = s.containerRect, E = s.containerRef, A = s.includeTooltipProps;
       s.children;
-      var b = I(s, se), T = this.state.visible, V = re(c, [H.Content.displayName]), P = W(V || $(c)), f = oe(c, [H.Content.displayName, H.Popper.displayName]), p = D(this.asProps, z);
-      if (p.visible = (a = p.visible) !== null && a !== void 0 ? a : T, p.onVisibleChange = p.onVisibleChange ? ae(p.onVisibleChange, this.handlerVisibleChange) : this.handlerVisibleChange, A === "middle") {
+      var b = D(s, se), T = this.state.visible, q = re(c, [$.Content.displayName]), P = N(q || W(c)), f = oe(c, [$.Content.displayName, $.Popper.displayName]), p = j(this.asProps, A);
+      if (p.visible = (a = p.visible) !== null && a !== void 0 ? a : T, p.onVisibleChange = p.onVisibleChange ? ae(p.onVisibleChange, this.handlerVisibleChange) : this.handlerVisibleChange, k === "middle") {
         var C;
-        return C = h(m), /* @__PURE__ */ i.createElement(ue, C.cn("EllipsisMiddle", d({
+        return C = h(_), /* @__PURE__ */ i.createElement(ue, C.cn("EllipsisMiddle", d({
           text: P,
-          styles: m,
-          tooltip: g,
+          styles: _,
+          tooltip: m,
           containerRect: M,
           containerRef: E,
           textRef: this.textRef,
@@ -111,53 +111,53 @@ var U = {
           advanceMode: f
         }, b)), /* @__PURE__ */ i.createElement(c, C.cn("Children", {})));
       }
-      if (g) {
+      if (m) {
         var v;
-        return v = h(m), /* @__PURE__ */ i.createElement(n, v.cn("SContainer", d(d({
+        return v = h(_), /* @__PURE__ */ i.createElement(n, v.cn("SContainer", d(d({
           interaction: "hover",
           title: f ? void 0 : P
-        }, p), f ? U : ge)), f ? /* @__PURE__ */ i.createElement(c, v.cn("Children", {})) : /* @__PURE__ */ i.createElement(r, v.cn("SEllipsis", d({
-          render: B,
+        }, p), f ? I : me)), f ? /* @__PURE__ */ i.createElement(c, v.cn("Children", {})) : /* @__PURE__ */ i.createElement(r, v.cn("SEllipsis", d({
+          render: L,
           ref: this.textRef,
           maxLine: y
         }, b)), /* @__PURE__ */ i.createElement(c, v.cn("Children", {}))));
       }
-      return e = h(m), /* @__PURE__ */ i.createElement(_, e.cn("SNoTooltipContainer", {}), f ? /* @__PURE__ */ i.createElement(c, e.cn("Children", {})) : /* @__PURE__ */ i.createElement(r, e.cn("SEllipsis", d({
-        render: B,
+      return e = h(_), /* @__PURE__ */ i.createElement(g, e.cn("SNoTooltipContainer", {}), f ? /* @__PURE__ */ i.createElement(c, e.cn("Children", {})) : /* @__PURE__ */ i.createElement(r, e.cn("SEllipsis", d({
+        render: L,
         ref: this.textRef,
         maxLine: y
       }, b)), /* @__PURE__ */ i.createElement(c, e.cn("Children", {}))));
     }
   }]), l;
 }(te);
-S(k, "displayName", "Ellipsis");
-S(k, "style", ce);
-S(k, "defaultProps", {
+S(B, "displayName", "Ellipsis");
+S(B, "style", ce);
+S(B, "defaultProps", {
   trim: "end",
   tooltip: !0,
   includeTooltipProps: pe,
   __excludeProps: ["title"]
 });
-var q = /* @__PURE__ */ i.createContext(null), ue = function(o) {
-  var l, t = o.styles, e = o.text, a = o.tooltip, r = o.containerRect, n = o.containerRef, _ = o.textRef, s = o.tooltipProps, m = o.children, c = o.advanceMode, y = I(o, de), g = i.useRef(null), A = i.useState({
+var U = /* @__PURE__ */ i.createContext(null), ue = function(o) {
+  var l, t = o.styles, e = o.text, a = o.tooltip, r = o.containerRect, n = o.containerRef, g = o.textRef, s = o.tooltipProps, _ = o.children, c = o.advanceMode, y = D(o, de), m = i.useRef(null), k = i.useState({
     fontSize: "14",
     symbolWidth: 0
-  }), M = J(A, 2), E = M[0], z = M[1], b = ie(g, r).width;
+  }), M = J(k, 2), E = M[0], A = M[1], b = ie(m, r).width;
   ne(function() {
-    var F = (n == null ? void 0 : n.current) || (g == null ? void 0 : g.current);
-    if (F) {
+    var O = (n == null ? void 0 : n.current) || (m == null ? void 0 : m.current);
+    if (O) {
       var w = document.createElement("temporary-block");
       w.setAttribute("style", "fontSize: ".concat(E.fontSize, "px")), w.innerHTML = "a", document.body.appendChild(w);
       var G = w.getBoundingClientRect();
-      z({
-        fontSize: window.getComputedStyle(F, null).getPropertyValue("font-size"),
+      A({
+        fontSize: window.getComputedStyle(O, null).getPropertyValue("font-size"),
         symbolWidth: G.width
       }), document.body.removeChild(w);
     }
   }, []);
-  var T = "span", V = "span", P = o.tag || B, f = R, p = i.useMemo(function() {
+  var T = "span", q = "span", P = o.tag || L, f = R, p = i.useMemo(function() {
     return Math.round(b / E.symbolWidth);
-  }, [b, E.symbolWidth]), C = e.length > p ? "hover" : "none", v = n ?? g, x = i.useMemo(function() {
+  }, [b, E.symbolWidth]), C = e.length > p ? "hover" : "none", v = n ?? m, x = i.useMemo(function() {
     return {
       begining: e.substring(0, e.length - p / 2 - 1),
       tail: e.substring(e.length - p / 2 - 1),
@@ -165,40 +165,40 @@ var q = /* @__PURE__ */ i.createContext(null), ue = function(o) {
     };
   }, [e, p]);
   if (c) {
-    var O;
-    return O = h(t), /* @__PURE__ */ i.createElement(f, O.cn("SAdvancedModeContainerMiddle", d(d({
+    var H;
+    return H = h(t), /* @__PURE__ */ i.createElement(f, H.cn("SAdvancedModeContainerMiddle", d(d({
       interaction: C
-    }, s), U)), /* @__PURE__ */ i.createElement(q.Provider, {
+    }, s), I)), /* @__PURE__ */ i.createElement(U.Provider, {
       value: x
-    }, m));
+    }, _));
   }
   if (a) {
-    var L;
-    return L = h(t), /* @__PURE__ */ i.createElement(P, L.cn("SContainerMiddle", d({
+    var V;
+    return V = h(t), /* @__PURE__ */ i.createElement(P, V.cn("SContainerMiddle", d({
       interaction: C,
       title: e,
-      ref: le(v, _),
+      ref: le(v, g),
       tag: R,
       __excludeProps: ["title"]
-    }, s)), /* @__PURE__ */ i.createElement(V, L.cn("SBeginning", {}), x.begining), /* @__PURE__ */ i.createElement(T, L.cn("STail", {}), x.tail));
+    }, s)), /* @__PURE__ */ i.createElement(q, V.cn("SBeginning", {}), x.begining), /* @__PURE__ */ i.createElement(T, V.cn("STail", {}), x.tail));
   }
   return l = h(t), /* @__PURE__ */ i.createElement(P, l.cn("SContainerMiddle", d(d({}, y), {}, {
-    ref: n ?? g
-  })), /* @__PURE__ */ i.createElement(V, l.cn("SBeginning", {}), x.begining), /* @__PURE__ */ i.createElement(T, l.cn("STail", {}), x.tail));
+    ref: n ?? m
+  })), /* @__PURE__ */ i.createElement(q, l.cn("SBeginning", {}), x.begining), /* @__PURE__ */ i.createElement(T, l.cn("STail", {}), x.tail));
 }, ve = function(o) {
-  var l = arguments[0], t, e = o.styles, a = o.Children, r = R.Trigger, n = i.useContext(q), _ = "span", s = "span";
+  var l = arguments[0], t, e = o.styles, a = o.Children, r = R.Trigger, n = i.useContext(U), g = "span", s = "span";
   if (n) {
-    var m, c = n.begining, y = n.tail, g = n.ref;
-    return m = h(e), /* @__PURE__ */ i.createElement(r, m.cn("SEllipsis", d({}, j({
+    var _, c = n.begining, y = n.tail, m = n.ref;
+    return _ = h(e), /* @__PURE__ */ i.createElement(r, _.cn("SEllipsis", d({}, F({
       "middle-mod": !0,
-      ref: g
-    }, l))), /* @__PURE__ */ i.createElement(s, m.cn("SBeginning", {}), c), /* @__PURE__ */ i.createElement(_, m.cn("STail", {}), y));
+      ref: m
+    }, l))), /* @__PURE__ */ i.createElement(s, _.cn("SBeginning", {}), c), /* @__PURE__ */ i.createElement(g, _.cn("STail", {}), y));
   }
-  return t = h(e), /* @__PURE__ */ i.createElement(r, t.cn("SEllipsis", d({}, j({}, l))), /* @__PURE__ */ i.createElement(a, t.cn("Children", {})));
-}, H = ee(k, {
+  return t = h(e), /* @__PURE__ */ i.createElement(r, t.cn("SEllipsis", d({}, F({}, l))), /* @__PURE__ */ i.createElement(a, t.cn("Children", {})));
+}, $ = ee(B, {
   Content: ve,
   Popper: R.Popper
 });
 export {
-  H as default
+  $ as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/ellipsis",
   "description": "Semrush Ellipsis Component",
-  "version": "2.39.1",
+  "version": "2.39.2-prerelease.2",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,12 +14,12 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/utils": "4.48.1",
-    "@semcore/flex-box": "5.41.1",
-    "@semcore/tooltip": "6.49.1"
+    "@semcore/utils": "4.48.2-prerelease.2",
+    "@semcore/flex-box": "5.41.2-prerelease.2",
+    "@semcore/tooltip": "6.49.2-prerelease.2"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.39.2-prerelease.2",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },