@uipath/apollo-react 3.27.0-pr163.9d71a81 → 3.27.0-pr167.bed2c9d
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs +1 -2
- package/dist/canvas/components/BaseCanvas/BaseCanvas.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/BaseCanvas.js +1 -2
- package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts +0 -1
- package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/CanvasProviders.cjs +8 -12
- package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts +1 -2
- package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/CanvasProviders.js +8 -12
- package/dist/canvas/components/BaseNode/BaseNode.cjs +5 -18
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +5 -18
- package/dist/canvas/components/BaseNode/BaseNode.stories.cjs +30 -4
- package/dist/canvas/components/BaseNode/BaseNode.stories.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.stories.js +30 -4
- package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs +3 -3
- package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandle.js +3 -3
- package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs +3 -4
- package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/useButtonHandles.js +3 -4
- package/dist/canvas/components/TriggerNode/TriggerNode.stories.d.ts.map +1 -1
- package/dist/canvas/hooks/ToolbarActionContext.cjs +9 -5
- package/dist/canvas/hooks/ToolbarActionContext.d.ts +2 -1
- package/dist/canvas/hooks/ToolbarActionContext.d.ts.map +1 -1
- package/dist/canvas/hooks/ToolbarActionContext.js +9 -5
- package/dist/canvas/utils/manifest-resolver.cjs +7 -12
- package/dist/canvas/utils/manifest-resolver.d.ts +0 -3
- package/dist/canvas/utils/manifest-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/manifest-resolver.js +5 -10
- package/dist/canvas/utils/toolbar-resolver.cjs +3 -4
- package/dist/canvas/utils/toolbar-resolver.d.ts +1 -1
- package/dist/canvas/utils/toolbar-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/toolbar-resolver.js +3 -4
- package/package.json +1 -1
- package/dist/canvas/components/BaseCanvas/CollapsedStateContext.cjs +0 -50
- package/dist/canvas/components/BaseCanvas/CollapsedStateContext.d.ts +0 -9
- package/dist/canvas/components/BaseCanvas/CollapsedStateContext.d.ts.map +0 -1
- package/dist/canvas/components/BaseCanvas/CollapsedStateContext.js +0 -13
|
@@ -39,7 +39,7 @@ const external_usePreventBackNavigation_cjs_namespaceObject = require("./usePrev
|
|
|
39
39
|
const BaseCanvasInnerComponent = (props)=>{
|
|
40
40
|
const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
|
|
41
41
|
const fitViewOptions = fitViewOptionsProps ?? external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.fitViewOptions;
|
|
42
|
-
const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints,
|
|
42
|
+
const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
|
|
43
43
|
const isInteractive = 'readonly' !== mode;
|
|
44
44
|
const isDesignMode = 'design' === mode;
|
|
45
45
|
const [reactFlowInstance, setReactFlowInstance] = (0, external_react_namespaceObject.useState)();
|
|
@@ -76,7 +76,6 @@ const BaseCanvasInnerComponent = (props)=>{
|
|
|
76
76
|
edges: edges,
|
|
77
77
|
mode: mode,
|
|
78
78
|
isDarkMode: isDarkMode,
|
|
79
|
-
collapsed: collapsed,
|
|
80
79
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_cjs_namespaceObject.ReactFlow, {
|
|
81
80
|
...reactFlowProps,
|
|
82
81
|
nodes: nodes,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAuMzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}
|
|
@@ -11,7 +11,7 @@ import { usePreventBackNavigation } from "./usePreventBackNavigation.js";
|
|
|
11
11
|
const BaseCanvasInnerComponent = (props)=>{
|
|
12
12
|
const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
|
|
13
13
|
const fitViewOptions = fitViewOptionsProps ?? BASE_CANVAS_DEFAULTS.fitViewOptions;
|
|
14
|
-
const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints,
|
|
14
|
+
const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
|
|
15
15
|
const isInteractive = 'readonly' !== mode;
|
|
16
16
|
const isDesignMode = 'design' === mode;
|
|
17
17
|
const [reactFlowInstance, setReactFlowInstance] = useState();
|
|
@@ -48,7 +48,6 @@ const BaseCanvasInnerComponent = (props)=>{
|
|
|
48
48
|
edges: edges,
|
|
49
49
|
mode: mode,
|
|
50
50
|
isDarkMode: isDarkMode,
|
|
51
|
-
collapsed: collapsed,
|
|
52
51
|
children: /*#__PURE__*/ jsxs(ReactFlow, {
|
|
53
52
|
...reactFlowProps,
|
|
54
53
|
nodes: nodes,
|
|
@@ -28,7 +28,6 @@ export interface BaseCanvasProps<NodeType extends Node = Node, EdgeType extends
|
|
|
28
28
|
onToolbarAction?: ToolbarActionHandler;
|
|
29
29
|
breakpoints?: Set<string>;
|
|
30
30
|
isDarkMode?: boolean;
|
|
31
|
-
collapsed?: Set<string>;
|
|
32
31
|
}
|
|
33
32
|
export interface EnsureNodesInViewOptions {
|
|
34
33
|
padding?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAOtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAOtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAMD,MAAM,WAAW,wBAAwB;IAKvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAOjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AASD,MAAM,WAAW,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI;IAgBvF,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAa/E,oBAAoB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAiB/D,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAyBrE,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC;CAC9D"}
|
|
@@ -31,20 +31,16 @@ const external_BaseCanvasModeProvider_cjs_namespaceObject = require("./BaseCanva
|
|
|
31
31
|
const external_CanvasThemeContext_cjs_namespaceObject = require("./CanvasThemeContext.cjs");
|
|
32
32
|
const external_ConnectedHandlesContext_cjs_namespaceObject = require("./ConnectedHandlesContext.cjs");
|
|
33
33
|
const external_SelectionStateContext_cjs_namespaceObject = require("./SelectionStateContext.cjs");
|
|
34
|
-
|
|
35
|
-
function CanvasProviders({ nodes, edges, mode, isDarkMode, collapsed, children }) {
|
|
34
|
+
function CanvasProviders({ nodes, edges, mode, isDarkMode, children }) {
|
|
36
35
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasThemeContext_cjs_namespaceObject.CanvasThemeProvider, {
|
|
37
36
|
isDarkMode: isDarkMode,
|
|
38
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
|
|
39
|
-
|
|
40
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
|
|
41
|
-
|
|
42
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
|
|
43
|
-
|
|
44
|
-
children:
|
|
45
|
-
nodes: nodes,
|
|
46
|
-
children: children
|
|
47
|
-
})
|
|
37
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ConnectedHandlesContext_cjs_namespaceObject.ConnectedHandlesProvider, {
|
|
38
|
+
edges: edges,
|
|
39
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseCanvasModeProvider_cjs_namespaceObject.BaseCanvasModeProvider, {
|
|
40
|
+
mode: mode,
|
|
41
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SelectionStateContext_cjs_namespaceObject.SelectionStateProvider, {
|
|
42
|
+
nodes: nodes,
|
|
43
|
+
children: children
|
|
48
44
|
})
|
|
49
45
|
})
|
|
50
46
|
})
|
|
@@ -7,8 +7,7 @@ interface CanvasProvidersProps {
|
|
|
7
7
|
edges: Edge[];
|
|
8
8
|
mode: BaseCanvasProps['mode'];
|
|
9
9
|
isDarkMode?: boolean;
|
|
10
|
-
collapsed?: Set<string>;
|
|
11
10
|
}
|
|
12
|
-
export declare function CanvasProviders({ nodes, edges, mode, isDarkMode,
|
|
11
|
+
export declare function CanvasProviders({ nodes, edges, mode, isDarkMode, children, }: CanvasProvidersProps): import("react/jsx-runtime").JSX.Element;
|
|
13
12
|
export {};
|
|
14
13
|
//# sourceMappingURL=CanvasProviders.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CanvasProviders.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/CanvasProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"CanvasProviders.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/CanvasProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAM1D,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAQD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,GACT,EAAE,oBAAoB,2CAUtB"}
|
|
@@ -3,20 +3,16 @@ import { BaseCanvasModeProvider } from "./BaseCanvasModeProvider.js";
|
|
|
3
3
|
import { CanvasThemeProvider } from "./CanvasThemeContext.js";
|
|
4
4
|
import { ConnectedHandlesProvider } from "./ConnectedHandlesContext.js";
|
|
5
5
|
import { SelectionStateProvider } from "./SelectionStateContext.js";
|
|
6
|
-
|
|
7
|
-
function CanvasProviders({ nodes, edges, mode, isDarkMode, collapsed, children }) {
|
|
6
|
+
function CanvasProviders({ nodes, edges, mode, isDarkMode, children }) {
|
|
8
7
|
return /*#__PURE__*/ jsx(CanvasThemeProvider, {
|
|
9
8
|
isDarkMode: isDarkMode,
|
|
10
|
-
children: /*#__PURE__*/ jsx(
|
|
11
|
-
|
|
12
|
-
children: /*#__PURE__*/ jsx(
|
|
13
|
-
|
|
14
|
-
children: /*#__PURE__*/ jsx(
|
|
15
|
-
|
|
16
|
-
children:
|
|
17
|
-
nodes: nodes,
|
|
18
|
-
children: children
|
|
19
|
-
})
|
|
9
|
+
children: /*#__PURE__*/ jsx(ConnectedHandlesProvider, {
|
|
10
|
+
edges: edges,
|
|
11
|
+
children: /*#__PURE__*/ jsx(BaseCanvasModeProvider, {
|
|
12
|
+
mode: mode,
|
|
13
|
+
children: /*#__PURE__*/ jsx(SelectionStateProvider, {
|
|
14
|
+
nodes: nodes,
|
|
15
|
+
children: children
|
|
20
16
|
})
|
|
21
17
|
})
|
|
22
18
|
})
|
|
@@ -38,7 +38,6 @@ const adornment_resolver_cjs_namespaceObject = require("../../utils/adornment-re
|
|
|
38
38
|
const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
|
|
39
39
|
const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
|
|
40
40
|
const toolbar_resolver_cjs_namespaceObject = require("../../utils/toolbar-resolver.cjs");
|
|
41
|
-
const CollapsedStateContext_cjs_namespaceObject = require("../BaseCanvas/CollapsedStateContext.cjs");
|
|
42
41
|
const BaseCanvasModeProvider_cjs_namespaceObject = require("../BaseCanvas/BaseCanvasModeProvider.cjs");
|
|
43
42
|
const CanvasThemeContext_cjs_namespaceObject = require("../BaseCanvas/CanvasThemeContext.cjs");
|
|
44
43
|
const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
|
|
@@ -64,7 +63,6 @@ const BaseNodeComponent = (props)=>{
|
|
|
64
63
|
const isConnecting = (0, react_cjs_namespaceObject.useStore)(selectIsConnecting);
|
|
65
64
|
const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
|
|
66
65
|
const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
|
|
67
|
-
const collapsedState = (0, CollapsedStateContext_cjs_namespaceObject.useCollapsedState)();
|
|
68
66
|
const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type), [
|
|
69
67
|
type,
|
|
70
68
|
nodeTypeRegistry
|
|
@@ -88,15 +86,9 @@ const BaseNodeComponent = (props)=>{
|
|
|
88
86
|
const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
|
|
89
87
|
const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
|
|
90
88
|
const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
|
|
91
|
-
const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display,
|
|
92
|
-
...data.display,
|
|
93
|
-
nodeId: id,
|
|
94
|
-
collapsed: collapsedState
|
|
95
|
-
}), [
|
|
89
|
+
const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, data.display), [
|
|
96
90
|
manifest,
|
|
97
|
-
data.display
|
|
98
|
-
id,
|
|
99
|
-
collapsedState
|
|
91
|
+
data.display
|
|
100
92
|
]);
|
|
101
93
|
const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
102
94
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -109,11 +101,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
109
101
|
const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
110
102
|
if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
|
|
111
103
|
if (!manifest) return [];
|
|
112
|
-
const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration,
|
|
113
|
-
...data,
|
|
114
|
-
nodeId: id,
|
|
115
|
-
collapsed: collapsedState
|
|
116
|
-
});
|
|
104
|
+
const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, data);
|
|
117
105
|
return resolved.map((group)=>({
|
|
118
106
|
position: group.position,
|
|
119
107
|
handles: group.handles.map((h)=>({
|
|
@@ -134,12 +122,11 @@ const BaseNodeComponent = (props)=>{
|
|
|
134
122
|
]);
|
|
135
123
|
const toolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
136
124
|
if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
|
|
137
|
-
return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext
|
|
125
|
+
return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext) : void 0;
|
|
138
126
|
}, [
|
|
139
127
|
toolbarConfigProp,
|
|
140
128
|
manifest,
|
|
141
|
-
statusContext
|
|
142
|
-
collapsedState
|
|
129
|
+
statusContext
|
|
143
130
|
]);
|
|
144
131
|
const adornments = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
145
132
|
const adornmentsFromProps = adornmentsProp ?? {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EACV,sBAAsB,EAIvB,MAAM,kBAAkB,CAAC;AAkgB1B,eAAO,MAAM,QAAQ,8CA7fa,sBAAsB,6CA6fT,CAAC"}
|
|
@@ -10,7 +10,6 @@ import { resolveAdornments } from "../../utils/adornment-resolver.js";
|
|
|
10
10
|
import { getIcon } from "../../utils/icon-registry.js";
|
|
11
11
|
import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
|
|
12
12
|
import { resolveToolbar } from "../../utils/toolbar-resolver.js";
|
|
13
|
-
import { useCollapsedState } from "../BaseCanvas/CollapsedStateContext.js";
|
|
14
13
|
import { useBaseCanvasMode } from "../BaseCanvas/BaseCanvasModeProvider.js";
|
|
15
14
|
import { useCanvasTheme } from "../BaseCanvas/CanvasThemeContext.js";
|
|
16
15
|
import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
|
|
@@ -36,7 +35,6 @@ const BaseNodeComponent = (props)=>{
|
|
|
36
35
|
const isConnecting = useStore(selectIsConnecting);
|
|
37
36
|
const { multipleNodesSelected } = useSelectionState();
|
|
38
37
|
const { isDarkMode } = useCanvasTheme();
|
|
39
|
-
const collapsedState = useCollapsedState();
|
|
40
38
|
const manifest = useMemo(()=>nodeTypeRegistry.getManifest(type), [
|
|
41
39
|
type,
|
|
42
40
|
nodeTypeRegistry
|
|
@@ -60,15 +58,9 @@ const BaseNodeComponent = (props)=>{
|
|
|
60
58
|
const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
|
|
61
59
|
const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
|
|
62
60
|
const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
|
|
63
|
-
const display = useMemo(()=>resolveDisplay(manifest?.display,
|
|
64
|
-
...data.display,
|
|
65
|
-
nodeId: id,
|
|
66
|
-
collapsed: collapsedState
|
|
67
|
-
}), [
|
|
61
|
+
const display = useMemo(()=>resolveDisplay(manifest?.display, data.display), [
|
|
68
62
|
manifest,
|
|
69
|
-
data.display
|
|
70
|
-
id,
|
|
71
|
-
collapsedState
|
|
63
|
+
data.display
|
|
72
64
|
]);
|
|
73
65
|
const Icon = useMemo(()=>{
|
|
74
66
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -81,11 +73,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
81
73
|
const handleConfigurations = useMemo(()=>{
|
|
82
74
|
if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
|
|
83
75
|
if (!manifest) return [];
|
|
84
|
-
const resolved = resolveHandles(manifest.handleConfiguration,
|
|
85
|
-
...data,
|
|
86
|
-
nodeId: id,
|
|
87
|
-
collapsed: collapsedState
|
|
88
|
-
});
|
|
76
|
+
const resolved = resolveHandles(manifest.handleConfiguration, data);
|
|
89
77
|
return resolved.map((group)=>({
|
|
90
78
|
position: group.position,
|
|
91
79
|
handles: group.handles.map((h)=>({
|
|
@@ -106,12 +94,11 @@ const BaseNodeComponent = (props)=>{
|
|
|
106
94
|
]);
|
|
107
95
|
const toolbarConfig = useMemo(()=>{
|
|
108
96
|
if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
|
|
109
|
-
return manifest ? resolveToolbar(manifest, statusContext
|
|
97
|
+
return manifest ? resolveToolbar(manifest, statusContext) : void 0;
|
|
110
98
|
}, [
|
|
111
99
|
toolbarConfigProp,
|
|
112
100
|
manifest,
|
|
113
|
-
statusContext
|
|
114
|
-
collapsedState
|
|
101
|
+
statusContext
|
|
115
102
|
]);
|
|
116
103
|
const adornments = useMemo(()=>{
|
|
117
104
|
const adornmentsFromProps = adornmentsProp ?? {};
|
|
@@ -30,6 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
30
30
|
DynamicHandles: ()=>DynamicHandles
|
|
31
31
|
});
|
|
32
32
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
33
|
+
const material_namespaceObject = require("@mui/material");
|
|
33
34
|
const apollo_core_namespaceObject = require("@uipath/apollo-core");
|
|
34
35
|
const index_cjs_namespaceObject = require("../../layouts/index.cjs");
|
|
35
36
|
const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
|
|
@@ -192,6 +193,13 @@ const sampleManifest = {
|
|
|
192
193
|
handleType: 'output',
|
|
193
194
|
label: '{item.name}',
|
|
194
195
|
repeat: 'dynamicOutputs'
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
id: 'default',
|
|
199
|
+
type: 'source',
|
|
200
|
+
handleType: 'output',
|
|
201
|
+
label: 'Default Output',
|
|
202
|
+
visible: 'hasDefault'
|
|
195
203
|
}
|
|
196
204
|
]
|
|
197
205
|
},
|
|
@@ -459,7 +467,8 @@ function DynamicHandlesStory() {
|
|
|
459
467
|
{
|
|
460
468
|
name: 'Failure Path'
|
|
461
469
|
}
|
|
462
|
-
]
|
|
470
|
+
],
|
|
471
|
+
hasDefault: false
|
|
463
472
|
});
|
|
464
473
|
const initialNodes = (0, external_react_namespaceObject.useMemo)(()=>[
|
|
465
474
|
{
|
|
@@ -475,7 +484,8 @@ function DynamicHandlesStory() {
|
|
|
475
484
|
version: '1.0.0',
|
|
476
485
|
inputs: {
|
|
477
486
|
dynamicInputs: nodeData.dynamicInputs,
|
|
478
|
-
dynamicOutputs: nodeData.dynamicOutputs
|
|
487
|
+
dynamicOutputs: nodeData.dynamicOutputs,
|
|
488
|
+
hasDefault: nodeData.hasDefault
|
|
479
489
|
},
|
|
480
490
|
display: {
|
|
481
491
|
label: 'Dynamic Handles',
|
|
@@ -500,7 +510,8 @@ function DynamicHandlesStory() {
|
|
|
500
510
|
...node.data,
|
|
501
511
|
inputs: {
|
|
502
512
|
dynamicInputs: nodeData.dynamicInputs,
|
|
503
|
-
dynamicOutputs: nodeData.dynamicOutputs
|
|
513
|
+
dynamicOutputs: nodeData.dynamicOutputs,
|
|
514
|
+
hasDefault: nodeData.hasDefault
|
|
504
515
|
},
|
|
505
516
|
display: {
|
|
506
517
|
...node.data.display || {},
|
|
@@ -619,6 +630,20 @@ function DynamicHandlesStory() {
|
|
|
619
630
|
})
|
|
620
631
|
]
|
|
621
632
|
}, key)),
|
|
633
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
|
|
634
|
+
gap: 6,
|
|
635
|
+
align: "flex-start",
|
|
636
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(material_namespaceObject.FormControlLabel, {
|
|
637
|
+
control: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(material_namespaceObject.Checkbox, {
|
|
638
|
+
checked: nodeData.hasDefault,
|
|
639
|
+
onChange: (e)=>setNodeData((prev)=>({
|
|
640
|
+
...prev,
|
|
641
|
+
hasDefault: e.target.checked
|
|
642
|
+
}))
|
|
643
|
+
}),
|
|
644
|
+
label: "Has Default Output"
|
|
645
|
+
})
|
|
646
|
+
}),
|
|
622
647
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApButton, {
|
|
623
648
|
size: "small",
|
|
624
649
|
variant: "secondary",
|
|
@@ -633,7 +658,8 @@ function DynamicHandlesStory() {
|
|
|
633
658
|
{
|
|
634
659
|
name: 'Success Path'
|
|
635
660
|
}
|
|
636
|
-
]
|
|
661
|
+
],
|
|
662
|
+
hasDefault: false
|
|
637
663
|
})
|
|
638
664
|
})
|
|
639
665
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BaseNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAmBvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAsJrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAqB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgWnC,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAG7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAG5B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Checkbox, FormControlLabel } from "@mui/material";
|
|
2
3
|
import { FontVariantToken } from "@uipath/apollo-core";
|
|
3
4
|
import { Column, Row } from "../../layouts/index.js";
|
|
4
5
|
import { Panel } from "../../xyflow/react.js";
|
|
@@ -161,6 +162,13 @@ const sampleManifest = {
|
|
|
161
162
|
handleType: 'output',
|
|
162
163
|
label: '{item.name}',
|
|
163
164
|
repeat: 'dynamicOutputs'
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
id: 'default',
|
|
168
|
+
type: 'source',
|
|
169
|
+
handleType: 'output',
|
|
170
|
+
label: 'Default Output',
|
|
171
|
+
visible: 'hasDefault'
|
|
164
172
|
}
|
|
165
173
|
]
|
|
166
174
|
},
|
|
@@ -428,7 +436,8 @@ function DynamicHandlesStory() {
|
|
|
428
436
|
{
|
|
429
437
|
name: 'Failure Path'
|
|
430
438
|
}
|
|
431
|
-
]
|
|
439
|
+
],
|
|
440
|
+
hasDefault: false
|
|
432
441
|
});
|
|
433
442
|
const initialNodes = useMemo(()=>[
|
|
434
443
|
{
|
|
@@ -444,7 +453,8 @@ function DynamicHandlesStory() {
|
|
|
444
453
|
version: '1.0.0',
|
|
445
454
|
inputs: {
|
|
446
455
|
dynamicInputs: nodeData.dynamicInputs,
|
|
447
|
-
dynamicOutputs: nodeData.dynamicOutputs
|
|
456
|
+
dynamicOutputs: nodeData.dynamicOutputs,
|
|
457
|
+
hasDefault: nodeData.hasDefault
|
|
448
458
|
},
|
|
449
459
|
display: {
|
|
450
460
|
label: 'Dynamic Handles',
|
|
@@ -469,7 +479,8 @@ function DynamicHandlesStory() {
|
|
|
469
479
|
...node.data,
|
|
470
480
|
inputs: {
|
|
471
481
|
dynamicInputs: nodeData.dynamicInputs,
|
|
472
|
-
dynamicOutputs: nodeData.dynamicOutputs
|
|
482
|
+
dynamicOutputs: nodeData.dynamicOutputs,
|
|
483
|
+
hasDefault: nodeData.hasDefault
|
|
473
484
|
},
|
|
474
485
|
display: {
|
|
475
486
|
...node.data.display || {},
|
|
@@ -588,6 +599,20 @@ function DynamicHandlesStory() {
|
|
|
588
599
|
})
|
|
589
600
|
]
|
|
590
601
|
}, key)),
|
|
602
|
+
/*#__PURE__*/ jsx(Column, {
|
|
603
|
+
gap: 6,
|
|
604
|
+
align: "flex-start",
|
|
605
|
+
children: /*#__PURE__*/ jsx(FormControlLabel, {
|
|
606
|
+
control: /*#__PURE__*/ jsx(Checkbox, {
|
|
607
|
+
checked: nodeData.hasDefault,
|
|
608
|
+
onChange: (e)=>setNodeData((prev)=>({
|
|
609
|
+
...prev,
|
|
610
|
+
hasDefault: e.target.checked
|
|
611
|
+
}))
|
|
612
|
+
}),
|
|
613
|
+
label: "Has Default Output"
|
|
614
|
+
})
|
|
615
|
+
}),
|
|
591
616
|
/*#__PURE__*/ jsx(ApButton, {
|
|
592
617
|
size: "small",
|
|
593
618
|
variant: "secondary",
|
|
@@ -602,7 +627,8 @@ function DynamicHandlesStory() {
|
|
|
602
627
|
{
|
|
603
628
|
name: 'Success Path'
|
|
604
629
|
}
|
|
605
|
-
]
|
|
630
|
+
],
|
|
631
|
+
hasDefault: false
|
|
606
632
|
})
|
|
607
633
|
})
|
|
608
634
|
]
|
|
@@ -178,13 +178,14 @@ const ButtonHandleBase = ({ id, nodeId, type, position, handleType, label, label
|
|
|
178
178
|
};
|
|
179
179
|
const ButtonHandle = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(ButtonHandleBase);
|
|
180
180
|
const ButtonHandlesBase = ({ nodeId, handles, position, selected = false, visible = true, showAddButton = true, showNotches = true, customPositionAndOffsets, shouldShowAddButtonFn = ({ showAddButton, selected })=>showAddButton && selected, nodeWidth, nodeHeight })=>{
|
|
181
|
-
const total = handles.length;
|
|
182
181
|
const finalSelected = shouldShowAddButtonFn({
|
|
183
182
|
showAddButton,
|
|
184
183
|
selected
|
|
185
184
|
});
|
|
185
|
+
const visibleHandles = handles.filter((h)=>visible && (h.visible ?? true));
|
|
186
|
+
const total = visibleHandles.length;
|
|
186
187
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
|
|
187
|
-
children:
|
|
188
|
+
children: visibleHandles.map((handle, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ButtonHandle, {
|
|
188
189
|
id: handle.id,
|
|
189
190
|
nodeId: nodeId,
|
|
190
191
|
type: handle.type,
|
|
@@ -196,7 +197,6 @@ const ButtonHandlesBase = ({ nodeId, handles, position, selected = false, visibl
|
|
|
196
197
|
index: index,
|
|
197
198
|
total: total,
|
|
198
199
|
selected: selected,
|
|
199
|
-
visible: visible && (handle.visible ?? true),
|
|
200
200
|
showButton: finalSelected && visible && handle.showButton,
|
|
201
201
|
color: handle.color,
|
|
202
202
|
onAction: handle.onAction,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAKpE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAY/F,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC;CACjC;AA+BD,KAAK,iBAAiB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AA6HF,eAAO,MAAM,YAAY,wPAvGtB,iBAAiB,6CAuG8B,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IAEjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;CAChE;
|
|
1
|
+
{"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAKpE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAY/F,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC;CACjC;AA+BD,KAAK,iBAAiB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AA6HF,eAAO,MAAM,YAAY,wPAvGtB,iBAAiB,6CAuG8B,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IAEjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;CAChE;AA6ED,eAAO,MAAM,aAAa,8LA/DvB;IACD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,qBAAqB,CAAC,EAAE,CAAC,EACvB,aAAa,EACb,QAAQ,GACT,EAAE;QACD,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,6CAoCmD,CAAC"}
|
|
@@ -149,13 +149,14 @@ const ButtonHandleBase = ({ id, nodeId, type, position, handleType, label, label
|
|
|
149
149
|
};
|
|
150
150
|
const ButtonHandle = /*#__PURE__*/ memo(ButtonHandleBase);
|
|
151
151
|
const ButtonHandlesBase = ({ nodeId, handles, position, selected = false, visible = true, showAddButton = true, showNotches = true, customPositionAndOffsets, shouldShowAddButtonFn = ({ showAddButton, selected })=>showAddButton && selected, nodeWidth, nodeHeight })=>{
|
|
152
|
-
const total = handles.length;
|
|
153
152
|
const finalSelected = shouldShowAddButtonFn({
|
|
154
153
|
showAddButton,
|
|
155
154
|
selected
|
|
156
155
|
});
|
|
156
|
+
const visibleHandles = handles.filter((h)=>visible && (h.visible ?? true));
|
|
157
|
+
const total = visibleHandles.length;
|
|
157
158
|
return /*#__PURE__*/ jsx(Fragment, {
|
|
158
|
-
children:
|
|
159
|
+
children: visibleHandles.map((handle, index)=>/*#__PURE__*/ jsx(ButtonHandle, {
|
|
159
160
|
id: handle.id,
|
|
160
161
|
nodeId: nodeId,
|
|
161
162
|
type: handle.type,
|
|
@@ -167,7 +168,6 @@ const ButtonHandlesBase = ({ nodeId, handles, position, selected = false, visibl
|
|
|
167
168
|
index: index,
|
|
168
169
|
total: total,
|
|
169
170
|
selected: selected,
|
|
170
|
-
visible: visible && (handle.visible ?? true),
|
|
171
171
|
showButton: finalSelected && visible && handle.showButton,
|
|
172
172
|
color: handle.color,
|
|
173
173
|
onAction: handle.onAction,
|
|
@@ -30,11 +30,11 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
|
30
30
|
const react_namespaceObject = require("@xyflow/react");
|
|
31
31
|
const external_react_namespaceObject = require("react");
|
|
32
32
|
const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
|
|
33
|
-
const CollapsedStateContext_cjs_namespaceObject = require("../BaseCanvas/CollapsedStateContext.cjs");
|
|
34
33
|
const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
|
|
35
34
|
const external_index_cjs_namespaceObject = require("./index.cjs");
|
|
35
|
+
const ToolbarActionContext_cjs_namespaceObject = require("../../hooks/ToolbarActionContext.cjs");
|
|
36
36
|
const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight })=>{
|
|
37
|
-
const collapsed = (0,
|
|
37
|
+
const { collapsed } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
|
|
38
38
|
const isCollapsed = Boolean(collapsed?.has(nodeId));
|
|
39
39
|
const connectedHandleIds = (0, ConnectedHandlesContext_cjs_namespaceObject.useConnectedHandles)(nodeId);
|
|
40
40
|
const node = (0, react_namespaceObject.useNodesData)(nodeId);
|
|
@@ -75,8 +75,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
|
|
|
75
75
|
shouldShowAddButtonFn,
|
|
76
76
|
nodeWidth,
|
|
77
77
|
nodeHeight,
|
|
78
|
-
node?.data
|
|
79
|
-
isCollapsed
|
|
78
|
+
node?.data
|
|
80
79
|
]);
|
|
81
80
|
return handleElements;
|
|
82
81
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useButtonHandles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/useButtonHandles.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"useButtonHandles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/useButtonHandles.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,eAAO,MAAM,gBAAgB,GAAI,wJAW9B;IACD,oBAAoB,EAAE,mBAAmB,EAAE,CAAC;IAC5C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,qBAAqB,CAAC,EAAE,CAAC,EACvB,aAAa,EACb,QAAQ,GACT,EAAE;QACD,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,wFAiEA,CAAC"}
|
|
@@ -2,11 +2,11 @@ import { Fragment, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useNodesData } from "@xyflow/react";
|
|
3
3
|
import { useMemo } from "react";
|
|
4
4
|
import { resolveHandles } from "../../utils/manifest-resolver.js";
|
|
5
|
-
import { useCollapsedState } from "../BaseCanvas/CollapsedStateContext.js";
|
|
6
5
|
import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
|
|
7
6
|
import { ButtonHandles } from "./index.js";
|
|
7
|
+
import { getToolbarActionStore } from "../../hooks/ToolbarActionContext.js";
|
|
8
8
|
const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight })=>{
|
|
9
|
-
const collapsed =
|
|
9
|
+
const { collapsed } = getToolbarActionStore();
|
|
10
10
|
const isCollapsed = Boolean(collapsed?.has(nodeId));
|
|
11
11
|
const connectedHandleIds = useConnectedHandles(nodeId);
|
|
12
12
|
const node = useNodesData(nodeId);
|
|
@@ -47,8 +47,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
|
|
|
47
47
|
shouldShowAddButtonFn,
|
|
48
48
|
nodeWidth,
|
|
49
49
|
nodeHeight,
|
|
50
|
-
node?.data
|
|
51
|
-
isCollapsed
|
|
50
|
+
node?.data
|
|
52
51
|
]);
|
|
53
52
|
return handleElements;
|
|
54
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TriggerNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAEV,IAAI,EAEJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAsNlD,QAAA,MAAM,IAAI;;;
|
|
1
|
+
{"version":3,"file":"TriggerNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAEV,IAAI,EAEJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAsNlD,QAAA,MAAM,IAAI;;;WAyB07E,CAAC;;yBArBz7E,GAAG;;;;CAaoB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
|
|
@@ -32,7 +32,8 @@ const external_react_namespaceObject = require("react");
|
|
|
32
32
|
let toolbarActionStore = {
|
|
33
33
|
mode: 'design',
|
|
34
34
|
onToolbarAction: void 0,
|
|
35
|
-
breakpoints: void 0
|
|
35
|
+
breakpoints: void 0,
|
|
36
|
+
collapsed: void 0
|
|
36
37
|
};
|
|
37
38
|
function setToolbarActionStore(store) {
|
|
38
39
|
toolbarActionStore = store;
|
|
@@ -40,24 +41,27 @@ function setToolbarActionStore(store) {
|
|
|
40
41
|
function getToolbarActionStore() {
|
|
41
42
|
return toolbarActionStore;
|
|
42
43
|
}
|
|
43
|
-
function useToolbarActionStore(mode, onToolbarAction, breakpoints) {
|
|
44
|
+
function useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed) {
|
|
44
45
|
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
45
46
|
setToolbarActionStore({
|
|
46
47
|
mode,
|
|
47
48
|
onToolbarAction,
|
|
48
|
-
breakpoints
|
|
49
|
+
breakpoints,
|
|
50
|
+
collapsed
|
|
49
51
|
});
|
|
50
52
|
return ()=>{
|
|
51
53
|
setToolbarActionStore({
|
|
52
54
|
mode: 'design',
|
|
53
55
|
onToolbarAction: void 0,
|
|
54
|
-
breakpoints: void 0
|
|
56
|
+
breakpoints: void 0,
|
|
57
|
+
collapsed: void 0
|
|
55
58
|
});
|
|
56
59
|
};
|
|
57
60
|
}, [
|
|
58
61
|
mode,
|
|
59
62
|
onToolbarAction,
|
|
60
|
-
breakpoints
|
|
63
|
+
breakpoints,
|
|
64
|
+
collapsed
|
|
61
65
|
]);
|
|
62
66
|
}
|
|
63
67
|
exports.getToolbarActionStore = __webpack_exports__.getToolbarActionStore;
|
|
@@ -3,9 +3,10 @@ interface ToolbarActionStore {
|
|
|
3
3
|
mode: string;
|
|
4
4
|
onToolbarAction?: ToolbarActionHandler;
|
|
5
5
|
breakpoints?: Set<string>;
|
|
6
|
+
collapsed?: Set<string>;
|
|
6
7
|
}
|
|
7
8
|
export declare function setToolbarActionStore(store: ToolbarActionStore): void;
|
|
8
9
|
export declare function getToolbarActionStore(): ToolbarActionStore;
|
|
9
|
-
export declare function useToolbarActionStore(mode: string, onToolbarAction?: ToolbarActionHandler, breakpoints?: Set<string>): void;
|
|
10
|
+
export declare function useToolbarActionStore(mode: string, onToolbarAction?: ToolbarActionHandler, breakpoints?: Set<string>, collapsed?: Set<string>): void;
|
|
10
11
|
export {};
|
|
11
12
|
//# sourceMappingURL=ToolbarActionContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarActionContext.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/ToolbarActionContext.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToolbarActionContext.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/ToolbarActionContext.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAcD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAErE;AAMD,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D;AAMD,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,eAAe,CAAC,EAAE,oBAAoB,EACtC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EACzB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACtB,IAAI,CAeN"}
|
|
@@ -2,7 +2,8 @@ import { useEffect } from "react";
|
|
|
2
2
|
let toolbarActionStore = {
|
|
3
3
|
mode: 'design',
|
|
4
4
|
onToolbarAction: void 0,
|
|
5
|
-
breakpoints: void 0
|
|
5
|
+
breakpoints: void 0,
|
|
6
|
+
collapsed: void 0
|
|
6
7
|
};
|
|
7
8
|
function setToolbarActionStore(store) {
|
|
8
9
|
toolbarActionStore = store;
|
|
@@ -10,24 +11,27 @@ function setToolbarActionStore(store) {
|
|
|
10
11
|
function getToolbarActionStore() {
|
|
11
12
|
return toolbarActionStore;
|
|
12
13
|
}
|
|
13
|
-
function useToolbarActionStore(mode, onToolbarAction, breakpoints) {
|
|
14
|
+
function useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed) {
|
|
14
15
|
useEffect(()=>{
|
|
15
16
|
setToolbarActionStore({
|
|
16
17
|
mode,
|
|
17
18
|
onToolbarAction,
|
|
18
|
-
breakpoints
|
|
19
|
+
breakpoints,
|
|
20
|
+
collapsed
|
|
19
21
|
});
|
|
20
22
|
return ()=>{
|
|
21
23
|
setToolbarActionStore({
|
|
22
24
|
mode: 'design',
|
|
23
25
|
onToolbarAction: void 0,
|
|
24
|
-
breakpoints: void 0
|
|
26
|
+
breakpoints: void 0,
|
|
27
|
+
collapsed: void 0
|
|
25
28
|
});
|
|
26
29
|
};
|
|
27
30
|
}, [
|
|
28
31
|
mode,
|
|
29
32
|
onToolbarAction,
|
|
30
|
-
breakpoints
|
|
33
|
+
breakpoints,
|
|
34
|
+
collapsed
|
|
31
35
|
]);
|
|
32
36
|
}
|
|
33
37
|
export { getToolbarActionStore, setToolbarActionStore, useToolbarActionStore };
|
|
@@ -26,16 +26,18 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
27
|
replaceTemplateVars: ()=>replaceTemplateVars,
|
|
28
28
|
resolveDisplay: ()=>resolveDisplay,
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
resolveVisibility: ()=>resolveVisibility,
|
|
30
|
+
resolveHandles: ()=>resolveHandles
|
|
31
31
|
});
|
|
32
|
+
const index_cjs_namespaceObject = require("../hooks/index.cjs");
|
|
32
33
|
function resolveDisplay(manifestDisplay, instanceDisplay) {
|
|
33
34
|
if (!manifestDisplay) return {
|
|
34
35
|
icon: 'help-circle',
|
|
35
36
|
shape: 'square',
|
|
36
37
|
label: instanceDisplay?.label || 'Unknown Node'
|
|
37
38
|
};
|
|
38
|
-
const
|
|
39
|
+
const { collapsed } = (0, index_cjs_namespaceObject.getToolbarActionStore)();
|
|
40
|
+
const isCollapsed = Boolean(instanceDisplay?.nodeId && collapsed?.has(instanceDisplay.nodeId));
|
|
39
41
|
const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
|
|
40
42
|
const collapsedShape = 'rectangle' === shape ? 'square' : shape;
|
|
41
43
|
return {
|
|
@@ -60,7 +62,6 @@ function replaceTemplateVars(template, vars) {
|
|
|
60
62
|
});
|
|
61
63
|
}
|
|
62
64
|
function resolveHandles(handleGroups, context) {
|
|
63
|
-
const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
|
|
64
65
|
return handleGroups.map((group)=>{
|
|
65
66
|
const handles = group.handles.flatMap((handle)=>{
|
|
66
67
|
if (handle.repeat) {
|
|
@@ -76,26 +77,20 @@ function resolveHandles(handleGroups, context) {
|
|
|
76
77
|
[itemVar]: item,
|
|
77
78
|
[indexVar]: index
|
|
78
79
|
};
|
|
79
|
-
const baseVisible = resolveVisibility(handle.visible, context);
|
|
80
|
-
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
81
|
-
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
82
80
|
return {
|
|
83
81
|
...handle,
|
|
84
82
|
id: replaceTemplateVars(handle.id, vars),
|
|
85
83
|
label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
|
|
86
|
-
visible,
|
|
84
|
+
visible: resolveVisibility(handle.visible, context),
|
|
87
85
|
repeat: void 0,
|
|
88
86
|
itemVar: void 0,
|
|
89
87
|
indexVar: void 0
|
|
90
88
|
};
|
|
91
89
|
});
|
|
92
90
|
}
|
|
93
|
-
const baseVisible = resolveVisibility(handle.visible, context);
|
|
94
|
-
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
95
|
-
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
96
91
|
return {
|
|
97
92
|
...handle,
|
|
98
|
-
visible
|
|
93
|
+
visible: resolveVisibility(handle.visible, context)
|
|
99
94
|
};
|
|
100
95
|
});
|
|
101
96
|
return {
|
|
@@ -5,8 +5,6 @@ import type { HandleActionEvent } from '../components/ButtonHandle/ButtonHandle'
|
|
|
5
5
|
export interface ResolutionContext {
|
|
6
6
|
display?: DisplayConfig;
|
|
7
7
|
inputs?: Record<string, unknown>;
|
|
8
|
-
nodeId?: string;
|
|
9
|
-
collapsed?: Set<string>;
|
|
10
8
|
}
|
|
11
9
|
export type ResolvedDisplay = DisplayConfig & {
|
|
12
10
|
label: string;
|
|
@@ -33,7 +31,6 @@ interface TemplateVars {
|
|
|
33
31
|
}
|
|
34
32
|
export declare function resolveDisplay(manifestDisplay?: NodeDisplayManifest, instanceDisplay?: (DisplayConfig & {
|
|
35
33
|
nodeId?: string;
|
|
36
|
-
collapsed?: Set<string>;
|
|
37
34
|
}) | undefined): ResolvedDisplay;
|
|
38
35
|
export declare function resolveVisibility(visible: boolean | string | undefined, context: ResolutionContext): boolean;
|
|
39
36
|
export declare function replaceTemplateVars(template: string, vars: TemplateVars): string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"manifest-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/manifest-resolver.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"manifest-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/manifest-resolver.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAKjF,MAAM,WAAW,iBAAiB;IAEhC,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAMD,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5C,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAE7F,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAKD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IAE/E,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAKD,UAAU,YAAY;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,wBAAgB,cAAc,CAC5B,eAAe,CAAC,EAAE,mBAAmB,EACrC,eAAe,CAAC,EAAE,CAAC,aAAa,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,GAClE,eAAe,CAwBjB;AA6BD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,EACrC,OAAO,EAAE,iBAAiB,GACzB,OAAO,CAmBT;AAiCD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAKhF;AAuCD,wBAAgB,cAAc,CAC5B,YAAY,EAAE,mBAAmB,EAAE,EACnC,OAAO,EAAE,iBAAiB,GACzB,mBAAmB,EAAE,CAmDvB"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
+
import { getToolbarActionStore } from "../hooks/index.js";
|
|
1
2
|
function resolveDisplay(manifestDisplay, instanceDisplay) {
|
|
2
3
|
if (!manifestDisplay) return {
|
|
3
4
|
icon: 'help-circle',
|
|
4
5
|
shape: 'square',
|
|
5
6
|
label: instanceDisplay?.label || 'Unknown Node'
|
|
6
7
|
};
|
|
7
|
-
const
|
|
8
|
+
const { collapsed } = getToolbarActionStore();
|
|
9
|
+
const isCollapsed = Boolean(instanceDisplay?.nodeId && collapsed?.has(instanceDisplay.nodeId));
|
|
8
10
|
const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
|
|
9
11
|
const collapsedShape = 'rectangle' === shape ? 'square' : shape;
|
|
10
12
|
return {
|
|
@@ -29,7 +31,6 @@ function replaceTemplateVars(template, vars) {
|
|
|
29
31
|
});
|
|
30
32
|
}
|
|
31
33
|
function resolveHandles(handleGroups, context) {
|
|
32
|
-
const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
|
|
33
34
|
return handleGroups.map((group)=>{
|
|
34
35
|
const handles = group.handles.flatMap((handle)=>{
|
|
35
36
|
if (handle.repeat) {
|
|
@@ -45,26 +46,20 @@ function resolveHandles(handleGroups, context) {
|
|
|
45
46
|
[itemVar]: item,
|
|
46
47
|
[indexVar]: index
|
|
47
48
|
};
|
|
48
|
-
const baseVisible = resolveVisibility(handle.visible, context);
|
|
49
|
-
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
50
|
-
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
51
49
|
return {
|
|
52
50
|
...handle,
|
|
53
51
|
id: replaceTemplateVars(handle.id, vars),
|
|
54
52
|
label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
|
|
55
|
-
visible,
|
|
53
|
+
visible: resolveVisibility(handle.visible, context),
|
|
56
54
|
repeat: void 0,
|
|
57
55
|
itemVar: void 0,
|
|
58
56
|
indexVar: void 0
|
|
59
57
|
};
|
|
60
58
|
});
|
|
61
59
|
}
|
|
62
|
-
const baseVisible = resolveVisibility(handle.visible, context);
|
|
63
|
-
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
64
|
-
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
65
60
|
return {
|
|
66
61
|
...handle,
|
|
67
|
-
visible
|
|
62
|
+
visible: resolveVisibility(handle.visible, context)
|
|
68
63
|
};
|
|
69
64
|
});
|
|
70
65
|
return {
|
|
@@ -139,15 +139,14 @@ function mergeToolbarConfigs(base, extension) {
|
|
|
139
139
|
]
|
|
140
140
|
};
|
|
141
141
|
}
|
|
142
|
-
function resolveToolbar(manifest, context, nodeData
|
|
142
|
+
function resolveToolbar(manifest, context, nodeData) {
|
|
143
143
|
const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
|
|
144
|
-
const { mode } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
|
|
145
|
-
const nodeId = context.nodeId ?? nodeData?.nodeId;
|
|
144
|
+
const { mode, collapsed } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
|
|
146
145
|
let modeDefaults = toolbarRegistry.getModeDefaults(mode);
|
|
147
146
|
modeDefaults = {
|
|
148
147
|
...modeDefaults,
|
|
149
148
|
actions: modeDefaults?.actions?.map((action)=>{
|
|
150
|
-
const isCollapsed = Boolean(nodeId && collapsed?.has(nodeId));
|
|
149
|
+
const isCollapsed = Boolean(nodeData?.nodeId && collapsed?.has(nodeData.nodeId));
|
|
151
150
|
switch(action.id){
|
|
152
151
|
case 'collapse':
|
|
153
152
|
return {
|
|
@@ -4,6 +4,6 @@ interface ExtendedNodeContext extends NodeStatusContext {
|
|
|
4
4
|
}
|
|
5
5
|
export declare function resolveToolbar(manifest: NodeManifest, context: ExtendedNodeContext, nodeData?: (Record<string, unknown> & {
|
|
6
6
|
nodeId?: string;
|
|
7
|
-
}) | undefined
|
|
7
|
+
}) | undefined): NodeToolbarConfig | undefined;
|
|
8
8
|
export {};
|
|
9
9
|
//# sourceMappingURL=toolbar-resolver.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/toolbar-resolver.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAKrC,UAAU,mBAAoB,SAAQ,iBAAiB;IAErD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;
|
|
1
|
+
{"version":3,"file":"toolbar-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/toolbar-resolver.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAKrC,UAAU,mBAAoB,SAAQ,iBAAiB;IAErD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AA0ID,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,GACrE,iBAAiB,GAAG,SAAS,CAmD/B"}
|
|
@@ -111,15 +111,14 @@ function mergeToolbarConfigs(base, extension) {
|
|
|
111
111
|
]
|
|
112
112
|
};
|
|
113
113
|
}
|
|
114
|
-
function resolveToolbar(manifest, context, nodeData
|
|
114
|
+
function resolveToolbar(manifest, context, nodeData) {
|
|
115
115
|
const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
|
|
116
|
-
const { mode } = getToolbarActionStore();
|
|
117
|
-
const nodeId = context.nodeId ?? nodeData?.nodeId;
|
|
116
|
+
const { mode, collapsed } = getToolbarActionStore();
|
|
118
117
|
let modeDefaults = toolbarRegistry.getModeDefaults(mode);
|
|
119
118
|
modeDefaults = {
|
|
120
119
|
...modeDefaults,
|
|
121
120
|
actions: modeDefaults?.actions?.map((action)=>{
|
|
122
|
-
const isCollapsed = Boolean(nodeId && collapsed?.has(nodeId));
|
|
121
|
+
const isCollapsed = Boolean(nodeData?.nodeId && collapsed?.has(nodeData.nodeId));
|
|
123
122
|
switch(action.id){
|
|
124
123
|
case 'collapse':
|
|
125
124
|
return {
|
package/package.json
CHANGED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
useCollapsedState: ()=>useCollapsedState,
|
|
28
|
-
CollapsedStateProvider: ()=>CollapsedStateProvider
|
|
29
|
-
});
|
|
30
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
31
|
-
const external_react_namespaceObject = require("react");
|
|
32
|
-
const CollapsedStateContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(void 0);
|
|
33
|
-
function CollapsedStateProvider({ collapsed, children }) {
|
|
34
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CollapsedStateContext.Provider, {
|
|
35
|
-
value: collapsed,
|
|
36
|
-
children: children
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
function useCollapsedState() {
|
|
40
|
-
return (0, external_react_namespaceObject.useContext)(CollapsedStateContext);
|
|
41
|
-
}
|
|
42
|
-
exports.CollapsedStateProvider = __webpack_exports__.CollapsedStateProvider;
|
|
43
|
-
exports.useCollapsedState = __webpack_exports__.useCollapsedState;
|
|
44
|
-
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
45
|
-
"CollapsedStateProvider",
|
|
46
|
-
"useCollapsedState"
|
|
47
|
-
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
48
|
-
Object.defineProperty(exports, '__esModule', {
|
|
49
|
-
value: true
|
|
50
|
-
});
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type ReactNode } from 'react';
|
|
2
|
-
interface CollapsedStateProviderProps {
|
|
3
|
-
collapsed?: Set<string>;
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
export declare function CollapsedStateProvider({ collapsed, children }: CollapsedStateProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export declare function useCollapsedState(): Set<string> | undefined;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=CollapsedStateContext.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsedStateContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/CollapsedStateContext.tsx"],"names":[],"mappings":"AAOA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlE,UAAU,2BAA2B;IAEnC,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAMD,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,2BAA2B,2CAI1F;AAMD,wBAAgB,iBAAiB,IAAI,GAAG,CAAC,MAAM,CAAC,GAAG,SAAS,CAE3D"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { createContext, useContext } from "react";
|
|
3
|
-
const CollapsedStateContext = /*#__PURE__*/ createContext(void 0);
|
|
4
|
-
function CollapsedStateProvider({ collapsed, children }) {
|
|
5
|
-
return /*#__PURE__*/ jsx(CollapsedStateContext.Provider, {
|
|
6
|
-
value: collapsed,
|
|
7
|
-
children: children
|
|
8
|
-
});
|
|
9
|
-
}
|
|
10
|
-
function useCollapsedState() {
|
|
11
|
-
return useContext(CollapsedStateContext);
|
|
12
|
-
}
|
|
13
|
-
export { CollapsedStateProvider, useCollapsedState };
|