@trackunit/react-widgets 2.1.58 → 2.1.60

package/index.cjs.js

@@ -319,7 +319,7 @@ const cvaWidgetList = cssClassVarianceUtilities.cvaMerge(["min-h-0"]);
 const cvaWidgetListVirtualizedList = cssClassVarianceUtilities.cvaMerge(["w-full"]);
 
 /**
- *  WidgetList used for rendering a list of in a widget
+ *  WidgetList used for rendering a list of in a widget. It is a wrapper component for the ListItem components.
  *
  * @param { WidgetListProps} props - The props for the  WidgetList component
  * @returns {Element}  WidgetList component
@@ -330,21 +330,6 @@ const WidgetList = ({ dataTestId, pagination, count, children, className, rowHei
             } }) }));
 };
 
-const cvaWidgetListItem = cssClassVarianceUtilities.cvaMerge(["py-2", "px-4", "h-14", "w-full"]);
-
-/**
- *  Widget ListItem component for the WidgetList component this is 1 row in the list
- *
- * @param { WidgetListItemProps} props - The props for the  WidgetListItem component
- * @returns {Element}  WidgetListItem component
- */
-const WidgetListItem = ({ className, dataTestId, onClick, details, tableCellComponent, }) => {
-    const interactableItemClass = onClick
-        ? reactComponents.cvaInteractableItem({ cursor: "pointer", className: cvaWidgetListItem({ className }) })
-        : cvaWidgetListItem({ className });
-    return (jsxRuntime.jsx("div", { className: interactableItemClass, "data-testid": dataTestId, onClick: onClick, children: jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [jsxRuntime.jsx("div", { className: "flex items-center gap-2 overflow-hidden text-ellipsis", children: tableCellComponent }), jsxRuntime.jsxs("div", { className: "flex items-center gap-2 pl-2", children: [details, onClick ? jsxRuntime.jsx(reactComponents.Icon, { name: "ChevronRight", size: "medium" }) : null] })] }) }));
-};
-
 /*
  * ----------------------------
  * | SETUP TRANSLATIONS START |
@@ -361,6 +346,5 @@ exports.WidgetEditBody = WidgetEditBody;
 exports.WidgetError = WidgetError;
 exports.WidgetKPI = WidgetKPI;
 exports.WidgetList = WidgetList;
-exports.WidgetListItem = WidgetListItem;
 exports.WidgetMissingConfiguration = WidgetMissingConfiguration;
 exports.WidgetNoData = WidgetNoData;

package/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-library-translation';
-import { EmptyState, useScrollDetection, Card, CardHeader, CardBody, CardFooter, Button, SkeletonLines, Icon, Tooltip, Text, VirtualizedList, cvaInteractableItem } from '@trackunit/react-components';
+import { EmptyState, useScrollDetection, Card, CardHeader, CardBody, CardFooter, Button, SkeletonLines, Icon, Tooltip, Text, VirtualizedList } from '@trackunit/react-components';
 import { Children, Fragment, useState } from 'react';
 import { WidgetConfigRuntime } from '@trackunit/iris-app-runtime-core';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
@@ -317,7 +317,7 @@ const cvaWidgetList = cvaMerge(["min-h-0"]);
 const cvaWidgetListVirtualizedList = cvaMerge(["w-full"]);
 
 /**
- *  WidgetList used for rendering a list of in a widget
+ *  WidgetList used for rendering a list of in a widget. It is a wrapper component for the ListItem components.
  *
  * @param { WidgetListProps} props - The props for the  WidgetList component
  * @returns {Element}  WidgetList component
@@ -328,21 +328,6 @@ const WidgetList = ({ dataTestId, pagination, count, children, className, rowHei
             } }) }));
 };
 
-const cvaWidgetListItem = cvaMerge(["py-2", "px-4", "h-14", "w-full"]);
-
-/**
- *  Widget ListItem component for the WidgetList component this is 1 row in the list
- *
- * @param { WidgetListItemProps} props - The props for the  WidgetListItem component
- * @returns {Element}  WidgetListItem component
- */
-const WidgetListItem = ({ className, dataTestId, onClick, details, tableCellComponent, }) => {
-    const interactableItemClass = onClick
-        ? cvaInteractableItem({ cursor: "pointer", className: cvaWidgetListItem({ className }) })
-        : cvaWidgetListItem({ className });
-    return (jsx("div", { className: interactableItemClass, "data-testid": dataTestId, onClick: onClick, children: jsxs("div", { className: "flex items-center justify-between", children: [jsx("div", { className: "flex items-center gap-2 overflow-hidden text-ellipsis", children: tableCellComponent }), jsxs("div", { className: "flex items-center gap-2 pl-2", children: [details, onClick ? jsx(Icon, { name: "ChevronRight", size: "medium" }) : null] })] }) }));
-};
-
 /*
  * ----------------------------
  * | SETUP TRANSLATIONS START |
@@ -352,4 +337,4 @@ const WidgetListItem = ({ className, dataTestId, onClick, details, tableCellComp
  */
 setupLibraryTranslations();
 
-export { HorizontalWidgetLayout, VerticalSplitWidgetLayout, WidgetBody, WidgetEditBody, WidgetError, WidgetKPI, WidgetList, WidgetListItem, WidgetMissingConfiguration, WidgetNoData };
+export { HorizontalWidgetLayout, VerticalSplitWidgetLayout, WidgetBody, WidgetEditBody, WidgetError, WidgetKPI, WidgetList, WidgetMissingConfiguration, WidgetNoData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-widgets",
-  "version": "2.1.58",
+  "version": "2.1.60",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "react": "19.0.0",
-    "@trackunit/react-components": "1.8.8",
+    "@trackunit/react-components": "1.8.10",
     "@trackunit/iris-app-runtime-core": "1.7.40",
     "@trackunit/css-class-variance-utilities": "1.6.38",
     "@trackunit/ui-design-tokens": "1.6.40",

package/src/WidgetList/WidgetList.d.ts

@@ -18,7 +18,7 @@ export interface WidgetListProps extends CommonProps, MappedOmit<VariantProps<ty
      */
     rowHeight?: number;
     /**
-     * The children to render for each item in the list.
+     * The children are used to render the ListItem component for each item in the list.
      */
     children: (index: number) => ReactElement | null;
     /**
@@ -27,7 +27,7 @@ export interface WidgetListProps extends CommonProps, MappedOmit<VariantProps<ty
     scrollRef?: RefObject<HTMLDivElement | null>;
 }
 /**
- *  WidgetList used for rendering a list of in a widget
+ *  WidgetList used for rendering a list of in a widget. It is a wrapper component for the ListItem components.
  *
  * @param { WidgetListProps} props - The props for the  WidgetList component
  * @returns {Element}  WidgetList component

package/src/index.d.ts

@@ -7,4 +7,3 @@ export * from "./Widget/WidgetBody";
 export * from "./Widget/WidgetEditBody";
 export * from "./WidgetKPI/WidgetKPI";
 export * from "./WidgetList/WidgetList";
-export * from "./WidgetListItem/WidgetListItem";

package/src/WidgetListItem/WidgetListItem.d.ts

@@ -1,16 +0,0 @@
-import { VariantProps } from "@trackunit/css-class-variance-utilities";
-import { CommonProps } from "@trackunit/react-components";
-import { MappedOmit } from "@trackunit/shared-utils";
-import { cvaWidgetListItem } from "../WidgetListItem/WidgetListItem.variants";
-export interface WidgetListItemProps extends CommonProps, MappedOmit<VariantProps<typeof cvaWidgetListItem>, "className"> {
-    onClick?: () => void;
-    tableCellComponent: React.ReactNode;
-    details?: React.ReactNode;
-}
-/**
- *  Widget ListItem component for the WidgetList component this is 1 row in the list
- *
- * @param { WidgetListItemProps} props - The props for the  WidgetListItem component
- * @returns {Element}  WidgetListItem component
- */
-export declare const WidgetListItem: ({ className, dataTestId, onClick, details, tableCellComponent, }: WidgetListItemProps) => import("react/jsx-runtime").JSX.Element;

package/src/WidgetListItem/WidgetListItem.variants.d.ts

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