@trackunit/react-table-base-components 1.6.56 → 1.6.58

package/index.cjs.js

@@ -101,15 +101,6 @@ const cvaIdentityCellLayout = cssClassVarianceUtilities.cvaMerge(["grid", "items
         density: "default",
     },
 });
-const cvaIdentityCellDetails = cssClassVarianceUtilities.cvaMerge(["flex", "w-full", "min-w-0", "items-center", "truncate", "text-xs", "text-gray-600", "font-medium"], {
-    variants: {
-        density: {
-            default: "pt-0",
-            compact: "pt-1",
-        },
-    },
-});
-const cvaIdentityCellDetailsItem = cssClassVarianceUtilities.cvaMerge(["last:truncate"]);
 
 /**
  * The IdentityCell is used for render an identity in a table cell.
@@ -121,7 +112,7 @@ const cvaIdentityCellDetailsItem = cssClassVarianceUtilities.cvaMerge(["last:tru
  * @returns {ReactElement} LinkCell component
  */
 const IdentityCell = ({ className, dataTestId, density = "default", title, details = [], thumbnail, }) => {
-    return (jsxRuntime.jsxs("div", { className: cvaIdentityCell({ className, density, hasThumbnail: !!thumbnail }), "data-testid": dataTestId, 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: cvaIdentityCellLayout({ className, density }), 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", dataTestId: dataTestId ? `${dataTestId}-name` : undefined, variant: "tertiary", children: title }) }), details.length > 0 && (jsxRuntime.jsx("div", { className: cvaIdentityCellDetails({ className, density }), children: details.map((value, index, array) => (jsxRuntime.jsxs(react.Fragment, { children: [jsxRuntime.jsx("span", { className: cvaIdentityCellDetailsItem({ className }), children: value }), index < array.length - 1 && (jsxRuntime.jsx("div", { className: "mx-0.5 flex items-center", children: jsxRuntime.jsx(reactComponents.Icon, { className: "w-4 text-neutral-300", color: "neutral", name: "Slash", size: "small" }) }))] }, index))) }))] })] }));
+    return (jsxRuntime.jsxs("div", { className: cvaIdentityCell({ className, density, hasThumbnail: !!thumbnail }), "data-testid": dataTestId, 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: cvaIdentityCellLayout({ className, density }), 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", dataTestId: dataTestId ? `${dataTestId}-name` : undefined, variant: "tertiary", children: title }) }), details.length > 0 && jsxRuntime.jsx(reactComponents.DetailsList, { className: className, density: density, details: details })] })] }));
 };
 
 /**

package/index.esm.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Button, Icon, Highlight, Heading, Indicator, ExternalLink, Tooltip, Tag, Notice, IconButton, MoreMenu, MenuList, MenuItem, MenuDivider, Spinner } from '@trackunit/react-components';
+import { Button, Icon, Highlight, Heading, DetailsList, Indicator, ExternalLink, Tooltip, Tag, Notice, IconButton, MoreMenu, MenuList, MenuItem, MenuDivider, Spinner } from '@trackunit/react-components';
 import { twMerge } from 'tailwind-merge';
 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 { Fragment, useState, isValidElement, cloneElement } from 'react';
+import { useState, isValidElement, cloneElement } from 'react';
 import { Temporal } from '@js-temporal/polyfill';
 import { DateTimeFormat } from '@trackunit/shared-utils';
 
@@ -99,15 +99,6 @@ const cvaIdentityCellLayout = cvaMerge(["grid", "items-center", "text-sm"], {
         density: "default",
     },
 });
-const cvaIdentityCellDetails = cvaMerge(["flex", "w-full", "min-w-0", "items-center", "truncate", "text-xs", "text-gray-600", "font-medium"], {
-    variants: {
-        density: {
-            default: "pt-0",
-            compact: "pt-1",
-        },
-    },
-});
-const cvaIdentityCellDetailsItem = cvaMerge(["last:truncate"]);
 
 /**
  * The IdentityCell is used for render an identity in a table cell.
@@ -119,7 +110,7 @@ const cvaIdentityCellDetailsItem = cvaMerge(["last:truncate"]);
  * @returns {ReactElement} LinkCell component
  */
 const IdentityCell = ({ className, dataTestId, density = "default", title, details = [], thumbnail, }) => {
-    return (jsxs("div", { className: cvaIdentityCell({ className, density, hasThumbnail: !!thumbnail }), "data-testid": dataTestId, 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: cvaIdentityCellLayout({ className, density }), 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", dataTestId: dataTestId ? `${dataTestId}-name` : undefined, variant: "tertiary", children: title }) }), details.length > 0 && (jsx("div", { className: cvaIdentityCellDetails({ className, density }), children: details.map((value, index, array) => (jsxs(Fragment, { children: [jsx("span", { className: cvaIdentityCellDetailsItem({ className }), children: value }), index < array.length - 1 && (jsx("div", { className: "mx-0.5 flex items-center", children: jsx(Icon, { className: "w-4 text-neutral-300", color: "neutral", name: "Slash", size: "small" }) }))] }, index))) }))] })] }));
+    return (jsxs("div", { className: cvaIdentityCell({ className, density, hasThumbnail: !!thumbnail }), "data-testid": dataTestId, 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: cvaIdentityCellLayout({ className, density }), 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", dataTestId: dataTestId ? `${dataTestId}-name` : undefined, variant: "tertiary", children: title }) }), details.length > 0 && jsx(DetailsList, { className: className, density: density, details: details })] })] }));
 };
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table-base-components",
-  "version": "1.6.56",
+  "version": "1.6.58",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,9 +8,9 @@
   },
   "dependencies": {
     "react": "19.0.0",
-    "@trackunit/react-components": "1.8.8",
+    "@trackunit/react-components": "1.8.10",
     "@trackunit/ui-icons": "1.6.37",
-    "@trackunit/react-form-components": "1.7.21",
+    "@trackunit/react-form-components": "1.7.23",
     "@trackunit/css-class-variance-utilities": "1.6.38",
     "@trackunit/date-and-time-utils": "1.6.38",
     "@trackunit/shared-utils": "1.8.38",

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

@@ -5,7 +5,3 @@ export declare const cvaIdentityCell: (props?: ({
 export declare const cvaIdentityCellLayout: (props?: ({
     density?: "default" | "compact" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaIdentityCellDetails: (props?: ({
-    density?: "default" | "compact" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaIdentityCellDetailsItem: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;