intergalactic 15.121.0-prerelease.2 → 15.122.0-prerelease.0

package/dropdown/lib/es6/style/dropdown.shadow.css

@@ -7,142 +7,150 @@ SDropdownPopper {
   white-space: normal;
   box-shadow: var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));
   color: var(--intergalactic-text-primary, #191b23);
-}
 
-SDropdownItem {
-  position: relative;
-  text-decoration: none;
-  box-sizing: border-box;
-  cursor: pointer;
-  width: 100%;
-  text-align: left;
-  line-height: normal;
-  color: var(--intergalactic-text-primary, #191b23);
 
-  &:hover {
-    background-color: var(--intergalactic-dropdown-menu-item-hover, #f4f5f9);
-  }
+  SDropdownItem {
+    position: relative;
+    text-decoration: none;
+    box-sizing: border-box;
+    cursor: pointer;
+    width: 100%;
+    text-align: left;
+    line-height: normal;
+    color: var(--intergalactic-text-primary, #191b23);
 
-  &:focus {
-    outline: none;
-  }
-}
+    &:hover {
+      background-color: var(--intergalactic-dropdown-menu-item-hover, #f4f5f9);
+    }
 
-SDropdownItem[role="menuitemcheckbox"] {
-  &::before, &[selected]::after {
-    content: '';
-    position: absolute;
-    border: 1px solid;
-    border-radius: var(--intergalactic-addon-rounded, 4px);
-    box-sizing: content-box;
-  }
-  &::before {
-    display: inline-block;
-    background: var(--intergalactic-bg-primary-neutral, #ffffff);
-    transition: calc(var(--intergalactic-duration-control, 200) * 1ms) all ease-in-out;
-    border-color: var(--intergalactic-border-primary, #c4c7cf);
+    &:focus {
+      outline: none;
+    }
   }
-  &[selected]::after {
-    background-repeat: no-repeat;
-    background-position: center center;
-    background-color: var(--intergalactic-control-primary-info, #008ff8);
-    border-color: var(--intergalactic-control-primary-info, #008ff8);
-    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
+
+  SDropdownItem[isMenuItemCheckbox] {
+    &::before, &[selected]::after {
+      content: '';
+      position: absolute;
+      border: 1px solid;
+      border-radius: var(--intergalactic-addon-rounded, 4px);
+      box-sizing: content-box;
+    }
+
+    &::before {
+      display: inline-block;
+      background: var(--intergalactic-bg-primary-neutral, #ffffff);
+      transition: calc(var(--intergalactic-duration-control, 200) * 1ms) all ease-in-out;
+      border-color: var(--intergalactic-border-primary, #c4c7cf);
+    }
+
+    &[selected]::after {
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-color: var(--intergalactic-control-primary-info, #008ff8);
+      border-color: var(--intergalactic-control-primary-info, #008ff8);
+      background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
+    }
   }
-}
 
-SDropdownItem[selected]:not([role="menuitemcheckbox"]) {
-  background-color: var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));
-  box-shadow: 2px 0px 0px 0px var(--intergalactic-control-primary-info, #008ff8) inset;
+  SDropdownItem[selected]:not(SDropdownItem[isMenuItemCheckbox]) {
+    background-color: var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));
+    box-shadow: 2px 0px 0px 0px var(--intergalactic-control-primary-info, #008ff8) inset;
 
-  &:hover {
-    background-color: var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe);
+    &:hover {
+      background-color: var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe);
+    }
   }
-}
 
-SDropdownItem[highlighted],SDropdownItem[selected][highlighted] {
-  z-index: 1;
-  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset;
-}
+  /* need this condition because of how css rules are applied */
 
-SDropdownItem[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
-  cursor: default;
-  pointer-events: none;
-}
+  SDropdownItem[highlighted]:not(SDropdownItem[isMenuItemCheckbox]):not(button),
+  SDropdownItem[highlighted][isMenuItemCheckbox]:not(button) {
+    z-index: 1;
+    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset;
+  }
 
-SDropdownItem[size='l'] {
-  font-size: var(--intergalactic-fs-300, 16px);
-  line-height: var(--intergalactic-lh-300, 150%);
-  padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);
-  min-height: 40px;
-
-  &[role="menuitemcheckbox"] {
-    padding-left: calc(var(--intergalactic-spacing-3x, 12px) * 2 + 16px + 2px); /* padding*2 (parent item and from checkbox to content) + checkboxWidth + border*2 */
-    &::before, &::after {
-      width: 20px;
-      height: 20px;
-      top: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
-      left: var(--intergalactic-spacing-3x, 12px);
+  SDropdownItem[disabled] {
+    opacity: var(--intergalactic-disabled-opacity, 0.3);
+    cursor: default;
+    pointer-events: none;
+  }
+
+  SDropdownItem[size='l'] {
+    font-size: var(--intergalactic-fs-300, 16px);
+    line-height: var(--intergalactic-lh-300, 150%);
+    padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);
+    min-height: 40px;
+
+    &[isMenuItemCheckbox] {
+      padding-left: calc(var(--intergalactic-spacing-3x, 12px) * 2 + 16px + 2px); /* padding*2 (parent item and from checkbox to content) + checkboxWidth + border*2 */
+
+      &::before, &::after {
+        width: 20px;
+        height: 20px;
+        top: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
+        left: var(--intergalactic-spacing-3x, 12px);
+      }
     }
   }
-}
 
-SDropdownItem[size='m'] {
-  font-size: var(--intergalactic-fs-200, 14px);
-  line-height: var(--intergalactic-lh-200, 142%);
-  padding: calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);
-  min-height: 32px;
-
-  &[role="menuitemcheckbox"] {
-    padding-left: calc(var(--intergalactic-spacing-2x, 8px) * 2 + 16px + 2px); /* padding*2 (parent item and from checkbox to content) + checkboxWidth + border*2 */
-    &::before, &::after {
-      width: 16px;
-      height: 16px;
-      top: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
-      left: var(--intergalactic-spacing-2x, 8px);
+  SDropdownItem[size='m'] {
+    font-size: var(--intergalactic-fs-200, 14px);
+    line-height: var(--intergalactic-lh-200, 142%);
+    padding: calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);
+    min-height: 32px;
+
+    &[isMenuItemCheckbox] {
+      padding-left: calc(var(--intergalactic-spacing-2x, 8px) * 2 + 16px + 2px); /* padding*2 (parent item and from checkbox to content) + checkboxWidth + border*2 */
+
+      &::before, &::after {
+        width: 16px;
+        height: 16px;
+        top: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
+        left: var(--intergalactic-spacing-2x, 8px);
+      }
     }
   }
-}
 
-SDropdownItem[notInteractive] {
-  cursor: default;
+  SDropdownItem[notInteractive] {
+    cursor: default;
 
-  &:hover {
-    background: none;
+    &:hover {
+      background: none;
+    }
   }
-}
 
-SDropdownItem[variant='hint'] {
-  color: var(--intergalactic-text-secondary, #6c6e79);
-  cursor: default;
+  SDropdownItem[variant='hint'] {
+    color: var(--intergalactic-text-secondary, #6c6e79);
+    cursor: default;
 
-  &:hover {
-    background: none;
+    &:hover {
+      background: none;
+    }
   }
-}
 
-SDropdownItem[variant='title'] {
-  font-weight: var(--intergalactic-bold, 700);
-  cursor: default;
+  SDropdownItem[variant='title'] {
+    font-weight: var(--intergalactic-bold, 700);
+    cursor: default;
 
-  &:hover {
-    background: none;
+    &:hover {
+      background: none;
+    }
   }
-}
 
-SDropdownItem[visible] {
-  background-color: var(--intergalactic-dropdown-menu-item-hover, #f4f5f9);
-}
+  SDropdownItem[visible] {
+    background-color: var(--intergalactic-dropdown-menu-item-hover, #f4f5f9);
+  }
 
-SDropdownItem[nesting-trigger] {
-  justify-content: space-between;
-}
+  SDropdownItem[nesting-trigger] {
+    justify-content: space-between;
+  }
 
-SGroupTitle {
-  font-weight: var(--intergalactic-bold, 700);
-}
+  SGroupTitle {
+    font-weight: var(--intergalactic-bold, 700);
+  }
 
-SGroupHint {
-  color: var(--intergalactic-text-secondary, #6c6e79);
+  SGroupHint {
+    color: var(--intergalactic-text-secondary, #6c6e79);
+  }
 }

package/dropdown/package.json

@@ -1 +1 @@
-{"name":"intergalactic/dropdown","description":"Semrush Dropdown Component","version":"4.42.0-prerelease.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.39.1-prerelease.2","@semcore/popper":"5.45.1-prerelease.2","@semcore/utils":"4.44.1-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/dropdown","description":"Semrush Dropdown Component","version":"4.42.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.39.1","@semcore/popper":"5.45.1","@semcore/utils":"4.44.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/dropdown-menu/lib/cjs/DropdownMenu.js

@@ -36,24 +36,24 @@ var _button = _interopRequireDefault(require("intergalactic/button"));
 var _typography = require("intergalactic/typography");
 var _excluded = ["className"];
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_1wzjs_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1wzjs_gg_ .___SShadowHorizontal_1wzjs_gg_:after,.___SDropdownMenuList_1wzjs_gg_ .___SShadowHorizontal_1wzjs_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1wzjs_gg_ .___SShadowHorizontal_1wzjs_gg_._position_median_1wzjs_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowHorizontal_1wzjs_gg_._position_median_1wzjs_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowHorizontal_1wzjs_gg_._position_start_1wzjs_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowHorizontal_1wzjs_gg_._position_end_1wzjs_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowVertical_1wzjs_gg_:after,.___SDropdownMenuList_1wzjs_gg_ .___SShadowVertical_1wzjs_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1wzjs_gg_ .___SShadowVertical_1wzjs_gg_._position_median_1wzjs_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowVertical_1wzjs_gg_._position_median_1wzjs_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowVertical_1wzjs_gg_._position_start_1wzjs_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowVertical_1wzjs_gg_._position_end_1wzjs_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuItemContainer_1wzjs_gg_.__nesting-trigger_1wzjs_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1wzjs_gg_,.___SItemContentText_1wzjs_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1wzjs_gg_:first-child,.___SItemContentText_1wzjs_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1wzjs_gg_:last-child,.___SItemContentText_1wzjs_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1wzjs_gg_,.___SDropdownMenuNesting_1wzjs_gg_._size_l_1wzjs_gg_,.___SDropdownMenuNesting_1wzjs_gg_._size_m_1wzjs_gg_{padding:0}.___SDropdownMenuNesting_1wzjs_gg_.__highlighted_1wzjs_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1wzjs_gg_._size_l_1wzjs_gg_,.___SDropdownNestingItem_1wzjs_gg_._size_m_1wzjs_gg_{padding-right:0}.___SDropdownNestingItem_1wzjs_gg_ .___SDropdownMenuItemContainer_1wzjs_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_1wzjs_gg_:focus{outline:0}.___SItemHint_1wzjs_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1wzjs_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1wzjs_gg_",
-  "_nesting-trigger": "__nesting-trigger_1wzjs_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1wzjs_gg_",
-  "_size_l": "_size_l_1wzjs_gg_",
-  "_size_m": "_size_m_1wzjs_gg_",
-  "_highlighted": "__highlighted_1wzjs_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1wzjs_gg_",
-  "__SItemContent": "___SItemContent_1wzjs_gg_",
-  "__SItemHint": "___SItemHint_1wzjs_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_1wzjs_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1wzjs_gg_",
-  "_position_median": "_position_median_1wzjs_gg_",
-  "_position_start": "_position_start_1wzjs_gg_",
-  "_position_end": "_position_end_1wzjs_gg_",
-  "__SShadowVertical": "___SShadowVertical_1wzjs_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1wzjs_gg_",
-  "__SItemContentText": "___SItemContentText_1wzjs_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_11h21_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_11h21_gg_ .___SShadowHorizontal_11h21_gg_:after,.___SDropdownMenuList_11h21_gg_ .___SShadowHorizontal_11h21_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_11h21_gg_ .___SShadowHorizontal_11h21_gg_._position_median_11h21_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowHorizontal_11h21_gg_._position_median_11h21_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowHorizontal_11h21_gg_._position_start_11h21_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowHorizontal_11h21_gg_._position_end_11h21_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowVertical_11h21_gg_:after,.___SDropdownMenuList_11h21_gg_ .___SShadowVertical_11h21_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_11h21_gg_ .___SShadowVertical_11h21_gg_._position_median_11h21_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowVertical_11h21_gg_._position_median_11h21_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowVertical_11h21_gg_._position_start_11h21_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowVertical_11h21_gg_._position_end_11h21_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuItemContainer_11h21_gg_.__nesting-trigger_11h21_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_11h21_gg_,.___SItemContentText_11h21_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_11h21_gg_:first-child,.___SItemContentText_11h21_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_11h21_gg_:last-child,.___SItemContentText_11h21_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_11h21_gg_,.___SDropdownMenuNesting_11h21_gg_._size_l_11h21_gg_,.___SDropdownMenuNesting_11h21_gg_._size_m_11h21_gg_{padding:0}.___SDropdownMenuNesting_11h21_gg_.__highlighted_11h21_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_11h21_gg_._size_l_11h21_gg_,.___SDropdownNestingItem_11h21_gg_._size_m_11h21_gg_{padding-right:0}.___SDropdownNestingItem_11h21_gg_ .___SDropdownMenuItemContainer_11h21_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_11h21_gg_:focus{outline:0}.___SItemHint_11h21_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "11h21_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_11h21_gg_",
+  "_nesting-trigger": "__nesting-trigger_11h21_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_11h21_gg_",
+  "_size_l": "_size_l_11h21_gg_",
+  "_size_m": "_size_m_11h21_gg_",
+  "_highlighted": "__highlighted_11h21_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_11h21_gg_",
+  "__SItemContent": "___SItemContent_11h21_gg_",
+  "__SItemHint": "___SItemHint_11h21_gg_",
+  "__SDropdownMenuList": "___SDropdownMenuList_11h21_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_11h21_gg_",
+  "_position_median": "_position_median_11h21_gg_",
+  "_position_start": "_position_start_11h21_gg_",
+  "_position_end": "_position_end_11h21_gg_",
+  "__SShadowVertical": "___SShadowVertical_11h21_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_11h21_gg_",
+  "__SItemContentText": "___SItemContentText_11h21_gg_"
 });
 var ListBoxContextProvider = function ListBoxContextProvider(_ref22) {
   var children = _ref22.children;

package/dropdown-menu/lib/es6/DropdownMenu.js

@@ -35,24 +35,24 @@ import ScrollAreaComponent, { hideScrollBarsFromScreenReadersContext } from 'int
 import { useUID } from 'intergalactic/utils/lib/uniqueID';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_1wzjs_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1wzjs_gg_ .___SShadowHorizontal_1wzjs_gg_:after,.___SDropdownMenuList_1wzjs_gg_ .___SShadowHorizontal_1wzjs_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1wzjs_gg_ .___SShadowHorizontal_1wzjs_gg_._position_median_1wzjs_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowHorizontal_1wzjs_gg_._position_median_1wzjs_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowHorizontal_1wzjs_gg_._position_start_1wzjs_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowHorizontal_1wzjs_gg_._position_end_1wzjs_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowVertical_1wzjs_gg_:after,.___SDropdownMenuList_1wzjs_gg_ .___SShadowVertical_1wzjs_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1wzjs_gg_ .___SShadowVertical_1wzjs_gg_._position_median_1wzjs_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowVertical_1wzjs_gg_._position_median_1wzjs_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowVertical_1wzjs_gg_._position_start_1wzjs_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1wzjs_gg_ .___SShadowVertical_1wzjs_gg_._position_end_1wzjs_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuItemContainer_1wzjs_gg_.__nesting-trigger_1wzjs_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1wzjs_gg_,.___SItemContentText_1wzjs_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1wzjs_gg_:first-child,.___SItemContentText_1wzjs_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1wzjs_gg_:last-child,.___SItemContentText_1wzjs_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1wzjs_gg_,.___SDropdownMenuNesting_1wzjs_gg_._size_l_1wzjs_gg_,.___SDropdownMenuNesting_1wzjs_gg_._size_m_1wzjs_gg_{padding:0}.___SDropdownMenuNesting_1wzjs_gg_.__highlighted_1wzjs_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1wzjs_gg_._size_l_1wzjs_gg_,.___SDropdownNestingItem_1wzjs_gg_._size_m_1wzjs_gg_{padding-right:0}.___SDropdownNestingItem_1wzjs_gg_ .___SDropdownMenuItemContainer_1wzjs_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_1wzjs_gg_:focus{outline:0}.___SItemHint_1wzjs_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1wzjs_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1wzjs_gg_",
-  "_nesting-trigger": "__nesting-trigger_1wzjs_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1wzjs_gg_",
-  "_size_l": "_size_l_1wzjs_gg_",
-  "_size_m": "_size_m_1wzjs_gg_",
-  "_highlighted": "__highlighted_1wzjs_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1wzjs_gg_",
-  "__SItemContent": "___SItemContent_1wzjs_gg_",
-  "__SItemHint": "___SItemHint_1wzjs_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_1wzjs_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1wzjs_gg_",
-  "_position_median": "_position_median_1wzjs_gg_",
-  "_position_start": "_position_start_1wzjs_gg_",
-  "_position_end": "_position_end_1wzjs_gg_",
-  "__SShadowVertical": "___SShadowVertical_1wzjs_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1wzjs_gg_",
-  "__SItemContentText": "___SItemContentText_1wzjs_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_11h21_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_11h21_gg_ .___SShadowHorizontal_11h21_gg_:after,.___SDropdownMenuList_11h21_gg_ .___SShadowHorizontal_11h21_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_11h21_gg_ .___SShadowHorizontal_11h21_gg_._position_median_11h21_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowHorizontal_11h21_gg_._position_median_11h21_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowHorizontal_11h21_gg_._position_start_11h21_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowHorizontal_11h21_gg_._position_end_11h21_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowVertical_11h21_gg_:after,.___SDropdownMenuList_11h21_gg_ .___SShadowVertical_11h21_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_11h21_gg_ .___SShadowVertical_11h21_gg_._position_median_11h21_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowVertical_11h21_gg_._position_median_11h21_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowVertical_11h21_gg_._position_start_11h21_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_11h21_gg_ .___SShadowVertical_11h21_gg_._position_end_11h21_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuItemContainer_11h21_gg_.__nesting-trigger_11h21_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_11h21_gg_,.___SItemContentText_11h21_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_11h21_gg_:first-child,.___SItemContentText_11h21_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_11h21_gg_:last-child,.___SItemContentText_11h21_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_11h21_gg_,.___SDropdownMenuNesting_11h21_gg_._size_l_11h21_gg_,.___SDropdownMenuNesting_11h21_gg_._size_m_11h21_gg_{padding:0}.___SDropdownMenuNesting_11h21_gg_.__highlighted_11h21_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_11h21_gg_._size_l_11h21_gg_,.___SDropdownNestingItem_11h21_gg_._size_m_11h21_gg_{padding-right:0}.___SDropdownNestingItem_11h21_gg_ .___SDropdownMenuItemContainer_11h21_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_11h21_gg_:focus{outline:0}.___SItemHint_11h21_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "11h21_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_11h21_gg_",
+  "_nesting-trigger": "__nesting-trigger_11h21_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_11h21_gg_",
+  "_size_l": "_size_l_11h21_gg_",
+  "_size_m": "_size_m_11h21_gg_",
+  "_highlighted": "__highlighted_11h21_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_11h21_gg_",
+  "__SItemContent": "___SItemContent_11h21_gg_",
+  "__SItemHint": "___SItemHint_11h21_gg_",
+  "__SDropdownMenuList": "___SDropdownMenuList_11h21_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_11h21_gg_",
+  "_position_median": "_position_median_11h21_gg_",
+  "_position_start": "_position_start_11h21_gg_",
+  "_position_end": "_position_end_11h21_gg_",
+  "__SShadowVertical": "___SShadowVertical_11h21_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_11h21_gg_",
+  "__SItemContentText": "___SItemContentText_11h21_gg_"
 });
 import { useFocusSource } from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';

package/dropdown-menu/package.json

@@ -1 +1 @@
-{"name":"intergalactic/dropdown-menu","description":"Semrush DropdownMenu Component","version":"4.44.0-prerelease.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/dropdown":"4.42.0-prerelease.2","@semcore/flex-box":"5.39.1-prerelease.2","@semcore/scroll-area":"5.43.1-prerelease.2","@semcore/utils":"4.44.1-prerelease.2","@semcore/icon":"4.53.1-prerelease.2","@semcore/typography":"5.48.1-prerelease.2","classnames":"2.2.6"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown-menu"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0","@semcore/base-trigger":"4.26.1","@semcore/icon":"workspace:*","@semcore/button":"workspace:*"}}
+{"name":"intergalactic/dropdown-menu","description":"Semrush DropdownMenu Component","version":"4.44.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/dropdown":"4.42.1-prerelease.0","@semcore/flex-box":"5.39.1","@semcore/scroll-area":"5.43.1","@semcore/utils":"4.44.1","@semcore/icon":"4.55.0-prerelease.0","@semcore/typography":"5.49.0-prerelease.0","classnames":"2.2.6"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown-menu"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0","@semcore/base-trigger":"4.26.1","@semcore/icon":"workspace:*","@semcore/button":"workspace:*"}}

package/ellipsis/lib/cjs/Ellipsis.js

@@ -31,16 +31,16 @@ var _assignProps3 = require("intergalactic/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_1hob8_gg_,.___SContainer_1hob8_gg_,.___SEllipsis_1hob8_gg_.__middle-mod_1hob8_gg_,.___SNoTooltipContainer_1hob8_gg_{display:flex;overflow:hidden}.___SBeginning_1hob8_gg_,.___SEllipsis_1hob8_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.___SEllipsis_1hob8_gg_.__maxLine_1hob8_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_1hob8);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_1hob8_gg_>:has(.___SBeginning_1hob8_gg_),.___SContainerMiddle_1hob8_gg_>:has(.___STail_1hob8_gg_){display:flex;width:100%}.___STail_1hob8_gg_{white-space:nowrap}" /*__inner_css_end__*/, "1hob8_gg_") /*__reshadow_css_end__*/, {
-  "__SContainer": "___SContainer_1hob8_gg_",
-  "__SNoTooltipContainer": "___SNoTooltipContainer_1hob8_gg_",
-  "__SContainerMiddle": "___SContainerMiddle_1hob8_gg_",
-  "__SBeginning": "___SBeginning_1hob8_gg_",
-  "__SEllipsis": "___SEllipsis_1hob8_gg_",
-  "_middle-mod": "__middle-mod_1hob8_gg_",
-  "_maxLine": "__maxLine_1hob8_gg_",
-  "--maxLine": "--maxLine_1hob8",
-  "__STail": "___STail_1hob8_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_7prze_gg_,.___SContainer_7prze_gg_,.___SEllipsis_7prze_gg_.__middle-mod_7prze_gg_,.___SNoTooltipContainer_7prze_gg_{display:flex;overflow:hidden}.___SBeginning_7prze_gg_,.___SEllipsis_7prze_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:pre}.___SEllipsis_7prze_gg_.__maxLine_7prze_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_7prze);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_7prze_gg_>:has(.___SBeginning_7prze_gg_),.___SContainerMiddle_7prze_gg_>:has(.___STail_7prze_gg_){display:flex;width:100%}.___STail_7prze_gg_{white-space:pre}" /*__inner_css_end__*/, "7prze_gg_") /*__reshadow_css_end__*/, {
+  "__SContainer": "___SContainer_7prze_gg_",
+  "__SNoTooltipContainer": "___SNoTooltipContainer_7prze_gg_",
+  "__SContainerMiddle": "___SContainerMiddle_7prze_gg_",
+  "__SBeginning": "___SBeginning_7prze_gg_",
+  "__SEllipsis": "___SEllipsis_7prze_gg_",
+  "_middle-mod": "__middle-mod_7prze_gg_",
+  "_maxLine": "__maxLine_7prze_gg_",
+  "--maxLine": "--maxLine_7prze",
+  "__STail": "___STail_7prze_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) {
@@ -274,11 +274,11 @@ var EllipsisMiddle = function EllipsisMiddle(props) {
       "ref": (0, _ref11.forkRef)(ref, textRef),
       "tag": _tooltip["default"],
       "__excludeProps": ['title']
-    }, tooltipProps)), /*#__PURE__*/_react["default"].createElement(SBeginning, _ref6.cn("SBeginning", {}), text.substring(0, text.length - displayedSymbols / 2 - 1)), /*#__PURE__*/_react["default"].createElement(STail, _ref6.cn("STail", {}), text.substring(text.length - displayedSymbols / 2 - 1)));
+    }, tooltipProps)), /*#__PURE__*/_react["default"].createElement(SBeginning, _ref6.cn("SBeginning", {}), contextValue.begining), /*#__PURE__*/_react["default"].createElement(STail, _ref6.cn("STail", {}), contextValue.tail));
   }
   return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainerMiddle, _ref7.cn("SContainerMiddle", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
     "ref": containerRef !== null && containerRef !== void 0 ? containerRef : resizeElement
-  })), /*#__PURE__*/_react["default"].createElement(SBeginning, _ref7.cn("SBeginning", {}), text.substring(0, text.length - displayedSymbols / 2 - 1)), /*#__PURE__*/_react["default"].createElement(STail, _ref7.cn("STail", {}), text.substring(text.length - displayedSymbols / 2 - 1)));
+  })), /*#__PURE__*/_react["default"].createElement(SBeginning, _ref7.cn("SBeginning", {}), contextValue.begining), /*#__PURE__*/_react["default"].createElement(STail, _ref7.cn("STail", {}), contextValue.tail));
 };
 var Content = function Content(_ref10) {
   var _ref = arguments[0],

package/ellipsis/lib/cjs/Ellipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ellipsis.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_tooltip","_flexBox","_useResizeObserver","_useEnhancedEffect","_findComponent","_reactToText","_getOriginChildren","_pick","_ref11","_assignProps3","_excluded","_excluded2","style","_index","sstyled","insert","defaultTooltipProps","createMeasurerElement","element","text","styleElement","window","getComputedStyle","temporaryElement","document","createElement","display","getPropertyValue","padding","position","right","bottom","visibility","fontFamily","fontSize","fontWeight","lineHeight","whiteSpace","wordWrap","fontFeatureSettings","fontVariantNumeric","innerHTML","isTextOverflowing","multiline","_element$getBoundingC","getBoundingClientRect","currentHeight","height","currentWidth","width","measuringElement","isOverflowing","body","appendChild","concat","scrollWidth","Math","ceil","removeChild","forcedAdvancedMode","noAdvancedMode","RootEllipsis","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","_defineProperty2","_assertThisInitialized2","visible","React","createRef","setState","showTooltip","_createClass2","key","value","_this$asProps","asProps","_this$asProps$maxLine","maxLine","Children","reactToText","getOriginChildren","textRef","current","getContentProps","ref","getPopperProps","_this$asProps2","includeTooltipProps","tooltipProps","pick","_objectSpread2","children","render","_ref4","_tooltipProps$visible","SEllipsis","Root","SContainer","Tooltip","SNoTooltipContainer","Box","_this$asProps3","styles","tooltip","trim","containerRect","containerRef","other","_objectWithoutProperties2","state","advancedContent","findComponent","Ellipsis","Content","displayName","advanceMode","isAdvanceMode","Popper","onVisibleChange","callAllEventHandlers","handlerVisibleChange","_ref2","EllipsisMiddle","cn","_ref3","undefined","Component","__excludeProps","EllipsisMiddleContext","createContext","props","_ref7","otherProps","resizeElement","useRef","_React$useState","useState","symbolWidth","_React$useState2","_slicedToArray2","dimension","setDimension","blockWidth","useResizeObserver","useEnhancedEffect","node","dateSpan","setAttribute","rect","STail","SBeginning","SContainerMiddle","tag","SAdvancedModeContainerMiddle","displayedSymbols","useMemo","round","interaction","contextValue","begining","substring","tail","_ref5","Provider","_ref6","forkRef","_ref10","_ref","arguments[0]","_ref9","Trigger","ellipsisMiddleContext","useContext","_ref8","assignProps","createComponent","_default","exports"],"sources":["../../src/Ellipsis.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\nimport createComponent, { Component, Intergalactic, Root, sstyled } from '@semcore/core';\nimport Tooltip, { TooltipProps } from '@semcore/tooltip';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { useResizeObserver } from './useResizeObserver';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\nimport findComponent, { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/ellipsis.shadow.css';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport pick from '@semcore/utils/lib/pick';\nimport { forkRef } from '@semcore/utils/lib/ref';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\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    // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope\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 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.fontFamily = styleElement.getPropertyValue('font-family');\n  temporaryElement.style.fontSize = styleElement.getPropertyValue('font-size');\n  temporaryElement.style.fontWeight = styleElement.getPropertyValue('font-weight');\n  temporaryElement.style.lineHeight = styleElement.getPropertyValue('line-height');\n  temporaryElement.style.whiteSpace = styleElement.getPropertyValue('white-space');\n  temporaryElement.style.wordWrap = styleElement.getPropertyValue('word-wrap');\n\n  temporaryElement.style.fontFeatureSettings =\n    styleElement.getPropertyValue('font-feature-settings');\n  temporaryElement.style.fontVariantNumeric = styleElement.getPropertyValue('font-variant-numeric');\n\n  temporaryElement.innerHTML = text ?? element.innerHTML;\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 SNoTooltipContainer = Box;\n    const {\n      styles,\n      Children,\n      maxLine,\n      tooltip,\n      trim,\n      containerRect,\n      containerRef,\n      includeTooltipProps,\n      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    if (tooltip) {\n      return sstyled(styles)(\n        <SContainer\n          interaction='hover'\n          title={!advanceMode ? text : undefined}\n          {...tooltipProps}\n          {...(advanceMode ? forcedAdvancedMode : noAdvancedMode)}\n        >\n          {advanceMode ? (\n            <Children />\n          ) : (\n            <SEllipsis render={Box} ref={this.textRef} maxLine={maxLine} {...other}>\n              <Children />\n            </SEllipsis>\n          )}\n        </SContainer>,\n      );\n    }\n    return sstyled(styles)(\n      <SNoTooltipContainer>\n        {advanceMode ? (\n          <Children />\n        ) : (\n          <SEllipsis render={Box} ref={this.textRef} maxLine={maxLine} {...other}>\n            <Children />\n          </SEllipsis>\n        )}\n      </SNoTooltipContainer>,\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    ...otherProps\n  } = props;\n  const resizeElement = React.useRef<HTMLDivElement>(null);\n  const [dimension, setDimension] = React.useState<{ fontSize: string; symbolWidth: number }>({\n    fontSize: '14',\n    symbolWidth: 0,\n  });\n  const blockWidth = useResizeObserver(resizeElement, containerRect).width;\n\n  useEnhancedEffect(() => {\n    const node = containerRef?.current || resizeElement?.current;\n    if (!node) return;\n\n    const dateSpan = document.createElement('temporary-block');\n    dateSpan.setAttribute('style', `fontSize: ${dimension.fontSize}px`);\n    dateSpan.innerHTML = 'a';\n    document.body.appendChild(dateSpan);\n    const rect = dateSpan.getBoundingClientRect();\n\n    setDimension({\n      fontSize: window.getComputedStyle(node, null).getPropertyValue('font-size'),\n      symbolWidth: rect.width,\n    });\n    document.body.removeChild(dateSpan);\n  }, []);\n\n  const STail = 'span';\n  const SBeginning = 'span';\n  const SContainerMiddle = props.tag || Box;\n  const SAdvancedModeContainerMiddle = Tooltip;\n  const displayedSymbols = React.useMemo(\n    () => Math.round(blockWidth / dimension.symbolWidth),\n    [blockWidth, dimension.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={interaction}\n        {...tooltipProps}\n        {...forcedAdvancedMode}\n      >\n        <EllipsisMiddleContext.Provider value={contextValue}>\n          {children}\n        </EllipsisMiddleContext.Provider>\n      </SAdvancedModeContainerMiddle>,\n    ) as any;\n  }\n  if (tooltip) {\n    return sstyled(styles)(\n      <SContainerMiddle\n        interaction={interaction}\n        title={text as any}\n        ref={forkRef(ref, textRef)}\n        tag={Tooltip}\n        __excludeProps={['title']}\n        {...tooltipProps}\n      >\n        <SBeginning>{text.substring(0, text.length - displayedSymbols / 2 - 1)}</SBeginning>\n        <STail>{text.substring(text.length - displayedSymbols / 2 - 1)}</STail>\n      </SContainerMiddle>,\n    ) as any;\n  }\n  return sstyled(styles)(\n    <SContainerMiddle {...otherProps} ref={containerRef ?? resizeElement}>\n      <SBeginning>{text.substring(0, text.length - displayedSymbols / 2 - 1)}</SBeginning>\n      <STail>{text.substring(text.length - displayedSymbols / 2 - 1)}</STail>\n    </SContainerMiddle>,\n  ) as any;\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":";;;;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,cAAA,GAAAR,uBAAA,CAAAC,OAAA;AAGA,IAAAQ,YAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,kBAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,KAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AACA,IAAAY,aAAA,GAAAZ,OAAA;AAAsE,IAAAa,SAAA;EAAAC,UAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AA4DtE,IAAMC,mBAAmB,GAAG,CAC1B,OAAO,EACP,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,iBAAiB,CAClB;AAED,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,OAAuB,EAAEC,IAAa,EAAK;EACxE,IAAMC,YAAY,GAAGC,MAAM,CAACC,gBAAgB,CAACJ,OAAO,EAAE,IAAI,CAAC;EAC3D,IAAMK,gBAAgB,GAAGC,QAAQ,CAACC,aAAa,CAAC,iBAAiB,CAAC;EAClEF,gBAAgB,CAACX,KAAK,CAACc,OAAO,GAAGN,YAAY,CAACO,gBAAgB,CAAC,SAAS,CAAC;EACzEJ,gBAAgB,CAACX,KAAK,CAACgB,OAAO,GAAGR,YAAY,CAACO,gBAAgB,CAAC,SAAS,CAAC;EACzEJ,gBAAgB,CAACX,KAAK,CAACiB,QAAQ,GAAG,UAAU;EAC5CN,gBAAgB,CAACX,KAAK,CAACkB,KAAK,GAAG,IAAI;EACnCP,gBAAgB,CAACX,KAAK,CAACmB,MAAM,GAAG,IAAI;EACpCR,gBAAgB,CAACX,KAAK,CAACoB,UAAU,GAAG,QAAQ;EAC5CT,gBAAgB,CAACX,KAAK,CAACqB,UAAU,GAAGb,YAAY,CAACO,gBAAgB,CAAC,aAAa,CAAC;EAChFJ,gBAAgB,CAACX,KAAK,CAACsB,QAAQ,GAAGd,YAAY,CAACO,gBAAgB,CAAC,WAAW,CAAC;EAC5EJ,gBAAgB,CAACX,KAAK,CAACuB,UAAU,GAAGf,YAAY,CAACO,gBAAgB,CAAC,aAAa,CAAC;EAChFJ,gBAAgB,CAACX,KAAK,CAACwB,UAAU,GAAGhB,YAAY,CAACO,gBAAgB,CAAC,aAAa,CAAC;EAChFJ,gBAAgB,CAACX,KAAK,CAACyB,UAAU,GAAGjB,YAAY,CAACO,gBAAgB,CAAC,aAAa,CAAC;EAChFJ,gBAAgB,CAACX,KAAK,CAAC0B,QAAQ,GAAGlB,YAAY,CAACO,gBAAgB,CAAC,WAAW,CAAC;EAE5EJ,gBAAgB,CAACX,KAAK,CAAC2B,mBAAmB,GACxCnB,YAAY,CAACO,gBAAgB,CAAC,uBAAuB,CAAC;EACxDJ,gBAAgB,CAACX,KAAK,CAAC4B,kBAAkB,GAAGpB,YAAY,CAACO,gBAAgB,CAAC,sBAAsB,CAAC;EAEjGJ,gBAAgB,CAACkB,SAAS,GAAGtB,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAID,OAAO,CAACuB,SAAS;EACtD,OAAOlB,gBAAgB;AACzB,CAAC;AAED,SAASmB,iBAAiBA,CAACxB,OAAuB,EAAEyB,SAAkB,EAAExB,IAAa,EAAW;EAC9F,IAAI,CAACD,OAAO,EAAE,OAAO,KAAK;EAE1B,IAAA0B,qBAAA,GAAuD1B,OAAO,CAAC2B,qBAAqB,EAAE;IAAtEC,aAAa,GAAAF,qBAAA,CAArBG,MAAM;IAAwBC,YAAY,GAAAJ,qBAAA,CAAnBK,KAAK;EACpC,IAAMC,gBAAgB,GAAGjC,qBAAqB,CAACC,OAAO,EAAEC,IAAI,CAAC;EAC7D,IAAIgC,aAAa,GAAG,KAAK;EAEzB3B,QAAQ,CAAC4B,IAAI,CAACC,WAAW,CAACH,gBAAgB,CAAC;EAC3C,IAAIP,SAAS,EAAE;IACbO,gBAAgB,CAACtC,KAAK,CAACqC,KAAK,MAAAK,MAAA,CAAMN,YAAY,OAAI;IAElD,IAAMC,KAAK,GAAGC,gBAAgB,CAACK,WAAW;IAC1C,IAAMR,MAAM,GAAGG,gBAAgB,CAACL,qBAAqB,EAAE,CAACE,MAAM;IAE9D,IAAIS,IAAI,CAACC,IAAI,CAACX,aAAa,CAAC,GAAGC,MAAM,IAAIS,IAAI,CAACC,IAAI,CAACT,YAAY,CAAC,GAAGC,KAAK,EAAE;MACxEE,aAAa,GAAG,IAAI;IACtB;EACF,CAAC,MAAM;IACLD,gBAAgB,CAACtC,KAAK,CAACyB,UAAU,GAAG,QAAQ;IAC5Cc,aAAa,GAAGK,IAAI,CAACC,IAAI,CAACT,YAAY,CAAC,GAAGE,gBAAgB,CAACL,qBAAqB,EAAE,CAACI,KAAK;EAC1F;EAEAzB,QAAQ,CAAC4B,IAAI,CAACM,WAAW,CAACR,gBAAgB,CAAC;EAE3C,OAAOC,aAAa;AACtB;AAEA,IAAMQ,kBAAkB,GAAG;EAAEA,kBAAkB,EAAE;AAAK,CAAQ;AAC9D,IAAMC,cAAc,GAAG,CAAC,CAAQ;AAAC,IAE3BC,YAAY,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,YAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,YAAA;EAAA,SAAAA,aAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,YAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAV,MAAA,CAAAiB,IAAA;IAAA,IAAAK,gBAAA,iBAAAC,uBAAA,aAAAX,KAAA,YAUR;MACNY,OAAO,EAAE;IACX,CAAC;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAX,KAAA,2BAESa,iBAAK,CAACC,SAAS,EAAkB;IAAA,IAAAJ,gBAAA,iBAAAC,uBAAA,aAAAX,KAAA,2BAQpB,UAACY,OAAgB,EAAK;MAC3CZ,KAAA,CAAKe,QAAQ,CAAC;QAAEH,OAAO,EAAEA,OAAO,IAAIZ,KAAA,CAAKgB,WAAW;MAAG,CAAC,CAAC;IAC3D,CAAC;IAAA,OAAAhB,KAAA;EAAA;EAAA,IAAAiB,aAAA,aAAAtB,YAAA;IAAAuB,GAAA;IAAAC,KAAA,EARD,SAAAH,YAAA,EAAc;MACZ,IAAAI,aAAA,GAAkC,IAAI,CAACC,OAAO;QAAAC,qBAAA,GAAAF,aAAA,CAAtCG,OAAO;QAAPA,OAAO,GAAAD,qBAAA,cAAG,CAAC,GAAAA,qBAAA;QAAEE,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;MAC7B,IAAMvE,IAAI,GAAG,IAAAwE,uBAAW,EAAC,IAAAC,6BAAiB,EAACF,QAAQ,CAAC,CAAC;MACrD,OAAOhD,iBAAiB,CAAC,IAAI,CAACmD,OAAO,CAACC,OAAO,EAAGL,OAAO,GAAG,CAAC,EAAEtE,IAAI,CAAC;IACpE;EAAC;IAAAiE,GAAA;IAAAC,KAAA,EAMD,SAAAU,gBAAA,EAAkB;MAChB,OAAO;QACLC,GAAG,EAAE,IAAI,CAACH,OAAO;QACjBJ,OAAO,EAAE,IAAI,CAACF,OAAO,CAACE;MACxB,CAAC;IACH;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAY,eAAA,EAAiB;MACf,IAAAC,cAAA,GAA0C,IAAI,CAACX,OAAO;QAA9CG,QAAQ,GAAAQ,cAAA,CAARR,QAAQ;QAAES,mBAAmB,GAAAD,cAAA,CAAnBC,mBAAmB;MACrC,IAAMhF,IAAI,GAAG,IAAAwE,uBAAW,EAAC,IAAAC,6BAAiB,EAACF,QAAQ,CAAC,CAAC;MACrD,IAAMU,YAAY,GAAG,IAAAC,gBAAI,EAAC,IAAI,CAACd,OAAO,EAAEY,mBAAmB,CAAwB;MACnF,WAAAG,cAAA;QAASC,QAAQ,EAAEpF;MAAI,GAAKiF,YAAY;IAC1C;EAAC;IAAAhB,GAAA;IAAAC,KAAA,EAED,SAAAmB,OAAA,EAAS;MAAA,IAAAC,KAAA,EAAAC,qBAAA;MACP,IAAMC,SAAS,GAAG,IAAI,CAACC,IAAI;MAC3B,IAAMC,UAAU,GAAGC,mBAAO;MAC1B,IAAMC,mBAAmB,GAAGC,YAAG;MAC/B,IAAAC,cAAA,GAWI,IAAI,CAAC1B,OAAO;QAVd2B,MAAM,GAAAD,cAAA,CAANC,MAAM;QACNxB,QAAQ,GAAAuB,cAAA,CAARvB,QAAQ;QACRD,OAAO,GAAAwB,cAAA,CAAPxB,OAAO;QACP0B,OAAO,GAAAF,cAAA,CAAPE,OAAO;QACPC,IAAI,GAAAH,cAAA,CAAJG,IAAI;QACJC,aAAa,GAAAJ,cAAA,CAAbI,aAAa;QACbC,YAAY,GAAAL,cAAA,CAAZK,YAAY;QACZnB,mBAAmB,GAAAc,cAAA,CAAnBd,mBAAmB;QACnBI,QAAQ,GAAAU,cAAA,CAARV,QAAQ;QACLgB,KAAK,OAAAC,yBAAA,aAAAP,cAAA,EAAAvG,SAAA;MAEV,IAAQoE,OAAO,GAAK,IAAI,CAAC2C,KAAK,CAAtB3C,OAAO;MACf,IAAM4C,eAAe,GAAG,IAAAC,yBAAa,EAACjC,QAAQ,EAAE,CAAEkC,QAAQ,CAASC,OAAO,CAACC,WAAW,CAAC,CAAC;MACxF,IAAM3G,IAAI,GAAG,IAAAwE,uBAAW,EAAC+B,eAAe,IAAI,IAAA9B,6BAAiB,EAACF,QAAQ,CAAC,CAAC;MACxE,IAAMqC,WAAW,GAAG,IAAAC,4BAAa,EAACtC,QAAQ,EAAE,CACzCkC,QAAQ,CAASC,OAAO,CAACC,WAAW,EACpCF,QAAQ,CAASK,MAAM,CAACH,WAAW,CACrC,CAAC;MACF,IAAM1B,YAAY,GAAG,IAAAC,gBAAI,EAAC,IAAI,CAACd,OAAO,EAAEY,mBAAmB,CAAwB;MAEnFC,YAAY,CAACtB,OAAO,IAAA4B,qBAAA,GAAGN,YAAY,CAACtB,OAAO,cAAA4B,qBAAA,cAAAA,qBAAA,GAAI5B,OAAO;MACtDsB,YAAY,CAAC8B,eAAe,GAAG9B,YAAY,CAAC8B,eAAe,GACvD,IAAAC,kCAAoB,EAAC/B,YAAY,CAAC8B,eAAe,EAAE,IAAI,CAACE,oBAAoB,CAAC,GAC7E,IAAI,CAACA,oBAAoB;MAE7B,IAAIhB,IAAI,KAAK,QAAQ,EAAE;QAAA,IAAAiB,KAAA;QACrB,OAAAA,KAAA,GAAO,IAAAvH,aAAO,EAACoG,MAAM,CAAC,eACpBpH,MAAA,YAAA2B,aAAA,CAAC6G,cAAc,EAAAD,KAAA,CAAAE,EAAA,uBAAAjC,cAAA;UAAA,QACPnF,IAAI;UAAA,UACF+F,MAAM;UAAA,WACLC,OAAO;UAAA,iBACDE,aAAa;UAAA,gBACdC,YAAY;UAAA,WACjB,IAAI,CAACzB,OAAO;UAAA,gBACPO,YAAY;UAAA,eACb2B;QAAW,GACpBR,KAAK,iBAETzH,MAAA,YAAA2B,aAAA,CAACiE,QAAQ,EAAA2C,KAAA,CAAAE,EAAA,iBAAG,CACG;MAErB;MACA,IAAIpB,OAAO,EAAE;QAAA,IAAAqB,KAAA;QACX,OAAAA,KAAA,GAAO,IAAA1H,aAAO,EAACoG,MAAM,CAAC,eACpBpH,MAAA,YAAA2B,aAAA,CAACoF,UAAU,EAAA2B,KAAA,CAAAD,EAAA,mBAAAjC,cAAA,iBAAAA,cAAA;UAAA,eACG,OAAO;UAAA,SACZ,CAACyB,WAAW,GAAG5G,IAAI,GAAGsH;QAAS,GAClCrC,YAAY,GACX2B,WAAW,GAAGpE,kBAAkB,GAAGC,cAAc,IAErDmE,WAAW,gBACVjI,MAAA,YAAA2B,aAAA,CAACiE,QAAQ,EAAA8C,KAAA,CAAAD,EAAA,iBAAG,gBAEZzI,MAAA,YAAA2B,aAAA,CAACkF,SAAS,EAAA6B,KAAA,CAAAD,EAAA,kBAAAjC,cAAA;UAAA,UAASU,YAAG;UAAA,OAAO,IAAI,CAACnB,OAAO;UAAA,WAAWJ;QAAO,GAAM8B,KAAK,iBACpEzH,MAAA,YAAA2B,aAAA,CAACiE,QAAQ,EAAA8C,KAAA,CAAAD,EAAA,iBAAG,CAEf,CACU;MAEjB;MACA,OAAA9B,KAAA,GAAO,IAAA3F,aAAO,EAACoG,MAAM,CAAC,eACpBpH,MAAA,YAAA2B,aAAA,CAACsF,mBAAmB,EAAAN,KAAA,CAAA8B,EAAA,6BACjBR,WAAW,gBACVjI,MAAA,YAAA2B,aAAA,CAACiE,QAAQ,EAAAe,KAAA,CAAA8B,EAAA,iBAAG,gBAEZzI,MAAA,YAAA2B,aAAA,CAACkF,SAAS,EAAAF,KAAA,CAAA8B,EAAA,kBAAAjC,cAAA;QAAA,UAASU,YAAG;QAAA,OAAO,IAAI,CAACnB,OAAO;QAAA,WAAWJ;MAAO,GAAM8B,KAAK,iBACpEzH,MAAA,YAAA2B,aAAA,CAACiE,QAAQ,EAAAe,KAAA,CAAA8B,EAAA,iBAAG,CAEf,CACmB;IAE1B;EAAC;EAAA,OAAA1E,YAAA;AAAA,EApHwB6E,eAAS;AAAA,IAAA9D,gBAAA,aAA9Bf,YAAY,iBACK,UAAU;AAAA,IAAAe,gBAAA,aAD3Bf,YAAY,WAEDjD,KAAK;AAAA,IAAAgE,gBAAA,aAFhBf,YAAY,kBAGe;EAC7BuD,IAAI,EAAE,KAAK;EACXD,OAAO,EAAE,IAAI;EACbhB,mBAAmB,EAAEnF,mBAAmB;EACxC2H,cAAc,EAAE,CAAC,OAAO;AAC1B,CAAC;AA+GH,IAAMC,qBAAqB,gBAAG7D,iBAAK,CAAC8D,aAAa,CAI9C,IAAI,CAAC;AAER,IAAMP,cAAuC,GAAG,SAA1CA,cAAuCA,CAAIQ,KAAK,EAAK;EAAA,IAAAC,KAAA;EACzD,IACE7B,MAAM,GAUJ4B,KAAK,CAVP5B,MAAM;IACN/F,IAAI,GASF2H,KAAK,CATP3H,IAAI;IACJgG,OAAO,GAQL2B,KAAK,CARP3B,OAAO;IACPE,aAAa,GAOXyB,KAAK,CAPPzB,aAAa;IACbC,YAAY,GAMVwB,KAAK,CANPxB,YAAY;IACZzB,OAAO,GAKLiD,KAAK,CALPjD,OAAO;IACPO,YAAY,GAIV0C,KAAK,CAJP1C,YAAY;IACZG,QAAQ,GAGNuC,KAAK,CAHPvC,QAAQ;IACRwB,WAAW,GAETe,KAAK,CAFPf,WAAW;IACRiB,UAAU,OAAAxB,yBAAA,aACXsB,KAAK,EAAAnI,UAAA;EACT,IAAMsI,aAAa,GAAGlE,iBAAK,CAACmE,MAAM,CAAiB,IAAI,CAAC;EACxD,IAAAC,eAAA,GAAkCpE,iBAAK,CAACqE,QAAQ,CAA4C;MAC1FlH,QAAQ,EAAE,IAAI;MACdmH,WAAW,EAAE;IACf,CAAC,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAJ,eAAA;IAHKK,SAAS,GAAAF,gBAAA;IAAEG,YAAY,GAAAH,gBAAA;EAI9B,IAAMI,UAAU,GAAG,IAAAC,oCAAiB,EAACV,aAAa,EAAE5B,aAAa,CAAC,CAACpE,KAAK;EAExE,IAAA2G,6BAAiB,EAAC,YAAM;IACtB,IAAMC,IAAI,GAAG,CAAAvC,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAExB,OAAO,MAAImD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEnD,OAAO;IAC5D,IAAI,CAAC+D,IAAI,EAAE;IAEX,IAAMC,QAAQ,GAAGtI,QAAQ,CAACC,aAAa,CAAC,iBAAiB,CAAC;IAC1DqI,QAAQ,CAACC,YAAY,CAAC,OAAO,eAAAzG,MAAA,CAAekG,SAAS,CAACtH,QAAQ,QAAK;IACnE4H,QAAQ,CAACrH,SAAS,GAAG,GAAG;IACxBjB,QAAQ,CAAC4B,IAAI,CAACC,WAAW,CAACyG,QAAQ,CAAC;IACnC,IAAME,IAAI,GAAGF,QAAQ,CAACjH,qBAAqB,EAAE;IAE7C4G,YAAY,CAAC;MACXvH,QAAQ,EAAEb,MAAM,CAACC,gBAAgB,CAACuI,IAAI,EAAE,IAAI,CAAC,CAAClI,gBAAgB,CAAC,WAAW,CAAC;MAC3E0H,WAAW,EAAEW,IAAI,CAAC/G;IACpB,CAAC,CAAC;IACFzB,QAAQ,CAAC4B,IAAI,CAACM,WAAW,CAACoG,QAAQ,CAAC;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,KAAK,GAAG,MAAM;EACpB,IAAMC,UAAU,GAAG,MAAM;EACzB,IAAMC,gBAAgB,GAAGrB,KAAK,CAACsB,GAAG,IAAIpD,YAAG;EACzC,IAAMqD,4BAA4B,GAAGvD,mBAAO;EAC5C,IAAMwD,gBAAgB,GAAGvF,iBAAK,CAACwF,OAAO,CACpC;IAAA,OAAM/G,IAAI,CAACgH,KAAK,CAACd,UAAU,GAAGF,SAAS,CAACH,WAAW,CAAC;EAAA,GACpD,CAACK,UAAU,EAAEF,SAAS,CAACH,WAAW,CAAC,CACpC;EAED,IAAMoB,WAAW,GAAGtJ,IAAI,CAACmD,MAAM,GAAGgG,gBAAgB,GAAG,OAAO,GAAG,MAAM;EACrE,IAAMtE,GAAG,GAAGsB,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI2B,aAAa;EACzC,IAAMyB,YAAY,GAAG3F,iBAAK,CAACwF,OAAO,CAChC;IAAA,OAAO;MACLI,QAAQ,EAAExJ,IAAI,CAACyJ,SAAS,CAAC,CAAC,EAAEzJ,IAAI,CAACmD,MAAM,GAAGgG,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC;MACnEO,IAAI,EAAE1J,IAAI,CAACyJ,SAAS,CAACzJ,IAAI,CAACmD,MAAM,GAAGgG,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC;MAC5DtE,GAAG,EAAHA;IACF,CAAC;EAAA,CAAC,EACF,CAAC7E,IAAI,EAAEmJ,gBAAgB,CAAC,CACzB;EAED,IAAIvC,WAAW,EAAE;IAAA,IAAA+C,KAAA;IACf,OAAAA,KAAA,GAAO,IAAAhK,aAAO,EAACoG,MAAM,CAAC,eACpBpH,MAAA,YAAA2B,aAAA,CAAC4I,4BAA4B,EAAAS,KAAA,CAAAvC,EAAA,qCAAAjC,cAAA,iBAAAA,cAAA;MAAA,eACdmE;IAAW,GACpBrE,YAAY,GACZzC,kBAAkB,iBAEtB7D,MAAA,YAAA2B,aAAA,CAACmH,qBAAqB,CAACmC,QAAQ;MAAC1F,KAAK,EAAEqF;IAAa,GACjDnE,QAAQ,CACsB,CACJ;EAEnC;EACA,IAAIY,OAAO,EAAE;IAAA,IAAA6D,KAAA;IACX,OAAAA,KAAA,GAAO,IAAAlK,aAAO,EAACoG,MAAM,CAAC,eACpBpH,MAAA,YAAA2B,aAAA,CAAC0I,gBAAgB,EAAAa,KAAA,CAAAzC,EAAA,yBAAAjC,cAAA;MAAA,eACFmE,WAAW;MAAA,SACjBtJ,IAAI;MAAA,OACN,IAAA8J,cAAO,EAACjF,GAAG,EAAEH,OAAO,CAAC;MAAA,OACrBiB,mBAAO;MAAA,kBACI,CAAC,OAAO;IAAC,GACrBV,YAAY,iBAEhBtG,MAAA,YAAA2B,aAAA,CAACyI,UAAU,EAAAc,KAAA,CAAAzC,EAAA,oBAAEpH,IAAI,CAACyJ,SAAS,CAAC,CAAC,EAAEzJ,IAAI,CAACmD,MAAM,GAAGgG,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAc,eACpFxK,MAAA,YAAA2B,aAAA,CAACwI,KAAK,EAAAe,KAAA,CAAAzC,EAAA,eAAEpH,IAAI,CAACyJ,SAAS,CAACzJ,IAAI,CAACmD,MAAM,GAAGgG,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAS,CACtD;EAEvB;EACA,OAAAvB,KAAA,GAAO,IAAAjI,aAAO,EAACoG,MAAM,CAAC,eACpBpH,MAAA,YAAA2B,aAAA,CAAC0I,gBAAgB,EAAApB,KAAA,CAAAR,EAAA,yBAAAjC,cAAA,iBAAAA,cAAA,iBAAK0C,UAAU;IAAA,OAAO1B,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI2B;EAAa,kBAClEnJ,MAAA,YAAA2B,aAAA,CAACyI,UAAU,EAAAnB,KAAA,CAAAR,EAAA,oBAAEpH,IAAI,CAACyJ,SAAS,CAAC,CAAC,EAAEzJ,IAAI,CAACmD,MAAM,GAAGgG,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAc,eACpFxK,MAAA,YAAA2B,aAAA,CAACwI,KAAK,EAAAlB,KAAA,CAAAR,EAAA,eAAEpH,IAAI,CAACyJ,SAAS,CAACzJ,IAAI,CAACmD,MAAM,GAAGgG,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAS,CACtD;AAEvB,CAAC;AAOD,IAAMzC,OAAyC,GAAG,SAA5CA,OAAyCA,CAAAqD,MAAA,EAA6B;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAAA,IAAvBnE,MAAM,GAAAgE,MAAA,CAANhE,MAAM;IAAExB,QAAQ,GAAAwF,MAAA,CAARxF,QAAQ;EACnE,IAAMiB,SAAS,GAgBMG,mBAAO,CAACwE,OAAO;EAfpC,IAAMC,qBAAqB,GAAGxG,iBAAK,CAACyG,UAAU,CAAC5C,qBAAqB,CAAC;EACrE,IAAMqB,KAAK,GAAG,MAAM;EACpB,IAAMC,UAAU,GAAG,MAAM;EAEzB,IAAIqB,qBAAqB,EAAE;IAAA,IAAAE,KAAA;IACzB,IAAQd,QAAQ,GAAgBY,qBAAqB,CAA7CZ,QAAQ;MAAEE,IAAI,GAAUU,qBAAqB,CAAnCV,IAAI;MAAE7E,GAAG,GAAKuF,qBAAqB,CAA7BvF,GAAG;IAC3B,OAAAyF,KAAA,GAAO,IAAA3K,aAAO,EAACoG,MAAM,CAAC,eACpBpH,MAAA,YAAA2B,aAAA,CAACkF,SAAS,EAAA8E,KAAA,CAAAlD,EAAA,kBAAAjC,cAAA,qBAAA3G,KAAA,CAAA+L,WAAA;MAAA;MAAA,OAA0C1F;IAAG,GAAAmF,IAAA,kBACrDrL,MAAA,YAAA2B,aAAA,CAACyI,UAAU,EAAAuB,KAAA,CAAAlD,EAAA,oBAAEoC,QAAQ,CAAc,eACnC7K,MAAA,YAAA2B,aAAA,CAACwI,KAAK,EAAAwB,KAAA,CAAAlD,EAAA,eAAEsC,IAAI,CAAS,CACX;EAEhB;EAEA,OAAAQ,KAAA,GAAO,IAAAvK,aAAO,EAACoG,MAAM,CAAC,eACpBpH,MAAA,YAAA2B,aAAA,CAACkF,SAAS,EAAA0E,KAAA,CAAA9C,EAAA,kBAAAjC,cAAA,qBAAA3G,KAAA,CAAA+L,WAAA,MAAAP,IAAA,kBACRrL,MAAA,YAAA2B,aAAA,CAACiE,QAAQ,EAAA2F,KAAA,CAAA9C,EAAA,iBAAG,CACF;AAEhB,CAAC;AAED,IAAMX,QAAQ,GAAG,IAAA+D,gBAAe,EAAC9H,YAAY,EAAE;EAC7CgE,OAAO,EAAPA,OAAO;EACPI,MAAM,EAAEnB,mBAAO,CAACmB;AAClB,CAAC,CAGA;AAAC,IAAA2D,QAAA,GAEahE,QAAQ;AAAAiE,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"Ellipsis.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_tooltip","_flexBox","_useResizeObserver","_useEnhancedEffect","_findComponent","_reactToText","_getOriginChildren","_pick","_ref11","_assignProps3","_excluded","_excluded2","style","_index","sstyled","insert","defaultTooltipProps","createMeasurerElement","element","text","styleElement","window","getComputedStyle","temporaryElement","document","createElement","display","getPropertyValue","padding","position","right","bottom","visibility","fontFamily","fontSize","fontWeight","lineHeight","whiteSpace","wordWrap","fontFeatureSettings","fontVariantNumeric","innerHTML","isTextOverflowing","multiline","_element$getBoundingC","getBoundingClientRect","currentHeight","height","currentWidth","width","measuringElement","isOverflowing","body","appendChild","concat","scrollWidth","Math","ceil","removeChild","forcedAdvancedMode","noAdvancedMode","RootEllipsis","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","_defineProperty2","_assertThisInitialized2","visible","React","createRef","setState","showTooltip","_createClass2","key","value","_this$asProps","asProps","_this$asProps$maxLine","maxLine","Children","reactToText","getOriginChildren","textRef","current","getContentProps","ref","getPopperProps","_this$asProps2","includeTooltipProps","tooltipProps","pick","_objectSpread2","children","render","_ref4","_tooltipProps$visible","SEllipsis","Root","SContainer","Tooltip","SNoTooltipContainer","Box","_this$asProps3","styles","tooltip","trim","containerRect","containerRef","other","_objectWithoutProperties2","state","advancedContent","findComponent","Ellipsis","Content","displayName","advanceMode","isAdvanceMode","Popper","onVisibleChange","callAllEventHandlers","handlerVisibleChange","_ref2","EllipsisMiddle","cn","_ref3","undefined","Component","__excludeProps","EllipsisMiddleContext","createContext","props","_ref7","otherProps","resizeElement","useRef","_React$useState","useState","symbolWidth","_React$useState2","_slicedToArray2","dimension","setDimension","blockWidth","useResizeObserver","useEnhancedEffect","node","dateSpan","setAttribute","rect","STail","SBeginning","SContainerMiddle","tag","SAdvancedModeContainerMiddle","displayedSymbols","useMemo","round","interaction","contextValue","begining","substring","tail","_ref5","Provider","_ref6","forkRef","_ref10","_ref","arguments[0]","_ref9","Trigger","ellipsisMiddleContext","useContext","_ref8","assignProps","createComponent","_default","exports"],"sources":["../../src/Ellipsis.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\nimport createComponent, { Component, Intergalactic, Root, sstyled } from '@semcore/core';\nimport Tooltip, { TooltipProps } from '@semcore/tooltip';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { useResizeObserver } from './useResizeObserver';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\nimport findComponent, { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/ellipsis.shadow.css';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport pick from '@semcore/utils/lib/pick';\nimport { forkRef } from '@semcore/utils/lib/ref';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\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    // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope\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 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.fontFamily = styleElement.getPropertyValue('font-family');\n  temporaryElement.style.fontSize = styleElement.getPropertyValue('font-size');\n  temporaryElement.style.fontWeight = styleElement.getPropertyValue('font-weight');\n  temporaryElement.style.lineHeight = styleElement.getPropertyValue('line-height');\n  temporaryElement.style.whiteSpace = styleElement.getPropertyValue('white-space');\n  temporaryElement.style.wordWrap = styleElement.getPropertyValue('word-wrap');\n\n  temporaryElement.style.fontFeatureSettings =\n    styleElement.getPropertyValue('font-feature-settings');\n  temporaryElement.style.fontVariantNumeric = styleElement.getPropertyValue('font-variant-numeric');\n\n  temporaryElement.innerHTML = text ?? element.innerHTML;\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 SNoTooltipContainer = Box;\n    const {\n      styles,\n      Children,\n      maxLine,\n      tooltip,\n      trim,\n      containerRect,\n      containerRef,\n      includeTooltipProps,\n      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    if (tooltip) {\n      return sstyled(styles)(\n        <SContainer\n          interaction='hover'\n          title={!advanceMode ? text : undefined}\n          {...tooltipProps}\n          {...(advanceMode ? forcedAdvancedMode : noAdvancedMode)}\n        >\n          {advanceMode ? (\n            <Children />\n          ) : (\n            <SEllipsis render={Box} ref={this.textRef} maxLine={maxLine} {...other}>\n              <Children />\n            </SEllipsis>\n          )}\n        </SContainer>,\n      );\n    }\n    return sstyled(styles)(\n      <SNoTooltipContainer>\n        {advanceMode ? (\n          <Children />\n        ) : (\n          <SEllipsis render={Box} ref={this.textRef} maxLine={maxLine} {...other}>\n            <Children />\n          </SEllipsis>\n        )}\n      </SNoTooltipContainer>,\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    ...otherProps\n  } = props;\n  const resizeElement = React.useRef<HTMLDivElement>(null);\n  const [dimension, setDimension] = React.useState<{ fontSize: string; symbolWidth: number }>({\n    fontSize: '14',\n    symbolWidth: 0,\n  });\n  const blockWidth = useResizeObserver(resizeElement, containerRect).width;\n\n  useEnhancedEffect(() => {\n    const node = containerRef?.current || resizeElement?.current;\n    if (!node) return;\n\n    const dateSpan = document.createElement('temporary-block');\n    dateSpan.setAttribute('style', `fontSize: ${dimension.fontSize}px`);\n    dateSpan.innerHTML = 'a';\n    document.body.appendChild(dateSpan);\n    const rect = dateSpan.getBoundingClientRect();\n\n    setDimension({\n      fontSize: window.getComputedStyle(node, null).getPropertyValue('font-size'),\n      symbolWidth: rect.width,\n    });\n    document.body.removeChild(dateSpan);\n  }, []);\n\n  const STail = 'span';\n  const SBeginning = 'span';\n  const SContainerMiddle = props.tag || Box;\n  const SAdvancedModeContainerMiddle = Tooltip;\n  const displayedSymbols = React.useMemo(\n    () => Math.round(blockWidth / dimension.symbolWidth),\n    [blockWidth, dimension.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={interaction}\n        {...tooltipProps}\n        {...forcedAdvancedMode}\n      >\n        <EllipsisMiddleContext.Provider value={contextValue}>\n          {children}\n        </EllipsisMiddleContext.Provider>\n      </SAdvancedModeContainerMiddle>,\n    ) as any;\n  }\n  if (tooltip) {\n    return sstyled(styles)(\n      <SContainerMiddle\n        interaction={interaction}\n        title={text as any}\n        ref={forkRef(ref, textRef)}\n        tag={Tooltip}\n        __excludeProps={['title']}\n        {...tooltipProps}\n      >\n        <SBeginning>{contextValue.begining}</SBeginning>\n        <STail>{contextValue.tail}</STail>\n      </SContainerMiddle>,\n    ) as any;\n  }\n  return sstyled(styles)(\n    <SContainerMiddle {...otherProps} ref={containerRef ?? resizeElement}>\n      <SBeginning>{contextValue.begining}</SBeginning>\n      <STail>{contextValue.tail}</STail>\n    </SContainerMiddle>,\n  ) as any;\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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"}

package/ellipsis/lib/cjs/style/ellipsis.shadow.css

@@ -10,7 +10,7 @@ SEllipsis {
   overflow: hidden;
   display: inline-block;
   text-overflow: ellipsis;
-  white-space: nowrap;
+  white-space: pre;
 }
 
 SEllipsis[middle-mod] {
@@ -34,5 +34,5 @@ SContainerMiddle> :has(STail) {
 }
 
 STail {
-  white-space: nowrap;
-}
+  white-space: pre;
+}