@trackunit/react-table-base-components 1.13.6 → 1.13.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.
- package/index.cjs.js +2 -2
- package/index.esm.js +2 -2
- package/package.json +7 -7
package/index.cjs.js
CHANGED
|
@@ -464,7 +464,7 @@ const MultiValueTextCell = ({ content, count, countTooltip, icon, iconTooltip, "
|
|
|
464
464
|
const updateTooltipVisibility = (element) => {
|
|
465
465
|
setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
|
|
466
466
|
};
|
|
467
|
-
return count && count > 0 ? (jsxRuntime.jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, children: [icon ? (jsxRuntime.jsx(reactComponents.Tooltip, { className: "inline-flex items-center", "data-testid": dataTestId ? `${dataTestId}-icon-tooltip` : undefined, disabled: !iconTooltip, label: iconTooltip ?? "", placement: "bottom", children: icon })) : null, jsxRuntime.jsx("span", { className: cvaMultiValueTextCellTooltip(), ref: elementRef => updateTooltipVisibility(elementRef), children: jsxRuntime.jsx(reactComponents.Tooltip, { className: "inline", "data-testid": dataTestId ? `${dataTestId}-content-tooltip` : undefined, disabled: !isTooltipVisible, label: content ?? "", placement: "bottom", children: content ?? "" }) }), count > 1 ? (jsxRuntime.jsx(reactComponents.Tooltip, { className: "inline", "data-testid": dataTestId ? `${dataTestId}-count-tooltip` : undefined, disabled: !countTooltip, label: countTooltip ?? "", placement: "bottom", children: jsxRuntime.jsxs(reactComponents.Tag, { color: "neutral", onMouseEnter: onMouseEnter, size: "small", children: ["+", count - 1] }) })) : null] })) : null;
|
|
467
|
+
return count && count > 0 ? (jsxRuntime.jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, children: [icon ? (jsxRuntime.jsx(reactComponents.Tooltip, { asChild: false, className: "inline-flex items-center", "data-testid": dataTestId ? `${dataTestId}-icon-tooltip` : undefined, disabled: !iconTooltip, label: iconTooltip ?? "", placement: "bottom", children: icon })) : null, jsxRuntime.jsx("span", { className: cvaMultiValueTextCellTooltip(), ref: elementRef => updateTooltipVisibility(elementRef), children: jsxRuntime.jsx(reactComponents.Tooltip, { asChild: false, className: "inline", "data-testid": dataTestId ? `${dataTestId}-content-tooltip` : undefined, disabled: !isTooltipVisible, label: content ?? "", placement: "bottom", children: content ?? "" }) }), count > 1 ? (jsxRuntime.jsx(reactComponents.Tooltip, { asChild: false, className: "inline", "data-testid": dataTestId ? `${dataTestId}-count-tooltip` : undefined, disabled: !countTooltip, label: countTooltip ?? "", placement: "bottom", children: jsxRuntime.jsxs(reactComponents.Tag, { color: "neutral", onMouseEnter: onMouseEnter, size: "small", children: ["+", count - 1] }) })) : null] })) : null;
|
|
468
468
|
};
|
|
469
469
|
|
|
470
470
|
/**
|
|
@@ -963,7 +963,7 @@ const TextCell = ({ content = "", className, "data-testid": dataTestId }) => {
|
|
|
963
963
|
const updateTooltipVisibility = (element) => {
|
|
964
964
|
setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
|
|
965
965
|
};
|
|
966
|
-
return (jsxRuntime.jsx(reactComponents.Tooltip, { className: cvaTextCellTooltip(), disabled: !isTooltipVisible, label: content, placement: "bottom", children: jsxRuntime.jsx("span", { className: cvaTextCell({ className }), "data-testid": dataTestId, ref: elementRef => updateTooltipVisibility(elementRef), children: content }) }));
|
|
966
|
+
return (jsxRuntime.jsx(reactComponents.Tooltip, { asChild: false, className: cvaTextCellTooltip(), disabled: !isTooltipVisible, label: content, placement: "bottom", children: jsxRuntime.jsx("span", { className: cvaTextCell({ className }), "data-testid": dataTestId, ref: elementRef => updateTooltipVisibility(elementRef), children: content }) }));
|
|
967
967
|
};
|
|
968
968
|
|
|
969
969
|
/**
|
package/index.esm.js
CHANGED
|
@@ -462,7 +462,7 @@ const MultiValueTextCell = ({ content, count, countTooltip, icon, iconTooltip, "
|
|
|
462
462
|
const updateTooltipVisibility = (element) => {
|
|
463
463
|
setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
|
|
464
464
|
};
|
|
465
|
-
return count && count > 0 ? (jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, children: [icon ? (jsx(Tooltip, { className: "inline-flex items-center", "data-testid": dataTestId ? `${dataTestId}-icon-tooltip` : undefined, disabled: !iconTooltip, label: iconTooltip ?? "", placement: "bottom", children: icon })) : null, jsx("span", { className: cvaMultiValueTextCellTooltip(), ref: elementRef => updateTooltipVisibility(elementRef), children: jsx(Tooltip, { className: "inline", "data-testid": dataTestId ? `${dataTestId}-content-tooltip` : undefined, disabled: !isTooltipVisible, label: content ?? "", placement: "bottom", children: content ?? "" }) }), count > 1 ? (jsx(Tooltip, { className: "inline", "data-testid": dataTestId ? `${dataTestId}-count-tooltip` : undefined, disabled: !countTooltip, label: countTooltip ?? "", placement: "bottom", children: jsxs(Tag, { color: "neutral", onMouseEnter: onMouseEnter, size: "small", children: ["+", count - 1] }) })) : null] })) : null;
|
|
465
|
+
return count && count > 0 ? (jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, children: [icon ? (jsx(Tooltip, { asChild: false, className: "inline-flex items-center", "data-testid": dataTestId ? `${dataTestId}-icon-tooltip` : undefined, disabled: !iconTooltip, label: iconTooltip ?? "", placement: "bottom", children: icon })) : null, jsx("span", { className: cvaMultiValueTextCellTooltip(), ref: elementRef => updateTooltipVisibility(elementRef), children: jsx(Tooltip, { asChild: false, className: "inline", "data-testid": dataTestId ? `${dataTestId}-content-tooltip` : undefined, disabled: !isTooltipVisible, label: content ?? "", placement: "bottom", children: content ?? "" }) }), count > 1 ? (jsx(Tooltip, { asChild: false, className: "inline", "data-testid": dataTestId ? `${dataTestId}-count-tooltip` : undefined, disabled: !countTooltip, label: countTooltip ?? "", placement: "bottom", children: jsxs(Tag, { color: "neutral", onMouseEnter: onMouseEnter, size: "small", children: ["+", count - 1] }) })) : null] })) : null;
|
|
466
466
|
};
|
|
467
467
|
|
|
468
468
|
/**
|
|
@@ -961,7 +961,7 @@ const TextCell = ({ content = "", className, "data-testid": dataTestId }) => {
|
|
|
961
961
|
const updateTooltipVisibility = (element) => {
|
|
962
962
|
setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
|
|
963
963
|
};
|
|
964
|
-
return (jsx(Tooltip, { className: cvaTextCellTooltip(), disabled: !isTooltipVisible, label: content, placement: "bottom", children: jsx("span", { className: cvaTextCell({ className }), "data-testid": dataTestId, ref: elementRef => updateTooltipVisibility(elementRef), children: content }) }));
|
|
964
|
+
return (jsx(Tooltip, { asChild: false, className: cvaTextCellTooltip(), disabled: !isTooltipVisible, label: content, placement: "bottom", children: jsx("span", { className: cvaTextCell({ className }), "data-testid": dataTestId, ref: elementRef => updateTooltipVisibility(elementRef), children: content }) }));
|
|
965
965
|
};
|
|
966
966
|
|
|
967
967
|
/**
|
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.8",
|
|
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.6",
|
|
12
|
+
"@trackunit/ui-icons": "1.11.34",
|
|
13
|
+
"@trackunit/react-form-components": "1.14.8",
|
|
14
|
+
"@trackunit/css-class-variance-utilities": "1.11.35",
|
|
15
|
+
"@trackunit/date-and-time-utils": "1.11.36",
|
|
16
|
+
"@trackunit/shared-utils": "1.13.35",
|
|
17
17
|
"tailwind-merge": "^2.0.0",
|
|
18
18
|
"@js-temporal/polyfill": "^0.5.1"
|
|
19
19
|
},
|