@uipath/apollo-react 6.21.0 → 6.22.1

package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.cjs

@@ -0,0 +1,253 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT: ()=>CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT,
+    CanvasBottomPanel: ()=>CanvasBottomPanel_CanvasBottomPanel,
+    CanvasBottomPanelActions: ()=>CanvasBottomPanelActions
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_react_dom_namespaceObject = require("react-dom");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT = 48;
+const CanvasBottomPanelActionsContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+function CanvasBottomPanelActions({ children }) {
+    const slot = (0, external_react_namespaceObject.useContext)(CanvasBottomPanelActionsContext);
+    if (!slot?.active || !slot.container) return null;
+    return /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(children, slot.container);
+}
+function ActionsScope({ active, container, children }) {
+    const value = (0, external_react_namespaceObject.useMemo)(()=>({
+            active,
+            container
+        }), [
+        active,
+        container
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CanvasBottomPanelActionsContext.Provider, {
+        value: value,
+        children: children
+    });
+}
+function shouldSeparateTabs(previous, current) {
+    if (!previous) return false;
+    if (!previous.group && !current.group) return false;
+    return previous.group !== current.group;
+}
+function clearNativeSelection() {
+    if ("u" < typeof window || 'function' != typeof window.getSelection) return;
+    window.getSelection()?.removeAllRanges();
+}
+const CanvasBottomPanel_CanvasBottomPanel = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function({ tabs, activeTabId, onTabChange, isCollapsed, onCollapsedChange, onExpand, tabsTrailingSlot, headerActions, overlay, variant = 'floating', collapsedHeight = CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT, idPrefix, className }) {
+    const generatedId = (0, external_react_namespaceObject.useId)();
+    const resolvedIdPrefix = idPrefix ?? `canvas-bottom-panel-${generatedId}`;
+    const tabRefs = (0, external_react_namespaceObject.useRef)(new Map());
+    const [actionsContainer, setActionsContainer] = (0, external_react_namespaceObject.useState)(null);
+    const [overlayHost, setOverlayHost] = (0, external_react_namespaceObject.useState)(null);
+    const overlayActive = overlay?.tabIds.includes(activeTabId) ?? false;
+    const overlayLabelTabId = overlayActive ? activeTabId : tabs.find((tab)=>overlay?.tabIds.includes(tab.id))?.id;
+    const focusTab = (0, external_react_namespaceObject.useCallback)((tabId)=>{
+        requestAnimationFrame(()=>{
+            tabRefs.current.get(tabId)?.focus();
+        });
+    }, []);
+    const activateTab = (0, external_react_namespaceObject.useCallback)((tabId)=>{
+        clearNativeSelection();
+        onTabChange(tabId);
+        if (isCollapsed) if (onCollapsedChange) onCollapsedChange(false);
+        else onExpand?.();
+    }, [
+        isCollapsed,
+        onCollapsedChange,
+        onExpand,
+        onTabChange
+    ]);
+    const handleKeyDown = (0, external_react_namespaceObject.useCallback)((event, index)=>{
+        if (0 === tabs.length) return;
+        let nextIndex;
+        switch(event.key){
+            case 'ArrowRight':
+                nextIndex = (index + 1) % tabs.length;
+                break;
+            case 'ArrowLeft':
+                nextIndex = (index - 1 + tabs.length) % tabs.length;
+                break;
+            case 'Home':
+                nextIndex = 0;
+                break;
+            case 'End':
+                nextIndex = tabs.length - 1;
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        const nextTab = tabs[nextIndex];
+        if (!nextTab) return;
+        activateTab(nextTab.id);
+        focusTab(nextTab.id);
+    }, [
+        activateTab,
+        focusTab,
+        tabs
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("section", {
+        "data-testid": "canvas-bottom-panel",
+        className: (0, apollo_wind_namespaceObject.cn)('flex min-h-0 flex-col overflow-hidden bg-surface-raised text-foreground', 'floating' === variant && 'rounded-2xl border border-border-subtle shadow-lg', className),
+        style: isCollapsed ? {
+            height: collapsedHeight
+        } : void 0,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("header", {
+                className: "flex shrink-0 items-center justify-between gap-3 px-3",
+                style: {
+                    height: collapsedHeight
+                },
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex min-w-0 items-center gap-2",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                role: "tablist",
+                                "aria-orientation": "horizontal",
+                                className: "flex min-w-0 items-center gap-1 overflow-x-auto",
+                                children: tabs.map((tab, index)=>{
+                                    const isActive = tab.id === activeTabId;
+                                    const isSelected = !isCollapsed && isActive;
+                                    const controlsOverlay = overlay?.tabIds.includes(tab.id) ?? false;
+                                    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
+                                        children: [
+                                            shouldSeparateTabs(tabs[index - 1], tab) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                role: "presentation",
+                                                "aria-hidden": "true",
+                                                className: "mx-1.5 h-4 w-px shrink-0 bg-border-subtle",
+                                                "data-testid": "canvas-bottom-panel-tab-separator"
+                                            }),
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                                ref: (node)=>{
+                                                    if (node) tabRefs.current.set(tab.id, node);
+                                                    else tabRefs.current.delete(tab.id);
+                                                },
+                                                id: `${resolvedIdPrefix}-tab-${tab.id}`,
+                                                type: "button",
+                                                role: "tab",
+                                                "aria-label": tab.ariaLabel,
+                                                "aria-selected": isSelected,
+                                                "aria-controls": controlsOverlay ? `${resolvedIdPrefix}-overlay-tabpanel` : `${resolvedIdPrefix}-tabpanel-${tab.id}`,
+                                                tabIndex: isActive ? 0 : -1,
+                                                "data-state": isSelected ? 'active' : 'inactive',
+                                                className: "inline-flex h-7 shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap rounded-lg px-2.5 text-xs font-medium text-foreground-muted transition-colors hover:bg-surface-hover hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground",
+                                                onClick: ()=>activateTab(tab.id),
+                                                onKeyDown: (event)=>handleKeyDown(event, index),
+                                                children: tab.label
+                                            })
+                                        ]
+                                    }, tab.id);
+                                })
+                            }),
+                            tabsTrailingSlot && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                className: "shrink-0",
+                                "data-testid": "canvas-bottom-panel-tabs-trailing-slot",
+                                children: tabsTrailingSlot
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex shrink-0 items-center gap-1",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                ref: setActionsContainer,
+                                className: "flex items-center gap-1 empty:hidden",
+                                "data-testid": "canvas-bottom-panel-tab-actions"
+                            }),
+                            headerActions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                className: "flex items-center gap-1",
+                                "data-testid": "canvas-bottom-panel-actions",
+                                children: headerActions
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "min-h-0 flex-1 border-t border-border-subtle",
+                style: {
+                    display: isCollapsed ? 'none' : 'block'
+                },
+                "data-testid": "canvas-bottom-panel-content",
+                children: [
+                    tabs.map((tab)=>{
+                        const isActive = tab.id === activeTabId;
+                        if (overlay?.tabIds.includes(tab.id)) return null;
+                        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            id: `${resolvedIdPrefix}-tabpanel-${tab.id}`,
+                            role: "tabpanel",
+                            "aria-labelledby": `${resolvedIdPrefix}-tab-${tab.id}`,
+                            hidden: !isActive,
+                            className: "h-full w-full",
+                            style: {
+                                display: isActive ? 'block' : 'none'
+                            },
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ActionsScope, {
+                                active: !isCollapsed && isActive,
+                                container: actionsContainer,
+                                children: tab.content
+                            })
+                        }, tab.id);
+                    }),
+                    overlay && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        ref: setOverlayHost,
+                        id: `${resolvedIdPrefix}-overlay-tabpanel`,
+                        role: "tabpanel",
+                        "aria-labelledby": overlayLabelTabId ? `${resolvedIdPrefix}-tab-${overlayLabelTabId}` : void 0,
+                        hidden: !overlayActive,
+                        className: "h-full w-full",
+                        style: {
+                            display: overlayActive ? 'block' : 'none'
+                        },
+                        "data-testid": "canvas-bottom-panel-overlay"
+                    }),
+                    overlay && overlayHost && /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ActionsScope, {
+                        active: !isCollapsed && overlayActive,
+                        container: actionsContainer,
+                        children: overlay.content
+                    }), overlayHost)
+                ]
+            })
+        ]
+    });
+});
+exports.CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT = __webpack_exports__.CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT;
+exports.CanvasBottomPanel = __webpack_exports__.CanvasBottomPanel;
+exports.CanvasBottomPanelActions = __webpack_exports__.CanvasBottomPanelActions;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT",
+    "CanvasBottomPanel",
+    "CanvasBottomPanelActions"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+import type { CanvasBottomPanelProps } from './CanvasBottomPanel.types';
+export declare const CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT = 48;
+export declare function CanvasBottomPanelActions({ children }: {
+    children: ReactNode;
+}): import("react").ReactPortal | null;
+export declare const CanvasBottomPanel: import("react").NamedExoticComponent<CanvasBottomPanelProps>;
+//# sourceMappingURL=CanvasBottomPanel.d.ts.map

package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasBottomPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CanvasBottomPanel/CanvasBottomPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,eAAO,MAAM,oCAAoC,KAAK,CAAC;AAYvD,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,sCAI7E;AAiCD,eAAO,MAAM,iBAAiB,8DA4M5B,CAAC"}

package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.js

@@ -0,0 +1,213 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, createContext, memo, useCallback, useContext, useId, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { cn } from "@uipath/apollo-wind";
+const CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT = 48;
+const CanvasBottomPanelActionsContext = /*#__PURE__*/ createContext(null);
+function CanvasBottomPanelActions({ children }) {
+    const slot = useContext(CanvasBottomPanelActionsContext);
+    if (!slot?.active || !slot.container) return null;
+    return /*#__PURE__*/ createPortal(children, slot.container);
+}
+function ActionsScope({ active, container, children }) {
+    const value = useMemo(()=>({
+            active,
+            container
+        }), [
+        active,
+        container
+    ]);
+    return /*#__PURE__*/ jsx(CanvasBottomPanelActionsContext.Provider, {
+        value: value,
+        children: children
+    });
+}
+function shouldSeparateTabs(previous, current) {
+    if (!previous) return false;
+    if (!previous.group && !current.group) return false;
+    return previous.group !== current.group;
+}
+function clearNativeSelection() {
+    if ("u" < typeof window || 'function' != typeof window.getSelection) return;
+    window.getSelection()?.removeAllRanges();
+}
+const CanvasBottomPanel_CanvasBottomPanel = /*#__PURE__*/ memo(function({ tabs, activeTabId, onTabChange, isCollapsed, onCollapsedChange, onExpand, tabsTrailingSlot, headerActions, overlay, variant = 'floating', collapsedHeight = CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT, idPrefix, className }) {
+    const generatedId = useId();
+    const resolvedIdPrefix = idPrefix ?? `canvas-bottom-panel-${generatedId}`;
+    const tabRefs = useRef(new Map());
+    const [actionsContainer, setActionsContainer] = useState(null);
+    const [overlayHost, setOverlayHost] = useState(null);
+    const overlayActive = overlay?.tabIds.includes(activeTabId) ?? false;
+    const overlayLabelTabId = overlayActive ? activeTabId : tabs.find((tab)=>overlay?.tabIds.includes(tab.id))?.id;
+    const focusTab = useCallback((tabId)=>{
+        requestAnimationFrame(()=>{
+            tabRefs.current.get(tabId)?.focus();
+        });
+    }, []);
+    const activateTab = useCallback((tabId)=>{
+        clearNativeSelection();
+        onTabChange(tabId);
+        if (isCollapsed) if (onCollapsedChange) onCollapsedChange(false);
+        else onExpand?.();
+    }, [
+        isCollapsed,
+        onCollapsedChange,
+        onExpand,
+        onTabChange
+    ]);
+    const handleKeyDown = useCallback((event, index)=>{
+        if (0 === tabs.length) return;
+        let nextIndex;
+        switch(event.key){
+            case 'ArrowRight':
+                nextIndex = (index + 1) % tabs.length;
+                break;
+            case 'ArrowLeft':
+                nextIndex = (index - 1 + tabs.length) % tabs.length;
+                break;
+            case 'Home':
+                nextIndex = 0;
+                break;
+            case 'End':
+                nextIndex = tabs.length - 1;
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        const nextTab = tabs[nextIndex];
+        if (!nextTab) return;
+        activateTab(nextTab.id);
+        focusTab(nextTab.id);
+    }, [
+        activateTab,
+        focusTab,
+        tabs
+    ]);
+    return /*#__PURE__*/ jsxs("section", {
+        "data-testid": "canvas-bottom-panel",
+        className: cn('flex min-h-0 flex-col overflow-hidden bg-surface-raised text-foreground', 'floating' === variant && 'rounded-2xl border border-border-subtle shadow-lg', className),
+        style: isCollapsed ? {
+            height: collapsedHeight
+        } : void 0,
+        children: [
+            /*#__PURE__*/ jsxs("header", {
+                className: "flex shrink-0 items-center justify-between gap-3 px-3",
+                style: {
+                    height: collapsedHeight
+                },
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex min-w-0 items-center gap-2",
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                role: "tablist",
+                                "aria-orientation": "horizontal",
+                                className: "flex min-w-0 items-center gap-1 overflow-x-auto",
+                                children: tabs.map((tab, index)=>{
+                                    const isActive = tab.id === activeTabId;
+                                    const isSelected = !isCollapsed && isActive;
+                                    const controlsOverlay = overlay?.tabIds.includes(tab.id) ?? false;
+                                    return /*#__PURE__*/ jsxs(Fragment, {
+                                        children: [
+                                            shouldSeparateTabs(tabs[index - 1], tab) && /*#__PURE__*/ jsx("span", {
+                                                role: "presentation",
+                                                "aria-hidden": "true",
+                                                className: "mx-1.5 h-4 w-px shrink-0 bg-border-subtle",
+                                                "data-testid": "canvas-bottom-panel-tab-separator"
+                                            }),
+                                            /*#__PURE__*/ jsx("button", {
+                                                ref: (node)=>{
+                                                    if (node) tabRefs.current.set(tab.id, node);
+                                                    else tabRefs.current.delete(tab.id);
+                                                },
+                                                id: `${resolvedIdPrefix}-tab-${tab.id}`,
+                                                type: "button",
+                                                role: "tab",
+                                                "aria-label": tab.ariaLabel,
+                                                "aria-selected": isSelected,
+                                                "aria-controls": controlsOverlay ? `${resolvedIdPrefix}-overlay-tabpanel` : `${resolvedIdPrefix}-tabpanel-${tab.id}`,
+                                                tabIndex: isActive ? 0 : -1,
+                                                "data-state": isSelected ? 'active' : 'inactive',
+                                                className: "inline-flex h-7 shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap rounded-lg px-2.5 text-xs font-medium text-foreground-muted transition-colors hover:bg-surface-hover hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring data-[state=active]:bg-surface-overlay data-[state=active]:text-foreground",
+                                                onClick: ()=>activateTab(tab.id),
+                                                onKeyDown: (event)=>handleKeyDown(event, index),
+                                                children: tab.label
+                                            })
+                                        ]
+                                    }, tab.id);
+                                })
+                            }),
+                            tabsTrailingSlot && /*#__PURE__*/ jsx("div", {
+                                className: "shrink-0",
+                                "data-testid": "canvas-bottom-panel-tabs-trailing-slot",
+                                children: tabsTrailingSlot
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex shrink-0 items-center gap-1",
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                ref: setActionsContainer,
+                                className: "flex items-center gap-1 empty:hidden",
+                                "data-testid": "canvas-bottom-panel-tab-actions"
+                            }),
+                            headerActions && /*#__PURE__*/ jsx("div", {
+                                className: "flex items-center gap-1",
+                                "data-testid": "canvas-bottom-panel-actions",
+                                children: headerActions
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "min-h-0 flex-1 border-t border-border-subtle",
+                style: {
+                    display: isCollapsed ? 'none' : 'block'
+                },
+                "data-testid": "canvas-bottom-panel-content",
+                children: [
+                    tabs.map((tab)=>{
+                        const isActive = tab.id === activeTabId;
+                        if (overlay?.tabIds.includes(tab.id)) return null;
+                        return /*#__PURE__*/ jsx("div", {
+                            id: `${resolvedIdPrefix}-tabpanel-${tab.id}`,
+                            role: "tabpanel",
+                            "aria-labelledby": `${resolvedIdPrefix}-tab-${tab.id}`,
+                            hidden: !isActive,
+                            className: "h-full w-full",
+                            style: {
+                                display: isActive ? 'block' : 'none'
+                            },
+                            children: /*#__PURE__*/ jsx(ActionsScope, {
+                                active: !isCollapsed && isActive,
+                                container: actionsContainer,
+                                children: tab.content
+                            })
+                        }, tab.id);
+                    }),
+                    overlay && /*#__PURE__*/ jsx("div", {
+                        ref: setOverlayHost,
+                        id: `${resolvedIdPrefix}-overlay-tabpanel`,
+                        role: "tabpanel",
+                        "aria-labelledby": overlayLabelTabId ? `${resolvedIdPrefix}-tab-${overlayLabelTabId}` : void 0,
+                        hidden: !overlayActive,
+                        className: "h-full w-full",
+                        style: {
+                            display: overlayActive ? 'block' : 'none'
+                        },
+                        "data-testid": "canvas-bottom-panel-overlay"
+                    }),
+                    overlay && overlayHost && /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(ActionsScope, {
+                        active: !isCollapsed && overlayActive,
+                        container: actionsContainer,
+                        children: overlay.content
+                    }), overlayHost)
+                ]
+            })
+        ]
+    });
+});
+export { CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT, CanvasBottomPanel_CanvasBottomPanel as CanvasBottomPanel, CanvasBottomPanelActions };

package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.types.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.types.d.ts

@@ -0,0 +1,28 @@
+import type { CSSProperties, ReactNode } from 'react';
+export interface CanvasBottomPanelTab {
+    id: string;
+    label: ReactNode;
+    ariaLabel?: string;
+    group?: string;
+    content: ReactNode;
+}
+export interface CanvasBottomPanelOverlay {
+    tabIds: string[];
+    content: ReactNode;
+}
+export interface CanvasBottomPanelProps {
+    tabs: CanvasBottomPanelTab[];
+    activeTabId: string;
+    onTabChange: (tabId: string) => void;
+    isCollapsed?: boolean;
+    onCollapsedChange?: (isCollapsed: boolean) => void;
+    onExpand?: () => void;
+    tabsTrailingSlot?: ReactNode;
+    headerActions?: ReactNode;
+    overlay?: CanvasBottomPanelOverlay;
+    variant?: 'floating' | 'docked';
+    collapsedHeight?: CSSProperties['height'];
+    idPrefix?: string;
+    className?: string;
+}
+//# sourceMappingURL=CanvasBottomPanel.types.d.ts.map

package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasBottomPanel.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CanvasBottomPanel/CanvasBottomPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,oBAAoB;IAEnC,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,EAAE,SAAS,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IAEvC,MAAM,EAAE,MAAM,EAAE,CAAC;IAKjB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAEhC,eAAe,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAE1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/canvas/components/CanvasBottomPanel/index.cjs

@@ -0,0 +1,42 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT: ()=>external_CanvasBottomPanel_cjs_namespaceObject.CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT,
+    CanvasBottomPanel: ()=>external_CanvasBottomPanel_cjs_namespaceObject.CanvasBottomPanel,
+    CanvasBottomPanelActions: ()=>external_CanvasBottomPanel_cjs_namespaceObject.CanvasBottomPanelActions
+});
+const external_CanvasBottomPanel_cjs_namespaceObject = require("./CanvasBottomPanel.cjs");
+exports.CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT = __webpack_exports__.CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT;
+exports.CanvasBottomPanel = __webpack_exports__.CanvasBottomPanel;
+exports.CanvasBottomPanelActions = __webpack_exports__.CanvasBottomPanelActions;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT",
+    "CanvasBottomPanel",
+    "CanvasBottomPanelActions"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/CanvasBottomPanel/index.d.ts

@@ -0,0 +1,3 @@
+export { CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT, CanvasBottomPanel, CanvasBottomPanelActions, } from './CanvasBottomPanel';
+export type { CanvasBottomPanelOverlay, CanvasBottomPanelProps, CanvasBottomPanelTab, } from './CanvasBottomPanel.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/canvas/components/CanvasBottomPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CanvasBottomPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oCAAoC,EACpC,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,wBAAwB,EACxB,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC"}

package/dist/canvas/components/CanvasBottomPanel/index.js

@@ -0,0 +1,2 @@
+import { CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT, CanvasBottomPanel, CanvasBottomPanelActions } from "./CanvasBottomPanel.js";
+export { CANVAS_BOTTOM_PANEL_COLLAPSED_HEIGHT, CanvasBottomPanel, CanvasBottomPanelActions };

package/dist/canvas/components/StageNode/StageNodeHeader.cjs

@@ -31,10 +31,10 @@ const apollo_core_namespaceObject = require("@uipath/apollo-core");
 const index_cjs_namespaceObject = require("../../layouts/index.cjs");
 const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_react_namespaceObject = require("react");
+const external_i18n_index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 const external_icons_index_cjs_namespaceObject = require("../../../icons/index.cjs");
 const external_icons_index_cjs_namespaceObject_1 = require("../../icons/index.cjs");
 const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
-const external_i18n_index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
 const external_ExecutionStatusIcon_index_cjs_namespaceObject = require("../ExecutionStatusIcon/index.cjs");
 const ExecutionStatusIcon_cjs_namespaceObject = require("../ExecutionStatusIcon/ExecutionStatusIcon.cjs");
@@ -122,6 +122,7 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
     const formattedStageDuration = void 0 !== stageDurationMs ? (0, external_formatDuration_cjs_namespaceObject.formatDurationMs)(stageDurationMs, locale) : execution?.stageStatus?.duration;
     const stageDurationLabel = execution?.stageStatus?.durationLabel;
     const stageDuration = formattedStageDuration && stageDurationLabel ? `${stageDurationLabel} ${formattedStageDuration}` : formattedStageDuration;
+    const exactStageDuration = void 0 !== stageDurationMs && (0, external_formatDuration_cjs_namespaceObject.hasHiddenDurationParts)(stageDurationMs) ? (0, external_formatDuration_cjs_namespaceObject.formatExactDurationMs)(stageDurationMs, locale) : void 0;
     const slaText = execution?.stageStatus?.slaText;
     const slaIcon = execution?.stageStatus?.slaIcon;
     const slaIndicator = slaIcon ? SLA_ICON_CONFIG[slaIcon] : void 0;
@@ -252,10 +253,14 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
                     })
                 ]
             }),
-            stageDuration && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                className: "flex min-h-8 items-center text-xs text-foreground-muted",
-                "data-testid": `stage-duration-${id}`,
-                children: stageDuration
+            stageDuration && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+                content: exactStageDuration,
+                placement: "top",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: "flex min-h-8 items-center text-xs text-foreground-muted",
+                    "data-testid": `stage-duration-${id}`,
+                    children: stageDuration
+                })
             })
         ]
     });

package/dist/canvas/components/StageNode/StageNodeHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageNodeHeader.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHeader.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAgB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA8RnF,eAAO,MAAM,eAAe,wGAhLzB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACvD,6CA0KwD,CAAC"}
+{"version":3,"file":"StageNodeHeader.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHeader.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAgB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAoSnF,eAAO,MAAM,eAAe,wGAtLzB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACvD,6CAgLwD,CAAC"}