@semcore/ellipsis 2.36.1-prerelease.0 → 2.36.2-prerelease.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Ellipsis.js +45 -39
- package/lib/cjs/Ellipsis.js.map +1 -1
- package/lib/es6/Ellipsis.js +45 -39
- package/lib/es6/Ellipsis.js.map +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [2.36.2] - 2024-10-21
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Logic of showing tooltip for trimmed in the middle texts - show only for cropped.
|
|
10
|
+
|
|
5
11
|
## [2.36.1] - 2024-10-16
|
|
6
12
|
|
|
7
13
|
### Added
|
package/lib/cjs/Ellipsis.js
CHANGED
|
@@ -26,26 +26,27 @@ var _findComponent = _interopRequireWildcard(require("@semcore/utils/lib/findCom
|
|
|
26
26
|
var _reactToText = _interopRequireDefault(require("@semcore/utils/lib/reactToText"));
|
|
27
27
|
var _getOriginChildren = _interopRequireDefault(require("@semcore/utils/lib/getOriginChildren"));
|
|
28
28
|
var _pick = _interopRequireDefault(require("@semcore/utils/lib/pick"));
|
|
29
|
+
var _ref11 = require("@semcore/utils/lib/ref");
|
|
29
30
|
var _excluded = ["styles", "Children", "maxLine", "tooltip", "trim", "containerRect", "containerRef", "includeTooltipProps", "children"],
|
|
30
|
-
_excluded2 = ["styles", "text", "tooltip", "containerRect", "containerRef", "tooltipProps", "children", "advanceMode"];
|
|
31
|
+
_excluded2 = ["styles", "text", "tooltip", "containerRect", "containerRef", "textRef", "tooltipProps", "children", "advanceMode"];
|
|
31
32
|
/*__reshadow-styles__:"./style/ellipsis.shadow.css"*/
|
|
32
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
33
|
-
"__SContainer": "
|
|
34
|
-
"__SNoTooltipContainer": "
|
|
35
|
-
"__SContainerMiddle": "
|
|
36
|
-
"__SBeginning": "
|
|
37
|
-
"__SEllipsis": "
|
|
38
|
-
"_middle-mod": "__middle-
|
|
39
|
-
"_maxLine": "
|
|
40
|
-
"--maxLine": "--
|
|
41
|
-
"__STail": "
|
|
33
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_r037u_gg_,.___SContainer_r037u_gg_,.___SEllipsis_r037u_gg_.__middle-mod_r037u_gg_,.___SNoTooltipContainer_r037u_gg_{display:flex;overflow:hidden}.___SBeginning_r037u_gg_,.___SEllipsis_r037u_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.___SEllipsis_r037u_gg_.__maxLine_r037u_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_r037u);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_r037u_gg_>:has(.___SBeginning_r037u_gg_),.___SContainerMiddle_r037u_gg_>:has(.___STail_r037u_gg_){display:flex;width:100%}.___STail_r037u_gg_{white-space:nowrap}" /*__inner_css_end__*/, "r037u_gg_") /*__reshadow_css_end__*/, {
|
|
34
|
+
"__SContainer": "___SContainer_r037u_gg_",
|
|
35
|
+
"__SNoTooltipContainer": "___SNoTooltipContainer_r037u_gg_",
|
|
36
|
+
"__SContainerMiddle": "___SContainerMiddle_r037u_gg_",
|
|
37
|
+
"__SBeginning": "___SBeginning_r037u_gg_",
|
|
38
|
+
"__SEllipsis": "___SEllipsis_r037u_gg_",
|
|
39
|
+
"_middle-mod": "__middle-mod_r037u_gg_",
|
|
40
|
+
"_maxLine": "__maxLine_r037u_gg_",
|
|
41
|
+
"--maxLine": "--maxLine_r037u",
|
|
42
|
+
"__STail": "___STail_r037u_gg_"
|
|
42
43
|
});
|
|
43
44
|
var defaultTooltipProps = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate', 'cursorAnchoring'];
|
|
44
|
-
var createMeasurerElement = function createMeasurerElement(element) {
|
|
45
|
+
var createMeasurerElement = function createMeasurerElement(element, text) {
|
|
45
46
|
var styleElement = window.getComputedStyle(element, null);
|
|
46
47
|
var temporaryElement = document.createElement('temporary-block');
|
|
47
|
-
temporaryElement.style.display = '
|
|
48
|
-
temporaryElement.style.padding = '
|
|
48
|
+
temporaryElement.style.display = styleElement.getPropertyValue('display');
|
|
49
|
+
temporaryElement.style.padding = styleElement.getPropertyValue('padding');
|
|
49
50
|
temporaryElement.style.position = 'absolute';
|
|
50
51
|
temporaryElement.style.right = '0%';
|
|
51
52
|
temporaryElement.style.bottom = '0%';
|
|
@@ -58,15 +59,15 @@ var createMeasurerElement = function createMeasurerElement(element) {
|
|
|
58
59
|
temporaryElement.style.wordWrap = styleElement.getPropertyValue('word-wrap');
|
|
59
60
|
temporaryElement.style.fontFeatureSettings = styleElement.getPropertyValue('font-feature-settings');
|
|
60
61
|
temporaryElement.style.fontVariantNumeric = styleElement.getPropertyValue('font-variant-numeric');
|
|
61
|
-
temporaryElement.innerHTML = element.innerHTML;
|
|
62
|
+
temporaryElement.innerHTML = text !== null && text !== void 0 ? text : element.innerHTML;
|
|
62
63
|
return temporaryElement;
|
|
63
64
|
};
|
|
64
|
-
function isTextOverflowing(element, multiline) {
|
|
65
|
+
function isTextOverflowing(element, multiline, text) {
|
|
65
66
|
if (!element) return false;
|
|
66
67
|
var _element$getBoundingC = element.getBoundingClientRect(),
|
|
67
68
|
currentHeight = _element$getBoundingC.height,
|
|
68
69
|
currentWidth = _element$getBoundingC.width;
|
|
69
|
-
var measuringElement = createMeasurerElement(element);
|
|
70
|
+
var measuringElement = createMeasurerElement(element, text);
|
|
70
71
|
var isOverflowing = false;
|
|
71
72
|
document.body.appendChild(measuringElement);
|
|
72
73
|
if (multiline) {
|
|
@@ -78,7 +79,7 @@ function isTextOverflowing(element, multiline) {
|
|
|
78
79
|
}
|
|
79
80
|
} else {
|
|
80
81
|
measuringElement.style.whiteSpace = 'nowrap';
|
|
81
|
-
isOverflowing = currentWidth < measuringElement.scrollWidth;
|
|
82
|
+
isOverflowing = Math.ceil(currentWidth) < measuringElement.scrollWidth;
|
|
82
83
|
}
|
|
83
84
|
document.body.removeChild(measuringElement);
|
|
84
85
|
return isOverflowing;
|
|
@@ -111,9 +112,12 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
|
|
|
111
112
|
(0, _createClass2["default"])(RootEllipsis, [{
|
|
112
113
|
key: "showTooltip",
|
|
113
114
|
value: function showTooltip() {
|
|
114
|
-
var _this$asProps
|
|
115
|
-
|
|
116
|
-
|
|
115
|
+
var _this$asProps = this.asProps,
|
|
116
|
+
_this$asProps$maxLine = _this$asProps.maxLine,
|
|
117
|
+
maxLine = _this$asProps$maxLine === void 0 ? 1 : _this$asProps$maxLine,
|
|
118
|
+
Children = _this$asProps.Children;
|
|
119
|
+
var text = (0, _reactToText["default"])((0, _getOriginChildren["default"])(Children));
|
|
120
|
+
return isTextOverflowing(this.textRef.current, maxLine > 1, text);
|
|
117
121
|
}
|
|
118
122
|
}, {
|
|
119
123
|
key: "getContentProps",
|
|
@@ -126,9 +130,9 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
|
|
|
126
130
|
}, {
|
|
127
131
|
key: "getPopperProps",
|
|
128
132
|
value: function getPopperProps() {
|
|
129
|
-
var _this$
|
|
130
|
-
Children = _this$
|
|
131
|
-
includeTooltipProps = _this$
|
|
133
|
+
var _this$asProps2 = this.asProps,
|
|
134
|
+
Children = _this$asProps2.Children,
|
|
135
|
+
includeTooltipProps = _this$asProps2.includeTooltipProps;
|
|
132
136
|
var text = (0, _reactToText["default"])((0, _getOriginChildren["default"])(Children));
|
|
133
137
|
var tooltipProps = (0, _pick["default"])(this.asProps, includeTooltipProps);
|
|
134
138
|
return (0, _objectSpread2["default"])({
|
|
@@ -142,22 +146,24 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
|
|
|
142
146
|
var SEllipsis = this.Root;
|
|
143
147
|
var SContainer = _tooltip["default"];
|
|
144
148
|
var SNoTooltipContainer = _flexBox.Box;
|
|
145
|
-
var _this$
|
|
146
|
-
styles = _this$
|
|
147
|
-
Children = _this$
|
|
148
|
-
maxLine = _this$
|
|
149
|
-
tooltip = _this$
|
|
150
|
-
trim = _this$
|
|
151
|
-
containerRect = _this$
|
|
152
|
-
containerRef = _this$
|
|
153
|
-
includeTooltipProps = _this$
|
|
154
|
-
children = _this$
|
|
155
|
-
other = (0, _objectWithoutProperties2["default"])(_this$
|
|
149
|
+
var _this$asProps3 = this.asProps,
|
|
150
|
+
styles = _this$asProps3.styles,
|
|
151
|
+
Children = _this$asProps3.Children,
|
|
152
|
+
maxLine = _this$asProps3.maxLine,
|
|
153
|
+
tooltip = _this$asProps3.tooltip,
|
|
154
|
+
trim = _this$asProps3.trim,
|
|
155
|
+
containerRect = _this$asProps3.containerRect,
|
|
156
|
+
containerRef = _this$asProps3.containerRef,
|
|
157
|
+
includeTooltipProps = _this$asProps3.includeTooltipProps,
|
|
158
|
+
children = _this$asProps3.children,
|
|
159
|
+
other = (0, _objectWithoutProperties2["default"])(_this$asProps3, _excluded);
|
|
156
160
|
var visible = this.state.visible;
|
|
157
161
|
var advancedContent = (0, _findComponent["default"])(Children, [Ellipsis.Content.displayName]);
|
|
158
162
|
var text = (0, _reactToText["default"])(advancedContent || (0, _getOriginChildren["default"])(Children));
|
|
159
163
|
var advanceMode = (0, _findComponent.isAdvanceMode)(Children, [Ellipsis.Content.displayName, Ellipsis.Popper.displayName]);
|
|
160
164
|
var tooltipProps = (0, _pick["default"])(this.asProps, includeTooltipProps);
|
|
165
|
+
tooltipProps.visible = visible;
|
|
166
|
+
tooltipProps.onVisibleChange = this.handlerVisibleChange;
|
|
161
167
|
if (trim === 'middle') {
|
|
162
168
|
var _ref2;
|
|
163
169
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(EllipsisMiddle, _ref2.cn("EllipsisMiddle", (0, _objectSpread2["default"])({
|
|
@@ -166,6 +172,7 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
|
|
|
166
172
|
"tooltip": tooltip,
|
|
167
173
|
"containerRect": containerRect,
|
|
168
174
|
"containerRef": containerRef,
|
|
175
|
+
"textRef": this.textRef,
|
|
169
176
|
"tooltipProps": tooltipProps,
|
|
170
177
|
"advanceMode": advanceMode
|
|
171
178
|
}, other)), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})));
|
|
@@ -174,9 +181,7 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
|
|
|
174
181
|
var _ref3;
|
|
175
182
|
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainer, _ref3.cn("SContainer", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
176
183
|
"interaction": 'hover',
|
|
177
|
-
"title": !advanceMode ? text : undefined
|
|
178
|
-
"visible": visible,
|
|
179
|
-
"onVisibleChange": this.handlerVisibleChange
|
|
184
|
+
"title": !advanceMode ? text : undefined
|
|
180
185
|
}, tooltipProps), advanceMode ? forcedAdvancedMode : noAdvancedMode)), advanceMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SEllipsis, _ref3.cn("SEllipsis", (0, _objectSpread2["default"])({
|
|
181
186
|
"render": _flexBox.Box,
|
|
182
187
|
"ref": this.textRef,
|
|
@@ -208,6 +213,7 @@ var EllipsisMiddle = function EllipsisMiddle(props) {
|
|
|
208
213
|
tooltip = props.tooltip,
|
|
209
214
|
containerRect = props.containerRect,
|
|
210
215
|
containerRef = props.containerRef,
|
|
216
|
+
textRef = props.textRef,
|
|
211
217
|
tooltipProps = props.tooltipProps,
|
|
212
218
|
children = props.children,
|
|
213
219
|
advanceMode = props.advanceMode,
|
|
@@ -264,7 +270,7 @@ var EllipsisMiddle = function EllipsisMiddle(props) {
|
|
|
264
270
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainerMiddle, _ref6.cn("SContainerMiddle", (0, _objectSpread2["default"])({
|
|
265
271
|
"interaction": interaction,
|
|
266
272
|
"title": text,
|
|
267
|
-
"ref": ref,
|
|
273
|
+
"ref": (0, _ref11.forkRef)(ref, textRef),
|
|
268
274
|
"tag": _tooltip["default"],
|
|
269
275
|
"__excludeProps": ['title']
|
|
270
276
|
}, 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)));
|
package/lib/cjs/Ellipsis.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ellipsis.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_tooltip","_flexBox","_useResizeObserver","_useEnhancedEffect","_findComponent","_reactToText","_getOriginChildren","_pick","_excluded","_excluded2","style","_index","sstyled","insert","defaultTooltipProps","createMeasurerElement","element","styleElement","window","getComputedStyle","temporaryElement","document","createElement","display","padding","position","right","bottom","visibility","fontFamily","getPropertyValue","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$maxLine","asProps","maxLine","textRef","current","getContentProps","ref","getPopperProps","_this$asProps","Children","includeTooltipProps","text","reactToText","getOriginChildren","tooltipProps","pick","_objectSpread2","children","render","_ref4","SEllipsis","Root","SContainer","Tooltip","SNoTooltipContainer","Box","_this$asProps2","styles","tooltip","trim","containerRect","containerRef","other","_objectWithoutProperties2","state","advancedContent","findComponent","Ellipsis","Content","displayName","advanceMode","isAdvanceMode","Popper","_ref2","EllipsisMiddle","cn","_ref3","undefined","handlerVisibleChange","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","_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';\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 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) => {\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 = '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 = 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 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 = currentWidth < measuringElement.scrollWidth;\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 } = 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 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 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 {...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 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} {...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 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={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 {...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":"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"}
|
|
1
|
+
{"version":3,"file":"Ellipsis.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_tooltip","_flexBox","_useResizeObserver","_useEnhancedEffect","_findComponent","_reactToText","_getOriginChildren","_pick","_ref11","_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","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","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';\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.scrollWidth;\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 = visible;\n tooltipProps.onVisibleChange = 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":"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"}
|
package/lib/es6/Ellipsis.js
CHANGED
|
@@ -11,7 +11,7 @@ import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
|
11
11
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
12
12
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
13
13
|
var _excluded = ["styles", "Children", "maxLine", "tooltip", "trim", "containerRect", "containerRef", "includeTooltipProps", "children"],
|
|
14
|
-
_excluded2 = ["styles", "text", "tooltip", "containerRect", "containerRef", "tooltipProps", "children", "advanceMode"];
|
|
14
|
+
_excluded2 = ["styles", "text", "tooltip", "containerRect", "containerRef", "textRef", "tooltipProps", "children", "advanceMode"];
|
|
15
15
|
import React from 'react';
|
|
16
16
|
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
17
17
|
import Tooltip from '@semcore/tooltip';
|
|
@@ -20,26 +20,27 @@ import { useResizeObserver } from './useResizeObserver';
|
|
|
20
20
|
import useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';
|
|
21
21
|
import findComponent, { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
22
22
|
/*__reshadow-styles__:"./style/ellipsis.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SContainer": "
|
|
25
|
-
"__SNoTooltipContainer": "
|
|
26
|
-
"__SContainerMiddle": "
|
|
27
|
-
"__SBeginning": "
|
|
28
|
-
"__SEllipsis": "
|
|
29
|
-
"_middle-mod": "__middle-
|
|
30
|
-
"_maxLine": "
|
|
31
|
-
"--maxLine": "--
|
|
32
|
-
"__STail": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_r037u_gg_,.___SContainer_r037u_gg_,.___SEllipsis_r037u_gg_.__middle-mod_r037u_gg_,.___SNoTooltipContainer_r037u_gg_{display:flex;overflow:hidden}.___SBeginning_r037u_gg_,.___SEllipsis_r037u_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.___SEllipsis_r037u_gg_.__maxLine_r037u_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_r037u);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_r037u_gg_>:has(.___SBeginning_r037u_gg_),.___SContainerMiddle_r037u_gg_>:has(.___STail_r037u_gg_){display:flex;width:100%}.___STail_r037u_gg_{white-space:nowrap}" /*__inner_css_end__*/, "r037u_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SContainer": "___SContainer_r037u_gg_",
|
|
25
|
+
"__SNoTooltipContainer": "___SNoTooltipContainer_r037u_gg_",
|
|
26
|
+
"__SContainerMiddle": "___SContainerMiddle_r037u_gg_",
|
|
27
|
+
"__SBeginning": "___SBeginning_r037u_gg_",
|
|
28
|
+
"__SEllipsis": "___SEllipsis_r037u_gg_",
|
|
29
|
+
"_middle-mod": "__middle-mod_r037u_gg_",
|
|
30
|
+
"_maxLine": "__maxLine_r037u_gg_",
|
|
31
|
+
"--maxLine": "--maxLine_r037u",
|
|
32
|
+
"__STail": "___STail_r037u_gg_"
|
|
33
33
|
});
|
|
34
34
|
import reactToText from '@semcore/utils/lib/reactToText';
|
|
35
35
|
import getOriginChildren from '@semcore/utils/lib/getOriginChildren';
|
|
36
36
|
import pick from '@semcore/utils/lib/pick';
|
|
37
|
+
import { forkRef } from '@semcore/utils/lib/ref';
|
|
37
38
|
var defaultTooltipProps = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate', 'cursorAnchoring'];
|
|
38
|
-
var createMeasurerElement = function createMeasurerElement(element) {
|
|
39
|
+
var createMeasurerElement = function createMeasurerElement(element, text) {
|
|
39
40
|
var styleElement = window.getComputedStyle(element, null);
|
|
40
41
|
var temporaryElement = document.createElement('temporary-block');
|
|
41
|
-
temporaryElement.style.display = '
|
|
42
|
-
temporaryElement.style.padding = '
|
|
42
|
+
temporaryElement.style.display = styleElement.getPropertyValue('display');
|
|
43
|
+
temporaryElement.style.padding = styleElement.getPropertyValue('padding');
|
|
43
44
|
temporaryElement.style.position = 'absolute';
|
|
44
45
|
temporaryElement.style.right = '0%';
|
|
45
46
|
temporaryElement.style.bottom = '0%';
|
|
@@ -52,15 +53,15 @@ var createMeasurerElement = function createMeasurerElement(element) {
|
|
|
52
53
|
temporaryElement.style.wordWrap = styleElement.getPropertyValue('word-wrap');
|
|
53
54
|
temporaryElement.style.fontFeatureSettings = styleElement.getPropertyValue('font-feature-settings');
|
|
54
55
|
temporaryElement.style.fontVariantNumeric = styleElement.getPropertyValue('font-variant-numeric');
|
|
55
|
-
temporaryElement.innerHTML = element.innerHTML;
|
|
56
|
+
temporaryElement.innerHTML = text !== null && text !== void 0 ? text : element.innerHTML;
|
|
56
57
|
return temporaryElement;
|
|
57
58
|
};
|
|
58
|
-
function isTextOverflowing(element, multiline) {
|
|
59
|
+
function isTextOverflowing(element, multiline, text) {
|
|
59
60
|
if (!element) return false;
|
|
60
61
|
var _element$getBoundingC = element.getBoundingClientRect(),
|
|
61
62
|
currentHeight = _element$getBoundingC.height,
|
|
62
63
|
currentWidth = _element$getBoundingC.width;
|
|
63
|
-
var measuringElement = createMeasurerElement(element);
|
|
64
|
+
var measuringElement = createMeasurerElement(element, text);
|
|
64
65
|
var isOverflowing = false;
|
|
65
66
|
document.body.appendChild(measuringElement);
|
|
66
67
|
if (multiline) {
|
|
@@ -72,7 +73,7 @@ function isTextOverflowing(element, multiline) {
|
|
|
72
73
|
}
|
|
73
74
|
} else {
|
|
74
75
|
measuringElement.style.whiteSpace = 'nowrap';
|
|
75
|
-
isOverflowing = currentWidth < measuringElement.scrollWidth;
|
|
76
|
+
isOverflowing = Math.ceil(currentWidth) < measuringElement.scrollWidth;
|
|
76
77
|
}
|
|
77
78
|
document.body.removeChild(measuringElement);
|
|
78
79
|
return isOverflowing;
|
|
@@ -105,9 +106,12 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
|
|
|
105
106
|
_createClass(RootEllipsis, [{
|
|
106
107
|
key: "showTooltip",
|
|
107
108
|
value: function showTooltip() {
|
|
108
|
-
var _this$asProps
|
|
109
|
-
|
|
110
|
-
|
|
109
|
+
var _this$asProps = this.asProps,
|
|
110
|
+
_this$asProps$maxLine = _this$asProps.maxLine,
|
|
111
|
+
maxLine = _this$asProps$maxLine === void 0 ? 1 : _this$asProps$maxLine,
|
|
112
|
+
Children = _this$asProps.Children;
|
|
113
|
+
var text = reactToText(getOriginChildren(Children));
|
|
114
|
+
return isTextOverflowing(this.textRef.current, maxLine > 1, text);
|
|
111
115
|
}
|
|
112
116
|
}, {
|
|
113
117
|
key: "getContentProps",
|
|
@@ -120,9 +124,9 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
|
|
|
120
124
|
}, {
|
|
121
125
|
key: "getPopperProps",
|
|
122
126
|
value: function getPopperProps() {
|
|
123
|
-
var _this$
|
|
124
|
-
Children = _this$
|
|
125
|
-
includeTooltipProps = _this$
|
|
127
|
+
var _this$asProps2 = this.asProps,
|
|
128
|
+
Children = _this$asProps2.Children,
|
|
129
|
+
includeTooltipProps = _this$asProps2.includeTooltipProps;
|
|
126
130
|
var text = reactToText(getOriginChildren(Children));
|
|
127
131
|
var tooltipProps = pick(this.asProps, includeTooltipProps);
|
|
128
132
|
return _objectSpread({
|
|
@@ -136,22 +140,24 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
|
|
|
136
140
|
var SEllipsis = this.Root;
|
|
137
141
|
var SContainer = Tooltip;
|
|
138
142
|
var SNoTooltipContainer = Box;
|
|
139
|
-
var _this$
|
|
140
|
-
styles = _this$
|
|
141
|
-
Children = _this$
|
|
142
|
-
maxLine = _this$
|
|
143
|
-
tooltip = _this$
|
|
144
|
-
trim = _this$
|
|
145
|
-
containerRect = _this$
|
|
146
|
-
containerRef = _this$
|
|
147
|
-
includeTooltipProps = _this$
|
|
148
|
-
children = _this$
|
|
149
|
-
other = _objectWithoutProperties(_this$
|
|
143
|
+
var _this$asProps3 = this.asProps,
|
|
144
|
+
styles = _this$asProps3.styles,
|
|
145
|
+
Children = _this$asProps3.Children,
|
|
146
|
+
maxLine = _this$asProps3.maxLine,
|
|
147
|
+
tooltip = _this$asProps3.tooltip,
|
|
148
|
+
trim = _this$asProps3.trim,
|
|
149
|
+
containerRect = _this$asProps3.containerRect,
|
|
150
|
+
containerRef = _this$asProps3.containerRef,
|
|
151
|
+
includeTooltipProps = _this$asProps3.includeTooltipProps,
|
|
152
|
+
children = _this$asProps3.children,
|
|
153
|
+
other = _objectWithoutProperties(_this$asProps3, _excluded);
|
|
150
154
|
var visible = this.state.visible;
|
|
151
155
|
var advancedContent = findComponent(Children, [Ellipsis.Content.displayName]);
|
|
152
156
|
var text = reactToText(advancedContent || getOriginChildren(Children));
|
|
153
157
|
var advanceMode = isAdvanceMode(Children, [Ellipsis.Content.displayName, Ellipsis.Popper.displayName]);
|
|
154
158
|
var tooltipProps = pick(this.asProps, includeTooltipProps);
|
|
159
|
+
tooltipProps.visible = visible;
|
|
160
|
+
tooltipProps.onVisibleChange = this.handlerVisibleChange;
|
|
155
161
|
if (trim === 'middle') {
|
|
156
162
|
var _ref2;
|
|
157
163
|
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(EllipsisMiddle, _ref2.cn("EllipsisMiddle", _objectSpread({
|
|
@@ -160,6 +166,7 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
|
|
|
160
166
|
"tooltip": tooltip,
|
|
161
167
|
"containerRect": containerRect,
|
|
162
168
|
"containerRef": containerRef,
|
|
169
|
+
"textRef": this.textRef,
|
|
163
170
|
"tooltipProps": tooltipProps,
|
|
164
171
|
"advanceMode": advanceMode
|
|
165
172
|
}, other)), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
|
|
@@ -168,9 +175,7 @@ var RootEllipsis = /*#__PURE__*/function (_Component) {
|
|
|
168
175
|
var _ref3;
|
|
169
176
|
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SContainer, _ref3.cn("SContainer", _objectSpread(_objectSpread({
|
|
170
177
|
"interaction": 'hover',
|
|
171
|
-
"title": !advanceMode ? text : undefined
|
|
172
|
-
"visible": visible,
|
|
173
|
-
"onVisibleChange": this.handlerVisibleChange
|
|
178
|
+
"title": !advanceMode ? text : undefined
|
|
174
179
|
}, tooltipProps), advanceMode ? forcedAdvancedMode : noAdvancedMode)), advanceMode ? /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {})) : /*#__PURE__*/React.createElement(SEllipsis, _ref3.cn("SEllipsis", _objectSpread({
|
|
175
180
|
"render": Box,
|
|
176
181
|
"ref": this.textRef,
|
|
@@ -202,6 +207,7 @@ var EllipsisMiddle = function EllipsisMiddle(props) {
|
|
|
202
207
|
tooltip = props.tooltip,
|
|
203
208
|
containerRect = props.containerRect,
|
|
204
209
|
containerRef = props.containerRef,
|
|
210
|
+
textRef = props.textRef,
|
|
205
211
|
tooltipProps = props.tooltipProps,
|
|
206
212
|
children = props.children,
|
|
207
213
|
advanceMode = props.advanceMode,
|
|
@@ -258,7 +264,7 @@ var EllipsisMiddle = function EllipsisMiddle(props) {
|
|
|
258
264
|
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SContainerMiddle, _ref6.cn("SContainerMiddle", _objectSpread({
|
|
259
265
|
"interaction": interaction,
|
|
260
266
|
"title": text,
|
|
261
|
-
"ref": ref,
|
|
267
|
+
"ref": forkRef(ref, textRef),
|
|
262
268
|
"tag": Tooltip,
|
|
263
269
|
"__excludeProps": ['title']
|
|
264
270
|
}, 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)));
|
package/lib/es6/Ellipsis.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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","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","_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","other","_objectWithoutProperties","_excluded","state","advancedContent","Ellipsis","Content","displayName","advanceMode","Popper","_ref2","EllipsisMiddle","cn","_ref3","undefined","handlerVisibleChange","__excludeProps","EllipsisMiddleContext","createContext","props","_ref7","otherProps","_excluded2","resizeElement","useRef","_React$useState","useState","symbolWidth","_React$useState2","_slicedToArray","dimension","setDimension","blockWidth","node","dateSpan","setAttribute","rect","STail","SBeginning","SContainerMiddle","tag","SAdvancedModeContainerMiddle","displayedSymbols","useMemo","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 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) => {\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 = '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 = 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 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 = currentWidth < measuringElement.scrollWidth;\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 } = 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 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 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 {...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 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} {...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 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={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 {...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":"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"}
|
|
1
|
+
{"version":3,"file":"Ellipsis.js","names":["React","createComponent","Component","Root","sstyled","Tooltip","Box","useResizeObserver","useEnhancedEffect","findComponent","isAdvanceMode","style","_sstyled","insert","reactToText","getOriginChildren","pick","forkRef","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","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","visible","createRef","setState","showTooltip","_createClass","key","value","_this$asProps","asProps","_this$asProps$maxLine","maxLine","Children","textRef","current","getContentProps","ref","getPopperProps","_this$asProps2","includeTooltipProps","tooltipProps","_objectSpread","children","render","_ref4","SEllipsis","SContainer","SNoTooltipContainer","_this$asProps3","styles","tooltip","trim","containerRect","containerRef","other","_objectWithoutProperties","_excluded","state","advancedContent","Ellipsis","Content","displayName","advanceMode","Popper","onVisibleChange","handlerVisibleChange","_ref2","EllipsisMiddle","cn","_ref3","undefined","__excludeProps","EllipsisMiddleContext","createContext","props","_ref7","otherProps","_excluded2","resizeElement","useRef","_React$useState","useState","symbolWidth","_React$useState2","_slicedToArray","dimension","setDimension","blockWidth","node","dateSpan","setAttribute","rect","STail","SBeginning","SContainerMiddle","tag","SAdvancedModeContainerMiddle","displayedSymbols","useMemo","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';\nimport { forkRef } from '@semcore/utils/lib/ref';\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.scrollWidth;\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 = visible;\n tooltipProps.onVisibleChange = 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":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/ellipsis",
|
|
3
3
|
"description": "Semrush Ellipsis Component",
|
|
4
|
-
"version": "2.36.
|
|
4
|
+
"version": "2.36.2-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,12 +9,12 @@
|
|
|
9
9
|
"author": "UI-KIT team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/utils": "4.
|
|
13
|
-
"@semcore/flex-box": "5.
|
|
14
|
-
"@semcore/tooltip": "6.45.
|
|
12
|
+
"@semcore/utils": "4.42.0-prerelease.0",
|
|
13
|
+
"@semcore/flex-box": "5.37.0-prerelease.0",
|
|
14
|
+
"@semcore/tooltip": "6.45.1-prerelease.0"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
|
-
"@semcore/core": "^2.
|
|
17
|
+
"@semcore/core": "^2.35.0-prerelease.0",
|
|
18
18
|
"react": "16.8 - 18",
|
|
19
19
|
"react-dom": "16.8 - 18"
|
|
20
20
|
},
|