@elliemae/ds-truncated-tooltip-text 2.0.0-alpha.4 → 2.0.0-alpha.8
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.
|
@@ -21,7 +21,7 @@ const _excluded = ["containerProps", "value", "zIndex"];
|
|
|
21
21
|
|
|
22
22
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
23
23
|
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
25
|
|
|
26
26
|
const isEllipsisActive = ({
|
|
27
27
|
offsetWidth,
|
|
@@ -29,7 +29,7 @@ const isEllipsisActive = ({
|
|
|
29
29
|
}) => offsetWidth < scrollWidth; // reduce the possibility of error showing the tooltip (text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755
|
|
30
30
|
|
|
31
31
|
|
|
32
|
-
const Text = /*#__PURE__*/styled__default[
|
|
32
|
+
const Text = /*#__PURE__*/styled__default["default"].span.withConfig({
|
|
33
33
|
componentId: "sc-1olo1o7-0"
|
|
34
34
|
})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;"]);
|
|
35
35
|
|
|
@@ -39,7 +39,7 @@ const DSTruncatedTooltipText = _ref => {
|
|
|
39
39
|
value = '',
|
|
40
40
|
zIndex = 110
|
|
41
41
|
} = _ref,
|
|
42
|
-
otherTextProps = _objectWithoutProperties__default[
|
|
42
|
+
otherTextProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
43
43
|
|
|
44
44
|
const tooltipContext = React.useContext(TooltipTextProvider.TruncatedTooltipContext);
|
|
45
45
|
React.useEffect(() => {
|
|
@@ -101,4 +101,4 @@ TruncatedTooltipTextWithSchema.propTypes = truncatedTooltipTextProps;
|
|
|
101
101
|
|
|
102
102
|
exports.DSTruncatedTooltipText = DSTruncatedTooltipText;
|
|
103
103
|
exports.TruncatedTooltipTextWithSchema = TruncatedTooltipTextWithSchema;
|
|
104
|
-
exports[
|
|
104
|
+
exports["default"] = DSTruncatedTooltipText;
|
|
@@ -19,7 +19,7 @@ var DSPopover__default = /*#__PURE__*/_interopDefaultLegacy(DSPopover);
|
|
|
19
19
|
|
|
20
20
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
21
21
|
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
23
23
|
const dsTestId = 'DS-SimpleTruncateText';
|
|
24
24
|
|
|
25
25
|
const isEllipsisActive = ({
|
|
@@ -35,7 +35,7 @@ const initialTooltipState = (value = '', options = {}) => ({
|
|
|
35
35
|
}); // reduce the possibility of error showing the tooltip (text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755
|
|
36
36
|
|
|
37
37
|
|
|
38
|
-
const Text = /*#__PURE__*/styled__default[
|
|
38
|
+
const Text = /*#__PURE__*/styled__default["default"].span.withConfig({
|
|
39
39
|
componentId: "sc-2f4vtq-0"
|
|
40
40
|
})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;"]);
|
|
41
41
|
|
|
@@ -95,7 +95,7 @@ const SimpleTruncatedTooltipText = props => {
|
|
|
95
95
|
};
|
|
96
96
|
}, [showTooltip, handleMouseEnter, handleMouseLeave]);
|
|
97
97
|
const PurePopover = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
98
|
-
children: tooltipState.visible ? /*#__PURE__*/_jsx2__default[
|
|
98
|
+
children: tooltipState.visible ? /*#__PURE__*/_jsx2__default["default"](DSPopover__default["default"], {
|
|
99
99
|
boundaries: "window",
|
|
100
100
|
style: {
|
|
101
101
|
pointerEvents: 'none',
|
|
@@ -132,4 +132,4 @@ SimpleTruncatedTooltipText.defaultProps = {
|
|
|
132
132
|
};
|
|
133
133
|
|
|
134
134
|
exports.SimpleTruncatedTooltipText = SimpleTruncatedTooltipText;
|
|
135
|
-
exports[
|
|
135
|
+
exports["default"] = SimpleTruncatedTooltipText;
|
|
@@ -21,8 +21,8 @@ const _excluded = ["children", "tooltipDelay", "placement"];
|
|
|
21
21
|
|
|
22
22
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
23
23
|
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
25
|
-
const TruncatedTooltipContext = /*#__PURE__*/React__default[
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
|
+
const TruncatedTooltipContext = /*#__PURE__*/React__default["default"].createContext();
|
|
26
26
|
const {
|
|
27
27
|
Provider
|
|
28
28
|
} = TruncatedTooltipContext;
|
|
@@ -33,7 +33,7 @@ function TooltipTextProvider(_ref) {
|
|
|
33
33
|
tooltipDelay = 200,
|
|
34
34
|
placement = 'top'
|
|
35
35
|
} = _ref,
|
|
36
|
-
tooltipOptions = _objectWithoutProperties__default[
|
|
36
|
+
tooltipOptions = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
37
37
|
|
|
38
38
|
const {
|
|
39
39
|
show: showTooltip,
|
|
@@ -48,9 +48,9 @@ function TooltipTextProvider(_ref) {
|
|
|
48
48
|
hideTooltip,
|
|
49
49
|
setZIndex
|
|
50
50
|
}), []);
|
|
51
|
-
return /*#__PURE__*/_jsx2__default[
|
|
51
|
+
return /*#__PURE__*/_jsx2__default["default"](Provider, {
|
|
52
52
|
value: value
|
|
53
|
-
}, void 0, children, tooltipState.visible ? /*#__PURE__*/jsxRuntime.jsx(DSPopover__default[
|
|
53
|
+
}, void 0, children, tooltipState.visible ? /*#__PURE__*/jsxRuntime.jsx(DSPopover__default["default"], _objectSpread(_objectSpread(_objectSpread({
|
|
54
54
|
boundaries: "window",
|
|
55
55
|
placement: placement,
|
|
56
56
|
showArrow: true
|
|
@@ -69,4 +69,4 @@ TooltipTextProvider.defaultProps = {};
|
|
|
69
69
|
|
|
70
70
|
exports.TooltipTextProvider = TooltipTextProvider;
|
|
71
71
|
exports.TruncatedTooltipContext = TruncatedTooltipContext;
|
|
72
|
-
exports[
|
|
72
|
+
exports["default"] = TooltipTextProvider;
|
package/cjs/index.js
CHANGED
|
@@ -13,4 +13,4 @@ exports.TruncatedTooltipContext = TooltipTextProvider.TruncatedTooltipContext;
|
|
|
13
13
|
exports.SimpleTruncatedTooltipText = SimpleTruncatedTooltipText.SimpleTruncatedTooltipText;
|
|
14
14
|
exports.DSTruncatedTooltipText = DSTruncatedTooltipText.DSTruncatedTooltipText;
|
|
15
15
|
exports.TruncatedTooltipTextWithSchema = DSTruncatedTooltipText.TruncatedTooltipTextWithSchema;
|
|
16
|
-
exports
|
|
16
|
+
exports["default"] = DSTruncatedTooltipText.DSTruncatedTooltipText;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-truncated-tooltip-text",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.8",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Truncated Tooltip Text",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
"build": "node ../../scripts/build/build.js"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@elliemae/ds-popover": "2.0.0-alpha.
|
|
48
|
-
"@elliemae/ds-popper": "2.0.0-alpha.
|
|
49
|
-
"@elliemae/ds-utilities": "2.0.0-alpha.
|
|
47
|
+
"@elliemae/ds-popover": "2.0.0-alpha.8",
|
|
48
|
+
"@elliemae/ds-popper": "2.0.0-alpha.8",
|
|
49
|
+
"@elliemae/ds-utilities": "2.0.0-alpha.8",
|
|
50
50
|
"prop-types": "~15.7.2",
|
|
51
51
|
"react-desc": "~4.1.3"
|
|
52
52
|
},
|