@semcore/ellipsis 2.37.0-prerelease.0 → 2.37.1-prerelease.2
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
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.37.1] - 2024-12-30
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.44.0 ~> 4.44.1], `@semcore/tooltip` [6.47.0 ~> 6.47.1], `@semcore/core` [2.37.0 ~> 2.37.1]).
|
|
10
|
+
|
|
5
11
|
## [2.37.0] - 2024-11-29
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Ellipsis.js
CHANGED
|
@@ -31,16 +31,16 @@ var _assignProps3 = require("@semcore/utils/lib/assignProps");
|
|
|
31
31
|
var _excluded = ["styles", "Children", "maxLine", "tooltip", "trim", "containerRect", "containerRef", "includeTooltipProps", "children"],
|
|
32
32
|
_excluded2 = ["styles", "text", "tooltip", "containerRect", "containerRef", "textRef", "tooltipProps", "children", "advanceMode"];
|
|
33
33
|
/*__reshadow-styles__:"./style/ellipsis.shadow.css"*/
|
|
34
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
35
|
-
"__SContainer": "
|
|
36
|
-
"__SNoTooltipContainer": "
|
|
37
|
-
"__SContainerMiddle": "
|
|
38
|
-
"__SBeginning": "
|
|
39
|
-
"__SEllipsis": "
|
|
40
|
-
"_middle-mod": "__middle-
|
|
41
|
-
"_maxLine": "
|
|
42
|
-
"--maxLine": "--
|
|
43
|
-
"__STail": "
|
|
34
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SContainerMiddle_1hob8_gg_,.___SContainer_1hob8_gg_,.___SEllipsis_1hob8_gg_.__middle-mod_1hob8_gg_,.___SNoTooltipContainer_1hob8_gg_{display:flex;overflow:hidden}.___SBeginning_1hob8_gg_,.___SEllipsis_1hob8_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.___SEllipsis_1hob8_gg_.__maxLine_1hob8_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_1hob8);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_1hob8_gg_>:has(.___SBeginning_1hob8_gg_),.___SContainerMiddle_1hob8_gg_>:has(.___STail_1hob8_gg_){display:flex;width:100%}.___STail_1hob8_gg_{white-space:nowrap}" /*__inner_css_end__*/, "1hob8_gg_") /*__reshadow_css_end__*/, {
|
|
35
|
+
"__SContainer": "___SContainer_1hob8_gg_",
|
|
36
|
+
"__SNoTooltipContainer": "___SNoTooltipContainer_1hob8_gg_",
|
|
37
|
+
"__SContainerMiddle": "___SContainerMiddle_1hob8_gg_",
|
|
38
|
+
"__SBeginning": "___SBeginning_1hob8_gg_",
|
|
39
|
+
"__SEllipsis": "___SEllipsis_1hob8_gg_",
|
|
40
|
+
"_middle-mod": "__middle-mod_1hob8_gg_",
|
|
41
|
+
"_maxLine": "__maxLine_1hob8_gg_",
|
|
42
|
+
"--maxLine": "--maxLine_1hob8",
|
|
43
|
+
"__STail": "___STail_1hob8_gg_"
|
|
44
44
|
});
|
|
45
45
|
var defaultTooltipProps = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate', 'cursorAnchoring'];
|
|
46
46
|
var createMeasurerElement = function createMeasurerElement(element, text) {
|
package/lib/es6/Ellipsis.js
CHANGED
|
@@ -20,16 +20,16 @@ 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_1hob8_gg_,.___SContainer_1hob8_gg_,.___SEllipsis_1hob8_gg_.__middle-mod_1hob8_gg_,.___SNoTooltipContainer_1hob8_gg_{display:flex;overflow:hidden}.___SBeginning_1hob8_gg_,.___SEllipsis_1hob8_gg_{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.___SEllipsis_1hob8_gg_.__maxLine_1hob8_gg_{display:-webkit-box;-webkit-line-clamp:var(--maxLine_1hob8);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-wrap:break-word}.___SContainerMiddle_1hob8_gg_>:has(.___SBeginning_1hob8_gg_),.___SContainerMiddle_1hob8_gg_>:has(.___STail_1hob8_gg_){display:flex;width:100%}.___STail_1hob8_gg_{white-space:nowrap}" /*__inner_css_end__*/, "1hob8_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SContainer": "___SContainer_1hob8_gg_",
|
|
25
|
+
"__SNoTooltipContainer": "___SNoTooltipContainer_1hob8_gg_",
|
|
26
|
+
"__SContainerMiddle": "___SContainerMiddle_1hob8_gg_",
|
|
27
|
+
"__SBeginning": "___SBeginning_1hob8_gg_",
|
|
28
|
+
"__SEllipsis": "___SEllipsis_1hob8_gg_",
|
|
29
|
+
"_middle-mod": "__middle-mod_1hob8_gg_",
|
|
30
|
+
"_maxLine": "__maxLine_1hob8_gg_",
|
|
31
|
+
"--maxLine": "--maxLine_1hob8",
|
|
32
|
+
"__STail": "___STail_1hob8_gg_"
|
|
33
33
|
});
|
|
34
34
|
import reactToText from '@semcore/utils/lib/reactToText';
|
|
35
35
|
import getOriginChildren from '@semcore/utils/lib/getOriginChildren';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/ellipsis",
|
|
3
3
|
"description": "Semrush Ellipsis Component",
|
|
4
|
-
"version": "2.37.
|
|
4
|
+
"version": "2.37.1-prerelease.2",
|
|
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.44.
|
|
13
|
-
"@semcore/flex-box": "5.39.
|
|
14
|
-
"@semcore/tooltip": "6.47.
|
|
12
|
+
"@semcore/utils": "4.44.1-prerelease.2",
|
|
13
|
+
"@semcore/flex-box": "5.39.1-prerelease.2",
|
|
14
|
+
"@semcore/tooltip": "6.47.1-prerelease.2"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
|
-
"@semcore/core": "^2.37.
|
|
17
|
+
"@semcore/core": "^2.37.1-prerelease.2",
|
|
18
18
|
"react": "16.8 - 18",
|
|
19
19
|
"react-dom": "16.8 - 18"
|
|
20
20
|
},
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import Ellipsis from '@semcore/ellipsis';
|
|
2
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
-
import { EllipsisWithOnVisibleChangeHandler } from './examples/Ellipsis-with-on-visible-change-handler';
|
|
4
|
-
|
|
5
|
-
const meta: Meta<typeof Ellipsis> = {
|
|
6
|
-
title: 'Components/Ellipsis',
|
|
7
|
-
component: Ellipsis,
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof Ellipsis>;
|
|
12
|
-
|
|
13
|
-
export const EllipsisWithOnVisibleChangeHandlerExample: Story = {
|
|
14
|
-
render: EllipsisWithOnVisibleChangeHandler,
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Ellipsis from '@semcore/ellipsis';
|
|
3
|
-
import { Box } from '@semcore/flex-box';
|
|
4
|
-
|
|
5
|
-
export const EllipsisWithOnVisibleChangeHandler = () => {
|
|
6
|
-
return (
|
|
7
|
-
<Box w={220}>
|
|
8
|
-
<Ellipsis onVisibleChange={() => alert('Hi!')}>
|
|
9
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi hic nemo tenetur
|
|
10
|
-
voluptatem! A aliquid assumenda dolore ducimus impedit numquam ratione recusandae sed ullam
|
|
11
|
-
voluptate? Aperiam distinctio minus possimus quasi.
|
|
12
|
-
</Ellipsis>
|
|
13
|
-
</Box>
|
|
14
|
-
);
|
|
15
|
-
};
|