@uipath/apollo-react 6.30.2 → 6.30.3

package/dist/canvas/controls/NodeOutputModeSelect/NodeOutputModeSelect.cjs

@@ -33,6 +33,21 @@ const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
+const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
+function ModeIcon({ icon, size, className }) {
+    if ('string' == typeof icon) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: (0, apollo_wind_namespaceObject.cn)('inline-flex', className),
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
+            icon: icon,
+            size: size
+        })
+    });
+    const Icon = icon;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
+        size: size,
+        className: className
+    });
+}
 const MODE_DEFS = [
     {
         value: 'live',
@@ -60,7 +75,7 @@ const MODE_DEFS = [
     },
     {
         value: 'simulated',
-        icon: external_lucide_react_namespaceObject.Sparkles,
+        icon: 'file-sparkles-corner',
         label: {
             id: 'canvas.node_mode_select.simulated_label',
             message: 'Simulated'
@@ -110,8 +125,10 @@ function NodeOutputModeSelect({ value, onChange, options, disabled = false, clas
                     }),
                     className: (0, apollo_wind_namespaceObject.cn)('min-w-12 gap-1.5 rounded-full border border-border px-2 text-[11px] font-medium text-foreground-muted hover:bg-surface-overlay hover:text-foreground [&_svg]:size-2.5', className),
                     children: [
-                        CurrentIcon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CurrentIcon, {
-                            className: "text-foreground-subtle"
+                        CurrentIcon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ModeIcon, {
+                            icon: CurrentIcon,
+                            className: "text-foreground-subtle",
+                            size: 10
                         }),
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                             className: "min-w-0 flex-1 truncate shrink-0",
@@ -134,7 +151,8 @@ function NodeOutputModeSelect({ value, onChange, options, disabled = false, clas
                             value: option.value,
                             className: (0, apollo_wind_namespaceObject.cn)('group flex items-center gap-2 [&>span:first-child]:text-foreground-accent', selectedValue === option.value && 'text-foreground'),
                             children: [
-                                Icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
+                                Icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ModeIcon, {
+                                    icon: Icon,
                                     size: 13,
                                     className: "shrink-0 text-foreground-subtle"
                                 }),

package/dist/canvas/controls/NodeOutputModeSelect/NodeOutputModeSelect.d.ts

@@ -1,9 +1,10 @@
 import type { LucideIcon } from 'lucide-react';
+export type NodeOutputModeIcon = LucideIcon | string;
 export interface NodeOutputModeOption {
     value: string;
     label: string;
     description?: string;
-    icon?: LucideIcon;
+    icon?: NodeOutputModeIcon;
 }
 export declare const DEFAULT_NODE_OUTPUT_MODES: NodeOutputModeOption[];
 export declare function useDefaultNodeOutputModes(): NodeOutputModeOption[];

package/dist/canvas/controls/NodeOutputModeSelect/NodeOutputModeSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeOutputModeSelect.d.ts","sourceRoot":"","sources":["../../../../src/canvas/controls/NodeOutputModeSelect/NodeOutputModeSelect.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAwCD,eAAO,MAAM,yBAAyB,EAAE,oBAAoB,EAKzD,CAAC;AAGJ,wBAAgB,yBAAyB,IAAI,oBAAoB,EAAE,CAYlE;AAED,MAAM,WAAW,yBAAyB;IAExC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,SAAS,GACV,EAAE,yBAAyB,2CAgE3B"}
+{"version":3,"file":"NodeOutputModeSelect.d.ts","sourceRoot":"","sources":["../../../../src/canvas/controls/NodeOutputModeSelect/NodeOutputModeSelect.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAgB/C,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B;AAqED,eAAO,MAAM,yBAAyB,EAAE,oBAAoB,EAKzD,CAAC;AAGJ,wBAAgB,yBAAyB,IAAI,oBAAoB,EAAE,CAYlE;AAED,MAAM,WAAW,yBAAyB;IAExC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,SAAS,GACV,EAAE,yBAAyB,2CAoE3B"}

package/dist/canvas/controls/NodeOutputModeSelect/NodeOutputModeSelect.js

@@ -1,8 +1,23 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, cn } from "@uipath/apollo-wind";
-import { ChevronDown, CircleDot, FileBracesCorner, Sparkles } from "lucide-react";
+import { ChevronDown, CircleDot, FileBracesCorner } from "lucide-react";
 import { useMemo } from "react";
 import { useSafeLingui } from "../../../i18n/index.js";
+import { CanvasIcon } from "../../utils/icon-registry.js";
+function ModeIcon({ icon, size, className }) {
+    if ('string' == typeof icon) return /*#__PURE__*/ jsx("span", {
+        className: cn('inline-flex', className),
+        children: /*#__PURE__*/ jsx(CanvasIcon, {
+            icon: icon,
+            size: size
+        })
+    });
+    const Icon = icon;
+    return /*#__PURE__*/ jsx(Icon, {
+        size: size,
+        className: className
+    });
+}
 const MODE_DEFS = [
     {
         value: 'live',
@@ -30,7 +45,7 @@ const MODE_DEFS = [
     },
     {
         value: 'simulated',
-        icon: Sparkles,
+        icon: 'file-sparkles-corner',
         label: {
             id: 'canvas.node_mode_select.simulated_label',
             message: 'Simulated'
@@ -80,8 +95,10 @@ function NodeOutputModeSelect({ value, onChange, options, disabled = false, clas
                     }),
                     className: cn('min-w-12 gap-1.5 rounded-full border border-border px-2 text-[11px] font-medium text-foreground-muted hover:bg-surface-overlay hover:text-foreground [&_svg]:size-2.5', className),
                     children: [
-                        CurrentIcon && /*#__PURE__*/ jsx(CurrentIcon, {
-                            className: "text-foreground-subtle"
+                        CurrentIcon && /*#__PURE__*/ jsx(ModeIcon, {
+                            icon: CurrentIcon,
+                            className: "text-foreground-subtle",
+                            size: 10
                         }),
                         /*#__PURE__*/ jsx("span", {
                             className: "min-w-0 flex-1 truncate shrink-0",
@@ -104,7 +121,8 @@ function NodeOutputModeSelect({ value, onChange, options, disabled = false, clas
                             value: option.value,
                             className: cn('group flex items-center gap-2 [&>span:first-child]:text-foreground-accent', selectedValue === option.value && 'text-foreground'),
                             children: [
-                                Icon && /*#__PURE__*/ jsx(Icon, {
+                                Icon && /*#__PURE__*/ jsx(ModeIcon, {
+                                    icon: Icon,
                                     size: 13,
                                     className: "shrink-0 text-foreground-subtle"
                                 }),

package/dist/canvas/controls/NodeOutputModeSelect/index.d.ts

@@ -1,2 +1,2 @@
-export { DEFAULT_NODE_OUTPUT_MODES, type NodeOutputModeOption, NodeOutputModeSelect, type NodeOutputModeSelectProps, useDefaultNodeOutputModes, } from './NodeOutputModeSelect';
+export { DEFAULT_NODE_OUTPUT_MODES, type NodeOutputModeIcon, type NodeOutputModeOption, NodeOutputModeSelect, type NodeOutputModeSelectProps, useDefaultNodeOutputModes, } from './NodeOutputModeSelect';
 //# sourceMappingURL=index.d.ts.map

package/dist/canvas/controls/NodeOutputModeSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/controls/NodeOutputModeSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,KAAK,oBAAoB,EACzB,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/controls/NodeOutputModeSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC"}

package/dist/canvas/controls/index.d.ts

@@ -1,5 +1,5 @@
 export { Breadcrumb } from './Breadcrumb';
-export { DEFAULT_NODE_OUTPUT_MODES, type NodeOutputModeOption, NodeOutputModeSelect, type NodeOutputModeSelectProps, useDefaultNodeOutputModes, } from './NodeOutputModeSelect';
+export { DEFAULT_NODE_OUTPUT_MODES, type NodeOutputModeIcon, type NodeOutputModeOption, NodeOutputModeSelect, type NodeOutputModeSelectProps, useDefaultNodeOutputModes, } from './NodeOutputModeSelect';
 export { NodePropertyTrigger, NodePropertyTriggerCheckboxItem, NodePropertyTriggerRadioItem, NodePropertyTriggerSectionLabel, NodePropertyTriggerSeparator, } from './NodePropertyTrigger';
 export type { NodePropertyTriggerProps, NodePropertyTriggerItem, NodePropertyTriggerBehavior, NodePropertyTriggerBehaviorOption, NodePropertyTriggerCheckboxItemProps, NodePropertyTriggerLayout, NodePropertyTriggerLayoutOption, NodePropertyTriggerPreset, } from './NodePropertyTrigger';
 //# sourceMappingURL=index.d.ts.map

package/dist/canvas/controls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,yBAAyB,EACzB,KAAK,oBAAoB,EACzB,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,mBAAmB,EACnB,+BAA+B,EAC/B,4BAA4B,EAC5B,+BAA+B,EAC/B,4BAA4B,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,wBAAwB,EACxB,uBAAuB,EACvB,2BAA2B,EAC3B,iCAAiC,EACjC,oCAAoC,EACpC,yBAAyB,EACzB,+BAA+B,EAC/B,yBAAyB,GAC1B,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,yBAAyB,EACzB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,mBAAmB,EACnB,+BAA+B,EAC/B,4BAA4B,EAC5B,+BAA+B,EAC/B,4BAA4B,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,wBAAwB,EACxB,uBAAuB,EACvB,2BAA2B,EAC3B,iCAAiC,EACjC,oCAAoC,EACpC,yBAAyB,EACzB,+BAA+B,EAC/B,yBAAyB,GAC1B,MAAM,uBAAuB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "6.30.2",
+  "version": "6.30.3",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -221,8 +221,8 @@
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
     "@uipath/apollo-core": "5.13.0",
-    "@uipath/apollo-wind": "2.36.0",
-    "@uipath/apollo-ui-icons": "1.0.0"
+    "@uipath/apollo-ui-icons": "1.0.0",
+    "@uipath/apollo-wind": "2.36.0"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",