@trackunit/react-table-base-components 1.13.27 → 1.13.29
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/index.cjs.js +2 -2
- package/index.esm.js +3 -3
- package/package.json +7 -7
package/index.cjs.js
CHANGED
|
@@ -547,7 +547,7 @@ const MultiValueTextCell = ({ content, count, countTooltip, icon, iconTooltip, "
|
|
|
547
547
|
const updateTooltipVisibility = (element) => {
|
|
548
548
|
setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
|
|
549
549
|
};
|
|
550
|
-
return count && count > 0 ? (jsxRuntime.jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, ref: ref, children: [icon ? (jsxRuntime.jsx(reactComponents.Tooltip, {
|
|
550
|
+
return count && count > 0 ? (jsxRuntime.jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, ref: ref, children: [icon ? (jsxRuntime.jsx(reactComponents.Tooltip, { "data-testid": dataTestId ? `${dataTestId}-icon-tooltip` : undefined, disabled: !iconTooltip, label: iconTooltip ?? "", placement: "bottom", children: jsxRuntime.jsx("span", { className: "inline-flex items-center", children: icon }) })) : null, jsxRuntime.jsx("span", { className: cvaMultiValueTextCellTooltip(), ref: elementRef => updateTooltipVisibility(elementRef), children: jsxRuntime.jsx(reactComponents.Tooltip, { "data-testid": dataTestId ? `${dataTestId}-content-tooltip` : undefined, disabled: !isTooltipVisible, label: content ?? "", placement: "bottom", children: jsxRuntime.jsx(reactComponents.Text, { className: "inline", children: content ?? "" }) }) }), count > 1 ? (jsxRuntime.jsx(reactComponents.Tooltip, { "data-testid": dataTestId ? `${dataTestId}-count-tooltip` : undefined, disabled: !countTooltip, label: countTooltip ?? "", placement: "bottom", children: jsxRuntime.jsxs(reactComponents.Tag, { className: "inline", color: "neutral", onMouseEnter: onMouseEnter, size: "small", children: ["+", count - 1] }) })) : null] })) : null;
|
|
551
551
|
};
|
|
552
552
|
|
|
553
553
|
/**
|
|
@@ -1094,7 +1094,7 @@ const TextCell = ({ content = "", className, "data-testid": dataTestId, ref }) =
|
|
|
1094
1094
|
setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
|
|
1095
1095
|
};
|
|
1096
1096
|
const mergedRef = reactComponents.useMergeRefs([ref, (elementRef) => updateTooltipVisibility(elementRef)]);
|
|
1097
|
-
return (jsxRuntime.jsx(reactComponents.Tooltip, {
|
|
1097
|
+
return (jsxRuntime.jsx(reactComponents.Tooltip, { disabled: !isTooltipVisible, label: content, placement: "bottom", children: jsxRuntime.jsx("div", { className: cvaTextCellTooltip(), children: jsxRuntime.jsx("span", { className: cvaTextCell({ className }), "data-testid": dataTestId, ref: mergedRef, children: content }) }) }));
|
|
1098
1098
|
};
|
|
1099
1099
|
|
|
1100
1100
|
/**
|
package/index.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { Button, Icon, Highlight, Heading, ExternalLink, DetailsList, Indicator, Spinner, Tooltip, Tag, Notice, IconButton, MoreMenu, MenuList, MenuItem, MenuDivider, useMergeRefs } from '@trackunit/react-components';
|
|
2
|
+
import { Button, Icon, Highlight, Heading, ExternalLink, DetailsList, Indicator, Spinner, Tooltip, Text, Tag, Notice, IconButton, MoreMenu, MenuList, MenuItem, MenuDivider, useMergeRefs } from '@trackunit/react-components';
|
|
3
3
|
import { twMerge } from 'tailwind-merge';
|
|
4
4
|
import { Checkbox } from '@trackunit/react-form-components';
|
|
5
5
|
import { cvaMerge } from '@trackunit/css-class-variance-utilities';
|
|
@@ -545,7 +545,7 @@ const MultiValueTextCell = ({ content, count, countTooltip, icon, iconTooltip, "
|
|
|
545
545
|
const updateTooltipVisibility = (element) => {
|
|
546
546
|
setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
|
|
547
547
|
};
|
|
548
|
-
return count && count > 0 ? (jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, ref: ref, children: [icon ? (jsx(Tooltip, {
|
|
548
|
+
return count && count > 0 ? (jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, ref: ref, children: [icon ? (jsx(Tooltip, { "data-testid": dataTestId ? `${dataTestId}-icon-tooltip` : undefined, disabled: !iconTooltip, label: iconTooltip ?? "", placement: "bottom", children: jsx("span", { className: "inline-flex items-center", children: icon }) })) : null, jsx("span", { className: cvaMultiValueTextCellTooltip(), ref: elementRef => updateTooltipVisibility(elementRef), children: jsx(Tooltip, { "data-testid": dataTestId ? `${dataTestId}-content-tooltip` : undefined, disabled: !isTooltipVisible, label: content ?? "", placement: "bottom", children: jsx(Text, { className: "inline", children: content ?? "" }) }) }), count > 1 ? (jsx(Tooltip, { "data-testid": dataTestId ? `${dataTestId}-count-tooltip` : undefined, disabled: !countTooltip, label: countTooltip ?? "", placement: "bottom", children: jsxs(Tag, { className: "inline", color: "neutral", onMouseEnter: onMouseEnter, size: "small", children: ["+", count - 1] }) })) : null] })) : null;
|
|
549
549
|
};
|
|
550
550
|
|
|
551
551
|
/**
|
|
@@ -1092,7 +1092,7 @@ const TextCell = ({ content = "", className, "data-testid": dataTestId, ref }) =
|
|
|
1092
1092
|
setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
|
|
1093
1093
|
};
|
|
1094
1094
|
const mergedRef = useMergeRefs([ref, (elementRef) => updateTooltipVisibility(elementRef)]);
|
|
1095
|
-
return (jsx(Tooltip, {
|
|
1095
|
+
return (jsx(Tooltip, { disabled: !isTooltipVisible, label: content, placement: "bottom", children: jsx("div", { className: cvaTextCellTooltip(), children: jsx("span", { className: cvaTextCell({ className }), "data-testid": dataTestId, ref: mergedRef, children: content }) }) }));
|
|
1096
1096
|
};
|
|
1097
1097
|
|
|
1098
1098
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/react-table-base-components",
|
|
3
|
-
"version": "1.13.
|
|
3
|
+
"version": "1.13.29",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"react": "19.0.0",
|
|
11
|
-
"@trackunit/react-components": "1.17.
|
|
12
|
-
"@trackunit/ui-icons": "1.11.
|
|
13
|
-
"@trackunit/react-form-components": "1.14.
|
|
14
|
-
"@trackunit/css-class-variance-utilities": "1.11.
|
|
15
|
-
"@trackunit/date-and-time-utils": "1.11.
|
|
16
|
-
"@trackunit/shared-utils": "1.13.
|
|
11
|
+
"@trackunit/react-components": "1.17.26",
|
|
12
|
+
"@trackunit/ui-icons": "1.11.43",
|
|
13
|
+
"@trackunit/react-form-components": "1.14.29",
|
|
14
|
+
"@trackunit/css-class-variance-utilities": "1.11.44",
|
|
15
|
+
"@trackunit/date-and-time-utils": "1.11.45",
|
|
16
|
+
"@trackunit/shared-utils": "1.13.44",
|
|
17
17
|
"tailwind-merge": "^2.0.0",
|
|
18
18
|
"@js-temporal/polyfill": "^0.5.1"
|
|
19
19
|
},
|