@uipath/apollo-react 4.48.4 → 4.50.0

package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.cjs

@@ -0,0 +1,138 @@
+"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__, {
+    NodePropertyPanel: ()=>NodePropertyPanel
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const SURFACE_REMAP = {
+    '--surface-raised': 'var(--surface-overlay)'
+};
+function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset = '1.5rem' }) {
+    const hasNodeHeader = !!(nodeLabel || nodeCategory || nodeIcon || action);
+    const formSchema = (0, external_react_namespaceObject.useMemo)(()=>schema && void 0 === schema.actions ? {
+            ...schema,
+            actions: []
+        } : schema, [
+        schema
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, apollo_wind_namespaceObject.cn)('flex min-h-0 flex-col bg-surface-raised', className),
+        children: [
+            panelTitle && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex h-10 shrink-0 items-center justify-between border-b border-border-subtle px-2",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex items-center gap-1",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                className: "grid size-8 place-items-center text-foreground-subtle",
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.GripVertical, {
+                                    size: 14
+                                })
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "text-sm font-semibold text-foreground",
+                                children: panelTitle
+                            })
+                        ]
+                    }),
+                    onClose && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                        type: "button",
+                        onClick: onClose,
+                        title: "Close",
+                        "aria-label": "Close",
+                        className: "grid size-6 place-items-center rounded text-foreground-muted transition hover:bg-surface-overlay hover:text-foreground",
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                            size: 14
+                        })
+                    })
+                ]
+            }),
+            hasNodeHeader && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex shrink-0 items-center justify-between gap-4 border-b border-border-subtle px-6 py-4",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex min-w-0 flex-1 items-center gap-3",
+                        children: [
+                            nodeIcon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                className: "grid size-11 shrink-0 place-items-center rounded-xl bg-surface-overlay text-foreground-subtle [&>svg]:size-5",
+                                children: nodeIcon
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: "flex min-w-0 flex-1 flex-col justify-center",
+                                children: [
+                                    nodeLabel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: "block truncate text-lg font-semibold leading-6 tracking-[-0.4px] text-foreground",
+                                        children: nodeLabel
+                                    }),
+                                    nodeCategory && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        className: "block truncate text-sm leading-5 text-foreground-muted",
+                                        children: nodeCategory
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    action && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "flex shrink-0 items-center gap-2",
+                        children: action
+                    })
+                ]
+            }),
+            formSchema ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "min-h-0 flex-1 overflow-auto",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    style: {
+                        ...SURFACE_REMAP,
+                        '--mf-content-inset': contentInset
+                    },
+                    className: "[&_label]:text-foreground-muted",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.MetadataForm, {
+                        schema: formSchema,
+                        plugins: plugins,
+                        stepVariant: "tabs",
+                        onSubmit: onSubmit,
+                        disabled: disabled,
+                        className: "flex flex-col gap-4 pb-6 pt-3 [padding-inline:var(--mf-content-inset)]"
+                    }, resetKey)
+                })
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "px-6 py-4 text-xs text-foreground-subtle",
+                children: "No form schema defined for this node."
+            })
+        ]
+    });
+}
+exports.NodePropertyPanel = __webpack_exports__.NodePropertyPanel;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "NodePropertyPanel"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,3 @@
+import type { NodePropertyPanelProps } from './NodePropertyPanel.types';
+export declare function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset, }: NodePropertyPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NodePropertyPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodePropertyPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAiCxE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAuB,GACxB,EAAE,sBAAsB,2CA2FxB"}

package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.js

@@ -0,0 +1,104 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MetadataForm, cn } from "@uipath/apollo-wind";
+import { GripVertical, X } from "lucide-react";
+import { useMemo } from "react";
+const SURFACE_REMAP = {
+    '--surface-raised': 'var(--surface-overlay)'
+};
+function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset = '1.5rem' }) {
+    const hasNodeHeader = !!(nodeLabel || nodeCategory || nodeIcon || action);
+    const formSchema = useMemo(()=>schema && void 0 === schema.actions ? {
+            ...schema,
+            actions: []
+        } : schema, [
+        schema
+    ]);
+    return /*#__PURE__*/ jsxs("div", {
+        className: cn('flex min-h-0 flex-col bg-surface-raised', className),
+        children: [
+            panelTitle && /*#__PURE__*/ jsxs("div", {
+                className: "flex h-10 shrink-0 items-center justify-between border-b border-border-subtle px-2",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center gap-1",
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "grid size-8 place-items-center text-foreground-subtle",
+                                children: /*#__PURE__*/ jsx(GripVertical, {
+                                    size: 14
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm font-semibold text-foreground",
+                                children: panelTitle
+                            })
+                        ]
+                    }),
+                    onClose && /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        onClick: onClose,
+                        title: "Close",
+                        "aria-label": "Close",
+                        className: "grid size-6 place-items-center rounded text-foreground-muted transition hover:bg-surface-overlay hover:text-foreground",
+                        children: /*#__PURE__*/ jsx(X, {
+                            size: 14
+                        })
+                    })
+                ]
+            }),
+            hasNodeHeader && /*#__PURE__*/ jsxs("div", {
+                className: "flex shrink-0 items-center justify-between gap-4 border-b border-border-subtle px-6 py-4",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex min-w-0 flex-1 items-center gap-3",
+                        children: [
+                            nodeIcon && /*#__PURE__*/ jsx("div", {
+                                className: "grid size-11 shrink-0 place-items-center rounded-xl bg-surface-overlay text-foreground-subtle [&>svg]:size-5",
+                                children: nodeIcon
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex min-w-0 flex-1 flex-col justify-center",
+                                children: [
+                                    nodeLabel && /*#__PURE__*/ jsx("span", {
+                                        className: "block truncate text-lg font-semibold leading-6 tracking-[-0.4px] text-foreground",
+                                        children: nodeLabel
+                                    }),
+                                    nodeCategory && /*#__PURE__*/ jsx("span", {
+                                        className: "block truncate text-sm leading-5 text-foreground-muted",
+                                        children: nodeCategory
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    action && /*#__PURE__*/ jsx("div", {
+                        className: "flex shrink-0 items-center gap-2",
+                        children: action
+                    })
+                ]
+            }),
+            formSchema ? /*#__PURE__*/ jsx("div", {
+                className: "min-h-0 flex-1 overflow-auto",
+                children: /*#__PURE__*/ jsx("div", {
+                    style: {
+                        ...SURFACE_REMAP,
+                        '--mf-content-inset': contentInset
+                    },
+                    className: "[&_label]:text-foreground-muted",
+                    children: /*#__PURE__*/ jsx(MetadataForm, {
+                        schema: formSchema,
+                        plugins: plugins,
+                        stepVariant: "tabs",
+                        onSubmit: onSubmit,
+                        disabled: disabled,
+                        className: "flex flex-col gap-4 pb-6 pt-3 [padding-inline:var(--mf-content-inset)]"
+                    }, resetKey)
+                })
+            }) : /*#__PURE__*/ jsx("div", {
+                className: "px-6 py-4 text-xs text-foreground-subtle",
+                children: "No form schema defined for this node."
+            })
+        ]
+    });
+}
+export { NodePropertyPanel };

package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.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/NodePropertyPanel/NodePropertyPanel.types.d.ts

@@ -0,0 +1,18 @@
+import type { FormPlugin, FormSchema } from '@uipath/apollo-wind';
+import type { ReactNode } from 'react';
+export interface NodePropertyPanelProps {
+    panelTitle?: string;
+    onClose?: () => void;
+    nodeIcon?: ReactNode;
+    nodeLabel?: string;
+    nodeCategory?: string;
+    action?: ReactNode;
+    schema?: FormSchema;
+    plugins?: FormPlugin[];
+    onSubmit?: (data: unknown) => void | Promise<void>;
+    disabled?: boolean;
+    resetKey?: string;
+    className?: string;
+    contentInset?: string;
+}
+//# sourceMappingURL=NodePropertyPanel.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodePropertyPanel.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,sBAAsB;IAKrC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,MAAM,CAAC,EAAE,SAAS,CAAC;IAMnB,MAAM,CAAC,EAAE,UAAU,CAAC;IAMpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IAEvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

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

@@ -0,0 +1,36 @@
+"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__, {
+    NodePropertyPanel: ()=>external_NodePropertyPanel_cjs_namespaceObject.NodePropertyPanel
+});
+const external_NodePropertyPanel_cjs_namespaceObject = require("./NodePropertyPanel.cjs");
+exports.NodePropertyPanel = __webpack_exports__.NodePropertyPanel;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "NodePropertyPanel"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,3 @@
+export { NodePropertyPanel } from './NodePropertyPanel';
+export type { NodePropertyPanelProps } from './NodePropertyPanel.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC"}

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

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