@uipath/apollo-react 6.24.0 → 6.26.0

package/dist/canvas/components/BaseNode/NodeLabel.js

@@ -66,14 +66,15 @@ const EditableLabel = /*#__PURE__*/ forwardRef(({ shape, backgroundColor, varian
         } : void 0
     }));
 EditableLabel.displayName = 'EditableLabel';
-const EmptyLabelPlaceholder = ({ onDoubleClick })=>/*#__PURE__*/ jsx("button", {
+const EmptyLabelPlaceholder = ({ disabled, onDoubleClick })=>/*#__PURE__*/ jsx("button", {
         type: "button",
+        disabled: disabled,
         onDoubleClick: onDoubleClick,
         className: "nodrag nowheel text-sm leading-[18px] font-semibold text-foreground-muted bg-transparent border border-dashed border-border-de-emp rounded-sm cursor-pointer opacity-0 transition-opacity duration-200 min-w-5 min-h-5 hover:opacity-100",
         "aria-label": "Add node label",
         "data-testid": "empty-label-placeholder"
     });
-const NodeLabelInternal = ({ label = '', subLabel = '', labelTooltip, labelBackgroundColor, shape, hasBottomHandles, selected, dragging, centerAdornment, readonly, onChange })=>{
+const NodeLabelInternal = ({ label = '', subLabel = '', labelTooltip, labelBackgroundColor, shape, hasBottomHandles, selected, dragging, centerAdornment, readonly, discardDraftOnReadonly, onChange })=>{
     const [isEditing, setIsEditing] = useState(false);
     const [localLabel, setLocalLabel] = useState('');
     const [localSubLabel, setLocalSubLabel] = useState('');
@@ -118,15 +119,6 @@ const NodeLabelInternal = ({ label = '', subLabel = '', labelTooltip, labelBackg
         isEditing,
         focusTarget
     ]);
-    useEffect(()=>{
-        if (isEditing && (!selected || dragging || readonly)) handleSave();
-    }, [
-        selected,
-        dragging,
-        isEditing,
-        readonly,
-        handleSave
-    ]);
     const handleCancel = useCallback(()=>{
         setIsEditing(false);
         setFocusTarget(null);
@@ -136,6 +128,19 @@ const NodeLabelInternal = ({ label = '', subLabel = '', labelTooltip, labelBackg
         label,
         subLabel
     ]);
+    useEffect(()=>{
+        if (!isEditing) return;
+        if (readonly && discardDraftOnReadonly) handleCancel();
+        else if (!selected || dragging || readonly) handleSave();
+    }, [
+        selected,
+        dragging,
+        isEditing,
+        readonly,
+        discardDraftOnReadonly,
+        handleSave,
+        handleCancel
+    ]);
     const handleKeyDown = useCallback((e)=>{
         if ('Enter' === e.key) {
             e.preventDefault();
@@ -162,6 +167,7 @@ const NodeLabelInternal = ({ label = '', subLabel = '', labelTooltip, labelBackg
         shape: shape,
         children: [
             /*#__PURE__*/ jsx(EmptyLabelPlaceholder, {
+                disabled: readonly,
                 onDoubleClick: readonly ? void 0 : handleDoubleClick(labelInputRef)
             }),
             centerAdornment

package/dist/canvas/components/Toolbar/shared/ToolbarButton.cjs

@@ -40,32 +40,37 @@ const ToolbarButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({
         e.preventDefault();
         if (isEnabled) action.onClick();
     };
+    const button = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ToolbarIconButton_cjs_namespaceObject.ToolbarIconButton, {
+        layout: layoutId ? true : void 0,
+        layoutId: layoutId,
+        transition: {
+            type: 'tween',
+            duration: 0.2,
+            ease: 'easeOut'
+        },
+        type: "button",
+        className: "nodrag nopan",
+        onClick: handleClick,
+        "aria-label": action.label,
+        "aria-disabled": !isEnabled,
+        "aria-pressed": action.isToggled,
+        disabled: !isEnabled,
+        isToggled: action.isToggled,
+        color: action.color,
+        hoverBg: hoverBg,
+        children: action.icon && 'string' == typeof action.icon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
+            icon: action.icon,
+            size: 16,
+            color: action.color
+        }) : action.icon
+    });
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
         content: action.label,
         placement: "top",
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ToolbarIconButton_cjs_namespaceObject.ToolbarIconButton, {
-            layout: layoutId ? true : void 0,
-            layoutId: layoutId,
-            transition: {
-                type: 'tween',
-                duration: 0.2,
-                ease: 'easeOut'
-            },
-            type: "button",
-            className: "nodrag nopan",
-            onClick: handleClick,
-            "aria-label": action.label,
-            "aria-disabled": !isEnabled,
-            "aria-pressed": action.isToggled,
-            disabled: !isEnabled,
-            isToggled: action.isToggled,
-            color: action.color,
-            hoverBg: hoverBg,
-            children: action.icon && 'string' == typeof action.icon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
-                icon: action.icon,
-                size: 16,
-                color: action.color
-            }) : action.icon
+        children: isEnabled ? button : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: "inline-flex",
+            "data-testid": "toolbar-action-hover-target",
+            children: button
         })
     });
 });

package/dist/canvas/components/Toolbar/shared/ToolbarButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/shared/ToolbarButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,qBAAqB,CAAC;IAK9B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,6DAA+B,kBAAkB,6CAqCzE,CAAC"}
+{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/shared/ToolbarButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,qBAAqB,CAAC;IAK9B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,6DAA+B,kBAAkB,6CAkDzE,CAAC"}

package/dist/canvas/components/Toolbar/shared/ToolbarButton.js

@@ -12,32 +12,37 @@ const ToolbarButton = /*#__PURE__*/ memo(({ action, layoutId })=>{
         e.preventDefault();
         if (isEnabled) action.onClick();
     };
+    const button = /*#__PURE__*/ jsx(ToolbarIconButton, {
+        layout: layoutId ? true : void 0,
+        layoutId: layoutId,
+        transition: {
+            type: 'tween',
+            duration: 0.2,
+            ease: 'easeOut'
+        },
+        type: "button",
+        className: "nodrag nopan",
+        onClick: handleClick,
+        "aria-label": action.label,
+        "aria-disabled": !isEnabled,
+        "aria-pressed": action.isToggled,
+        disabled: !isEnabled,
+        isToggled: action.isToggled,
+        color: action.color,
+        hoverBg: hoverBg,
+        children: action.icon && 'string' == typeof action.icon ? /*#__PURE__*/ jsx(CanvasIcon, {
+            icon: action.icon,
+            size: 16,
+            color: action.color
+        }) : action.icon
+    });
     return /*#__PURE__*/ jsx(CanvasTooltip, {
         content: action.label,
         placement: "top",
-        children: /*#__PURE__*/ jsx(ToolbarIconButton, {
-            layout: layoutId ? true : void 0,
-            layoutId: layoutId,
-            transition: {
-                type: 'tween',
-                duration: 0.2,
-                ease: 'easeOut'
-            },
-            type: "button",
-            className: "nodrag nopan",
-            onClick: handleClick,
-            "aria-label": action.label,
-            "aria-disabled": !isEnabled,
-            "aria-pressed": action.isToggled,
-            disabled: !isEnabled,
-            isToggled: action.isToggled,
-            color: action.color,
-            hoverBg: hoverBg,
-            children: action.icon && 'string' == typeof action.icon ? /*#__PURE__*/ jsx(CanvasIcon, {
-                icon: action.icon,
-                size: 16,
-                color: action.color
-            }) : action.icon
+        children: isEnabled ? button : /*#__PURE__*/ jsx("span", {
+            className: "inline-flex",
+            "data-testid": "toolbar-action-hover-target",
+            children: button
         })
     });
 });

package/dist/canvas/hooks/useIsomorphicLayoutEffect.cjs

@@ -0,0 +1,37 @@
+"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__, {
+    useIsomorphicLayoutEffect: ()=>useIsomorphicLayoutEffect
+});
+const external_react_namespaceObject = require("react");
+const useIsomorphicLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
+exports.useIsomorphicLayoutEffect = __webpack_exports__.useIsomorphicLayoutEffect;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useIsomorphicLayoutEffect"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
+//# sourceMappingURL=useIsomorphicLayoutEffect.d.ts.map

package/dist/canvas/hooks/useIsomorphicLayoutEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useIsomorphicLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAQnD,eAAO,MAAM,yBAAyB,kBACuB,CAAC"}

package/dist/canvas/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,3 @@
+import { useEffect, useLayoutEffect } from "react";
+const useIsomorphicLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+export { useIsomorphicLayoutEffect };

package/dist/canvas/hooks/useLatestRef.cjs

@@ -27,10 +27,10 @@ __webpack_require__.d(__webpack_exports__, {
     useLatestRef: ()=>useLatestRef
 });
 const external_react_namespaceObject = require("react");
-const useIsomorphicLayoutEffect = "u" > typeof window ? external_react_namespaceObject.useLayoutEffect : external_react_namespaceObject.useEffect;
+const external_useIsomorphicLayoutEffect_cjs_namespaceObject = require("./useIsomorphicLayoutEffect.cjs");
 function useLatestRef(value) {
     const ref = (0, external_react_namespaceObject.useRef)(value);
-    useIsomorphicLayoutEffect(()=>{
+    (0, external_useIsomorphicLayoutEffect_cjs_namespaceObject.useIsomorphicLayoutEffect)(()=>{
         ref.current = value;
     }, [
         value

package/dist/canvas/hooks/useLatestRef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLatestRef.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useLatestRef.ts"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,gCAMvC"}
+{"version":3,"file":"useLatestRef.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useLatestRef.ts"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,gCAMvC"}

package/dist/canvas/hooks/useLatestRef.js

@@ -1,5 +1,5 @@
-import { useEffect, useLayoutEffect, useRef } from "react";
-const useIsomorphicLayoutEffect = "u" > typeof window ? useLayoutEffect : useEffect;
+import { useRef } from "react";
+import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
 function useLatestRef(value) {
     const ref = useRef(value);
     useIsomorphicLayoutEffect(()=>{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "6.24.0",
+  "version": "6.26.0",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -220,9 +220,9 @@
     "use-sync-external-store": "^1.2.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
+    "@uipath/apollo-core": "5.13.0",
     "@uipath/apollo-ui-icons": "1.0.0",
-    "@uipath/apollo-wind": "2.35.0",
-    "@uipath/apollo-core": "5.13.0"
+    "@uipath/apollo-wind": "2.35.0"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",