@uipath/apollo-react 4.57.0 → 4.59.0

package/dist/canvas/components/Toolbox/ListView.cjs

@@ -24,7 +24,13 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    getRenderItemHeight: ()=>getRenderItemHeight,
+    ROW_HEIGHT_ITEM: ()=>ROW_HEIGHT_ITEM,
+    ROW_HEIGHT_SECTION: ()=>ROW_HEIGHT_SECTION,
+    ROW_HEIGHT_SECTION_FIRST: ()=>ROW_HEIGHT_SECTION_FIRST,
     ListView: ()=>ListView_ListView,
+    ROW_HEIGHT_DIVIDER: ()=>ROW_HEIGHT_DIVIDER,
+    ROW_HEIGHT_ITEM_TWO_LINE: ()=>ROW_HEIGHT_ITEM_TWO_LINE,
     buildRenderedItems: ()=>buildRenderedItems
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -37,6 +43,24 @@ const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs
 const InitialsBadge_cjs_namespaceObject = require("../shared/InitialsBadge.cjs");
 const external_ListView_styles_cjs_namespaceObject = require("./ListView.styles.cjs");
 const DEFAULT_SKELETON_COUNT = 3;
+const ROW_HEIGHT_ITEM = 32;
+const ROW_HEIGHT_ITEM_TWO_LINE = 44;
+const ROW_HEIGHT_SECTION = 30;
+const ROW_HEIGHT_SECTION_FIRST = 22;
+const ROW_HEIGHT_DIVIDER = 13;
+function getRenderItemHeight(renderItem) {
+    if (!renderItem) return ROW_HEIGHT_ITEM;
+    switch(renderItem.type){
+        case 'divider':
+            return ROW_HEIGHT_DIVIDER;
+        case 'section':
+            return renderItem.first ? ROW_HEIGHT_SECTION_FIRST : ROW_HEIGHT_SECTION;
+        case 'skeleton':
+            return ROW_HEIGHT_ITEM;
+        default:
+            return renderItem.item.description ? ROW_HEIGHT_ITEM_TWO_LINE : ROW_HEIGHT_ITEM;
+    }
+}
 function buildRenderedItems(items, enableSections, loadingSkeleton) {
     const result = [];
     const skeletonConfig = 'object' == typeof loadingSkeleton ? loadingSkeleton : loadingSkeleton ? {} : void 0;
@@ -46,6 +70,15 @@ function buildRenderedItems(items, enableSections, loadingSkeleton) {
             type: 'skeleton'
         });
     };
+    const pushItem = (item)=>{
+        if (item.dividerBefore && result.length > 0) result.push({
+            type: 'divider'
+        });
+        result.push({
+            type: 'item',
+            item
+        });
+    };
     if (!enableSections) {
         for (const item of items)result.push({
             type: 'item',
@@ -55,10 +88,7 @@ function buildRenderedItems(items, enableSections, loadingSkeleton) {
         return result;
     }
     const [itemsWithSection, itemsWithoutSection] = (0, external_utils_index_cjs_namespaceObject.partition)(items, (item)=>!!item.section);
-    for (const item of itemsWithoutSection)result.push({
-        type: 'item',
-        item
-    });
+    for (const item of itemsWithoutSection)pushItem(item);
     const itemsBySection = new Map();
     for (const item of itemsWithSection){
         const name = item.section;
@@ -79,12 +109,10 @@ function buildRenderedItems(items, enableSections, loadingSkeleton) {
     for (const sectionName of sectionNames){
         result.push({
             type: 'section',
-            sectionName
-        });
-        for (const item of itemsBySection.get(sectionName) ?? [])result.push({
-            type: 'item',
-            item
+            sectionName,
+            first: 0 === result.length
         });
+        for (const item of itemsBySection.get(sectionName) ?? [])pushItem(item);
         const skeletonForSection = skeletonBySection.get(sectionName);
         if (skeletonForSection) pushSkeletons(skeletonForSection.count ?? baseSkeletonCount);
     }
@@ -100,6 +128,21 @@ const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ in
         }), [
         style
     ]);
+    const nameRef = (0, external_react_namespaceObject.useRef)(null);
+    const descriptionRef = (0, external_react_namespaceObject.useRef)(null);
+    const [truncated, setTruncated] = (0, external_react_namespaceObject.useState)({
+        name: false,
+        description: false
+    });
+    const measureTruncation = (0, external_react_namespaceObject.useCallback)(()=>{
+        const n = nameRef.current;
+        const d = descriptionRef.current;
+        const next = {
+            name: !!n && n.scrollWidth > n.clientWidth,
+            description: !!d && d.scrollWidth > d.clientWidth
+        };
+        setTruncated((prev)=>prev.name === next.name && prev.description === next.description ? prev : next);
+    }, []);
     const handleButtonClick = (0, external_react_namespaceObject.useCallback)(()=>{
         const clickTarget = renderedItems[index];
         if (clickTarget?.type === 'item') onItemClick(clickTarget.item, index);
@@ -109,18 +152,22 @@ const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ in
         index
     ]);
     const handleButtonHover = (0, external_react_namespaceObject.useCallback)(()=>{
+        measureTruncation();
         const hoverTarget = renderedItems[index];
         if (hoverTarget?.type === 'item') onItemHover?.(hoverTarget.item);
     }, [
+        measureTruncation,
         onItemHover,
         renderedItems,
         index
     ]);
-    if ('section' === renderItem.type) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ListView_styles_cjs_namespaceObject.SectionHeader, {
-        ...ariaAttributes,
+    if ('section' === renderItem.type) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        role: "presentation",
         style: style,
+        className: `flex items-end box-border ${renderItem.first ? 'px-2 py-1' : 'px-2 pt-3 pb-1'}`,
+        "data-testid": "list-section-header",
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-            className: "text-xs",
+            className: "uppercase text-foreground-muted font-bold text-xs",
             children: renderItem.sectionName
         })
     });
@@ -128,10 +175,20 @@ const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ in
         style: style,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ListItemSkeleton, {})
     });
+    if ('divider' === renderItem.type) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        role: "presentation",
+        "aria-hidden": "true",
+        "data-testid": "list-item-divider",
+        style: style,
+        className: "flex items-center box-border px-1.5",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "w-full border-t border-border-de-emp"
+        })
+    });
     const item = renderItem.item;
     const bgColor = isDarkMode ? item.colorDark ?? item.color : item.color;
     const isActive = index === activeIndex;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_ListView_styles_cjs_namespaceObject.ListItemButton, {
+    const button = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_ListView_styles_cjs_namespaceObject.ListItemButton, {
         ...ariaAttributes,
         tabIndex: -1,
         id: `toolbox-item-${item.id}`,
@@ -145,24 +202,24 @@ const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ in
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(IconContainerMemoized, {
                 bgColor: bgColor,
-                color: "var(--canvas-foreground-emp)",
+                style: item.contentColor ? {
+                    color: item.contentColor
+                } : void 0,
                 "data-testid": "list-item-icon",
                 children: [
                     item.icon?.url && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("img", {
                         src: item.icon?.url,
                         alt: item.name,
-                        style: {
-                            width: 24,
-                            height: 24
-                        }
+                        className: "w-5 h-5"
                     }),
                     item.icon?.name && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_utils_index_cjs_namespaceObject.CanvasIcon, {
                         icon: item.icon.name,
-                        size: 24
+                        size: 20
                     }),
                     item.icon?.Component && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(item.icon.Component, {}),
                     !item.icon?.url && !item.icon?.name && !item.icon?.Component && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InitialsBadge_cjs_namespaceObject.InitialsBadge, {
                         name: item.name,
+                        size: "20px",
                         "data-testid": "list-item-initials-badge"
                     })
                 ]
@@ -171,53 +228,83 @@ const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ in
                 flex: 1,
                 overflow: "hidden",
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
-                        content: item.name,
-                        placement: "right",
-                        smartTooltip: true,
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            className: "text-sm list-view-item-name",
-                            children: item.name
-                        })
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        ref: nameRef,
+                        className: "text-sm list-view-item-name",
+                        style: item.contentColor ? {
+                            color: item.contentColor
+                        } : void 0,
+                        children: item.name
                     }),
-                    item.description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
-                        content: item.description,
-                        placement: "right",
-                        smartTooltip: true,
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            className: "text-xs list-view-item-name text-foreground-muted",
-                            children: item.description
-                        })
+                    item.description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        ref: descriptionRef,
+                        className: "text-xs list-view-item-name text-foreground-muted",
+                        children: item.description
                     })
                 ]
             }),
+            item.badge && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "shrink-0 uppercase font-semibold text-[10px] py-px px-1 rounded border border-border text-foreground-muted",
+                "data-testid": "list-item-badge",
+                children: item.badge
+            }),
+            item.trailingIcon && !item.children && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                "data-testid": "list-item-trailing-icon",
+                className: "flex shrink-0",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_utils_index_cjs_namespaceObject.CanvasIcon, {
+                    icon: item.trailingIcon.name,
+                    size: 16,
+                    color: item.trailingIcon.color ?? 'var(--canvas-foreground-de-emp)'
+                })
+            }),
             !!item.children && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_utils_index_cjs_namespaceObject.CanvasIcon, {
                 icon: "chevron-right",
-                size: 20,
+                size: 16,
                 color: "var(--canvas-foreground-de-emp)"
             })
         ]
     });
+    const showName = truncated.name;
+    const showDescription = !!item.description && truncated.description;
+    const showPopover = truncated.name || truncated.description || !!item.detail;
+    const popover = showPopover ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "flex flex-col gap-0.5",
+        children: [
+            showName && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "text-sm",
+                children: item.name
+            }),
+            showDescription && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "text-xs text-foreground-muted",
+                children: item.description
+            }),
+            item.detail && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "text-xs",
+                children: item.detail
+            })
+        ]
+    }) : null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+        content: popover,
+        placement: "right",
+        delay: true,
+        contentClassName: "max-w-64",
+        hide: !showPopover,
+        disableSkipDelay: true,
+        children: button
+    }, item.id);
 });
 const ListItemSkeleton = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        className: "flex items-center gap-2.5 h-8",
+        className: "flex items-center gap-2.5 h-8 px-1.5",
         role: "presentation",
         "aria-hidden": "true",
         "data-testid": "list-item-skeleton",
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Skeleton, {
-                className: "h-8 w-8 shrink-0 rounded-lg"
+                className: "h-6 w-6 shrink-0 rounded-md"
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: "flex-1 space-y-1.5 min-w-0",
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Skeleton, {
-                        className: "h-3.5 w-1/3"
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Skeleton, {
-                        className: "h-3 w-2/3"
-                    })
-                ]
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Skeleton, {
+                className: "h-3.5 w-1/2"
             })
         ]
     });
@@ -249,6 +336,9 @@ const ListViewInner = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
         onItemClick,
         onItemHover
     ]);
+    const getRowHeight = (0, external_react_namespaceObject.useCallback)((index)=>getRenderItemHeight(renderedItems[index]), [
+        renderedItems
+    ]);
     if (0 === renderedItems.length) {
         if (renderEmptyState) return renderEmptyState();
         return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
@@ -280,17 +370,29 @@ const ListViewInner = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
         rowProps: rowProps,
         rowComponent: ListViewRow,
         rowCount: renderedItems.length,
-        rowHeight: 40,
+        rowHeight: getRowHeight,
         overscanCount: 20,
         onScroll: onScroll
     });
 });
 const ListView_ListView = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(ListViewInner);
 exports.ListView = __webpack_exports__.ListView;
+exports.ROW_HEIGHT_DIVIDER = __webpack_exports__.ROW_HEIGHT_DIVIDER;
+exports.ROW_HEIGHT_ITEM = __webpack_exports__.ROW_HEIGHT_ITEM;
+exports.ROW_HEIGHT_ITEM_TWO_LINE = __webpack_exports__.ROW_HEIGHT_ITEM_TWO_LINE;
+exports.ROW_HEIGHT_SECTION = __webpack_exports__.ROW_HEIGHT_SECTION;
+exports.ROW_HEIGHT_SECTION_FIRST = __webpack_exports__.ROW_HEIGHT_SECTION_FIRST;
 exports.buildRenderedItems = __webpack_exports__.buildRenderedItems;
+exports.getRenderItemHeight = __webpack_exports__.getRenderItemHeight;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ListView",
-    "buildRenderedItems"
+    "ROW_HEIGHT_DIVIDER",
+    "ROW_HEIGHT_ITEM",
+    "ROW_HEIGHT_ITEM_TWO_LINE",
+    "ROW_HEIGHT_SECTION",
+    "ROW_HEIGHT_SECTION_FIRST",
+    "buildRenderedItems",
+    "getRenderItemHeight"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/canvas/components/Toolbox/ListView.d.ts

@@ -17,6 +17,14 @@ export type ListItem<T = any> = {
     data: T;
     section?: string;
     description?: string;
+    detail?: string;
+    badge?: string;
+    dividerBefore?: boolean;
+    contentColor?: string;
+    trailingIcon?: {
+        name: string;
+        color?: string;
+    };
     icon?: ListItemIcon;
     color?: string;
     colorDark?: string;
@@ -26,12 +34,21 @@ export type ListItem<T = any> = {
 export type RenderItem<T extends ListItem> = {
     type: 'section';
     sectionName: string;
+    first: boolean;
 } | {
     type: 'item';
     item: T;
 } | {
     type: 'skeleton';
+} | {
+    type: 'divider';
 };
+export declare const ROW_HEIGHT_ITEM = 32;
+export declare const ROW_HEIGHT_ITEM_TWO_LINE = 44;
+export declare const ROW_HEIGHT_SECTION = 30;
+export declare const ROW_HEIGHT_SECTION_FIRST = 22;
+export declare const ROW_HEIGHT_DIVIDER = 13;
+export declare function getRenderItemHeight<T extends ListItem>(renderItem: RenderItem<T> | undefined): number;
 export declare function buildRenderedItems<T extends ListItem>(items: T[], enableSections: boolean, loadingSkeleton?: boolean | ChildrenLoadingSpec): RenderItem<T>[];
 export interface ListViewRowProps<T extends ListItem> {
     renderedItems: RenderItem<T>[];

package/dist/canvas/components/Toolbox/ListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"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"}