@uipath/apollo-react 4.0.0 → 4.1.1

package/dist/canvas/components/ButtonHandle/SmartHandle.stories.cjs

@@ -1,608 +0,0 @@
-"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__, {
-    default: ()=>SmartHandle_stories,
-    MultiHandle: ()=>MultiHandle,
-    Default: ()=>Default
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const apollo_core_namespaceObject = require("@uipath/apollo-core");
-const index_cjs_namespaceObject = require("../../layouts/index.cjs");
-const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
-const external_material_index_cjs_namespaceObject = require("../../../material/index.cjs");
-const components_index_cjs_namespaceObject = require("../../../material/components/index.cjs");
-const external_react_namespaceObject = require("react");
-const external_storybook_utils_index_cjs_namespaceObject = require("../../storybook-utils/index.cjs");
-const external_types_cjs_namespaceObject = require("../../types.cjs");
-const BaseCanvas_cjs_namespaceObject = require("../BaseCanvas/BaseCanvas.cjs");
-const external_CanvasPositionControls_cjs_namespaceObject = require("../CanvasPositionControls.cjs");
-const SequenceEdge_cjs_namespaceObject = require("../Edges/SequenceEdge.cjs");
-const external_SmartHandle_cjs_namespaceObject = require("./SmartHandle.cjs");
-const meta = {
-    title: 'Canvas/SmartHandle',
-    component: external_SmartHandle_cjs_namespaceObject.SmartHandle,
-    parameters: {
-        layout: 'fullscreen'
-    },
-    decorators: [
-        (0, external_storybook_utils_index_cjs_namespaceObject.withCanvasProviders)()
-    ]
-};
-const SmartHandle_stories = meta;
-function SmartNode({ data, selected }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        style: {
-            width: 160,
-            height: 60,
-            borderRadius: 8,
-            backgroundColor: 'var(--uix-canvas-background)',
-            border: selected ? '2px solid var(--uix-canvas-selection-indicator)' : '1px solid var(--uix-canvas-border)',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            position: 'relative'
-        },
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                variant: apollo_core_namespaceObject.FontVariantToken.fontSizeSBold,
-                color: "var(--uix-canvas-foreground)",
-                children: data.label
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartTargetHandle, {
-                id: "input"
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartSourceHandle, {
-                id: "output"
-            })
-        ]
-    });
-}
-const HUB_NODE_SIZE = 100;
-function HubNode({ data, selected }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartHandleProvider, {
-        nodeWidth: HUB_NODE_SIZE,
-        nodeHeight: HUB_NODE_SIZE,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-            style: {
-                width: HUB_NODE_SIZE,
-                height: HUB_NODE_SIZE,
-                borderRadius: '50%',
-                backgroundColor: 'var(--uix-canvas-background)',
-                border: selected ? '2px solid var(--uix-canvas-selection-indicator)' : '2px solid var(--uix-canvas-border)',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                position: 'relative'
-            },
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                    align: "center",
-                    gap: 4,
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_index_cjs_namespaceObject.ApIcon, {
-                            name: "hub",
-                            size: "24px",
-                            color: "var(--uix-canvas-foreground-de-emp)"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                            variant: apollo_core_namespaceObject.FontVariantToken.fontSizeXsBold,
-                            color: "var(--uix-canvas-foreground)",
-                            children: data.label
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartHandle, {
-                    type: "target",
-                    id: "in-1",
-                    defaultPosition: react_cjs_namespaceObject.Position.Left,
-                    handleType: "input",
-                    nodeWidth: HUB_NODE_SIZE,
-                    nodeHeight: HUB_NODE_SIZE
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartHandle, {
-                    type: "target",
-                    id: "in-2",
-                    defaultPosition: react_cjs_namespaceObject.Position.Left,
-                    handleType: "input",
-                    nodeWidth: HUB_NODE_SIZE,
-                    nodeHeight: HUB_NODE_SIZE
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartHandle, {
-                    type: "target",
-                    id: "in-3",
-                    defaultPosition: react_cjs_namespaceObject.Position.Left,
-                    handleType: "input",
-                    nodeWidth: HUB_NODE_SIZE,
-                    nodeHeight: HUB_NODE_SIZE
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartHandle, {
-                    type: "source",
-                    id: "out-1",
-                    defaultPosition: react_cjs_namespaceObject.Position.Right,
-                    handleType: "output",
-                    nodeWidth: HUB_NODE_SIZE,
-                    nodeHeight: HUB_NODE_SIZE
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartHandle, {
-                    type: "source",
-                    id: "out-2",
-                    defaultPosition: react_cjs_namespaceObject.Position.Right,
-                    handleType: "output",
-                    nodeWidth: HUB_NODE_SIZE,
-                    nodeHeight: HUB_NODE_SIZE
-                })
-            ]
-        })
-    });
-}
-const edgeTypes = {
-    sequence: SequenceEdge_cjs_namespaceObject.SequenceEdge
-};
-function DefaultStory() {
-    const nodeTypes = (0, external_react_namespaceObject.useMemo)(()=>({
-            smartNode: SmartNode,
-            hubNode: HubNode
-        }), []);
-    const initialNodes = [
-        {
-            id: 'node-a',
-            type: 'smartNode',
-            position: {
-                x: 100,
-                y: 200
-            },
-            data: {
-                label: 'Node A'
-            }
-        },
-        {
-            id: 'node-b',
-            type: 'smartNode',
-            position: {
-                x: 400,
-                y: 200
-            },
-            data: {
-                label: 'Node B'
-            }
-        },
-        {
-            id: 'node-c',
-            type: 'smartNode',
-            position: {
-                x: 250,
-                y: 50
-            },
-            data: {
-                label: 'Node C'
-            }
-        },
-        {
-            id: 'node-d',
-            type: 'smartNode',
-            position: {
-                x: 250,
-                y: 350
-            },
-            data: {
-                label: 'Node D'
-            }
-        }
-    ];
-    const initialEdges = [
-        {
-            id: 'e1',
-            type: 'sequence',
-            source: 'node-a',
-            sourceHandle: 'output',
-            target: 'node-b',
-            targetHandle: 'input'
-        },
-        {
-            id: 'e2',
-            type: 'sequence',
-            source: 'node-c',
-            sourceHandle: 'output',
-            target: 'node-d',
-            targetHandle: 'input'
-        }
-    ];
-    const { canvasProps, setEdges } = (0, external_storybook_utils_index_cjs_namespaceObject.useCanvasStory)({
-        initialNodes,
-        initialEdges
-    });
-    const onEdgesChange = (0, external_react_namespaceObject.useCallback)((changes)=>{
-        canvasProps.onEdgesChange?.(changes);
-    }, [
-        canvasProps
-    ]);
-    const onConnect = (0, external_react_namespaceObject.useCallback)((connection)=>{
-        const newEdge = {
-            id: `e-${Date.now()}`,
-            type: 'sequence',
-            source: connection.source,
-            sourceHandle: connection.sourceHandle,
-            target: connection.target,
-            targetHandle: connection.targetHandle
-        };
-        setEdges((edges)=>[
-                ...edges,
-                newEdge
-            ]);
-    }, [
-        setEdges
-    ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(BaseCanvas_cjs_namespaceObject.BaseCanvas, {
-        ...canvasProps,
-        nodeTypes: nodeTypes,
-        edgeTypes: edgeTypes,
-        onEdgesChange: onEdgesChange,
-        onConnect: onConnect,
-        deleteKeyCode: "Backspace",
-        mode: "design",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_storybook_utils_index_cjs_namespaceObject.StoryInfoPanel, {
-                title: "SmartHandle",
-                collapsible: true,
-                defaultCollapsed: false,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                    gap: 8,
-                    style: {
-                        marginTop: 8
-                    },
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_material_index_cjs_namespaceObject.ApTypography, {
-                            variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
-                            color: "var(--uix-canvas-foreground-de-emp)",
-                            children: [
-                                "• ",
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("strong", {
-                                    children: "Drag nodes"
-                                }),
-                                " to see handles reposition"
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_material_index_cjs_namespaceObject.ApTypography, {
-                            variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
-                            color: "var(--uix-canvas-foreground-de-emp)",
-                            children: [
-                                "• ",
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("strong", {
-                                    children: "Select edge + Backspace"
-                                }),
-                                " to delete"
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_material_index_cjs_namespaceObject.ApTypography, {
-                            variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
-                            color: "var(--uix-canvas-foreground-de-emp)",
-                            children: [
-                                "• ",
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("strong", {
-                                    children: "Drag from handle"
-                                }),
-                                " to create new connection"
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                            variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
-                            color: "var(--uix-canvas-foreground-de-emp)",
-                            children: "• Handles return to default position when disconnected"
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
-                position: "bottom-right",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasPositionControls_cjs_namespaceObject.CanvasPositionControls, {
-                    translations: external_types_cjs_namespaceObject.DefaultCanvasTranslations
-                })
-            })
-        ]
-    });
-}
-const MULTI_NODE_WIDTH = 200;
-const MULTI_NODE_HEIGHT = 80;
-function MultiHandleNode({ data, selected }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartHandleProvider, {
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-            style: {
-                width: MULTI_NODE_WIDTH,
-                height: MULTI_NODE_HEIGHT,
-                borderRadius: 8,
-                backgroundColor: 'var(--uix-canvas-background)',
-                border: selected ? '2px solid var(--uix-canvas-selection-indicator)' : '1px solid var(--uix-canvas-border)',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                position: 'relative'
-            },
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                    variant: apollo_core_namespaceObject.FontVariantToken.fontSizeSBold,
-                    color: "var(--uix-canvas-foreground)",
-                    children: data.label
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartHandle, {
-                    type: "target",
-                    id: "in-1",
-                    defaultPosition: react_cjs_namespaceObject.Position.Left,
-                    handleType: "input",
-                    nodeWidth: MULTI_NODE_WIDTH,
-                    nodeHeight: MULTI_NODE_HEIGHT
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartHandle, {
-                    type: "target",
-                    id: "in-2",
-                    defaultPosition: react_cjs_namespaceObject.Position.Left,
-                    handleType: "input",
-                    nodeWidth: MULTI_NODE_WIDTH,
-                    nodeHeight: MULTI_NODE_HEIGHT
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartHandle, {
-                    type: "target",
-                    id: "in-3",
-                    defaultPosition: react_cjs_namespaceObject.Position.Left,
-                    handleType: "input",
-                    nodeWidth: MULTI_NODE_WIDTH,
-                    nodeHeight: MULTI_NODE_HEIGHT
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartHandle, {
-                    type: "source",
-                    id: "out-1",
-                    defaultPosition: react_cjs_namespaceObject.Position.Right,
-                    handleType: "output",
-                    nodeWidth: MULTI_NODE_WIDTH,
-                    nodeHeight: MULTI_NODE_HEIGHT
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SmartHandle_cjs_namespaceObject.SmartHandle, {
-                    type: "source",
-                    id: "out-2",
-                    defaultPosition: react_cjs_namespaceObject.Position.Right,
-                    handleType: "output",
-                    nodeWidth: MULTI_NODE_WIDTH,
-                    nodeHeight: MULTI_NODE_HEIGHT
-                })
-            ]
-        })
-    });
-}
-function MultiHandleStory() {
-    const nodeTypes = (0, external_react_namespaceObject.useMemo)(()=>({
-            multiHandleNode: MultiHandleNode
-        }), []);
-    const initialNodes = [
-        {
-            id: 'center',
-            type: 'multiHandleNode',
-            position: {
-                x: 300,
-                y: 200
-            },
-            data: {
-                label: 'Center Node'
-            }
-        },
-        {
-            id: 'input-1',
-            type: 'multiHandleNode',
-            position: {
-                x: 50,
-                y: 50
-            },
-            data: {
-                label: 'Input 1'
-            }
-        },
-        {
-            id: 'input-2',
-            type: 'multiHandleNode',
-            position: {
-                x: 50,
-                y: 200
-            },
-            data: {
-                label: 'Input 2'
-            }
-        },
-        {
-            id: 'input-3',
-            type: 'multiHandleNode',
-            position: {
-                x: 50,
-                y: 350
-            },
-            data: {
-                label: 'Input 3'
-            }
-        },
-        {
-            id: 'output-1',
-            type: 'multiHandleNode',
-            position: {
-                x: 550,
-                y: 100
-            },
-            data: {
-                label: 'Output 1'
-            }
-        },
-        {
-            id: 'output-2',
-            type: 'multiHandleNode',
-            position: {
-                x: 550,
-                y: 300
-            },
-            data: {
-                label: 'Output 2'
-            }
-        }
-    ];
-    const initialEdges = [
-        {
-            id: 'e1',
-            type: 'sequence',
-            source: 'input-1',
-            sourceHandle: 'out-1',
-            target: 'center',
-            targetHandle: 'in-1'
-        },
-        {
-            id: 'e2',
-            type: 'sequence',
-            source: 'input-2',
-            sourceHandle: 'out-1',
-            target: 'center',
-            targetHandle: 'in-2'
-        },
-        {
-            id: 'e3',
-            type: 'sequence',
-            source: 'input-3',
-            sourceHandle: 'out-1',
-            target: 'center',
-            targetHandle: 'in-3'
-        },
-        {
-            id: 'e4',
-            type: 'sequence',
-            source: 'center',
-            sourceHandle: 'out-1',
-            target: 'output-1',
-            targetHandle: 'in-1'
-        },
-        {
-            id: 'e5',
-            type: 'sequence',
-            source: 'center',
-            sourceHandle: 'out-2',
-            target: 'output-2',
-            targetHandle: 'in-1'
-        }
-    ];
-    const { canvasProps, setEdges } = (0, external_storybook_utils_index_cjs_namespaceObject.useCanvasStory)({
-        initialNodes,
-        initialEdges
-    });
-    const onEdgesChange = (0, external_react_namespaceObject.useCallback)((changes)=>{
-        canvasProps.onEdgesChange?.(changes);
-    }, [
-        canvasProps
-    ]);
-    const onConnect = (0, external_react_namespaceObject.useCallback)((connection)=>{
-        const newEdge = {
-            id: `e-${Date.now()}`,
-            type: 'sequence',
-            source: connection.source,
-            sourceHandle: connection.sourceHandle,
-            target: connection.target,
-            targetHandle: connection.targetHandle
-        };
-        setEdges((edges)=>[
-                ...edges,
-                newEdge
-            ]);
-    }, [
-        setEdges
-    ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(BaseCanvas_cjs_namespaceObject.BaseCanvas, {
-        ...canvasProps,
-        nodeTypes: nodeTypes,
-        edgeTypes: edgeTypes,
-        onEdgesChange: onEdgesChange,
-        onConnect: onConnect,
-        deleteKeyCode: "Backspace",
-        mode: "design",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_storybook_utils_index_cjs_namespaceObject.StoryInfoPanel, {
-                title: "Multi-Handle SmartHandle",
-                collapsible: true,
-                defaultCollapsed: false,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                    gap: 8,
-                    style: {
-                        marginTop: 8
-                    },
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_material_index_cjs_namespaceObject.ApTypography, {
-                            variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
-                            color: "var(--uix-canvas-foreground-de-emp)",
-                            children: [
-                                "• Multiple handles on same side ",
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("strong", {
-                                    children: "auto-space"
-                                }),
-                                " with grid alignment"
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_material_index_cjs_namespaceObject.ApTypography, {
-                            variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
-                            color: "var(--uix-canvas-foreground-de-emp)",
-                            children: [
-                                "• ",
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("strong", {
-                                    children: "Drag nodes"
-                                }),
-                                " to see handles reposition dynamically"
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                            variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
-                            color: "var(--uix-canvas-foreground-de-emp)",
-                            children: "• Center node has 3 inputs + 2 outputs"
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
-                position: "bottom-right",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasPositionControls_cjs_namespaceObject.CanvasPositionControls, {
-                    translations: external_types_cjs_namespaceObject.DefaultCanvasTranslations
-                })
-            })
-        ]
-    });
-}
-const Default = {
-    name: 'Default',
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DefaultStory, {})
-};
-const MultiHandle = {
-    name: 'Multi-Handle Grid Spacing',
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MultiHandleStory, {})
-};
-exports.Default = __webpack_exports__.Default;
-exports.MultiHandle = __webpack_exports__.MultiHandle;
-exports["default"] = __webpack_exports__["default"];
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Default",
-    "MultiHandle",
-    "default"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/canvas/components/ButtonHandle/SmartHandle.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { SmartHandle } from './SmartHandle';
-declare const meta: Meta<typeof SmartHandle>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const MultiHandle: Story;
-//# sourceMappingURL=SmartHandle.stories.d.ts.map

package/dist/canvas/components/ButtonHandle/SmartHandle.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SmartHandle.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/SmartHandle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAqB5D,OAAO,EACL,WAAW,EAIZ,MAAM,eAAe,CAAC;AAMvB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAOlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAycnC,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAGzB,CAAC"}