@elliemae/ds-truncated-tooltip-text 2.2.1 → 2.3.0-alpha.4

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.
Files changed (22) hide show
  1. package/cjs/DSTruncateTextWithTooltip.js +68 -57
  2. package/cjs/DSTruncateTextWithTooltip.js.map +7 -0
  3. package/cjs/DSTruncatedTooltipText.js +100 -93
  4. package/cjs/DSTruncatedTooltipText.js.map +7 -0
  5. package/cjs/SimpleTruncatedTooltipText.js +114 -125
  6. package/cjs/SimpleTruncatedTooltipText.js.map +7 -0
  7. package/cjs/TooltipTextProvider.js +60 -64
  8. package/cjs/TooltipTextProvider.js.map +7 -0
  9. package/cjs/index.js +45 -19
  10. package/cjs/index.js.map +7 -0
  11. package/esm/DSTruncateTextWithTooltip.js +38 -46
  12. package/esm/DSTruncateTextWithTooltip.js.map +7 -0
  13. package/esm/DSTruncatedTooltipText.js +68 -78
  14. package/esm/DSTruncatedTooltipText.js.map +7 -0
  15. package/esm/SimpleTruncatedTooltipText.js +83 -111
  16. package/esm/SimpleTruncatedTooltipText.js.map +7 -0
  17. package/esm/TooltipTextProvider.js +29 -48
  18. package/esm/TooltipTextProvider.js.map +7 -0
  19. package/esm/index.js +16 -4
  20. package/esm/index.js.map +7 -0
  21. package/package.json +5 -5
  22. package/types/index.d.ts +4 -5
package/cjs/SimpleTruncatedTooltipText.js CHANGED
@@ -1,148 +1,137 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _jsx2 = require('@babel/runtime/helpers/jsx');
6
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
7
- require('core-js/modules/web.dom-collections.iterator.js');
8
- require('core-js/modules/esnext.async-iterator.filter.js');
9
- require('core-js/modules/esnext.iterator.constructor.js');
10
- require('core-js/modules/esnext.iterator.filter.js');
11
- require('core-js/modules/esnext.async-iterator.for-each.js');
12
- require('core-js/modules/esnext.iterator.for-each.js');
13
- var React = require('react');
14
- var dsUtilities = require('@elliemae/ds-utilities');
15
- var styled = require('styled-components');
16
- var DSPopover = require('@elliemae/ds-popover');
17
- var jsxRuntime = require('react/jsx-runtime');
18
-
19
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
-
21
- var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
22
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
23
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
24
- var DSPopover__default = /*#__PURE__*/_interopDefaultLegacy(DSPopover);
25
-
26
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
27
-
28
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
29
- const dsTestId = 'DS-SimpleTruncateText';
30
-
31
- const isEllipsisActive = _ref => {
32
- let {
33
- offsetWidth,
34
- scrollWidth
35
- } = _ref;
36
- return offsetWidth < scrollWidth;
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
37
11
  };
38
-
39
- const initialTooltipState = function () {
40
- let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
41
- let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
42
- return {
43
- reference: null,
44
- visible: false,
45
- value,
46
- options
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
47
26
  };
48
- }; // reduce the possibility of error showing the tooltip(text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755
49
-
50
-
51
- const Text = /*#__PURE__*/styled__default["default"].span.withConfig({
52
- componentId: "sc-2f4vtq-0"
53
- })(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;"]);
54
-
55
- const SimpleTruncatedTooltipText = props => {
56
- const {
57
- containerProps,
58
- tooltipDelay,
59
- placement,
60
- value,
61
- zIndex,
62
- tooltipOptions,
63
- textOptions
64
- } = props; // not using "usePopoverProviderState" because usePopoverState has memory leak issues
65
-
66
- const [tooltipState, setTooltipState] = React.useState(initialTooltipState(value, tooltipOptions));
67
- const show = React.useCallback(newState => {
68
- setTooltipState(_objectSpread(_objectSpread(_objectSpread({}, tooltipState), newState), {}, {
69
- visible: true
70
- }));
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var SimpleTruncatedTooltipText_exports = {};
29
+ __export(SimpleTruncatedTooltipText_exports, {
30
+ SimpleTruncatedTooltipText: () => SimpleTruncatedTooltipText,
31
+ default: () => SimpleTruncatedTooltipText_default
32
+ });
33
+ var React = __toESM(require("react"));
34
+ var import_react = __toESM(require("react"));
35
+ var import_ds_utilities = require("@elliemae/ds-utilities");
36
+ var import_prop_types = __toESM(require("prop-types"));
37
+ var import_styled_components = __toESM(require("styled-components"));
38
+ var import_ds_popover = require("@elliemae/ds-popover");
39
+ const dsTestId = "DS-SimpleTruncateText";
40
+ const isEllipsisActive = ({ offsetWidth, scrollWidth }) => offsetWidth < scrollWidth;
41
+ const initialTooltipState = (value = "", options = {}) => ({
42
+ reference: null,
43
+ visible: false,
44
+ value,
45
+ options
46
+ });
47
+ const Text = import_styled_components.default.span`
48
+ text-overflow: ellipsis;
49
+ white-space: nowrap;
50
+ overflow: hidden;
51
+ display: inline-block;
52
+ max-width: 100%;
53
+ `;
54
+ const SimpleTruncatedTooltipText = (props) => {
55
+ const { containerProps, tooltipDelay, placement, value, zIndex, tooltipOptions, textOptions } = props;
56
+ const [tooltipState, setTooltipState] = (0, import_react.useState)(initialTooltipState(value, tooltipOptions));
57
+ const show = (0, import_react.useCallback)((newState) => {
58
+ setTooltipState({ ...tooltipState, ...newState, visible: true });
71
59
  }, [tooltipState]);
72
- const hideTooltip = React.useCallback(newState => {
73
- setTooltipState(_objectSpread(_objectSpread(_objectSpread({}, tooltipState), newState), {}, {
74
- visible: false
75
- }));
60
+ const hideTooltip = (0, import_react.useCallback)((newState) => {
61
+ setTooltipState({ ...tooltipState, ...newState, visible: false });
76
62
  }, [tooltipState]);
77
- const [showTooltip, cancelShowTooltip] = dsUtilities.useCancellableDelayedCallback(show, tooltipDelay);
78
- const handleMouseEnter = React.useCallback(e => {
79
- const {
80
- target
81
- } = e; // we search for the closest parent with data-testid matching this component
82
- // this is required because the target may not be this component itself
83
- // when the user gives JSX as a value.
84
- // JSX as a value is required for features like text highlight during research
85
- // wich would still allow the truncation behaviour (see tree view for example)
86
- // when the target has the test-id itself target===SimpleTruncatedTextEl
87
-
88
- const SimpleTruncatedTextEl = target.closest("[data-testid=\"".concat(dsTestId, "\"]"));
89
-
63
+ const [showTooltip, cancelShowTooltip] = (0, import_ds_utilities.useCancellableDelayedCallback)(show, tooltipDelay);
64
+ const handleMouseEnter = (0, import_react.useCallback)((e) => {
65
+ const { target } = e;
66
+ const SimpleTruncatedTextEl = target.closest(`[data-testid="${dsTestId}"]`);
90
67
  if (SimpleTruncatedTextEl && isEllipsisActive(SimpleTruncatedTextEl)) {
91
- showTooltip({
92
- value,
93
- reference: SimpleTruncatedTextEl
94
- });
68
+ showTooltip({ value, reference: SimpleTruncatedTextEl });
95
69
  }
96
70
  }, [showTooltip, value]);
97
- const handleMouseLeave = React.useCallback(() => {
71
+ const handleMouseLeave = (0, import_react.useCallback)(() => {
98
72
  cancelShowTooltip();
99
- hideTooltip({
100
- reference: null
101
- });
73
+ hideTooltip({ reference: null });
102
74
  }, [hideTooltip, cancelShowTooltip]);
103
- const handlers = React.useMemo(() => {
104
- if (!showTooltip) return {};
75
+ const handlers = (0, import_react.useMemo)(() => {
76
+ if (!showTooltip)
77
+ return {};
105
78
  return {
106
79
  onMouseEnter: handleMouseEnter,
107
80
  onMouseLeave: handleMouseLeave
108
81
  };
109
82
  }, [showTooltip, handleMouseEnter, handleMouseLeave]);
110
- const PurePopover = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
111
- children: tooltipState.visible ? /*#__PURE__*/_jsx2__default["default"](DSPopover__default["default"], {
112
- boundaries: "window",
113
- style: {
114
- pointerEvents: 'none',
115
- zIndex
116
- },
117
- placement: placement,
118
- content: tooltipState.value,
119
- referenceEl: tooltipState.reference,
120
- visible: tooltipState.visible,
121
- showArrow: true
122
- }) : null
123
- }), [tooltipState, placement, zIndex]);
124
- const PureText = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
125
- children: /*#__PURE__*/jsxRuntime.jsx(Text, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, containerProps && _objectSpread({}, containerProps)), textOptions && _objectSpread({}, textOptions)), handlers && _objectSpread({}, handlers)), {}, {
126
- "data-testid": dsTestId // this is used by mouse enter too. required to support value as JSX
127
- ,
128
- children: value
129
- }))
130
- }), [containerProps, textOptions, handlers, value]);
131
- const PureSimpleTruncatedTooltipText = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
132
- children: [PureText, PurePopover]
133
- }), [PureText, PurePopover]);
83
+ const PurePopover = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, tooltipState.visible ? /* @__PURE__ */ import_react.default.createElement(import_ds_popover.DSPopover, {
84
+ boundaries: "window",
85
+ style: { pointerEvents: "none", zIndex },
86
+ placement,
87
+ content: tooltipState.value,
88
+ referenceEl: tooltipState.reference,
89
+ visible: tooltipState.visible,
90
+ showArrow: true
91
+ }) : null), [tooltipState, placement, zIndex]);
92
+ const PureText = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(Text, {
93
+ ...containerProps && { ...containerProps },
94
+ ...textOptions && { ...textOptions },
95
+ ...handlers && { ...handlers },
96
+ "data-testid": dsTestId
97
+ }, value)), [containerProps, textOptions, handlers, value]);
98
+ const PureSimpleTruncatedTooltipText = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, PureText, PurePopover), [PureText, PurePopover]);
134
99
  return PureSimpleTruncatedTooltipText;
135
100
  };
136
-
101
+ SimpleTruncatedTooltipText.propTypes = {
102
+ containerProps: import_prop_types.default.object,
103
+ tooltipOptions: import_prop_types.default.object,
104
+ textOptions: import_prop_types.default.object,
105
+ value: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number, import_prop_types.default.node]),
106
+ placement: import_prop_types.default.oneOf([
107
+ import_ds_popover.PopperPositions.AUTO_START,
108
+ import_ds_popover.PopperPositions.AUTO_END,
109
+ import_ds_popover.PopperPositions.AUTO,
110
+ import_ds_popover.PopperPositions.TOP_START,
111
+ import_ds_popover.PopperPositions.TOP,
112
+ import_ds_popover.PopperPositions.TOP_END,
113
+ import_ds_popover.PopperPositions.RIGHT_START,
114
+ import_ds_popover.PopperPositions.RIGHT,
115
+ import_ds_popover.PopperPositions.RIGHT_END,
116
+ import_ds_popover.PopperPositions.BOTTOM_START,
117
+ import_ds_popover.PopperPositions.BOTTOM,
118
+ import_ds_popover.PopperPositions.BOTTOM_END,
119
+ import_ds_popover.PopperPositions.LEFT_START,
120
+ import_ds_popover.PopperPositions.LEFT,
121
+ import_ds_popover.PopperPositions.LEFT_END
122
+ ]),
123
+ tooltipDelay: import_prop_types.default.number,
124
+ zIndex: import_prop_types.default.number
125
+ };
137
126
  SimpleTruncatedTooltipText.defaultProps = {
138
127
  containerProps: {},
139
128
  tooltipOptions: {},
140
129
  textOptions: {},
141
- value: '',
142
- placement: DSPopover.PopperPositions.TOP,
130
+ value: "",
131
+ placement: import_ds_popover.PopperPositions.TOP,
143
132
  tooltipDelay: 200,
144
133
  zIndex: 110
145
134
  };
146
-
147
- exports.SimpleTruncatedTooltipText = SimpleTruncatedTooltipText;
148
- exports["default"] = SimpleTruncatedTooltipText;
135
+ var SimpleTruncatedTooltipText_default = SimpleTruncatedTooltipText;
136
+ module.exports = __toCommonJS(SimpleTruncatedTooltipText_exports);
137
+ //# sourceMappingURL=SimpleTruncatedTooltipText.js.map
package/cjs/SimpleTruncatedTooltipText.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/SimpleTruncatedTooltipText.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { useCancellableDelayedCallback } from '@elliemae/ds-utilities';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { DSPopover, PopperPositions as positions } from '@elliemae/ds-popover';\n\nconst dsTestId = 'DS-SimpleTruncateText';\n\nconst isEllipsisActive = ({ offsetWidth, scrollWidth }) => offsetWidth < scrollWidth;\n\nconst initialTooltipState = (value = '', options = {}) => ({\n reference: null,\n visible: false,\n value,\n options,\n});\n// reduce the possibility of error showing the tooltip(text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755\nconst Text = styled.span`\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: inline-block;\n max-width: 100%;\n`;\n\nconst SimpleTruncatedTooltipText = (props) => {\n const { containerProps, tooltipDelay, placement, value, zIndex, tooltipOptions, textOptions } = props;\n\n // not using \"usePopoverProviderState\" because usePopoverState has memory leak issues\n const [tooltipState, setTooltipState] = useState(initialTooltipState(value, tooltipOptions));\n const show = useCallback(\n (newState) => {\n setTooltipState({ ...tooltipState, ...newState, visible: true });\n },\n [tooltipState],\n );\n const hideTooltip = useCallback(\n (newState) => {\n setTooltipState({ ...tooltipState, ...newState, visible: false });\n },\n [tooltipState],\n );\n const [showTooltip, cancelShowTooltip] = useCancellableDelayedCallback(show, tooltipDelay);\n\n const handleMouseEnter = useCallback(\n (e) => {\n const { target } = e;\n // we search for the closest parent with data-testid matching this component\n // this is required because the target may not be this component itself\n // when the user gives JSX as a value.\n // JSX as a value is required for features like text highlight during research\n // wich would still allow the truncation behaviour (see tree view for example)\n // when the target has the test-id itself target===SimpleTruncatedTextEl\n const SimpleTruncatedTextEl = target.closest(`[data-testid=\"${dsTestId}\"]`);\n if (SimpleTruncatedTextEl && isEllipsisActive(SimpleTruncatedTextEl)) {\n showTooltip({ value, reference: SimpleTruncatedTextEl });\n }\n },\n [showTooltip, value],\n );\n\n const handleMouseLeave = useCallback(() => {\n cancelShowTooltip();\n hideTooltip({ reference: null });\n }, [hideTooltip, cancelShowTooltip]);\n\n const handlers = useMemo(() => {\n if (!showTooltip) return {};\n return {\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave,\n };\n }, [showTooltip, handleMouseEnter, handleMouseLeave]);\n\n const PurePopover = useMemo(\n () => (\n <>\n {tooltipState.visible ? (\n <DSPopover\n boundaries=\"window\"\n style={{ pointerEvents: 'none', zIndex }}\n placement={placement}\n content={tooltipState.value}\n referenceEl={tooltipState.reference}\n visible={tooltipState.visible}\n showArrow\n />\n ) : null}\n </>\n ),\n [tooltipState, placement, zIndex],\n );\n const PureText = useMemo(\n () => (\n <>\n <Text\n {...(containerProps && { ...containerProps })}\n {...(textOptions && { ...textOptions })}\n {...(handlers && { ...handlers })}\n data-testid={dsTestId} // this is used by mouse enter too. required to support value as JSX\n >\n {value}\n </Text>\n </>\n ),\n [containerProps, textOptions, handlers, value],\n );\n\n const PureSimpleTruncatedTooltipText = useMemo(\n () => (\n <>\n {PureText}\n {PurePopover}\n </>\n ),\n [PureText, PurePopover],\n );\n\n return PureSimpleTruncatedTooltipText;\n};\n\nSimpleTruncatedTooltipText.propTypes = {\n containerProps: PropTypes.object,\n tooltipOptions: PropTypes.object,\n textOptions: PropTypes.object,\n /** Text that when truncated will trigger the tooltip interaction */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.node]),\n /** Position of the tooltip */\n placement: PropTypes.oneOf([\n positions.AUTO_START,\n positions.AUTO_END,\n positions.AUTO,\n positions.TOP_START,\n positions.TOP,\n positions.TOP_END,\n positions.RIGHT_START,\n positions.RIGHT,\n positions.RIGHT_END,\n positions.BOTTOM_START,\n positions.BOTTOM,\n positions.BOTTOM_END,\n positions.LEFT_START,\n positions.LEFT,\n positions.LEFT_END,\n ]),\n /** Delay to show the tooltip */\n tooltipDelay: PropTypes.number,\n /** override default zIndex */\n zIndex: PropTypes.number,\n};\n\nSimpleTruncatedTooltipText.defaultProps = {\n containerProps: {},\n tooltipOptions: {},\n textOptions: {},\n value: '',\n placement: positions.TOP,\n tooltipDelay: 200,\n zIndex: 110,\n};\n\nexport { SimpleTruncatedTooltipText };\nexport default SimpleTruncatedTooltipText;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
package/cjs/TooltipTextProvider.js CHANGED
@@ -1,78 +1,74 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _jsx2 = require('@babel/runtime/helpers/jsx');
6
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
7
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
8
- require('core-js/modules/web.dom-collections.iterator.js');
9
- require('core-js/modules/esnext.async-iterator.filter.js');
10
- require('core-js/modules/esnext.iterator.constructor.js');
11
- require('core-js/modules/esnext.iterator.filter.js');
12
- require('core-js/modules/esnext.async-iterator.for-each.js');
13
- require('core-js/modules/esnext.iterator.for-each.js');
14
- var React = require('react');
15
- var DSPopover = require('@elliemae/ds-popover');
16
- var jsxRuntime = require('react/jsx-runtime');
17
-
18
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
19
-
20
- var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
21
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
22
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
23
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
- var DSPopover__default = /*#__PURE__*/_interopDefaultLegacy(DSPopover);
25
-
26
- const _excluded = ["children", "tooltipDelay", "placement"];
27
-
28
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
-
30
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
- const TruncatedTooltipContext = /*#__PURE__*/React__default["default"].createContext();
32
- const {
33
- Provider
34
- } = TruncatedTooltipContext;
35
-
36
- function TooltipTextProvider(_ref) {
37
- let {
38
- children,
39
- tooltipDelay = 200,
40
- placement = 'top'
41
- } = _ref,
42
- tooltipOptions = _objectWithoutProperties__default["default"](_ref, _excluded);
43
-
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var TooltipTextProvider_exports = {};
29
+ __export(TooltipTextProvider_exports, {
30
+ TooltipTextProvider: () => TooltipTextProvider,
31
+ TruncatedTooltipContext: () => TruncatedTooltipContext,
32
+ default: () => TooltipTextProvider_default
33
+ });
34
+ var React = __toESM(require("react"));
35
+ var import_react = __toESM(require("react"));
36
+ var import_ds_popover = require("@elliemae/ds-popover");
37
+ const TruncatedTooltipContext = import_react.default.createContext();
38
+ const { Provider } = TruncatedTooltipContext;
39
+ function TooltipTextProvider({
40
+ children,
41
+ tooltipDelay = 200,
42
+ placement = "top",
43
+ ...tooltipOptions
44
+ }) {
44
45
  const {
45
46
  show: showTooltip,
46
47
  hide: hideTooltip,
47
48
  state: tooltipState
48
- } = DSPopover.usePopoverProviderState({
49
- delay: tooltipDelay
50
- });
51
- const [zIndex, setZIndex] = React.useState(110);
52
- const value = React.useMemo(() => ({
49
+ } = (0, import_ds_popover.usePopoverProviderState)({ delay: tooltipDelay });
50
+ const [zIndex, setZIndex] = (0, import_react.useState)(110);
51
+ const value = (0, import_react.useMemo)(() => ({
53
52
  showTooltip,
54
53
  hideTooltip,
55
54
  setZIndex
56
55
  }), []);
57
- return /*#__PURE__*/_jsx2__default["default"](Provider, {
58
- value: value
59
- }, void 0, children, tooltipState.visible ? /*#__PURE__*/jsxRuntime.jsx(DSPopover__default["default"], _objectSpread(_objectSpread(_objectSpread({
56
+ return /* @__PURE__ */ import_react.default.createElement(Provider, {
57
+ value
58
+ }, children, tooltipState.visible ? /* @__PURE__ */ import_react.default.createElement(import_ds_popover.DSPopover, {
60
59
  boundaries: "window",
61
- placement: placement,
62
- showArrow: true
63
- }, tooltipOptions), tooltipState.options || {}), {}, {
60
+ placement,
61
+ showArrow: true,
62
+ ...tooltipOptions,
63
+ ...tooltipState.options || {},
64
64
  content: tooltipState.value,
65
65
  referenceEl: tooltipState.reference,
66
- style: {
67
- pointerEvents: 'none',
68
- zIndex
69
- },
66
+ style: { pointerEvents: "none", zIndex },
70
67
  visible: tooltipState.visible
71
- })) : null);
68
+ }) : null);
72
69
  }
73
-
70
+ TooltipTextProvider.propTypes = {};
74
71
  TooltipTextProvider.defaultProps = {};
75
-
76
- exports.TooltipTextProvider = TooltipTextProvider;
77
- exports.TruncatedTooltipContext = TruncatedTooltipContext;
78
- exports["default"] = TooltipTextProvider;
72
+ var TooltipTextProvider_default = TooltipTextProvider;
73
+ module.exports = __toCommonJS(TooltipTextProvider_exports);
74
+ //# sourceMappingURL=TooltipTextProvider.js.map
package/cjs/TooltipTextProvider.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/TooltipTextProvider.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useMemo, useState } from 'react';\nimport { DSPopover, usePopoverProviderState } from '@elliemae/ds-popover';\n\nconst TruncatedTooltipContext = React.createContext();\n\nconst { Provider } = TruncatedTooltipContext;\n\nfunction TooltipTextProvider({\n children,\n tooltipDelay = 200,\n placement = 'top',\n ...tooltipOptions\n}) {\n const {\n show: showTooltip,\n hide: hideTooltip,\n state: tooltipState,\n } = usePopoverProviderState({ delay: tooltipDelay });\n const [zIndex, setZIndex] = useState(110);\n\n const value = useMemo(\n () => ({\n showTooltip,\n hideTooltip,\n setZIndex,\n }),\n [],\n );\n\n return (\n <Provider value={value}>\n {children}\n {tooltipState.visible ? (\n <DSPopover\n boundaries=\"window\"\n placement={placement}\n showArrow\n {...tooltipOptions}\n {...(tooltipState.options || {})}\n content={tooltipState.value}\n referenceEl={tooltipState.reference}\n style={{ pointerEvents: 'none', zIndex }}\n visible={tooltipState.visible}\n />\n ) : null}\n </Provider>\n );\n}\n\nTooltipTextProvider.propTypes = {};\nTooltipTextProvider.defaultProps = {};\n\nexport { TooltipTextProvider, TruncatedTooltipContext };\nexport default TooltipTextProvider;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAyC;AACzC,wBAAmD;AAEnD,MAAM,0BAA0B,qBAAM;AAEtC,MAAM,EAAE,aAAa;AAErB,6BAA6B;AAAA,EAC3B;AAAA,EACA,eAAe;AAAA,EACf,YAAY;AAAA,KACT;AAAA,GACF;AACD,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,MACL,+CAAwB,EAAE,OAAO;AACrC,QAAM,CAAC,QAAQ,aAAa,2BAAS;AAErC,QAAM,QAAQ,0BACZ,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAGF,SACE,mDAAC,UAAD;AAAA,IAAU;AAAA,KACP,UACA,aAAa,UACZ,mDAAC,6BAAD;AAAA,IACE,YAAW;AAAA,IACX;AAAA,IACA,WAAS;AAAA,OACL;AAAA,OACC,aAAa,WAAW;AAAA,IAC7B,SAAS,aAAa;AAAA,IACtB,aAAa,aAAa;AAAA,IAC1B,OAAO,EAAE,eAAe,QAAQ;AAAA,IAChC,SAAS,aAAa;AAAA,OAEtB;AAAA;AAKV,oBAAoB,YAAY;AAChC,oBAAoB,eAAe;AAGnC,IAAO,8BAAQ;",
6
+ "names": []
7
+ }
package/cjs/index.js CHANGED
@@ -1,19 +1,45 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var TooltipTextProvider = require('./TooltipTextProvider.js');
6
- var SimpleTruncatedTooltipText = require('./SimpleTruncatedTooltipText.js');
7
- var DSTruncatedTooltipText = require('./DSTruncatedTooltipText.js');
8
- var DSTruncateTextWithTooltip = require('./DSTruncateTextWithTooltip.js');
9
-
10
-
11
-
12
- exports.TooltipTextProvider = TooltipTextProvider.TooltipTextProvider;
13
- exports.TruncatedTooltipContext = TooltipTextProvider.TruncatedTooltipContext;
14
- exports.SimpleTruncatedTooltipText = SimpleTruncatedTooltipText.SimpleTruncatedTooltipText;
15
- exports.DSTruncatedTooltipText = DSTruncatedTooltipText.DSTruncatedTooltipText;
16
- exports.TruncatedTooltipTextWithSchema = DSTruncatedTooltipText.TruncatedTooltipTextWithSchema;
17
- exports["default"] = DSTruncatedTooltipText.DSTruncatedTooltipText;
18
- exports.DSTruncateTextWithTooltip = DSTruncateTextWithTooltip.DSTruncateTextWithTooltip;
19
- exports.DSTruncateTextWithTooltipDatatestId = DSTruncateTextWithTooltip.DSTruncateTextWithTooltipDatatestId;
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var src_exports = {};
29
+ __export(src_exports, {
30
+ DSTruncateTextWithTooltip: () => import_DSTruncateTextWithTooltip.DSTruncateTextWithTooltip,
31
+ DSTruncateTextWithTooltipDatatestId: () => import_DSTruncateTextWithTooltip.DSTruncateTextWithTooltipDatatestId,
32
+ DSTruncatedTooltipText: () => import_DSTruncatedTooltipText.DSTruncatedTooltipText,
33
+ SimpleTruncatedTooltipText: () => import_SimpleTruncatedTooltipText.SimpleTruncatedTooltipText,
34
+ TooltipTextProvider: () => import_TooltipTextProvider.TooltipTextProvider,
35
+ TruncatedTooltipContext: () => import_TooltipTextProvider.TruncatedTooltipContext,
36
+ TruncatedTooltipTextWithSchema: () => import_DSTruncatedTooltipText.TruncatedTooltipTextWithSchema,
37
+ default: () => import_DSTruncatedTooltipText.default
38
+ });
39
+ var React = __toESM(require("react"));
40
+ var import_TooltipTextProvider = require("./TooltipTextProvider");
41
+ var import_SimpleTruncatedTooltipText = require("./SimpleTruncatedTooltipText");
42
+ var import_DSTruncatedTooltipText = __toESM(require("./DSTruncatedTooltipText"));
43
+ var import_DSTruncateTextWithTooltip = require("./DSTruncateTextWithTooltip");
44
+ module.exports = __toCommonJS(src_exports);
45
+ //# sourceMappingURL=index.js.map
package/cjs/index.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["export { TooltipTextProvider, TruncatedTooltipContext } from './TooltipTextProvider';\nexport { SimpleTruncatedTooltipText } from './SimpleTruncatedTooltipText';\nexport { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema, default } from './DSTruncatedTooltipText';\nexport { DSTruncateTextWithTooltipDatatestId, DSTruncateTextWithTooltip } from './DSTruncateTextWithTooltip';\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAA6D;AAC7D,wCAA2C;AAC3C,oCAAgF;AAChF,uCAA+E;",
6
+ "names": []
7
+ }
package/esm/DSTruncateTextWithTooltip.js CHANGED
@@ -1,65 +1,57 @@
1
- import 'core-js/modules/esnext.async-iterator.filter.js';
2
- import 'core-js/modules/esnext.iterator.constructor.js';
3
- import 'core-js/modules/esnext.iterator.filter.js';
4
- import 'core-js/modules/esnext.async-iterator.for-each.js';
5
- import 'core-js/modules/esnext.iterator.for-each.js';
6
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
- import 'core-js/modules/web.dom-collections.iterator.js';
8
- import { useState, useMemo, useEffect } from 'react';
9
- import { DSTooltipV3 } from '@elliemae/ds-tooltip';
10
- import styled from 'styled-components';
11
- import { jsx } from 'react/jsx-runtime';
12
-
13
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
-
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
- const Text = /*#__PURE__*/styled.span.withConfig({
17
- componentId: "sc-1w57q5j-0"
18
- })(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;:focus{border:none;outline:none;background:", ";}"], props => props.theme.colors.brand['200']);
19
- const DSTruncateTextWithTooltipDatatestId = 'DS-TruncateTextWithTooltip';
20
- const DSTruncateTextWithTooltip = _ref => {
21
- let {
22
- text,
23
- tooltipProps = {}
24
- } = _ref;
25
- const [textWrapperEl, setTextWrapperEl] = useState(); // const textWrapperEl = useRef<HTMLSpanElement>();
26
-
27
- const [isShowingEllipsis, setIsShowingEllipsis] = useState(false); // const isShowingEllipsis = textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth;
28
-
29
- const resizeObserver = useMemo(() => new ResizeObserver(entries => {
1
+ import * as React from "react";
2
+ import React2, { useState, useMemo, useEffect } from "react";
3
+ import { DSTooltipV3 } from "@elliemae/ds-tooltip";
4
+ import styled from "styled-components";
5
+ const Text = styled.span`
6
+ text-overflow: ellipsis;
7
+ white-space: nowrap;
8
+ overflow: hidden;
9
+ display: inline-block;
10
+ max-width: 100%;
11
+ :focus {
12
+ border: none;
13
+ outline: none;
14
+ background: ${(props) => props.theme.colors.brand["200"]};
15
+ }
16
+ `;
17
+ const DSTruncateTextWithTooltipDatatestId = "DS-TruncateTextWithTooltip";
18
+ const DSTruncateTextWithTooltip = ({ text, tooltipProps = {} }) => {
19
+ const [textWrapperEl, setTextWrapperEl] = useState();
20
+ const [isShowingEllipsis, setIsShowingEllipsis] = useState(false);
21
+ const resizeObserver = useMemo(() => new ResizeObserver((entries) => {
30
22
  if (entries.length) {
31
23
  const [textWrapperEntry] = entries;
32
24
  const el = textWrapperEntry.target;
33
- setIsShowingEllipsis((el === null || el === void 0 ? void 0 : el.scrollWidth) > (el === null || el === void 0 ? void 0 : el.clientWidth));
25
+ setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);
34
26
  }
35
27
  }), []);
36
28
  useEffect(() => {
37
29
  if (textWrapperEl) {
38
- setIsShowingEllipsis((textWrapperEl === null || textWrapperEl === void 0 ? void 0 : textWrapperEl.scrollWidth) > (textWrapperEl === null || textWrapperEl === void 0 ? void 0 : textWrapperEl.clientWidth));
30
+ setIsShowingEllipsis(textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth);
39
31
  resizeObserver.observe(textWrapperEl);
40
32
  }
41
-
42
33
  return () => {
43
34
  if (textWrapperEl) {
44
35
  resizeObserver.unobserve(textWrapperEl);
45
36
  }
46
37
  };
47
38
  }, [resizeObserver, textWrapperEl]);
48
- if (isShowingEllipsis) return /*#__PURE__*/jsx(DSTooltipV3, _objectSpread(_objectSpread({
49
- text: text
50
- }, tooltipProps), {}, {
51
- children: /*#__PURE__*/jsx(Text, {
39
+ if (isShowingEllipsis)
40
+ return /* @__PURE__ */ React2.createElement(DSTooltipV3, {
41
+ text,
42
+ ...tooltipProps
43
+ }, /* @__PURE__ */ React2.createElement(Text, {
52
44
  ref: setTextWrapperEl,
53
45
  tabIndex: 0,
54
- "data-testid": DSTruncateTextWithTooltipDatatestId,
55
- children: text
56
- })
57
- }));
58
- return /*#__PURE__*/jsx(Text, {
46
+ "data-testid": DSTruncateTextWithTooltipDatatestId
47
+ }, text));
48
+ return /* @__PURE__ */ React2.createElement(Text, {
59
49
  ref: setTextWrapperEl,
60
- "data-testid": DSTruncateTextWithTooltipDatatestId,
61
- children: text
62
- });
50
+ "data-testid": DSTruncateTextWithTooltipDatatestId
51
+ }, text);
63
52
  };
64
-
65
- export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipDatatestId };
53
+ export {
54
+ DSTruncateTextWithTooltip,
55
+ DSTruncateTextWithTooltipDatatestId
56
+ };
57
+ //# sourceMappingURL=DSTruncateTextWithTooltip.js.map