@trackunit/react-table-base-components 1.14.8 → 1.14.10-alpha-ae1ff73fc64.0

package/index.cjs.js

@@ -311,7 +311,7 @@ const IdentityCell = ({ link, className, "data-testid": dataTestId, ref, title,
             link.href().then(setHref);
         }
     }, [link]);
-    return (jsxRuntime.jsxs("div", { className: cvaIdentityCell({ className, hasThumbnail: !!thumbnail }), "data-testid": dataTestId, ref: ref, children: [thumbnail ? (jsxRuntime.jsx("div", { className: "mr-1 flex h-8 w-8 items-center justify-center overflow-hidden rounded-md", children: thumbnail })) : null, jsxRuntime.jsxs("div", { className: "grid grid-rows-[min-content_auto] items-center text-sm", children: [jsxRuntime.jsx("div", { className: "gap-responsive-space-sm flex w-full min-w-0 items-center truncate text-sm", children: jsxRuntime.jsx(reactComponents.Heading, { className: "truncate text-sm", "data-testid": dataTestId ? `${dataTestId}-name` : undefined, variant: "tertiary", children: !link ? (jsxRuntime.jsx("span", { className: "truncate", children: title })) : (jsxRuntime.jsx(reactComponents.ExternalLink, { className: "truncate", color: "neutral", href: href ?? "", onClick: async (e) => {
+    return (jsxRuntime.jsxs("div", { className: cvaIdentityCell({ className, hasThumbnail: thumbnail !== undefined && thumbnail !== null }), "data-testid": dataTestId, ref: ref, children: [thumbnail !== undefined && thumbnail !== null ? (jsxRuntime.jsx("div", { className: "mr-1 flex h-8 w-8 items-center justify-center overflow-hidden rounded-md", children: thumbnail })) : null, jsxRuntime.jsxs("div", { className: "grid grid-rows-[min-content_auto] items-center text-sm", children: [jsxRuntime.jsx("div", { className: "gap-responsive-space-sm flex w-full min-w-0 items-center truncate text-sm", children: jsxRuntime.jsx(reactComponents.Heading, { className: "truncate text-sm", "data-testid": dataTestId ? `${dataTestId}-name` : undefined, variant: "tertiary", children: !link ? (jsxRuntime.jsx("span", { className: "truncate", children: title })) : (jsxRuntime.jsx(reactComponents.ExternalLink, { className: "truncate", color: "neutral", href: href ?? "", onClick: async (e) => {
                                     // Allow Cmd/Ctrl+Click, Shift+Click, or middle-click to open in new tab
                                     const hasModifierKey = e.ctrlKey || e.metaKey || e.shiftKey;
                                     const isMiddleClick = e.button === 1;
@@ -478,7 +478,7 @@ const cvaSecondaryRowText = cssClassVarianceUtilities.cvaMerge(["overflow-hidden
  * @returns {ReactElement} MultiRowTableCell component
  */
 const MultiRowTableCell = ({ main, secondary, "data-testid": dataTestId, className, }) => {
-    return (jsxRuntime.jsx("div", { className: cvaMultiRowTableCell({ className }), children: jsxRuntime.jsxs("section", { className: cvaMultiRowTableCellSection(), "data-testid": dataTestId, children: [typeof main === "string" ? jsxRuntime.jsx("div", { className: cvaMainRowText(), children: main }) : main, secondary && typeof secondary === "string" ? (jsxRuntime.jsx("div", { className: cvaSecondaryRowText(), children: secondary })) : (secondary)] }) }));
+    return (jsxRuntime.jsx("div", { className: cvaMultiRowTableCell({ className }), children: jsxRuntime.jsxs("section", { className: cvaMultiRowTableCellSection(), "data-testid": dataTestId, children: [typeof main === "string" ? jsxRuntime.jsx("div", { className: cvaMainRowText(), children: main }) : main, typeof secondary === "string" && secondary !== "" ? (jsxRuntime.jsx("div", { className: cvaSecondaryRowText(), children: secondary })) : (secondary)] }) }));
 };
 
 /**
@@ -546,7 +546,7 @@ const MultiValueTextCell = ({ content, count, countTooltip, icon, iconTooltip, "
     const updateTooltipVisibility = (element) => {
         setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
     };
-    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;
+    return count !== null && count !== undefined && 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 === undefined || countTooltip === null, label: countTooltip ?? "", placement: "bottom", children: jsxRuntime.jsxs(reactComponents.Tag, { className: "inline", color: "neutral", onMouseEnter: onMouseEnter, size: "small", children: ["+", count - 1] }) })) : null] })) : null;
 };
 
 /**
@@ -623,7 +623,7 @@ const cvaNumberCell = cssClassVarianceUtilities.cvaMerge(["flex", "gap-1", "slas
  * @returns {ReactElement} A React JSX element representing the NumberCell component.
  */
 const NumberCell = ({ value = "", unit, className, "data-testid": dataTestId, ref }) => {
-    return (jsxRuntime.jsxs("div", { className: cvaNumberCell({ className }), "data-testid": dataTestId, ref: ref, children: [jsxRuntime.jsx("span", { children: value }), value && unit ? jsxRuntime.jsx("span", { children: unit }) : null] }));
+    return (jsxRuntime.jsxs("div", { className: cvaNumberCell({ className }), "data-testid": dataTestId, ref: ref, children: [jsxRuntime.jsx("span", { children: value }), value !== null && value !== "" && unit !== undefined && unit !== null && unit !== "" ? jsxRuntime.jsx("span", { children: unit }) : null] }));
 };
 
 const cvaPlainDateCell = cssClassVarianceUtilities.cvaMerge([""]);

package/index.esm.js

@@ -309,7 +309,7 @@ const IdentityCell = ({ link, className, "data-testid": dataTestId, ref, title,
             link.href().then(setHref);
         }
     }, [link]);
-    return (jsxs("div", { className: cvaIdentityCell({ className, hasThumbnail: !!thumbnail }), "data-testid": dataTestId, ref: ref, children: [thumbnail ? (jsx("div", { className: "mr-1 flex h-8 w-8 items-center justify-center overflow-hidden rounded-md", children: thumbnail })) : null, jsxs("div", { className: "grid grid-rows-[min-content_auto] items-center text-sm", children: [jsx("div", { className: "gap-responsive-space-sm flex w-full min-w-0 items-center truncate text-sm", children: jsx(Heading, { className: "truncate text-sm", "data-testid": dataTestId ? `${dataTestId}-name` : undefined, variant: "tertiary", children: !link ? (jsx("span", { className: "truncate", children: title })) : (jsx(ExternalLink, { className: "truncate", color: "neutral", href: href ?? "", onClick: async (e) => {
+    return (jsxs("div", { className: cvaIdentityCell({ className, hasThumbnail: thumbnail !== undefined && thumbnail !== null }), "data-testid": dataTestId, ref: ref, children: [thumbnail !== undefined && thumbnail !== null ? (jsx("div", { className: "mr-1 flex h-8 w-8 items-center justify-center overflow-hidden rounded-md", children: thumbnail })) : null, jsxs("div", { className: "grid grid-rows-[min-content_auto] items-center text-sm", children: [jsx("div", { className: "gap-responsive-space-sm flex w-full min-w-0 items-center truncate text-sm", children: jsx(Heading, { className: "truncate text-sm", "data-testid": dataTestId ? `${dataTestId}-name` : undefined, variant: "tertiary", children: !link ? (jsx("span", { className: "truncate", children: title })) : (jsx(ExternalLink, { className: "truncate", color: "neutral", href: href ?? "", onClick: async (e) => {
                                     // Allow Cmd/Ctrl+Click, Shift+Click, or middle-click to open in new tab
                                     const hasModifierKey = e.ctrlKey || e.metaKey || e.shiftKey;
                                     const isMiddleClick = e.button === 1;
@@ -476,7 +476,7 @@ const cvaSecondaryRowText = cvaMerge(["overflow-hidden", "text-ellipsis", "text-
  * @returns {ReactElement} MultiRowTableCell component
  */
 const MultiRowTableCell = ({ main, secondary, "data-testid": dataTestId, className, }) => {
-    return (jsx("div", { className: cvaMultiRowTableCell({ className }), children: jsxs("section", { className: cvaMultiRowTableCellSection(), "data-testid": dataTestId, children: [typeof main === "string" ? jsx("div", { className: cvaMainRowText(), children: main }) : main, secondary && typeof secondary === "string" ? (jsx("div", { className: cvaSecondaryRowText(), children: secondary })) : (secondary)] }) }));
+    return (jsx("div", { className: cvaMultiRowTableCell({ className }), children: jsxs("section", { className: cvaMultiRowTableCellSection(), "data-testid": dataTestId, children: [typeof main === "string" ? jsx("div", { className: cvaMainRowText(), children: main }) : main, typeof secondary === "string" && secondary !== "" ? (jsx("div", { className: cvaSecondaryRowText(), children: secondary })) : (secondary)] }) }));
 };
 
 /**
@@ -544,7 +544,7 @@ const MultiValueTextCell = ({ content, count, countTooltip, icon, iconTooltip, "
     const updateTooltipVisibility = (element) => {
         setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
     };
-    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;
+    return count !== null && count !== undefined && 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 === undefined || countTooltip === null, label: countTooltip ?? "", placement: "bottom", children: jsxs(Tag, { className: "inline", color: "neutral", onMouseEnter: onMouseEnter, size: "small", children: ["+", count - 1] }) })) : null] })) : null;
 };
 
 /**
@@ -621,7 +621,7 @@ const cvaNumberCell = cvaMerge(["flex", "gap-1", "slashed-zero", "text-sm", "tex
  * @returns {ReactElement} A React JSX element representing the NumberCell component.
  */
 const NumberCell = ({ value = "", unit, className, "data-testid": dataTestId, ref }) => {
-    return (jsxs("div", { className: cvaNumberCell({ className }), "data-testid": dataTestId, ref: ref, children: [jsx("span", { children: value }), value && unit ? jsx("span", { children: unit }) : null] }));
+    return (jsxs("div", { className: cvaNumberCell({ className }), "data-testid": dataTestId, ref: ref, children: [jsx("span", { children: value }), value !== null && value !== "" && unit !== undefined && unit !== null && unit !== "" ? jsx("span", { children: unit }) : null] }));
 };
 
 const cvaPlainDateCell = cvaMerge([""]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table-base-components",
-  "version": "1.14.8",
+  "version": "1.14.10-alpha-ae1ff73fc64.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,12 +8,12 @@
   },
   "dependencies": {
     "react": "19.0.0",
-    "@trackunit/react-components": "1.18.8",
-    "@trackunit/ui-icons": "1.11.65",
-    "@trackunit/react-form-components": "1.15.8",
-    "@trackunit/css-class-variance-utilities": "1.11.67",
-    "@trackunit/date-and-time-utils": "1.11.68",
-    "@trackunit/shared-utils": "1.13.67",
+    "@trackunit/react-components": "1.18.10-alpha-ae1ff73fc64.0",
+    "@trackunit/ui-icons": "1.11.67-alpha-ae1ff73fc64.0",
+    "@trackunit/react-form-components": "1.15.10-alpha-ae1ff73fc64.0",
+    "@trackunit/css-class-variance-utilities": "1.11.69-alpha-ae1ff73fc64.0",
+    "@trackunit/date-and-time-utils": "1.11.70-alpha-ae1ff73fc64.0",
+    "@trackunit/shared-utils": "1.13.69-alpha-ae1ff73fc64.0",
     "tailwind-merge": "^2.0.0"
   },
   "module": "./index.esm.js",

package/src/components/CheckboxCell/CheckboxCell.variants.d.ts

@@ -1 +1 @@
-export declare const cvaCheckboxCell: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaCheckboxCell: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/src/components/DateTimeCell/DateTimeCell.variants.d.ts

@@ -1,3 +1,3 @@
-export declare const cvaDateTimeCell: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaDateTime: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaDateTimeSince: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaDateTimeCell: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaDateTime: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaDateTimeSince: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/src/components/HighlightCell/HighlightCell.variants.d.ts

@@ -1 +1 @@
-export declare const cvaHighlightCell: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaHighlightCell: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/src/components/IdentityCell/IdentityCell.variants.d.ts

@@ -1,3 +1,3 @@
 export declare const cvaIdentityCell: (props?: ({
     hasThumbnail?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/src/components/LinkCell/LinkCell.variants.d.ts

@@ -1 +1 @@
-export declare const cvaLinkCell: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaLinkCell: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/src/components/MultiRowTableCell/MultiRowTableCell.variants.d.ts

@@ -1,4 +1,4 @@
-export declare const cvaMultiRowTableCellSection: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaMultiRowTableCell: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaMainRowText: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaSecondaryRowText: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaMultiRowTableCellSection: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaMultiRowTableCell: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaMainRowText: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaSecondaryRowText: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

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

@@ -1,2 +1,2 @@
-export declare const cvaMultiValueTextCellWrapper: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaMultiValueTextCellTooltip: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaMultiValueTextCellWrapper: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaMultiValueTextCellTooltip: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/src/components/NumberCell/NumberCell.variants.d.ts

@@ -1 +1 @@
-export declare const cvaNumberCell: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaNumberCell: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/src/components/PlainDateCell/PlainDateCell.variants.d.ts

@@ -1,3 +1,3 @@
-export declare const cvaPlainDateCell: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaDateTime: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaDateTimeSince: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaPlainDateCell: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaDateTime: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaDateTimeSince: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/src/components/TagsCell/TagsCell.variants.d.ts

@@ -1 +1 @@
-export declare const cvaTagsCell: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaTagsCell: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/src/components/TextCell/TextCell.variants.d.ts

@@ -1,2 +1,2 @@
-export declare const cvaTextCell: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaTextCellTooltip: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaTextCell: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaTextCellTooltip: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;