@trackunit/react-table-base-components 0.0.162 → 0.0.164

package/index.cjs.js

@@ -222,12 +222,12 @@ const getIconName = (type) => {
  * @returns {JSX.Element} SiteCell component
  */
 const SiteCell = ({ count, sites, dataTestId, className }) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b;
     const [isTooltipVisible, setIsTooltipVisible] = react.useState(false);
     const updateTooltipVisibility = (element) => {
         setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
     };
-    return count > 0 ? (jsxRuntime.jsxs("div", { className: cvaSiteCellWrapper({ className }), "data-testid": dataTestId, children: [jsxRuntime.jsx(SiteIcon, { size: "small", type: (_a = sites[0]) === null || _a === void 0 ? void 0 : _a.type }), jsxRuntime.jsx("span", { ref: elementRef => updateTooltipVisibility(elementRef), className: cvaSiteCellTooltip(), children: jsxRuntime.jsx(reactComponents.Tooltip, { disabled: !isTooltipVisible, label: (_c = (_b = sites[0]) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : "", placement: "bottom", className: "inline", children: (_e = (_d = sites[0]) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : "" }) }), jsxRuntime.jsx("span", { className: "text-slate-500", children: count > 1 ? `+${count - 1}` : "" })] })) : null;
+    return count && count > 0 ? (jsxRuntime.jsxs("div", { className: cvaSiteCellWrapper({ className }), "data-testid": dataTestId, children: [jsxRuntime.jsx(SiteIcon, { size: "small", type: sites.type }), jsxRuntime.jsx("span", { ref: elementRef => updateTooltipVisibility(elementRef), className: cvaSiteCellTooltip(), children: jsxRuntime.jsx(reactComponents.Tooltip, { disabled: !isTooltipVisible, label: (_a = sites.name) !== null && _a !== void 0 ? _a : "", placement: "bottom", className: "inline", children: (_b = sites.name) !== null && _b !== void 0 ? _b : "" }) }), jsxRuntime.jsx("span", { className: "text-slate-500", children: count > 1 ? `+${count - 1}` : "" })] })) : null;
 };
 
 /**

package/index.esm.js

@@ -218,12 +218,12 @@ const getIconName = (type) => {
  * @returns {JSX.Element} SiteCell component
  */
 const SiteCell = ({ count, sites, dataTestId, className }) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b;
     const [isTooltipVisible, setIsTooltipVisible] = useState(false);
     const updateTooltipVisibility = (element) => {
         setIsTooltipVisible(element ? element.scrollWidth > element.clientWidth : false);
     };
-    return count > 0 ? (jsxs("div", { className: cvaSiteCellWrapper({ className }), "data-testid": dataTestId, children: [jsx(SiteIcon, { size: "small", type: (_a = sites[0]) === null || _a === void 0 ? void 0 : _a.type }), jsx("span", { ref: elementRef => updateTooltipVisibility(elementRef), className: cvaSiteCellTooltip(), children: jsx(Tooltip, { disabled: !isTooltipVisible, label: (_c = (_b = sites[0]) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : "", placement: "bottom", className: "inline", children: (_e = (_d = sites[0]) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : "" }) }), jsx("span", { className: "text-slate-500", children: count > 1 ? `+${count - 1}` : "" })] })) : null;
+    return count && count > 0 ? (jsxs("div", { className: cvaSiteCellWrapper({ className }), "data-testid": dataTestId, children: [jsx(SiteIcon, { size: "small", type: sites.type }), jsx("span", { ref: elementRef => updateTooltipVisibility(elementRef), className: cvaSiteCellTooltip(), children: jsx(Tooltip, { disabled: !isTooltipVisible, label: (_a = sites.name) !== null && _a !== void 0 ? _a : "", placement: "bottom", className: "inline", children: (_b = sites.name) !== null && _b !== void 0 ? _b : "" }) }), jsx("span", { className: "text-slate-500", children: count > 1 ? `+${count - 1}` : "" })] })) : null;
 };
 
 /**

package/package.json

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

package/src/components/SiteCell/SiteCell.d.ts

@@ -6,8 +6,8 @@ type CellSite = {
     type?: CellSiteType;
 };
 export interface SiteCellProps extends CommonProps {
-    sites: CellSite[];
-    count: number;
+    sites: CellSite;
+    count?: number | null;
 }
 /**
  * The `<SiteCell>` component is used for displaying the sites in a table cell.