intergalactic 15.87.0-prerelease.3 → 15.88.0

package/libs/ellipsis/lib/cjs/index.d.js.map

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

package/libs/ellipsis/lib/cjs/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Ellipsis["default"];
+  }
+});
+Object.defineProperty(exports, "useResizeObserver", {
+  enumerable: true,
+  get: function get() {
+    return _useResizeObserver.useResizeObserver;
+  }
+});
+var _Ellipsis = _interopRequireDefault(require("./Ellipsis"));
+var _useResizeObserver = require("./useResizeObserver");
+//# sourceMappingURL=index.js.map

package/libs/ellipsis/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Ellipsis","_interopRequireDefault","require","_useResizeObserver"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Ellipsis';\nexport { useResizeObserver } from './useResizeObserver';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA"}

package/libs/ellipsis/lib/cjs/useResizeObserver.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResizeObserver = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _useEnhancedEffect = _interopRequireDefault(require("@semcore/utils/lib/use/useEnhancedEffect"));
+var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
+var useResizeObserver = function useResizeObserver(ref, hookOverride) {
+  var _React$useState = _react["default"].useState(0),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    width = _React$useState2[0],
+    setWidth = _React$useState2[1];
+  var handleResize = _react["default"].useCallback(function (entries) {
+    setWidth(entries[0].contentRect.width);
+  }, []);
+  (0, _useEnhancedEffect["default"])(function () {
+    if (!ref.current) {
+      return;
+    }
+    if (hookOverride) {
+      return;
+    }
+    if ((0, _canUseDOM["default"])()) {
+      var ro = new ResizeObserver(function (entries) {
+        handleResize(entries);
+      });
+      ro.observe(ref.current);
+      return function () {
+        ro.disconnect();
+      };
+    }
+  }, [hookOverride]);
+  if (hookOverride) {
+    return hookOverride;
+  }
+  return {
+    width: width
+  };
+};
+exports.useResizeObserver = useResizeObserver;
+//# sourceMappingURL=useResizeObserver.js.map

package/libs/ellipsis/lib/cjs/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","names":["_react","_interopRequireDefault","require","_useEnhancedEffect","_canUseDOM","useResizeObserver","ref","hookOverride","_React$useState","React","useState","_React$useState2","_slicedToArray2","width","setWidth","handleResize","useCallback","entries","contentRect","useEnhancedEffect","current","canUseDOM","ro","ResizeObserver","observe","disconnect","exports"],"sources":["../../src/useResizeObserver.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nexport const useResizeObserver = (\n  ref: RefObject<HTMLElement>,\n  hookOverride?: { width: number },\n) => {\n  const [width, setWidth] = React.useState<number>(0);\n\n  const handleResize = React.useCallback((entries: ResizeObserverEntry[]) => {\n    setWidth(entries[0].contentRect.width);\n  }, []);\n\n  useEnhancedEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    if (hookOverride) {\n      return;\n    }\n    if (canUseDOM()) {\n      const ro = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        handleResize(entries);\n      });\n\n      ro.observe(ref.current);\n\n      return () => {\n        ro.disconnect();\n      };\n    }\n  }, [hookOverride]);\n\n  if (hookOverride) {\n    return hookOverride;\n  }\n  return { width };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEO,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAC5BC,GAA2B,EAC3BC,YAAgC,EAC7B;EACH,IAAAC,eAAA,GAA0BC,iBAAK,CAACC,QAAQ,CAAS,CAAC,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAJ,eAAA;IAA5CK,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EAEtB,IAAMI,YAAY,GAAGN,iBAAK,CAACO,WAAW,CAAC,UAACC,OAA8B,EAAK;IACzEH,QAAQ,CAACG,OAAO,CAAC,CAAC,CAAC,CAACC,WAAW,CAACL,KAAK,CAAC;EACxC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAM,6BAAiB,EAAC,YAAM;IACtB,IAAI,CAACb,GAAG,CAACc,OAAO,EAAE;MAChB;IACF;IAEA,IAAIb,YAAY,EAAE;MAChB;IACF;IACA,IAAI,IAAAc,qBAAS,GAAE,EAAE;MACf,IAAMC,EAAE,GAAG,IAAIC,cAAc,CAAC,UAACN,OAA8B,EAAK;QAChEF,YAAY,CAACE,OAAO,CAAC;MACvB,CAAC,CAAC;MAEFK,EAAE,CAACE,OAAO,CAAClB,GAAG,CAACc,OAAO,CAAC;MAEvB,OAAO,YAAM;QACXE,EAAE,CAACG,UAAU,EAAE;MACjB,CAAC;IACH;EACF,CAAC,EAAE,CAAClB,YAAY,CAAC,CAAC;EAElB,IAAIA,YAAY,EAAE;IAChB,OAAOA,YAAY;EACrB;EACA,OAAO;IAAEM,KAAK,EAALA;EAAM,CAAC;AAClB,CAAC;AAACa,OAAA,CAAArB,iBAAA,GAAAA,iBAAA"}

package/libs/ellipsis/lib/es6/Ellipsis.js

@@ -0,0 +1,284 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps2 } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import React from 'react';
+import createComponent, { Component, Root, sstyled } from '@semcore/core';
+import Tooltip from '@semcore/tooltip';
+import { Box } from '@semcore/flex-box';
+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_ej73c_gg_,.___SContainer_ej73c_gg_,.___SEllipsis_ej73c_gg_.__middle-mod_ej73c_gg_,.___SNoTooltipContainer_ej73c_gg_{display:flex;overflow:hidden}.___SBeginning_ej73c_gg_,.___SEllipsis_ej73c_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.___SEllipsis_ej73c_gg_.__maxLine_ej73c_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_ej73c);-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.___STail_ej73c_gg_{white-space:nowrap}" /*__inner_css_end__*/, "ej73c_gg_") /*__reshadow_css_end__*/, {
+  "__SContainer": "___SContainer_ej73c_gg_",
+  "__SNoTooltipContainer": "___SNoTooltipContainer_ej73c_gg_",
+  "__SContainerMiddle": "___SContainerMiddle_ej73c_gg_",
+  "__SBeginning": "___SBeginning_ej73c_gg_",
+  "__SEllipsis": "___SEllipsis_ej73c_gg_",
+  "_middle-mod": "__middle-mod_ej73c_gg_",
+  "_maxLine": "__maxLine_ej73c_gg_",
+  "--maxLine": "--maxLine_ej73c",
+  "__STail": "___STail_ej73c_gg_"
+});
+import reactToText from '@semcore/utils/lib/reactToText';
+import getOriginChildren from '@semcore/utils/lib/getOriginChildren';
+import pick from '@semcore/utils/lib/pick';
+var defaultTooltipProps = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate'];
+var createMeasurerElement = function createMeasurerElement(element) {
+  var styleElement = window.getComputedStyle(element, null);
+  var temporaryElement = document.createElement('temporary-block');
+  temporaryElement.style.display = 'inline-block';
+  temporaryElement.style.padding = '0';
+  temporaryElement.style.position = 'absolute';
+  temporaryElement.style.right = '150%';
+  temporaryElement.style.bottom = '150%';
+  temporaryElement.style.visibility = 'hidden';
+  temporaryElement.style.fontFamily = styleElement.getPropertyValue('font-family');
+  temporaryElement.style.fontSize = styleElement.getPropertyValue('font-size');
+  temporaryElement.style.fontWeight = styleElement.getPropertyValue('font-weight');
+  temporaryElement.innerHTML = element.innerHTML;
+  return temporaryElement;
+};
+function isTextOverflowing(element, multiline) {
+  if (!element) return false;
+  var _element$getBoundingC = element.getBoundingClientRect(),
+    currentHeight = _element$getBoundingC.height,
+    currentWidth = _element$getBoundingC.width;
+  var measuringElement = createMeasurerElement(element);
+  var currentSize;
+  var initialSize;
+  document.body.appendChild(measuringElement);
+  if (multiline) {
+    currentSize = currentHeight;
+    measuringElement.style.width = "".concat(currentWidth, "px");
+    initialSize = measuringElement.getBoundingClientRect().height;
+  } else {
+    currentSize = currentWidth;
+    measuringElement.style.whiteSpace = 'nowrap';
+    initialSize = measuringElement.getBoundingClientRect().width;
+  }
+  document.body.removeChild(measuringElement);
+  return currentSize < initialSize;
+}
+var forcedAdvancedMode = {
+  forcedAdvancedMode: true
+};
+var noAdvancedMode = {};
+var RootEllipsis = /*#__PURE__*/function (_Component) {
+  _inherits(RootEllipsis, _Component);
+  var _super = _createSuper(RootEllipsis);
+  function RootEllipsis() {
+    var _this;
+    _classCallCheck(this, RootEllipsis);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      visible: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "textRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "handlerVisibleChange", function (visible) {
+      _this.setState({
+        visible: visible && _this.showTooltip()
+      });
+    });
+    return _this;
+  }
+  _createClass(RootEllipsis, [{
+    key: "showTooltip",
+    value: function showTooltip() {
+      var _this$asProps$maxLine = this.asProps.maxLine,
+        maxLine = _this$asProps$maxLine === void 0 ? 1 : _this$asProps$maxLine;
+      return isTextOverflowing(this.textRef.current, maxLine > 1);
+    }
+  }, {
+    key: "getContentProps",
+    value: function getContentProps() {
+      return {
+        ref: this.textRef,
+        maxLine: this.asProps.maxLine
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function getPopperProps() {
+      var _this$asProps = this.asProps,
+        Children = _this$asProps.Children,
+        includeTooltipProps = _this$asProps.includeTooltipProps;
+      var text = reactToText(getOriginChildren(Children));
+      var tooltipProps = pick(this.asProps, includeTooltipProps);
+      return _objectSpread({
+        children: text
+      }, tooltipProps);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref4;
+      var SEllipsis = this.Root;
+      var SContainer = Tooltip;
+      var SNoTooltipContainer = Box;
+      var _this$asProps2 = this.asProps,
+        styles = _this$asProps2.styles,
+        Children = _this$asProps2.Children,
+        maxLine = _this$asProps2.maxLine,
+        tooltip = _this$asProps2.tooltip,
+        trim = _this$asProps2.trim,
+        containerRect = _this$asProps2.containerRect,
+        containerRef = _this$asProps2.containerRef,
+        includeTooltipProps = _this$asProps2.includeTooltipProps;
+      var visible = this.state.visible;
+      var advancedContent = findComponent(Children, [Ellipsis.Content.displayName]);
+      var text = reactToText(advancedContent || getOriginChildren(Children));
+      var advanceMode = isAdvanceMode(Children, [Ellipsis.Content.displayName, Ellipsis.Popper.displayName]);
+      var tooltipProps = pick(this.asProps, includeTooltipProps);
+      if (trim === 'middle') {
+        var _ref2;
+        return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(EllipsisMiddle, _ref2.cn("EllipsisMiddle", {
+          "text": text,
+          "styles": styles,
+          "tooltip": tooltip,
+          "containerRect": containerRect,
+          "containerRef": containerRef,
+          "tooltipProps": tooltipProps,
+          "advanceMode": advanceMode
+        }), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
+      }
+      if (tooltip) {
+        var _ref3;
+        return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SContainer, _ref3.cn("SContainer", _objectSpread(_objectSpread({
+          "interaction": 'hover',
+          "title": !advanceMode ? text : undefined,
+          "visible": visible,
+          "onVisibleChange": this.handlerVisibleChange
+        }, tooltipProps), advanceMode ? forcedAdvancedMode : noAdvancedMode)), advanceMode ? /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {})) : /*#__PURE__*/React.createElement(SEllipsis, _ref3.cn("SEllipsis", {
+          "render": Box,
+          "ref": this.textRef,
+          "maxLine": maxLine
+        }), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))));
+      }
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SNoTooltipContainer, _ref4.cn("SNoTooltipContainer", {}), advanceMode ? /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/React.createElement(SEllipsis, _ref4.cn("SEllipsis", {
+        "render": Box,
+        "ref": this.textRef,
+        "maxLine": maxLine
+      }), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))));
+    }
+  }]);
+  return RootEllipsis;
+}(Component);
+_defineProperty(RootEllipsis, "displayName", 'Ellipsis');
+_defineProperty(RootEllipsis, "style", style);
+_defineProperty(RootEllipsis, "defaultProps", {
+  trim: 'end',
+  tooltip: true,
+  includeTooltipProps: defaultTooltipProps,
+  __excludeProps: ['title']
+});
+var EllipsisMiddleContext = /*#__PURE__*/React.createContext(null);
+var EllipsisMiddle = function EllipsisMiddle(props) {
+  var _ref7;
+  var styles = props.styles,
+    text = props.text,
+    tooltip = props.tooltip,
+    containerRect = props.containerRect,
+    containerRef = props.containerRef,
+    tooltipProps = props.tooltipProps,
+    children = props.children,
+    advanceMode = props.advanceMode;
+  var resizeElement = React.useRef(null);
+  var _React$useState = React.useState({
+      fontSize: '14',
+      symbolWidth: 0
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    dimension = _React$useState2[0],
+    setDimension = _React$useState2[1];
+  var blockWidth = useResizeObserver(resizeElement, containerRect).width;
+  useEnhancedEffect(function () {
+    var node = (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || (resizeElement === null || resizeElement === void 0 ? void 0 : resizeElement.current);
+    if (!node) return;
+    var dateSpan = document.createElement('temporary-block');
+    dateSpan.setAttribute('style', "fontSize: ".concat(dimension.fontSize, "px"));
+    dateSpan.innerHTML = 'a';
+    document.body.appendChild(dateSpan);
+    var rect = dateSpan.getBoundingClientRect();
+    setDimension({
+      fontSize: window.getComputedStyle(node, null).getPropertyValue('font-size'),
+      symbolWidth: rect.width
+    });
+    document.body.removeChild(dateSpan);
+  }, []);
+  var STail = 'span';
+  var SBeginning = 'span';
+  var SContainerMiddle = Box;
+  var SAdvancedModeContainerMiddle = Tooltip;
+  var displayedSymbols = React.useMemo(function () {
+    return Math.round(blockWidth / dimension.symbolWidth);
+  }, [blockWidth, dimension.symbolWidth]);
+  var interaction = text.length > displayedSymbols ? 'hover' : 'none';
+  var ref = containerRef !== null && containerRef !== void 0 ? containerRef : resizeElement;
+  var contextValue = React.useMemo(function () {
+    return {
+      begining: text.substring(0, text.length - displayedSymbols / 2 - 1),
+      tail: text.substring(text.length - displayedSymbols / 2 - 1),
+      ref: ref
+    };
+  }, [text, displayedSymbols]);
+  if (advanceMode) {
+    var _ref5;
+    return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SAdvancedModeContainerMiddle, _ref5.cn("SAdvancedModeContainerMiddle", _objectSpread(_objectSpread({
+      "interaction": interaction
+    }, tooltipProps), forcedAdvancedMode)), /*#__PURE__*/React.createElement(EllipsisMiddleContext.Provider, {
+      value: contextValue
+    }, children));
+  }
+  if (tooltip) {
+    var _ref6;
+    return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SContainerMiddle, _ref6.cn("SContainerMiddle", _objectSpread({
+      "interaction": interaction,
+      "title": text,
+      "ref": ref,
+      "tag": Tooltip,
+      "__excludeProps": ['title']
+    }, tooltipProps)), /*#__PURE__*/React.createElement(SBeginning, _ref6.cn("SBeginning", {}), text.substring(0, text.length - displayedSymbols / 2 - 1)), /*#__PURE__*/React.createElement(STail, _ref6.cn("STail", {}), text.substring(text.length - displayedSymbols / 2 - 1)));
+  }
+  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SContainerMiddle, _ref7.cn("SContainerMiddle", {
+    "ref": containerRef !== null && containerRef !== void 0 ? containerRef : resizeElement
+  }), /*#__PURE__*/React.createElement(SBeginning, _ref7.cn("SBeginning", {}), text.substring(0, text.length - displayedSymbols / 2 - 1)), /*#__PURE__*/React.createElement(STail, _ref7.cn("STail", {}), text.substring(text.length - displayedSymbols / 2 - 1)));
+};
+var Content = function Content(_ref10) {
+  var _ref = arguments[0],
+    _ref9;
+  var styles = _ref10.styles,
+    Children = _ref10.Children;
+  var SEllipsis = Tooltip.Trigger;
+  var ellipsisMiddleContext = React.useContext(EllipsisMiddleContext);
+  var STail = 'span';
+  var SBeginning = 'span';
+  if (ellipsisMiddleContext) {
+    var _ref8;
+    var begining = ellipsisMiddleContext.begining,
+      tail = ellipsisMiddleContext.tail,
+      ref = ellipsisMiddleContext.ref;
+    return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SEllipsis, _ref8.cn("SEllipsis", _objectSpread({}, _assignProps({
+      "middle-mod": true,
+      "ref": ref
+    }, _ref))), /*#__PURE__*/React.createElement(SBeginning, _ref8.cn("SBeginning", {}), begining), /*#__PURE__*/React.createElement(STail, _ref8.cn("STail", {}), tail));
+  }
+  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SEllipsis, _ref9.cn("SEllipsis", _objectSpread({}, _assignProps2({}, _ref))), /*#__PURE__*/React.createElement(Children, _ref9.cn("Children", {})));
+};
+var Ellipsis = createComponent(RootEllipsis, {
+  Content: Content,
+  Popper: Tooltip.Popper
+});
+export default Ellipsis;
+//# sourceMappingURL=Ellipsis.js.map

package/libs/ellipsis/lib/es6/Ellipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipsis.js","names":["React","createComponent","Component","Root","sstyled","Tooltip","Box","useResizeObserver","useEnhancedEffect","findComponent","isAdvanceMode","style","_sstyled","insert","reactToText","getOriginChildren","pick","defaultTooltipProps","createMeasurerElement","element","styleElement","window","getComputedStyle","temporaryElement","document","createElement","display","padding","position","right","bottom","visibility","fontFamily","getPropertyValue","fontSize","fontWeight","innerHTML","isTextOverflowing","multiline","_element$getBoundingC","getBoundingClientRect","currentHeight","height","currentWidth","width","measuringElement","currentSize","initialSize","body","appendChild","concat","whiteSpace","removeChild","forcedAdvancedMode","noAdvancedMode","RootEllipsis","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","visible","createRef","setState","showTooltip","_createClass","key","value","_this$asProps$maxLine","asProps","maxLine","textRef","current","getContentProps","ref","getPopperProps","_this$asProps","Children","includeTooltipProps","text","tooltipProps","_objectSpread","children","render","_ref4","SEllipsis","SContainer","SNoTooltipContainer","_this$asProps2","styles","tooltip","trim","containerRect","containerRef","state","advancedContent","Ellipsis","Content","displayName","advanceMode","Popper","_ref2","EllipsisMiddle","cn","_ref3","undefined","handlerVisibleChange","__excludeProps","EllipsisMiddleContext","createContext","props","_ref7","resizeElement","useRef","_React$useState","useState","symbolWidth","_React$useState2","_slicedToArray","dimension","setDimension","blockWidth","node","dateSpan","setAttribute","rect","STail","SBeginning","SContainerMiddle","SAdvancedModeContainerMiddle","displayedSymbols","useMemo","Math","round","interaction","contextValue","begining","substring","tail","_ref5","Provider","_ref6","_ref10","_ref","arguments[0]","_ref9","Trigger","ellipsisMiddleContext","useContext","_ref8","_assignProps","_assignProps2"],"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';\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  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};\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];\n\nconst createMeasurerElement = (element: HTMLDivElement) => {\n  const styleElement = window.getComputedStyle(element, null);\n  const temporaryElement = document.createElement('temporary-block');\n  temporaryElement.style.display = 'inline-block';\n  temporaryElement.style.padding = '0';\n  temporaryElement.style.position = 'absolute';\n  temporaryElement.style.right = '150%';\n  temporaryElement.style.bottom = '150%';\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\n  temporaryElement.innerHTML = element.innerHTML;\n  return temporaryElement;\n};\n\nfunction isTextOverflowing(element: HTMLDivElement, multiline: boolean): boolean {\n  if (!element) return false;\n\n  const { height: currentHeight, width: currentWidth } = element.getBoundingClientRect();\n  const measuringElement = createMeasurerElement(element);\n  let currentSize;\n  let initialSize;\n  document.body.appendChild(measuringElement);\n  if (multiline) {\n    currentSize = currentHeight;\n    measuringElement.style.width = `${currentWidth}px`;\n    initialSize = measuringElement.getBoundingClientRect().height;\n  } else {\n    currentSize = currentWidth;\n    measuringElement.style.whiteSpace = 'nowrap';\n    initialSize = measuringElement.getBoundingClientRect().width;\n  }\n  document.body.removeChild(measuringElement);\n  return currentSize < initialSize;\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 } = this.asProps;\n    return isTextOverflowing(this.textRef.current!, maxLine > 1);\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    } = 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    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          tooltipProps={tooltipProps}\n          advanceMode={advanceMode}\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          visible={visible}\n          onVisibleChange={this.handlerVisibleChange}\n          {...tooltipProps}\n          {...(advanceMode ? forcedAdvancedMode : noAdvancedMode)}\n        >\n          {advanceMode ? (\n            <Children />\n          ) : (\n            <SEllipsis render={Box} ref={this.textRef} maxLine={maxLine}>\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}>\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    tooltipProps,\n    children,\n    advanceMode,\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 = 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={ref}\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 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":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,OAAOC,eAAe,IAAIC,SAAS,EAAiBC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACxF,OAAOC,OAAO,MAAwB,kBAAkB;AACxD,SAASC,GAAG,QAAkB,mBAAmB;AACjD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,OAAOC,iBAAiB,MAAM,0CAA0C;AACxE,OAAOC,aAAa,IAAIC,aAAa,QAAQ,kCAAkC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGhF,OAAOC,WAAW,MAAM,gCAAgC;AACxD,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,IAAI,MAAM,yBAAyB;AA0D1C,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,CAChB;AAED,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,OAAuB,EAAK;EACzD,IAAMC,YAAY,GAAGC,MAAM,CAACC,gBAAgB,CAACH,OAAO,EAAE,IAAI,CAAC;EAC3D,IAAMI,gBAAgB,GAAGC,QAAQ,CAACC,aAAa,CAAC,iBAAiB,CAAC;EAClEF,gBAAgB,CAACZ,KAAK,CAACe,OAAO,GAAG,cAAc;EAC/CH,gBAAgB,CAACZ,KAAK,CAACgB,OAAO,GAAG,GAAG;EACpCJ,gBAAgB,CAACZ,KAAK,CAACiB,QAAQ,GAAG,UAAU;EAC5CL,gBAAgB,CAACZ,KAAK,CAACkB,KAAK,GAAG,MAAM;EACrCN,gBAAgB,CAACZ,KAAK,CAACmB,MAAM,GAAG,MAAM;EACtCP,gBAAgB,CAACZ,KAAK,CAACoB,UAAU,GAAG,QAAQ;EAC5CR,gBAAgB,CAACZ,KAAK,CAACqB,UAAU,GAAGZ,YAAY,CAACa,gBAAgB,CAAC,aAAa,CAAC;EAChFV,gBAAgB,CAACZ,KAAK,CAACuB,QAAQ,GAAGd,YAAY,CAACa,gBAAgB,CAAC,WAAW,CAAC;EAC5EV,gBAAgB,CAACZ,KAAK,CAACwB,UAAU,GAAGf,YAAY,CAACa,gBAAgB,CAAC,aAAa,CAAC;EAEhFV,gBAAgB,CAACa,SAAS,GAAGjB,OAAO,CAACiB,SAAS;EAC9C,OAAOb,gBAAgB;AACzB,CAAC;AAED,SAASc,iBAAiBA,CAAClB,OAAuB,EAAEmB,SAAkB,EAAW;EAC/E,IAAI,CAACnB,OAAO,EAAE,OAAO,KAAK;EAE1B,IAAAoB,qBAAA,GAAuDpB,OAAO,CAACqB,qBAAqB,EAAE;IAAtEC,aAAa,GAAAF,qBAAA,CAArBG,MAAM;IAAwBC,YAAY,GAAAJ,qBAAA,CAAnBK,KAAK;EACpC,IAAMC,gBAAgB,GAAG3B,qBAAqB,CAACC,OAAO,CAAC;EACvD,IAAI2B,WAAW;EACf,IAAIC,WAAW;EACfvB,QAAQ,CAACwB,IAAI,CAACC,WAAW,CAACJ,gBAAgB,CAAC;EAC3C,IAAIP,SAAS,EAAE;IACbQ,WAAW,GAAGL,aAAa;IAC3BI,gBAAgB,CAAClC,KAAK,CAACiC,KAAK,MAAAM,MAAA,CAAMP,YAAY,OAAI;IAClDI,WAAW,GAAGF,gBAAgB,CAACL,qBAAqB,EAAE,CAACE,MAAM;EAC/D,CAAC,MAAM;IACLI,WAAW,GAAGH,YAAY;IAC1BE,gBAAgB,CAAClC,KAAK,CAACwC,UAAU,GAAG,QAAQ;IAC5CJ,WAAW,GAAGF,gBAAgB,CAACL,qBAAqB,EAAE,CAACI,KAAK;EAC9D;EACApB,QAAQ,CAACwB,IAAI,CAACI,WAAW,CAACP,gBAAgB,CAAC;EAC3C,OAAOC,WAAW,GAAGC,WAAW;AAClC;AAEA,IAAMM,kBAAkB,GAAG;EAAEA,kBAAkB,EAAE;AAAK,CAAQ;AAC9D,IAAMC,cAAc,GAAG,CAAC,CAAQ;AAAC,IAE3BC,YAAY,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,YAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,YAAA;EAAA,SAAAA,aAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,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,SAAAR,MAAA,CAAAe,IAAA;IAAAK,eAAA,CAAAC,sBAAA,CAAAX,KAAA,YAUR;MACNY,OAAO,EAAE;IACX,CAAC;IAAAF,eAAA,CAAAC,sBAAA,CAAAX,KAAA,2BAES5D,KAAK,CAACyE,SAAS,EAAkB;IAAAH,eAAA,CAAAC,sBAAA,CAAAX,KAAA,2BAOpB,UAACY,OAAgB,EAAK;MAC3CZ,KAAA,CAAKc,QAAQ,CAAC;QAAEF,OAAO,EAAEA,OAAO,IAAIZ,KAAA,CAAKe,WAAW;MAAG,CAAC,CAAC;IAC3D,CAAC;IAAA,OAAAf,KAAA;EAAA;EAAAgB,YAAA,CAAArB,YAAA;IAAAsB,GAAA;IAAAC,KAAA,EAPD,SAAAH,YAAA,EAAc;MACZ,IAAAI,qBAAA,GAAwB,IAAI,CAACC,OAAO,CAA5BC,OAAO;QAAPA,OAAO,GAAAF,qBAAA,cAAG,CAAC,GAAAA,qBAAA;MACnB,OAAO1C,iBAAiB,CAAC,IAAI,CAAC6C,OAAO,CAACC,OAAO,EAAGF,OAAO,GAAG,CAAC,CAAC;IAC9D;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAMD,SAAAM,gBAAA,EAAkB;MAChB,OAAO;QACLC,GAAG,EAAE,IAAI,CAACH,OAAO;QACjBD,OAAO,EAAE,IAAI,CAACD,OAAO,CAACC;MACxB,CAAC;IACH;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAQ,eAAA,EAAiB;MACf,IAAAC,aAAA,GAA0C,IAAI,CAACP,OAAO;QAA9CQ,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,mBAAmB,GAAAF,aAAA,CAAnBE,mBAAmB;MACrC,IAAMC,IAAI,GAAG5E,WAAW,CAACC,iBAAiB,CAACyE,QAAQ,CAAC,CAAC;MACrD,IAAMG,YAAY,GAAG3E,IAAI,CAAC,IAAI,CAACgE,OAAO,EAAES,mBAAmB,CAAwB;MACnF,OAAAG,aAAA;QAASC,QAAQ,EAAEH;MAAI,GAAKC,YAAY;IAC1C;EAAC;IAAAd,GAAA;IAAAC,KAAA,EAED,SAAAgB,OAAA,EAAS;MAAA,IAAAC,KAAA;MACP,IAAMC,SAAS,GAAG,IAAI,CAAC7F,IAAI;MAC3B,IAAM8F,UAAU,GAAG5F,OAAO;MAC1B,IAAM6F,mBAAmB,GAAG5F,GAAG;MAC/B,IAAA6F,cAAA,GASI,IAAI,CAACnB,OAAO;QARdoB,MAAM,GAAAD,cAAA,CAANC,MAAM;QACNZ,QAAQ,GAAAW,cAAA,CAARX,QAAQ;QACRP,OAAO,GAAAkB,cAAA,CAAPlB,OAAO;QACPoB,OAAO,GAAAF,cAAA,CAAPE,OAAO;QACPC,IAAI,GAAAH,cAAA,CAAJG,IAAI;QACJC,aAAa,GAAAJ,cAAA,CAAbI,aAAa;QACbC,YAAY,GAAAL,cAAA,CAAZK,YAAY;QACZf,mBAAmB,GAAAU,cAAA,CAAnBV,mBAAmB;MAErB,IAAQjB,OAAO,GAAK,IAAI,CAACiC,KAAK,CAAtBjC,OAAO;MACf,IAAMkC,eAAe,GAAGjG,aAAa,CAAC+E,QAAQ,EAAE,CAAEmB,QAAQ,CAASC,OAAO,CAACC,WAAW,CAAC,CAAC;MACxF,IAAMnB,IAAI,GAAG5E,WAAW,CAAC4F,eAAe,IAAI3F,iBAAiB,CAACyE,QAAQ,CAAC,CAAC;MACxE,IAAMsB,WAAW,GAAGpG,aAAa,CAAC8E,QAAQ,EAAE,CACzCmB,QAAQ,CAASC,OAAO,CAACC,WAAW,EACpCF,QAAQ,CAASI,MAAM,CAACF,WAAW,CACrC,CAAC;MACF,IAAMlB,YAAY,GAAG3E,IAAI,CAAC,IAAI,CAACgE,OAAO,EAAES,mBAAmB,CAAwB;MACnF,IAAIa,IAAI,KAAK,QAAQ,EAAE;QAAA,IAAAU,KAAA;QACrB,OAAAA,KAAA,GAAO5G,OAAO,CAACgG,MAAM,CAAC,eACpBpG,KAAA,CAAAyB,aAAA,CAACwF,cAAc,EAAAD,KAAA,CAAAE,EAAA;UAAA,QACPxB,IAAI;UAAA,UACFU,MAAM;UAAA,WACLC,OAAO;UAAA,iBACDE,aAAa;UAAA,gBACdC,YAAY;UAAA,gBACZb,YAAY;UAAA,eACbmB;QAAW,iBAExB9G,KAAA,CAAAyB,aAAA,CAAC+D,QAAQ,EAAAwB,KAAA,CAAAE,EAAA,iBAAG,CACG;MAErB;MACA,IAAIb,OAAO,EAAE;QAAA,IAAAc,KAAA;QACX,OAAAA,KAAA,GAAO/G,OAAO,CAACgG,MAAM,CAAC,eACpBpG,KAAA,CAAAyB,aAAA,CAACwE,UAAU,EAAAkB,KAAA,CAAAD,EAAA,eAAAtB,aAAA,CAAAA,aAAA;UAAA,eACG,OAAO;UAAA,SACZ,CAACkB,WAAW,GAAGpB,IAAI,GAAG0B,SAAS;UAAA,WAC7B5C,OAAO;UAAA,mBACC,IAAI,CAAC6C;QAAoB,GACtC1B,YAAY,GACXmB,WAAW,GAAGzD,kBAAkB,GAAGC,cAAc,IAErDwD,WAAW,gBACV9G,KAAA,CAAAyB,aAAA,CAAC+D,QAAQ,EAAA2B,KAAA,CAAAD,EAAA,iBAAG,gBAEZlH,KAAA,CAAAyB,aAAA,CAACuE,SAAS,EAAAmB,KAAA,CAAAD,EAAA;UAAA,UAAS5G,GAAG;UAAA,OAAO,IAAI,CAAC4E,OAAO;UAAA,WAAWD;QAAO,iBACzDjF,KAAA,CAAAyB,aAAA,CAAC+D,QAAQ,EAAA2B,KAAA,CAAAD,EAAA,iBAAG,CAEf,CACU;MAEjB;MACA,OAAAnB,KAAA,GAAO3F,OAAO,CAACgG,MAAM,CAAC,eACpBpG,KAAA,CAAAyB,aAAA,CAACyE,mBAAmB,EAAAH,KAAA,CAAAmB,EAAA,6BACjBJ,WAAW,gBACV9G,KAAA,CAAAyB,aAAA,CAAC+D,QAAQ,EAAAO,KAAA,CAAAmB,EAAA,iBAAG,gBAEZlH,KAAA,CAAAyB,aAAA,CAACuE,SAAS,EAAAD,KAAA,CAAAmB,EAAA;QAAA,UAAS5G,GAAG;QAAA,OAAO,IAAI,CAAC4E,OAAO;QAAA,WAAWD;MAAO,iBACzDjF,KAAA,CAAAyB,aAAA,CAAC+D,QAAQ,EAAAO,KAAA,CAAAmB,EAAA,iBAAG,CAEf,CACmB;IAE1B;EAAC;EAAA,OAAA3D,YAAA;AAAA,EA3GwBrD,SAAS;AAAAoE,eAAA,CAA9Bf,YAAY,iBACK,UAAU;AAAAe,eAAA,CAD3Bf,YAAY,WAED5C,KAAK;AAAA2D,eAAA,CAFhBf,YAAY,kBAGe;EAC7B+C,IAAI,EAAE,KAAK;EACXD,OAAO,EAAE,IAAI;EACbZ,mBAAmB,EAAExE,mBAAmB;EACxCqG,cAAc,EAAE,CAAC,OAAO;AAC1B,CAAC;AAsGH,IAAMC,qBAAqB,gBAAGvH,KAAK,CAACwH,aAAa,CAI9C,IAAI,CAAC;AAER,IAAMP,cAAuC,GAAG,SAA1CA,cAAuCA,CAAIQ,KAAK,EAAK;EAAA,IAAAC,KAAA;EACzD,IACEtB,MAAM,GAQJqB,KAAK,CARPrB,MAAM;IACNV,IAAI,GAOF+B,KAAK,CAPP/B,IAAI;IACJW,OAAO,GAMLoB,KAAK,CANPpB,OAAO;IACPE,aAAa,GAKXkB,KAAK,CALPlB,aAAa;IACbC,YAAY,GAIViB,KAAK,CAJPjB,YAAY;IACZb,YAAY,GAGV8B,KAAK,CAHP9B,YAAY;IACZE,QAAQ,GAEN4B,KAAK,CAFP5B,QAAQ;IACRiB,WAAW,GACTW,KAAK,CADPX,WAAW;EAEb,IAAMa,aAAa,GAAG3H,KAAK,CAAC4H,MAAM,CAAiB,IAAI,CAAC;EACxD,IAAAC,eAAA,GAAkC7H,KAAK,CAAC8H,QAAQ,CAA4C;MAC1F5F,QAAQ,EAAE,IAAI;MACd6F,WAAW,EAAE;IACf,CAAC,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA;IAHKK,SAAS,GAAAF,gBAAA;IAAEG,YAAY,GAAAH,gBAAA;EAI9B,IAAMI,UAAU,GAAG7H,iBAAiB,CAACoH,aAAa,EAAEpB,aAAa,CAAC,CAAC3D,KAAK;EAExEpC,iBAAiB,CAAC,YAAM;IACtB,IAAM6H,IAAI,GAAG,CAAA7B,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAErB,OAAO,MAAIwC,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAExC,OAAO;IAC5D,IAAI,CAACkD,IAAI,EAAE;IAEX,IAAMC,QAAQ,GAAG9G,QAAQ,CAACC,aAAa,CAAC,iBAAiB,CAAC;IAC1D6G,QAAQ,CAACC,YAAY,CAAC,OAAO,eAAArF,MAAA,CAAegF,SAAS,CAAChG,QAAQ,QAAK;IACnEoG,QAAQ,CAAClG,SAAS,GAAG,GAAG;IACxBZ,QAAQ,CAACwB,IAAI,CAACC,WAAW,CAACqF,QAAQ,CAAC;IACnC,IAAME,IAAI,GAAGF,QAAQ,CAAC9F,qBAAqB,EAAE;IAE7C2F,YAAY,CAAC;MACXjG,QAAQ,EAAEb,MAAM,CAACC,gBAAgB,CAAC+G,IAAI,EAAE,IAAI,CAAC,CAACpG,gBAAgB,CAAC,WAAW,CAAC;MAC3E8F,WAAW,EAAES,IAAI,CAAC5F;IACpB,CAAC,CAAC;IACFpB,QAAQ,CAACwB,IAAI,CAACI,WAAW,CAACkF,QAAQ,CAAC;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,KAAK,GAAG,MAAM;EACpB,IAAMC,UAAU,GAAG,MAAM;EACzB,IAAMC,gBAAgB,GAAGrI,GAAG;EAC5B,IAAMsI,4BAA4B,GAAGvI,OAAO;EAC5C,IAAMwI,gBAAgB,GAAG7I,KAAK,CAAC8I,OAAO,CACpC;IAAA,OAAMC,IAAI,CAACC,KAAK,CAACZ,UAAU,GAAGF,SAAS,CAACH,WAAW,CAAC;EAAA,GACpD,CAACK,UAAU,EAAEF,SAAS,CAACH,WAAW,CAAC,CACpC;EAED,IAAMkB,WAAW,GAAGvD,IAAI,CAAC1B,MAAM,GAAG6E,gBAAgB,GAAG,OAAO,GAAG,MAAM;EACrE,IAAMxD,GAAG,GAAGmB,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAImB,aAAa;EACzC,IAAMuB,YAAY,GAAGlJ,KAAK,CAAC8I,OAAO,CAChC;IAAA,OAAO;MACLK,QAAQ,EAAEzD,IAAI,CAAC0D,SAAS,CAAC,CAAC,EAAE1D,IAAI,CAAC1B,MAAM,GAAG6E,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC;MACnEQ,IAAI,EAAE3D,IAAI,CAAC0D,SAAS,CAAC1D,IAAI,CAAC1B,MAAM,GAAG6E,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC;MAC5DxD,GAAG,EAAHA;IACF,CAAC;EAAA,CAAC,EACF,CAACK,IAAI,EAAEmD,gBAAgB,CAAC,CACzB;EAED,IAAI/B,WAAW,EAAE;IAAA,IAAAwC,KAAA;IACf,OAAAA,KAAA,GAAOlJ,OAAO,CAACgG,MAAM,CAAC,eACpBpG,KAAA,CAAAyB,aAAA,CAACmH,4BAA4B,EAAAU,KAAA,CAAApC,EAAA,iCAAAtB,aAAA,CAAAA,aAAA;MAAA,eACdqD;IAAW,GACpBtD,YAAY,GACZtC,kBAAkB,iBAEtBrD,KAAA,CAAAyB,aAAA,CAAC8F,qBAAqB,CAACgC,QAAQ;MAACzE,KAAK,EAAEoE;IAAa,GACjDrD,QAAQ,CACsB,CACJ;EAEnC;EACA,IAAIQ,OAAO,EAAE;IAAA,IAAAmD,KAAA;IACX,OAAAA,KAAA,GAAOpJ,OAAO,CAACgG,MAAM,CAAC,eACpBpG,KAAA,CAAAyB,aAAA,CAACkH,gBAAgB,EAAAa,KAAA,CAAAtC,EAAA,qBAAAtB,aAAA;MAAA,eACFqD,WAAW;MAAA,SACjBvD,IAAI;MAAA,OACNL,GAAG;MAAA,OACHhF,OAAO;MAAA,kBACI,CAAC,OAAO;IAAC,GACrBsF,YAAY,iBAEhB3F,KAAA,CAAAyB,aAAA,CAACiH,UAAU,EAAAc,KAAA,CAAAtC,EAAA,oBAAExB,IAAI,CAAC0D,SAAS,CAAC,CAAC,EAAE1D,IAAI,CAAC1B,MAAM,GAAG6E,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAc,eACpF7I,KAAA,CAAAyB,aAAA,CAACgH,KAAK,EAAAe,KAAA,CAAAtC,EAAA,eAAExB,IAAI,CAAC0D,SAAS,CAAC1D,IAAI,CAAC1B,MAAM,GAAG6E,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAS,CACtD;EAEvB;EACA,OAAAnB,KAAA,GAAOtH,OAAO,CAACgG,MAAM,CAAC,eACpBpG,KAAA,CAAAyB,aAAA,CAACkH,gBAAgB,EAAAjB,KAAA,CAAAR,EAAA;IAAA,OAAMV,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAImB;EAAa,iBAClD3H,KAAA,CAAAyB,aAAA,CAACiH,UAAU,EAAAhB,KAAA,CAAAR,EAAA,oBAAExB,IAAI,CAAC0D,SAAS,CAAC,CAAC,EAAE1D,IAAI,CAAC1B,MAAM,GAAG6E,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAc,eACpF7I,KAAA,CAAAyB,aAAA,CAACgH,KAAK,EAAAf,KAAA,CAAAR,EAAA,eAAExB,IAAI,CAAC0D,SAAS,CAAC1D,IAAI,CAAC1B,MAAM,GAAG6E,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAS,CACtD;AAEvB,CAAC;AAOD,IAAMjC,OAAyC,GAAG,SAA5CA,OAAyCA,CAAA6C,MAAA,EAA6B;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAAA,IAAvBxD,MAAM,GAAAqD,MAAA,CAANrD,MAAM;IAAEZ,QAAQ,GAAAiE,MAAA,CAARjE,QAAQ;EACnE,IAAMQ,SAAS,GAgBM3F,OAAO,CAACwJ,OAAO;EAfpC,IAAMC,qBAAqB,GAAG9J,KAAK,CAAC+J,UAAU,CAACxC,qBAAqB,CAAC;EACrE,IAAMkB,KAAK,GAAG,MAAM;EACpB,IAAMC,UAAU,GAAG,MAAM;EAEzB,IAAIoB,qBAAqB,EAAE;IAAA,IAAAE,KAAA;IACzB,IAAQb,QAAQ,GAAgBW,qBAAqB,CAA7CX,QAAQ;MAAEE,IAAI,GAAUS,qBAAqB,CAAnCT,IAAI;MAAEhE,GAAG,GAAKyE,qBAAqB,CAA7BzE,GAAG;IAC3B,OAAA2E,KAAA,GAAO5J,OAAO,CAACgG,MAAM,CAAC,eACpBpG,KAAA,CAAAyB,aAAA,CAACuE,SAAS,EAAAgE,KAAA,CAAA9C,EAAA,cAAAtB,aAAA,KAAAqE,YAAA;MAAA;MAAA,OAA0C5E;IAAG,GAAAqE,IAAA,kBACrD1J,KAAA,CAAAyB,aAAA,CAACiH,UAAU,EAAAsB,KAAA,CAAA9C,EAAA,oBAAEiC,QAAQ,CAAc,eACnCnJ,KAAA,CAAAyB,aAAA,CAACgH,KAAK,EAAAuB,KAAA,CAAA9C,EAAA,eAAEmC,IAAI,CAAS,CACX;EAEhB;EAEA,OAAAO,KAAA,GAAOxJ,OAAO,CAACgG,MAAM,CAAC,eACpBpG,KAAA,CAAAyB,aAAA,CAACuE,SAAS,EAAA4D,KAAA,CAAA1C,EAAA,cAAAtB,aAAA,KAAAsE,aAAA,KAAAR,IAAA,kBACR1J,KAAA,CAAAyB,aAAA,CAAC+D,QAAQ,EAAAoE,KAAA,CAAA1C,EAAA,iBAAG,CACF;AAEhB,CAAC;AAED,IAAMP,QAAQ,GAAG1G,eAAe,CAACsD,YAAY,EAAE;EAC7CqD,OAAO,EAAPA,OAAO;EACPG,MAAM,EAAE1G,OAAO,CAAC0G;AAClB,CAAC,CAGA;AAED,eAAeJ,QAAQ"}

package/libs/ellipsis/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

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

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

package/libs/ellipsis/lib/es6/index.js

@@ -0,0 +1,3 @@
+export { default } from './Ellipsis';
+export { useResizeObserver } from './useResizeObserver';
+//# sourceMappingURL=index.js.map

package/libs/ellipsis/lib/es6/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","useResizeObserver"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Ellipsis';\nexport { useResizeObserver } from './useResizeObserver';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AACpC,SAASC,iBAAiB,QAAQ,qBAAqB"}

package/libs/ellipsis/lib/es6/useResizeObserver.js

@@ -0,0 +1,37 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React from 'react';
+import useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';
+import canUseDOM from '@semcore/utils/lib/canUseDOM';
+export var useResizeObserver = function useResizeObserver(ref, hookOverride) {
+  var _React$useState = React.useState(0),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    width = _React$useState2[0],
+    setWidth = _React$useState2[1];
+  var handleResize = React.useCallback(function (entries) {
+    setWidth(entries[0].contentRect.width);
+  }, []);
+  useEnhancedEffect(function () {
+    if (!ref.current) {
+      return;
+    }
+    if (hookOverride) {
+      return;
+    }
+    if (canUseDOM()) {
+      var ro = new ResizeObserver(function (entries) {
+        handleResize(entries);
+      });
+      ro.observe(ref.current);
+      return function () {
+        ro.disconnect();
+      };
+    }
+  }, [hookOverride]);
+  if (hookOverride) {
+    return hookOverride;
+  }
+  return {
+    width: width
+  };
+};
+//# sourceMappingURL=useResizeObserver.js.map

package/libs/ellipsis/lib/es6/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","names":["React","useEnhancedEffect","canUseDOM","useResizeObserver","ref","hookOverride","_React$useState","useState","_React$useState2","_slicedToArray","width","setWidth","handleResize","useCallback","entries","contentRect","current","ro","ResizeObserver","observe","disconnect"],"sources":["../../src/useResizeObserver.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nexport const useResizeObserver = (\n  ref: RefObject<HTMLElement>,\n  hookOverride?: { width: number },\n) => {\n  const [width, setWidth] = React.useState<number>(0);\n\n  const handleResize = React.useCallback((entries: ResizeObserverEntry[]) => {\n    setWidth(entries[0].contentRect.width);\n  }, []);\n\n  useEnhancedEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    if (hookOverride) {\n      return;\n    }\n    if (canUseDOM()) {\n      const ro = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        handleResize(entries);\n      });\n\n      ro.observe(ref.current);\n\n      return () => {\n        ro.disconnect();\n      };\n    }\n  }, [hookOverride]);\n\n  if (hookOverride) {\n    return hookOverride;\n  }\n  return { width };\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,OAAOC,iBAAiB,MAAM,0CAA0C;AACxE,OAAOC,SAAS,MAAM,8BAA8B;AAEpD,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAC5BC,GAA2B,EAC3BC,YAAgC,EAC7B;EACH,IAAAC,eAAA,GAA0BN,KAAK,CAACO,QAAQ,CAAS,CAAC,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA5CI,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EAEtB,IAAMI,YAAY,GAAGZ,KAAK,CAACa,WAAW,CAAC,UAACC,OAA8B,EAAK;IACzEH,QAAQ,CAACG,OAAO,CAAC,CAAC,CAAC,CAACC,WAAW,CAACL,KAAK,CAAC;EACxC,CAAC,EAAE,EAAE,CAAC;EAENT,iBAAiB,CAAC,YAAM;IACtB,IAAI,CAACG,GAAG,CAACY,OAAO,EAAE;MAChB;IACF;IAEA,IAAIX,YAAY,EAAE;MAChB;IACF;IACA,IAAIH,SAAS,EAAE,EAAE;MACf,IAAMe,EAAE,GAAG,IAAIC,cAAc,CAAC,UAACJ,OAA8B,EAAK;QAChEF,YAAY,CAACE,OAAO,CAAC;MACvB,CAAC,CAAC;MAEFG,EAAE,CAACE,OAAO,CAACf,GAAG,CAACY,OAAO,CAAC;MAEvB,OAAO,YAAM;QACXC,EAAE,CAACG,UAAU,EAAE;MACjB,CAAC;IACH;EACF,CAAC,EAAE,CAACf,YAAY,CAAC,CAAC;EAElB,IAAIA,YAAY,EAAE;IAChB,OAAOA,YAAY;EACrB;EACA,OAAO;IAAEK,KAAK,EAALA;EAAM,CAAC;AAClB,CAAC"}

package/libs/ellipsis/lib/types/index.d.ts

@@ -0,0 +1,50 @@
+import { UnknownProperties, Intergalactic } from '@semcore/core';
+import { RefObject } from 'react';
+import { Box, BoxProps } from '@semcore/flex-box';
+import Tooltip, { TooltipProps } from '@semcore/tooltip';
+
+/** @deprecated */
+export interface IEllipsisProps extends EllipsisProps, UnknownProperties {}
+export type EllipsisProps = BoxProps &
+  Partial<TooltipProps> & {
+    /**
+     * Rows count in multiline Ellipsis
+     * @default 1
+     */
+    maxLine?: number;
+    /**
+     * Trimming type
+     * @default end
+     */
+    trim?: 'end' | 'middle';
+    /**
+     * Show tooltip
+     * @default true
+     */
+    tooltip?: boolean;
+    /**
+     * Ref to the item that will be observed by ResizeObserver
+     */
+    containerRef?: RefObject<HTMLElement | null>;
+    /**
+     * Explicit sizes of container text should be trimmed in
+     **/
+    containerRect?: { width: number };
+    /** List of props that will be passed to tooltip
+     * @default ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate']
+     */
+    includeTooltipProps?: string[];
+  };
+
+declare const useResizeObserver: (
+  ref: RefObject<HTMLElement>,
+  hookOverride?: { width: number },
+) => { width: number };
+
+declare const Ellipsis: Intergalactic.Component<'div', EllipsisProps> & {
+  Content: typeof Box;
+  Popper: typeof Tooltip.Popper;
+};
+
+export { useResizeObserver };
+export default Ellipsis;

package/libs/email/lib/badge/index.css

@@ -0,0 +1 @@
+.badge{border-radius:24px;color:#fff;display:inline-block;font-size:12px;line-height:14px;padding:4px 8px;text-align:center}

package/libs/email/lib/button/index.css

@@ -0,0 +1 @@
+.button{border:1px solid transparent;border-radius:6px;box-sizing:border-box;display:inline-block;font-size:16px;line-height:24px;padding:13px 24px;text-align:center;text-decoration:none}.button_addon-left,.button_addon-right{display:inline-block;height:20px;text-align:center;width:20px}.button_addon-left{margin-right:16px}.button_addon-right{margin-left:16px}.button-theme-primary-info{background-color:#0082e6;color:#fff}.button-theme-primary-info:hover{background-color:#005fb2!important}.button-theme-primary-success{background-color:#00bc98;color:#fff}.button-theme-primary-success:hover{background-color:#008275!important}.button-theme-primary-warning{background-color:#ff622d;color:#fff}.button-theme-primary-warning:hover{background-color:#b23300!important}.button-theme-primary-danger{background-color:#f71939;color:#fff}.button-theme-primary-danger:hover{background-color:#ac0614!important}.button-theme-primary-invert{background-color:#fff}.button-theme-primary-invert:hover{opacity:.6}.button-theme-secondary-default{border-color:#171a22;color:#171a22}.button-theme-secondary-default:hover{border-color:#ff622d!important;color:#ff622d!important}.button-theme-secondary-invert{border-color:#fff;color:#fff}.button-theme-secondary-invert:hover{opacity:.6}

package/libs/email/lib/core/base.css

@@ -0,0 +1 @@
+a,body,h1,h2,h3,h4,h5,h6,p,table.body{font-weight:400;line-height:normal;margin:0;padding:0}a,body,h1,h2,h3,h4,h5,h6,p,table.body,td,th{font-family:Helvetica,Arial,sans-serif;text-align:left}.spacer td,.spacer th{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;padding:0}td{word-wrap:break-word;border-collapse:collapse!important;font-weight:400;-webkit-hyphens:auto;hyphens:auto}img{height:auto;line-height:100%;outline:none;text-decoration:none}a img,img{border:0}.imageFix{display:block}#bodyTable{height:100%!important;margin:0;padding:0;width:100%!important}.w-100{width:100%}.bg-black{background-color:#171a22}.bg-white{background-color:#fff}.bg-lime-100{background-color:#c7fa73}.bg-lime-200{background-color:#84d149}.bg-red-100{background-color:#f27387}.bg-red-200{background-color:#f71939}.bg-red-300{background-color:#b01c3d}.bg-orange-100{background-color:#ff9400}.bg-orange-200{background-color:#ff622d}.bg-orange-300{background-color:#b23300}.bg-blue-100{background-color:#6edbff}.bg-blue-200{background-color:#0082e6}.bg-blue-300{background-color:#0070cc}.bg-gray-100{background-color:#f6f7f8}.bg-gray-200{background-color:#d1d4db}.bg-gray-300{background-color:#898d9a}.bg-gray-400{background-color:#575c66}.bg-purple-100{background-color:#b880ff}.bg-purple-200{background-color:#6b30c7}.bg-purple-300{background-color:#421983}.bg-green-100{background-color:#45e0a8}.bg-green-200{background-color:#00bc98}.bg-green-300{background-color:#008275}.bg-pink{background-color:#ff7ad1}.bold{font-weight:700}.nowrap{white-space:nowrap}.text-center{text-align:center}@media (min-width:480px){.show-mobile{display:none!important}}@media (max-width:479px){.show-desktop{display:none!important}.mobile_text-center{text-align:center}.mobile_w-100{width:100%}}

package/libs/email/lib/core/index.css

@@ -0,0 +1 @@
+a,body,h1,h2,h3,h4,h5,h6,p,table.body{font-weight:400;line-height:normal;margin:0;padding:0}a,body,h1,h2,h3,h4,h5,h6,p,table.body,td,th{font-family:Helvetica,Arial,sans-serif;text-align:left}.spacer td,.spacer th{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;padding:0}td{word-wrap:break-word;border-collapse:collapse!important;font-weight:400;-webkit-hyphens:auto;hyphens:auto}img{height:auto;line-height:100%;outline:none;text-decoration:none}a img,img{border:0}.imageFix{display:block}#bodyTable{height:100%!important;margin:0;padding:0;width:100%!important}.w-100{width:100%}.bg-black{background-color:#171a22}.bg-white{background-color:#fff}.bg-lime-100{background-color:#c7fa73}.bg-lime-200{background-color:#84d149}.bg-red-100{background-color:#f27387}.bg-red-200{background-color:#f71939}.bg-red-300{background-color:#b01c3d}.bg-orange-100{background-color:#ff9400}.bg-orange-200{background-color:#ff622d}.bg-orange-300{background-color:#b23300}.bg-blue-100{background-color:#6edbff}.bg-blue-200{background-color:#0082e6}.bg-blue-300{background-color:#0070cc}.bg-gray-100{background-color:#f6f7f8}.bg-gray-200{background-color:#d1d4db}.bg-gray-300{background-color:#898d9a}.bg-gray-400{background-color:#575c66}.bg-purple-100{background-color:#b880ff}.bg-purple-200{background-color:#6b30c7}.bg-purple-300{background-color:#421983}.bg-green-100{background-color:#45e0a8}.bg-green-200{background-color:#00bc98}.bg-green-300{background-color:#008275}.bg-pink{background-color:#ff7ad1}.bold{font-weight:700}.nowrap{white-space:nowrap}.text-center{text-align:center}@media (min-width:480px){.show-mobile{display:none!important}}@media (max-width:479px){.show-desktop{display:none!important}.mobile_text-center{text-align:center}.mobile_w-100{width:100%}}table.body{height:100%;width:100%}table.container{margin:0 auto;width:100%}table.row{padding:0;position:relative}table.row,table.spacer{width:100%}table.spacer td{mso-line-height-rule:exactly}table.container table.row{display:table}td.column,td.columns,th.column,th.columns{margin:0 auto}td.column .column center,td.column .columns center,td.columns .column center,td.columns .columns center,th.column .column center,th.column .columns center,th.columns .column center,th.columns .columns center{min-width:none!important}td.column table,td.columns table,th.column table,th.columns table{width:100%}td.large-1,th.large-1{width:32.33333px}td.large-1 center,th.large-1 center{min-width:.33333px}.body .column td.large-1,.body .column th.large-1,.body .columns td.large-1,.body .columns th.large-1{width:8.33333%}td.large-2,th.large-2{width:80.66667px}td.large-2 center,th.large-2 center{min-width:48.66667px}.body .column td.large-2,.body .column th.large-2,.body .columns td.large-2,.body .columns th.large-2{width:16.66667%}td.large-3,th.large-3{width:129px}td.large-3 center,th.large-3 center{min-width:97px}.body .column td.large-3,.body .column th.large-3,.body .columns td.large-3,.body .columns th.large-3{width:25%}td.large-4,th.large-4{width:177.33333px}td.large-4 center,th.large-4 center{min-width:145.33333px}.body .column td.large-4,.body .column th.large-4,.body .columns td.large-4,.body .columns th.large-4{width:33.33333%}td.large-5,th.large-5{width:225.66667px}td.large-5 center,th.large-5 center{min-width:193.66667px}.body .column td.large-5,.body .column th.large-5,.body .columns td.large-5,.body .columns th.large-5{width:41.66667%}td.large-6,th.large-6{width:274px}td.large-6 center,th.large-6 center{min-width:242px}.body .column td.large-6,.body .column th.large-6,.body .columns td.large-6,.body .columns th.large-6{width:50%}td.large-7,th.large-7{width:322.33333px}td.large-7 center,th.large-7 center{min-width:290.33333px}.body .column td.large-7,.body .column th.large-7,.body .columns td.large-7,.body .columns th.large-7{width:58.33333%}td.large-8,th.large-8{width:370.66667px}td.large-8 center,th.large-8 center{min-width:338.66667px}.body .column td.large-8,.body .column th.large-8,.body .columns td.large-8,.body .columns th.large-8{width:66.66667%}td.large-9,th.large-9{width:419px}td.large-9 center,th.large-9 center{min-width:387px}.body .column td.large-9,.body .column th.large-9,.body .columns td.large-9,.body .columns th.large-9{width:75%}td.large-10,th.large-10{width:467.33333px}td.large-10 center,th.large-10 center{min-width:435.33333px}.body .column td.large-10,.body .column th.large-10,.body .columns td.large-10,.body .columns th.large-10{width:83.33333%}td.large-11,th.large-11{width:515.66667px}td.large-11 center,th.large-11 center{min-width:483.66667px}.body .column td.large-11,.body .column th.large-11,.body .columns td.large-11,.body .columns th.large-11{width:91.66667%}td.large-12,th.large-12{width:564px}td.large-12 center,th.large-12 center{min-width:532px}.body .column td.large-12,.body .column th.large-12,.body .columns td.large-12,.body .columns th.large-12{width:100%}@media (max-width:479px){table.body img{height:auto;width:auto}table.body center{min-width:0!important}table.body .container{width:95%!important}table.body .column,table.body .columns{box-sizing:border-box;height:auto!important}td.small-1,th.small-1{display:inline-block!important;width:8.33333%!important}td.small-2,th.small-2{display:inline-block!important;width:16.66667%!important}td.small-3,th.small-3{display:inline-block!important;width:25%!important}td.small-4,th.small-4{display:inline-block!important;width:33.33333%!important}td.small-5,th.small-5{display:inline-block!important;width:41.66667%!important}td.small-6,th.small-6{display:inline-block!important;width:50%!important}td.small-7,th.small-7{display:inline-block!important;width:58.33333%!important}td.small-8,th.small-8{display:inline-block!important;width:66.66667%!important}td.small-9,th.small-9{display:inline-block!important;width:75%!important}td.small-10,th.small-10{display:inline-block!important;width:83.33333%!important}td.small-11,th.small-11{display:inline-block!important;width:91.66667%!important}td.small-12,th.small-12{display:inline-block!important;width:100%!important}.column td.small-12,.column th.small-12,.columns td.small-12,.columns th.small-12{display:block!important;width:100%!important}table.body td.small-offset-1,table.body th.small-offset-1{margin-left:8.33333%!important}table.body td.small-offset-2,table.body th.small-offset-2{margin-left:16.66667%!important}table.body td.small-offset-3,table.body th.small-offset-3{margin-left:25%!important}table.body td.small-offset-4,table.body th.small-offset-4{margin-left:33.33333%!important}table.body td.small-offset-5,table.body th.small-offset-5{margin-left:41.66667%!important}table.body td.small-offset-6,table.body th.small-offset-6{margin-left:50%!important}table.body td.small-offset-7,table.body th.small-offset-7{margin-left:58.33333%!important}table.body td.small-offset-8,table.body th.small-offset-8{margin-left:66.66667%!important}table.body td.small-offset-9,table.body th.small-offset-9{margin-left:75%!important}table.body td.small-offset-10,table.body th.small-offset-10{margin-left:83.33333%!important}table.body td.small-offset-11,table.body th.small-offset-11{margin-left:91.66667%!important}table.body table.columns td.expander,table.body table.columns th.expander{display:none!important}}.button{border:1px solid transparent;border-radius:6px;box-sizing:border-box;display:inline-block;font-size:16px;line-height:24px;padding:13px 24px;text-align:center;text-decoration:none}.button_addon-left,.button_addon-right{display:inline-block;height:20px;text-align:center;width:20px}.button_addon-left{margin-right:16px}.button_addon-right{margin-left:16px}.button-theme-primary-info{background-color:#0082e6;color:#fff}.button-theme-primary-info:hover{background-color:#005fb2!important}.button-theme-primary-success{background-color:#00bc98;color:#fff}.button-theme-primary-success:hover{background-color:#008275!important}.button-theme-primary-warning{background-color:#ff622d;color:#fff}.button-theme-primary-warning:hover{background-color:#b23300!important}.button-theme-primary-danger{background-color:#f71939;color:#fff}.button-theme-primary-danger:hover{background-color:#ac0614!important}.button-theme-primary-invert{background-color:#fff}.button-theme-primary-invert:hover{opacity:.6}.button-theme-secondary-default{border-color:#171a22;color:#171a22}.button-theme-secondary-default:hover{border-color:#ff622d!important;color:#ff622d!important}.button-theme-secondary-invert{border-color:#fff;color:#fff}.button-theme-secondary-invert:hover{opacity:.6}.badge{border-radius:24px;color:#fff;display:inline-block;font-size:12px;line-height:14px;padding:4px 8px;text-align:center}.divider{border-color:#d1d4db}.divider-horizontal{border-top-style:solid;border-top-width:1px;height:0}.divider-vertical{border-left-style:solid;border-left-width:1px;width:0}.notice{border-radius:10px;padding:20px 24px}.notice_addon-left,.notice_addon-right{display:inline-block;text-align:center}.notice_addon-left{margin-right:12px}.notice_addon-right{margin-left:12px}.notice-theme-primary-info{background-color:#0082e6;color:#fff}.notice-theme-primary-success{background-color:#00bc98;color:#fff}.notice-theme-primary-warning{background-color:#ff622d;color:#fff}.notice-theme-secondary-info{background-color:rgba(0,130,230,.1);color:#171a22}.notice-theme-secondary-success{background-color:rgba(132,209,73,.1);color:#171a22}.notice-theme-secondary-warning{background-color:rgba(255,98,45,.1);color:#171a22}.summary{background-color:#f6f7f8;border-radius:10px;padding:20px 24px}.table{width:100%}.table td,.table th{padding:12px 20px}.table td{border-bottom:1px solid #d1d4db}.table th{background-color:#f6f7f8;font-weight:700}.text-size-100{font-size:14px;line-height:20px}.text-size-200{font-size:16px;line-height:24px}.text-size-300{font-size:18px;line-height:23px}.text-size-400{font-size:20px;line-height:22px}.text-size-500{font-size:22px;line-height:26px}.text-size-600{font-size:26px;line-height:31px}.text-size-700{font-size:32px;line-height:37px}.text-black{color:#171a22}.text-white{color:#fff}.text-red-100{color:#f27387}.text-red-200{color:#f71939}.text-red-300{color:#b01c3d}.text-lime-100{color:#c7fa73}.text-lime-200{color:#84d149}.text-orange-100{color:#ff9400}.text-orange-200{color:#ff622d}.text-orange-300{color:#b23300}.text-purple-100{color:#b880ff}.text-purple-200{color:#6b30c7}.text-purple-300{color:#421983}.text-blue-100{color:#6edbff}.text-blue-200{color:#0082e6}.text-blue-300{color:#0070cc}.text-gray-100{color:#f6f7f8}.text-gray-200{color:#d1d4db}.text-gray-300{color:#898d9a}.text-gray-400{color:#575c66}.text-green-100{color:#45e0a8}.text-green-200{color:#00bc98}.text-green-300{color:#008275}.text-pink{color:#ff7ad1}.link{-webkit-text-decoration-line:underline;text-decoration-line:underline}.link-theme-default{color:#0082e6}.link-theme-default:hover{color:#0070cc!important}.link-theme-dark{color:#575c66}.link-theme-dark:hover{color:#171a22!important}

package/libs/email/lib/core/var.css

@@ -0,0 +1,47 @@
+@custom-media --desktop (min-width: 480px);
+@custom-media --mobile (max-width: 479px);
+
+:root {
+  --white: #fff;
+  --black: #171a22;
+  --blue: #0082e6;
+  --light-blue: #6edbff;
+  --dark-blue: #0070cc;
+  --green: #00bc98;
+  --light-green: #45e0a8;
+  --dark-green: #008275;
+  --lime: #84d149;
+  --light-lime: #c7fa73;
+  --orange: #ff622d;
+  --light-orange: #ff9400;
+  --dark-orange: #b23300;
+  --red: #f71939;
+  --light-red: #f27387;
+  --dark-red: #b01c3d;
+  --pink: #ff7ad1;
+  --purple: #6b30c7;
+  --light-purple: #b880ff;
+  --dark-purple: #421983;
+  --yellow: #ffc200;
+  --light-yellow: #ffe84d;
+  --violet: #820f87;
+  --stroke-gray: #d1d4db;
+  --dark-gray: #575c66;
+  --gray: #898d9a;
+  --light-gray: #f6f7f8;
+  --font-family: Helvetica, Arial, sans-serif;
+  --fs-100: 14px;
+  --lh-100: 20px;
+  --fs-200: 16px;
+  --lh-200: 24px;
+  --fs-300: 18px;
+  --lh-300: 23px;
+  --fs-400: 20px;
+  --lh-400: 22px;
+  --fs-500: 22px;
+  --lh-500: 26px;
+  --fs-600: 26px;
+  --lh-600: 31px;
+  --fs-700: 32px;
+  --lh-700: 37px;
+}