@trackunit/react-table-base-components 0.0.368 → 0.0.370

package/index.cjs.js

@@ -130,12 +130,12 @@ const cvaMultiValueTextCellTooltip = cssClassVarianceUtilities.cvaMerge(["whites
  * @param {MultiValueTextCellProps} props - The props for the MultiValueTextCell component
  * @returns {JSX.Element} MultiValueTextCell component
  */
-const MultiValueTextCell = ({ content, count, icon, iconTooltip, dataTestId, className, }) => {
+const MultiValueTextCell = ({ content, count, countTooltip, icon, iconTooltip, dataTestId, className, }) => {
     const [isTooltipVisible, setIsTooltipVisible] = react.useState(false);
     const updateTooltipVisibility = (element) => {
         setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
     };
-    return count && count > 0 ? (jsxRuntime.jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, children: [jsxRuntime.jsx(reactComponents.Tooltip, { className: "inline", disabled: !iconTooltip, label: iconTooltip !== null && iconTooltip !== void 0 ? iconTooltip : "", placement: "bottom", children: icon }), jsxRuntime.jsx("span", { className: cvaMultiValueTextCellTooltip(), ref: elementRef => updateTooltipVisibility(elementRef), children: jsxRuntime.jsx(reactComponents.Tooltip, { className: "inline", disabled: !isTooltipVisible, label: content !== null && content !== void 0 ? content : "", placement: "bottom", children: content !== null && content !== void 0 ? content : "" }) }), jsxRuntime.jsx("span", { className: "text-slate-500", children: count > 1 ? `+${count - 1}` : "" })] })) : null;
+    return count && count > 0 ? (jsxRuntime.jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, children: [jsxRuntime.jsx(reactComponents.Tooltip, { className: "inline", disabled: !iconTooltip, label: iconTooltip !== null && iconTooltip !== void 0 ? iconTooltip : "", placement: "bottom", children: icon }), jsxRuntime.jsx("span", { className: cvaMultiValueTextCellTooltip(), ref: elementRef => updateTooltipVisibility(elementRef), children: jsxRuntime.jsx(reactComponents.Tooltip, { className: "inline", disabled: !isTooltipVisible, label: content !== null && content !== void 0 ? content : "", placement: "bottom", children: content !== null && content !== void 0 ? content : "" }) }), jsxRuntime.jsx(reactComponents.Tooltip, { className: "inline", disabled: !countTooltip, label: countTooltip !== null && countTooltip !== void 0 ? countTooltip : "", placement: "bottom", children: jsxRuntime.jsx(reactComponents.Tag, { color: "neutral", size: "small", children: count > 1 ? `+${count - 1}` : "" }) })] })) : null;
 };
 
 /**

package/index.esm.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Checkbox } from '@trackunit/react-form-components';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import { formatDateUtil, timeSinceAuto, timeSinceInDays } from '@trackunit/date-and-time-utils';
-import { Indicator, ExternalLink, Tooltip, Notice, Tag } from '@trackunit/react-components';
+import { Indicator, ExternalLink, Tooltip, Tag, Notice } from '@trackunit/react-components';
 import { useState, useEffect } from 'react';
 import { Temporal } from '@js-temporal/polyfill';
 import { DateTimeFormat } from '@trackunit/shared-utils';
@@ -126,12 +126,12 @@ const cvaMultiValueTextCellTooltip = cvaMerge(["whitespace-no-wrap", "overflow-h
  * @param {MultiValueTextCellProps} props - The props for the MultiValueTextCell component
  * @returns {JSX.Element} MultiValueTextCell component
  */
-const MultiValueTextCell = ({ content, count, icon, iconTooltip, dataTestId, className, }) => {
+const MultiValueTextCell = ({ content, count, countTooltip, icon, iconTooltip, dataTestId, className, }) => {
     const [isTooltipVisible, setIsTooltipVisible] = useState(false);
     const updateTooltipVisibility = (element) => {
         setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
     };
-    return count && count > 0 ? (jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, children: [jsx(Tooltip, { className: "inline", disabled: !iconTooltip, label: iconTooltip !== null && iconTooltip !== void 0 ? iconTooltip : "", placement: "bottom", children: icon }), jsx("span", { className: cvaMultiValueTextCellTooltip(), ref: elementRef => updateTooltipVisibility(elementRef), children: jsx(Tooltip, { className: "inline", disabled: !isTooltipVisible, label: content !== null && content !== void 0 ? content : "", placement: "bottom", children: content !== null && content !== void 0 ? content : "" }) }), jsx("span", { className: "text-slate-500", children: count > 1 ? `+${count - 1}` : "" })] })) : null;
+    return count && count > 0 ? (jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, children: [jsx(Tooltip, { className: "inline", disabled: !iconTooltip, label: iconTooltip !== null && iconTooltip !== void 0 ? iconTooltip : "", placement: "bottom", children: icon }), jsx("span", { className: cvaMultiValueTextCellTooltip(), ref: elementRef => updateTooltipVisibility(elementRef), children: jsx(Tooltip, { className: "inline", disabled: !isTooltipVisible, label: content !== null && content !== void 0 ? content : "", placement: "bottom", children: content !== null && content !== void 0 ? content : "" }) }), jsx(Tooltip, { className: "inline", disabled: !countTooltip, label: countTooltip !== null && countTooltip !== void 0 ? countTooltip : "", placement: "bottom", children: jsx(Tag, { color: "neutral", size: "small", children: count > 1 ? `+${count - 1}` : "" }) })] })) : null;
 };
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table-base-components",
-  "version": "0.0.368",
+  "version": "0.0.370",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/components/MultiValueTextCell/MultiValueTextCell.d.ts

@@ -1,10 +1,11 @@
-/// <reference types="react" />
 import { CommonProps } from "@trackunit/react-components";
+import { ReactNode } from "react";
 export interface MultiValueTextCellProps extends CommonProps {
     icon?: JSX.Element;
     iconTooltip?: string;
     content?: string;
     count?: number | null;
+    countTooltip?: ReactNode;
 }
 /**
  * The `<MultiValueTextCell>` component is used for displaying the text values with multiple values in a table cell. First element is displayed as a text, the rest of the values are displayed as a number. Icon can be passed as an optional prop.
@@ -13,4 +14,4 @@ export interface MultiValueTextCellProps extends CommonProps {
  * @param {MultiValueTextCellProps} props - The props for the MultiValueTextCell component
  * @returns {JSX.Element} MultiValueTextCell component
  */
-export declare const MultiValueTextCell: ({ content, count, icon, iconTooltip, dataTestId, className, }: MultiValueTextCellProps) => JSX.Element | null;
+export declare const MultiValueTextCell: ({ content, count, countTooltip, icon, iconTooltip, dataTestId, className, }: MultiValueTextCellProps) => JSX.Element | null;