@uipath/apollo-react 4.15.0-pr605.6f11404 → 4.15.1
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/AddNodePanel/AddNodeManager.cjs +11 -116
- package/dist/canvas/components/AddNodePanel/AddNodeManager.d.ts.map +1 -1
- package/dist/canvas/components/AddNodePanel/AddNodeManager.js +12 -117
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.cjs +4 -28
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts +1 -2
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts.map +1 -1
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.js +4 -28
- package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts +0 -1
- package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.cjs +5 -11
- package/dist/canvas/components/BaseNode/BaseNode.d.ts +1 -2
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +6 -9
- package/dist/canvas/components/BaseNode/BaseNode.types.d.ts +0 -3
- package/dist/canvas/components/BaseNode/BaseNode.types.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs +13 -222
- package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts +5 -10
- package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandle.js +14 -223
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.cjs +2 -10
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts +0 -2
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.js +3 -5
- package/dist/canvas/components/ButtonHandle/HandleButton.cjs +2 -17
- package/dist/canvas/components/ButtonHandle/HandleButton.d.ts +1 -10
- package/dist/canvas/components/ButtonHandle/HandleButton.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/HandleButton.js +2 -17
- package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs +2 -4
- package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts +1 -2
- package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/useButtonHandles.js +2 -4
- package/dist/canvas/components/Edges/SequenceEdge.cjs +4 -8
- package/dist/canvas/components/Edges/SequenceEdge.js +4 -8
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.cjs +25 -34
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts +2 -8
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts.map +1 -1
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.js +27 -36
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.cjs +2 -9
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.d.ts.map +1 -1
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.js +3 -10
- package/dist/canvas/components/HierarchicalCanvas/index.d.ts +1 -1
- package/dist/canvas/components/HierarchicalCanvas/index.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeHeader.cjs +3 -1
- package/dist/canvas/components/StageNode/StageNodeHeader.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeHeader.js +3 -1
- package/dist/canvas/components/Toolbar/EdgeToolbar/EdgeToolbar.cjs +1 -1
- package/dist/canvas/components/Toolbar/EdgeToolbar/EdgeToolbar.js +1 -1
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.cjs +24 -41
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts.map +1 -1
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.js +26 -43
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.cjs +3 -10
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.d.ts +1 -1
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.d.ts.map +1 -1
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.js +3 -10
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.d.ts +0 -1
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.d.ts.map +1 -1
- package/dist/canvas/components/index.cjs +20 -27
- package/dist/canvas/components/index.d.ts +0 -1
- package/dist/canvas/components/index.d.ts.map +1 -1
- package/dist/canvas/components/index.js +0 -1
- package/dist/canvas/constants.cjs +0 -4
- package/dist/canvas/constants.d.ts +0 -1
- package/dist/canvas/constants.d.ts.map +1 -1
- package/dist/canvas/constants.js +1 -2
- package/dist/canvas/core/NodeTypeRegistry.cjs +27 -56
- package/dist/canvas/core/NodeTypeRegistry.d.ts +5 -10
- package/dist/canvas/core/NodeTypeRegistry.d.ts.map +1 -1
- package/dist/canvas/core/NodeTypeRegistry.js +28 -57
- package/dist/canvas/core/useNodeTypeRegistry.cjs +3 -13
- package/dist/canvas/core/useNodeTypeRegistry.d.ts +1 -2
- package/dist/canvas/core/useNodeTypeRegistry.d.ts.map +1 -1
- package/dist/canvas/core/useNodeTypeRegistry.js +4 -11
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.cjs +23 -22
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.d.ts.map +1 -1
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.js +24 -23
- package/dist/canvas/hooks/usePreviewNode.cjs +3 -7
- package/dist/canvas/hooks/usePreviewNode.d.ts.map +1 -1
- package/dist/canvas/hooks/usePreviewNode.js +3 -7
- package/dist/canvas/schema/node-definition/handle.cjs +2 -10
- package/dist/canvas/schema/node-definition/handle.d.ts +0 -9
- package/dist/canvas/schema/node-definition/handle.d.ts.map +1 -1
- package/dist/canvas/schema/node-definition/handle.js +1 -6
- package/dist/canvas/schema/node-definition/index.cjs +1 -4
- package/dist/canvas/schema/node-definition/index.d.ts +3 -3
- package/dist/canvas/schema/node-definition/index.d.ts.map +1 -1
- package/dist/canvas/schema/node-definition/index.js +2 -2
- package/dist/canvas/schema/node-definition/node-manifest.d.ts +0 -4
- package/dist/canvas/schema/node-definition/node-manifest.d.ts.map +1 -1
- package/dist/canvas/storybook-utils/hooks/useCanvasStory.d.ts +0 -6
- package/dist/canvas/storybook-utils/hooks/useCanvasStory.d.ts.map +1 -1
- package/dist/canvas/storybook-utils/manifests/index.d.ts +0 -1
- package/dist/canvas/storybook-utils/manifests/index.d.ts.map +1 -1
- package/dist/canvas/storybook-utils/manifests/node-definitions.d.ts.map +1 -1
- package/dist/canvas/storybook-utils/mocks/nodes.d.ts +1 -1
- package/dist/canvas/storybook-utils/mocks/nodes.d.ts.map +1 -1
- package/dist/canvas/styles/reactflow-reset.css +2 -2
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/dist/canvas/utils/NodeUtils.cjs +9 -25
- package/dist/canvas/utils/NodeUtils.d.ts +0 -7
- package/dist/canvas/utils/NodeUtils.d.ts.map +1 -1
- package/dist/canvas/utils/NodeUtils.js +6 -13
- package/dist/canvas/utils/collapse.cjs +6 -13
- package/dist/canvas/utils/collapse.d.ts +2 -2
- package/dist/canvas/utils/collapse.d.ts.map +1 -1
- package/dist/canvas/utils/collapse.js +2 -9
- package/dist/canvas/utils/createPreviewNode.cjs +12 -59
- package/dist/canvas/utils/createPreviewNode.d.ts +2 -10
- package/dist/canvas/utils/createPreviewNode.d.ts.map +1 -1
- package/dist/canvas/utils/createPreviewNode.js +12 -50
- package/dist/canvas/utils/index.cjs +26 -47
- package/dist/canvas/utils/index.d.ts +1 -4
- package/dist/canvas/utils/index.d.ts.map +1 -1
- package/dist/canvas/utils/index.js +1 -4
- package/dist/canvas/utils/manifest-resolver.cjs +0 -8
- package/dist/canvas/utils/manifest-resolver.d.ts +0 -1
- package/dist/canvas/utils/manifest-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/manifest-resolver.js +1 -6
- package/package.json +1 -1
- package/dist/canvas/components/LoopNode/LoopCanvasNode.cjs +0 -86
- package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts +0 -6
- package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopCanvasNode.js +0 -52
- package/dist/canvas/components/LoopNode/LoopNode.cjs +0 -434
- package/dist/canvas/components/LoopNode/LoopNode.constants.cjs +0 -93
- package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts +0 -16
- package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.constants.js +0 -17
- package/dist/canvas/components/LoopNode/LoopNode.d.ts +0 -5
- package/dist/canvas/components/LoopNode/LoopNode.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.helpers.cjs +0 -185
- package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts +0 -58
- package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.helpers.js +0 -124
- package/dist/canvas/components/LoopNode/LoopNode.js +0 -400
- package/dist/canvas/components/LoopNode/LoopNode.sequence.cjs +0 -433
- package/dist/canvas/components/LoopNode/LoopNode.sequence.d.ts +0 -57
- package/dist/canvas/components/LoopNode/LoopNode.sequence.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.sequence.js +0 -387
- package/dist/canvas/components/LoopNode/LoopNode.types.cjs +0 -18
- package/dist/canvas/components/LoopNode/LoopNode.types.d.ts +0 -22
- package/dist/canvas/components/LoopNode/LoopNode.types.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.types.js +0 -0
- package/dist/canvas/components/LoopNode/LoopNodePreview.cjs +0 -60
- package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts +0 -9
- package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNodePreview.js +0 -26
- package/dist/canvas/components/LoopNode/index.cjs +0 -79
- package/dist/canvas/components/LoopNode/index.d.ts +0 -5
- package/dist/canvas/components/LoopNode/index.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/index.js +0 -4
- package/dist/canvas/components/NodeViewportOverlay.cjs +0 -63
- package/dist/canvas/components/NodeViewportOverlay.d.ts +0 -22
- package/dist/canvas/components/NodeViewportOverlay.d.ts.map +0 -1
- package/dist/canvas/components/NodeViewportOverlay.js +0 -29
- package/dist/canvas/utils/container-sizing.cjs +0 -169
- package/dist/canvas/utils/container-sizing.d.ts +0 -23
- package/dist/canvas/utils/container-sizing.d.ts.map +0 -1
- package/dist/canvas/utils/container-sizing.js +0 -132
- package/dist/canvas/utils/createPreviewGraph.cjs +0 -126
- package/dist/canvas/utils/createPreviewGraph.d.ts +0 -37
- package/dist/canvas/utils/createPreviewGraph.d.ts.map +0 -1
- package/dist/canvas/utils/createPreviewGraph.js +0 -83
- package/dist/canvas/utils/preview-connection-handles.cjs +0 -55
- package/dist/canvas/utils/preview-connection-handles.d.ts +0 -14
- package/dist/canvas/utils/preview-connection-handles.d.ts.map +0 -1
- package/dist/canvas/utils/preview-connection-handles.js +0 -15
|
@@ -1,434 +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 ("u" > 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
|
-
LoopNode: ()=>LoopNode
|
|
28
|
-
});
|
|
29
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
-
const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
|
|
31
|
-
const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
|
|
32
|
-
const external_react_namespaceObject = require("react");
|
|
33
|
-
const index_cjs_namespaceObject = require("../../core/index.cjs");
|
|
34
|
-
const external_hooks_index_cjs_namespaceObject = require("../../hooks/index.cjs");
|
|
35
|
-
const adornment_resolver_cjs_namespaceObject = require("../../utils/adornment-resolver.cjs");
|
|
36
|
-
const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
|
|
37
|
-
const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
|
|
38
|
-
const NodeUtils_cjs_namespaceObject = require("../../utils/NodeUtils.cjs");
|
|
39
|
-
const toolbar_resolver_cjs_namespaceObject = require("../../utils/toolbar-resolver.cjs");
|
|
40
|
-
const BaseCanvasModeProvider_cjs_namespaceObject = require("../BaseCanvas/BaseCanvasModeProvider.cjs");
|
|
41
|
-
const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
|
|
42
|
-
const SelectionStateContext_cjs_namespaceObject = require("../BaseCanvas/SelectionStateContext.cjs");
|
|
43
|
-
const BaseNode_cjs_namespaceObject = require("../BaseNode/BaseNode.cjs");
|
|
44
|
-
const BaseNodeBadgeSlot_cjs_namespaceObject = require("../BaseNode/BaseNodeBadgeSlot.cjs");
|
|
45
|
-
const BaseNodeContainer_cjs_namespaceObject = require("../BaseNode/BaseNodeContainer.cjs");
|
|
46
|
-
const BaseNodeMissingManifest_cjs_namespaceObject = require("../BaseNode/BaseNodeMissingManifest.cjs");
|
|
47
|
-
const external_ButtonHandle_index_cjs_namespaceObject = require("../ButtonHandle/index.cjs");
|
|
48
|
-
const external_Toolbar_index_cjs_namespaceObject = require("../Toolbar/index.cjs");
|
|
49
|
-
const external_LoopNode_constants_cjs_namespaceObject = require("./LoopNode.constants.cjs");
|
|
50
|
-
const external_LoopNode_helpers_cjs_namespaceObject = require("./LoopNode.helpers.cjs");
|
|
51
|
-
const EMPTY_DATA = {};
|
|
52
|
-
const RESIZE_CONTROLS = [
|
|
53
|
-
{
|
|
54
|
-
position: 'top-left',
|
|
55
|
-
cursor: 'nwse-resize',
|
|
56
|
-
indicatorClassName: 'top-[-5px] left-[-5px]'
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
position: 'top-right',
|
|
60
|
-
cursor: 'nesw-resize',
|
|
61
|
-
indicatorClassName: 'top-[-5px] right-[-5px]'
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
position: 'bottom-left',
|
|
65
|
-
cursor: 'nesw-resize',
|
|
66
|
-
indicatorClassName: 'bottom-[-5px] left-[-5px]'
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
position: 'bottom-right',
|
|
70
|
-
cursor: 'nwse-resize',
|
|
71
|
-
indicatorClassName: 'bottom-[-5px] right-[-5px]'
|
|
72
|
-
}
|
|
73
|
-
];
|
|
74
|
-
const RESIZE_CONTROL_STYLE = {
|
|
75
|
-
background: 'transparent',
|
|
76
|
-
border: 'none',
|
|
77
|
-
zIndex: 100
|
|
78
|
-
};
|
|
79
|
-
const ADORNMENT_SLOT_POSITIONS = [
|
|
80
|
-
'topLeft',
|
|
81
|
-
'topRight',
|
|
82
|
-
'bottomLeft',
|
|
83
|
-
'bottomRight'
|
|
84
|
-
];
|
|
85
|
-
const ADORNMENT_SLOT_SHAPES = {
|
|
86
|
-
topLeft: 'top-left',
|
|
87
|
-
topRight: 'top-right',
|
|
88
|
-
bottomLeft: 'bottom-left',
|
|
89
|
-
bottomRight: 'bottom-right'
|
|
90
|
-
};
|
|
91
|
-
function resolveInteractionState(dragging, selected, isHovered) {
|
|
92
|
-
if (dragging) return 'drag';
|
|
93
|
-
if (selected) return 'selected';
|
|
94
|
-
if (isHovered) return 'hover';
|
|
95
|
-
return 'default';
|
|
96
|
-
}
|
|
97
|
-
function useHasChildNodes(id, enabled) {
|
|
98
|
-
return (0, react_cjs_namespaceObject.useStore)((0, external_react_namespaceObject.useCallback)((state)=>!enabled || state.nodes.some((node)=>node.parentId === id), [
|
|
99
|
-
id,
|
|
100
|
-
enabled
|
|
101
|
-
]));
|
|
102
|
-
}
|
|
103
|
-
function useLoopNodeInternalsRefresh(id, handleGroups, width, height) {
|
|
104
|
-
const updateNodeInternals = (0, react_cjs_namespaceObject.useUpdateNodeInternals)();
|
|
105
|
-
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
106
|
-
const frameId = requestAnimationFrame(()=>{
|
|
107
|
-
updateNodeInternals(id);
|
|
108
|
-
});
|
|
109
|
-
return ()=>{
|
|
110
|
-
cancelAnimationFrame(frameId);
|
|
111
|
-
};
|
|
112
|
-
}, [
|
|
113
|
-
id,
|
|
114
|
-
handleGroups,
|
|
115
|
-
updateNodeInternals,
|
|
116
|
-
width,
|
|
117
|
-
height
|
|
118
|
-
]);
|
|
119
|
-
}
|
|
120
|
-
function LoopNodeComponent(props) {
|
|
121
|
-
const { id, type, data, selected = false, dragging = false, width = 0, height = 0, onAddFirstChild, onResize, toolbarConfig: toolbarConfigProp, adornments: adornmentsProp, executionStatusOverride, suggestionType: suggestionTypeProp } = props;
|
|
122
|
-
const nodeTypeRegistry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
|
|
123
|
-
const [isHovered, setIsHovered] = (0, external_react_namespaceObject.useState)(false);
|
|
124
|
-
const resolvedData = data ?? EMPTY_DATA;
|
|
125
|
-
const isLoading = !!resolvedData.loading;
|
|
126
|
-
const nodeVersion = (0, manifest_resolver_cjs_namespaceObject.getNodeTypeVersion)(resolvedData);
|
|
127
|
-
const suggestionType = suggestionTypeProp ?? resolvedData.suggestionType;
|
|
128
|
-
const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry?.getManifest(type, nodeVersion), [
|
|
129
|
-
nodeTypeRegistry,
|
|
130
|
-
type,
|
|
131
|
-
nodeVersion
|
|
132
|
-
]);
|
|
133
|
-
const { mode } = (0, BaseCanvasModeProvider_cjs_namespaceObject.useBaseCanvasMode)();
|
|
134
|
-
const isDesignMode = 'design' === mode;
|
|
135
|
-
const connectedHandleIds = (0, ConnectedHandlesContext_cjs_namespaceObject.useConnectedHandles)(id);
|
|
136
|
-
const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
|
|
137
|
-
const isConnecting = (0, react_cjs_namespaceObject.useStore)(BaseNode_cjs_namespaceObject.selectIsConnecting);
|
|
138
|
-
const hasChildNodes = useHasChildNodes(id, isDesignMode && !!onAddFirstChild);
|
|
139
|
-
const executionState = (0, external_hooks_index_cjs_namespaceObject.useNodeExecutionState)(id);
|
|
140
|
-
const validationState = (0, external_hooks_index_cjs_namespaceObject.useElementValidationStatus)(id);
|
|
141
|
-
const statusContext = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
142
|
-
nodeId: id,
|
|
143
|
-
executionState: executionStatusOverride ?? executionState,
|
|
144
|
-
validationState,
|
|
145
|
-
isConnecting,
|
|
146
|
-
isSelected: selected,
|
|
147
|
-
isDragging: dragging,
|
|
148
|
-
mode
|
|
149
|
-
}), [
|
|
150
|
-
dragging,
|
|
151
|
-
executionStatusOverride,
|
|
152
|
-
executionState,
|
|
153
|
-
id,
|
|
154
|
-
isConnecting,
|
|
155
|
-
mode,
|
|
156
|
-
selected,
|
|
157
|
-
validationState
|
|
158
|
-
]);
|
|
159
|
-
const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
|
|
160
|
-
const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, {
|
|
161
|
-
...resolvedData,
|
|
162
|
-
nodeId: id
|
|
163
|
-
}), [
|
|
164
|
-
manifest?.display,
|
|
165
|
-
id,
|
|
166
|
-
resolvedData
|
|
167
|
-
]);
|
|
168
|
-
const displayTitle = display.label ?? external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_TITLE;
|
|
169
|
-
const displayIcon = display.icon ?? external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_ICON;
|
|
170
|
-
const containerWidth = width || external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_WIDTH;
|
|
171
|
-
const containerHeight = height || external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_HEIGHT;
|
|
172
|
-
const nodeSizeStyle = {
|
|
173
|
-
width: containerWidth,
|
|
174
|
-
height: containerHeight,
|
|
175
|
-
minWidth: external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_MIN_WIDTH,
|
|
176
|
-
minHeight: external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_MIN_HEIGHT
|
|
177
|
-
};
|
|
178
|
-
const toolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
179
|
-
if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
|
|
180
|
-
return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext, data) : void 0;
|
|
181
|
-
}, [
|
|
182
|
-
data,
|
|
183
|
-
manifest,
|
|
184
|
-
statusContext,
|
|
185
|
-
toolbarConfigProp
|
|
186
|
-
]);
|
|
187
|
-
const adornments = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
188
|
-
...(0, adornment_resolver_cjs_namespaceObject.resolveAdornments)(statusContext),
|
|
189
|
-
...adornmentsProp ?? {}
|
|
190
|
-
}), [
|
|
191
|
-
adornmentsProp,
|
|
192
|
-
statusContext
|
|
193
|
-
]);
|
|
194
|
-
const resolvedHandleGroups = (0, external_react_namespaceObject.useMemo)(()=>manifest ? (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, resolvedData) : [], [
|
|
195
|
-
manifest,
|
|
196
|
-
resolvedData
|
|
197
|
-
]);
|
|
198
|
-
const loopHandleGroups = (0, external_react_namespaceObject.useMemo)(()=>(0, external_LoopNode_helpers_cjs_namespaceObject.resolveLoopHandleGroups)(resolvedHandleGroups), [
|
|
199
|
-
resolvedHandleGroups
|
|
200
|
-
]);
|
|
201
|
-
useLoopNodeInternalsRefresh(id, loopHandleGroups, containerWidth, containerHeight);
|
|
202
|
-
const handleResize = (0, external_react_namespaceObject.useCallback)((_event, params)=>{
|
|
203
|
-
onResize?.({
|
|
204
|
-
width: (0, NodeUtils_cjs_namespaceObject.snapToGrid)(params.width),
|
|
205
|
-
height: (0, NodeUtils_cjs_namespaceObject.snapToGrid)(params.height)
|
|
206
|
-
});
|
|
207
|
-
}, [
|
|
208
|
-
onResize
|
|
209
|
-
]);
|
|
210
|
-
const handleEmptyClick = (0, external_react_namespaceObject.useCallback)(()=>{
|
|
211
|
-
onAddFirstChild?.();
|
|
212
|
-
}, [
|
|
213
|
-
onAddFirstChild
|
|
214
|
-
]);
|
|
215
|
-
const handleMouseEnter = (0, external_react_namespaceObject.useCallback)(()=>setIsHovered(true), []);
|
|
216
|
-
const handleMouseLeave = (0, external_react_namespaceObject.useCallback)(()=>setIsHovered(false), []);
|
|
217
|
-
const handleOuterHandleAction = (0, external_react_namespaceObject.useCallback)((_event)=>{
|
|
218
|
-
setIsHovered(false);
|
|
219
|
-
}, []);
|
|
220
|
-
const shouldShowHandles = (isConnecting || selected || isHovered) && !dragging;
|
|
221
|
-
const showHandleAddButtons = isDesignMode && !multipleNodesSelected && !isConnecting && !dragging;
|
|
222
|
-
const showResizeControls = selected && !dragging && isDesignMode;
|
|
223
|
-
const showEmptyStateButton = isDesignMode && !hasChildNodes && !!onAddFirstChild;
|
|
224
|
-
const interactionState = resolveInteractionState(dragging, selected, isHovered);
|
|
225
|
-
if (!manifest) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
226
|
-
className: "relative",
|
|
227
|
-
style: nodeSizeStyle,
|
|
228
|
-
onMouseEnter: handleMouseEnter,
|
|
229
|
-
onMouseLeave: handleMouseLeave,
|
|
230
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeMissingManifest_cjs_namespaceObject.MissingManifestNode, {
|
|
231
|
-
type: type,
|
|
232
|
-
isSelected: selected,
|
|
233
|
-
isHovered: isHovered,
|
|
234
|
-
interactionState: interactionState
|
|
235
|
-
})
|
|
236
|
-
});
|
|
237
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
238
|
-
"data-loop-container": true,
|
|
239
|
-
"data-selected": selected ? 'true' : 'false',
|
|
240
|
-
"data-execution-status": executionStatus,
|
|
241
|
-
"data-interaction-state": interactionState,
|
|
242
|
-
"data-suggestion-type": suggestionType,
|
|
243
|
-
"data-validation-status": validationState?.validationStatus,
|
|
244
|
-
"aria-busy": resolvedData.loading || void 0,
|
|
245
|
-
className: (0, apollo_wind_namespaceObject.cn)('group/loop-shell relative flex h-full w-full flex-col overflow-visible border bg-surface-overlay', 'transition-[border-color,box-shadow,opacity] shadow-(--canvas-node-shadow-rest)', 'border-border-subtle', (0, BaseNodeContainer_cjs_namespaceObject.getStatusBorder)(suggestionType ?? validationState?.validationStatus ?? executionStatus), isHovered && 'shadow-(--canvas-node-shadow-hover) border-border-hover', selected && 'outline outline-foreground-accent-muted', 'drag' === interactionState && 'cursor-grabbing shadow-(--canvas-node-shadow-lifted)'),
|
|
246
|
-
style: {
|
|
247
|
-
...nodeSizeStyle,
|
|
248
|
-
borderRadius: external_LoopNode_constants_cjs_namespaceObject.LOOP_SHELL_RADIUS_PX,
|
|
249
|
-
background: display.background ?? external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_SHELL_BACKGROUND
|
|
250
|
-
},
|
|
251
|
-
onMouseEnter: handleMouseEnter,
|
|
252
|
-
onMouseLeave: handleMouseLeave,
|
|
253
|
-
children: [
|
|
254
|
-
ADORNMENT_SLOT_POSITIONS.map((slot)=>adornments?.[slot] ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeBadgeSlot_cjs_namespaceObject.BaseBadgeSlot, {
|
|
255
|
-
position: ADORNMENT_SLOT_SHAPES[slot],
|
|
256
|
-
shape: "rectangle",
|
|
257
|
-
children: adornments[slot]
|
|
258
|
-
}, slot) : null),
|
|
259
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ResizeCornerIndicators, {
|
|
260
|
-
visible: showResizeControls
|
|
261
|
-
}),
|
|
262
|
-
showResizeControls ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ResizeControls, {
|
|
263
|
-
onResize: handleResize
|
|
264
|
-
}) : null,
|
|
265
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Header, {
|
|
266
|
-
title: displayTitle,
|
|
267
|
-
icon: displayIcon,
|
|
268
|
-
loading: isLoading
|
|
269
|
-
}),
|
|
270
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BodyFrame, {
|
|
271
|
-
isEmpty: showEmptyStateButton,
|
|
272
|
-
isLoading: isLoading,
|
|
273
|
-
onAddFirstChild: handleEmptyClick
|
|
274
|
-
}),
|
|
275
|
-
toolbarConfig && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbar_index_cjs_namespaceObject.NodeToolbar, {
|
|
276
|
-
nodeId: id,
|
|
277
|
-
config: toolbarConfig,
|
|
278
|
-
expanded: selected || isHovered,
|
|
279
|
-
hidden: dragging || multipleNodesSelected,
|
|
280
|
-
portalToNodeOverlay: true
|
|
281
|
-
}),
|
|
282
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(HandleGroups, {
|
|
283
|
-
nodeId: id,
|
|
284
|
-
groups: loopHandleGroups,
|
|
285
|
-
selected: selected,
|
|
286
|
-
hovered: isHovered,
|
|
287
|
-
shouldShowHandles: shouldShowHandles,
|
|
288
|
-
showAddButton: showHandleAddButtons,
|
|
289
|
-
showNotches: shouldShowHandles,
|
|
290
|
-
nodeWidth: containerWidth,
|
|
291
|
-
nodeHeight: containerHeight,
|
|
292
|
-
connectedHandleIds: connectedHandleIds,
|
|
293
|
-
onOuterHandleAction: handleOuterHandleAction
|
|
294
|
-
})
|
|
295
|
-
]
|
|
296
|
-
});
|
|
297
|
-
}
|
|
298
|
-
const LoopNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(LoopNodeComponent);
|
|
299
|
-
function Header({ title, icon, loading }) {
|
|
300
|
-
const titleContent = loading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
301
|
-
className: "h-5 w-28 animate-pulse rounded bg-(--canvas-background-overlay)"
|
|
302
|
-
}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
303
|
-
className: "truncate text-[14px] font-semibold tracking-normal",
|
|
304
|
-
children: title
|
|
305
|
-
});
|
|
306
|
-
const iconContent = loading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
307
|
-
className: "h-4 w-4 shrink-0 animate-pulse rounded bg-(--canvas-background-overlay)"
|
|
308
|
-
}) : icon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
309
|
-
className: "shrink-0 text-foreground",
|
|
310
|
-
"aria-hidden": true,
|
|
311
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
|
|
312
|
-
icon: icon,
|
|
313
|
-
size: 16
|
|
314
|
-
})
|
|
315
|
-
}) : null;
|
|
316
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
317
|
-
className: "flex shrink-0 items-center justify-between gap-2.5 pl-4.5 pr-5 pt-3.5 text-foreground cursor-grab active:cursor-grabbing",
|
|
318
|
-
"data-testid": "loop-node-header",
|
|
319
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
320
|
-
className: "flex min-w-0 items-center gap-2",
|
|
321
|
-
children: [
|
|
322
|
-
iconContent,
|
|
323
|
-
titleContent
|
|
324
|
-
]
|
|
325
|
-
})
|
|
326
|
-
});
|
|
327
|
-
}
|
|
328
|
-
function EmptyState({ onAddFirstChild }) {
|
|
329
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
|
|
330
|
-
type: "button",
|
|
331
|
-
onClick: onAddFirstChild,
|
|
332
|
-
"aria-label": "Add node to loop",
|
|
333
|
-
className: (0, apollo_wind_namespaceObject.cn)('nodrag nopan', 'pointer-events-auto flex h-8 w-8 items-center justify-center rounded-xl', 'border border-border bg-surface-overlay text-foreground', 'shadow-(--canvas-node-shadow-lifted)', 'transition-colors', 'hover:bg-surface-hover hover:border-brand'),
|
|
334
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
|
|
335
|
-
icon: "plus",
|
|
336
|
-
size: 14
|
|
337
|
-
})
|
|
338
|
-
});
|
|
339
|
-
}
|
|
340
|
-
function BodyFrame({ isEmpty, isLoading, onAddFirstChild }) {
|
|
341
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
342
|
-
"data-testid": "loop-body-frame",
|
|
343
|
-
"data-empty": isEmpty ? 'true' : 'false',
|
|
344
|
-
className: (0, apollo_wind_namespaceObject.cn)('relative flex flex-1 rounded-[26px] border border-dashed', 'pointer-events-none', isEmpty && 'items-center justify-center'),
|
|
345
|
-
style: {
|
|
346
|
-
margin: external_LoopNode_constants_cjs_namespaceObject.LOOP_FRAME_INSET_PX,
|
|
347
|
-
background: external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_FRAME_BACKGROUND,
|
|
348
|
-
borderColor: external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_FRAME_BORDER
|
|
349
|
-
},
|
|
350
|
-
children: [
|
|
351
|
-
isLoading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
352
|
-
className: "m-6 h-14 w-full animate-pulse rounded-[18px] bg-(--canvas-background-overlay)"
|
|
353
|
-
}) : null,
|
|
354
|
-
isEmpty ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(EmptyState, {
|
|
355
|
-
onAddFirstChild: onAddFirstChild
|
|
356
|
-
}) : null
|
|
357
|
-
]
|
|
358
|
-
});
|
|
359
|
-
}
|
|
360
|
-
function ResizeControls({ onResize }) {
|
|
361
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
|
|
362
|
-
children: RESIZE_CONTROLS.map(({ position, cursor })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.NodeResizeControl, {
|
|
363
|
-
style: RESIZE_CONTROL_STYLE,
|
|
364
|
-
position: position,
|
|
365
|
-
minWidth: external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_MIN_WIDTH,
|
|
366
|
-
minHeight: external_LoopNode_constants_cjs_namespaceObject.DEFAULT_LOOP_MIN_HEIGHT,
|
|
367
|
-
onResize: onResize,
|
|
368
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
369
|
-
className: "absolute bottom-0 right-0 h-5 w-5 pointer-events-auto",
|
|
370
|
-
style: {
|
|
371
|
-
cursor
|
|
372
|
-
}
|
|
373
|
-
})
|
|
374
|
-
}, position))
|
|
375
|
-
});
|
|
376
|
-
}
|
|
377
|
-
function ResizeCornerIndicators({ visible }) {
|
|
378
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
|
|
379
|
-
children: RESIZE_CONTROLS.map(({ position, indicatorClassName })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
380
|
-
"aria-hidden": true,
|
|
381
|
-
className: (0, apollo_wind_namespaceObject.cn)('pointer-events-none absolute h-1.5 w-1.5 rounded-[1px] border border-brand bg-background transition-opacity', indicatorClassName, visible ? 'opacity-100' : 'opacity-0')
|
|
382
|
-
}, position))
|
|
383
|
-
});
|
|
384
|
-
}
|
|
385
|
-
function HandleGroups({ groups, ...handleGroupProps }) {
|
|
386
|
-
if (0 === groups.length) return null;
|
|
387
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
|
|
388
|
-
children: groups.map((group, groupIndex)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(HandleGroup, {
|
|
389
|
-
...handleGroupProps,
|
|
390
|
-
group: group
|
|
391
|
-
}, `${group.boundary}:${group.position}:${groupIndex}`))
|
|
392
|
-
});
|
|
393
|
-
}
|
|
394
|
-
function HandleGroup({ nodeId, group, selected, hovered, shouldShowHandles, showAddButton, showNotches, nodeWidth, nodeHeight, connectedHandleIds, onOuterHandleAction }) {
|
|
395
|
-
const groupVisible = shouldShowHandles && (group.visible ?? true);
|
|
396
|
-
const position = group.position;
|
|
397
|
-
const enhancedHandles = (0, external_react_namespaceObject.useMemo)(()=>group.handles.map((handle)=>{
|
|
398
|
-
const isInnerSourceHandle = 'inner' === group.boundary && 'source' === handle.type;
|
|
399
|
-
const shouldResetHoverOnAction = 'outer' === group.boundary && 'source' === handle.type && handle.showButton;
|
|
400
|
-
return {
|
|
401
|
-
...handle,
|
|
402
|
-
showHandle: connectedHandleIds.has(handle.id) || groupVisible,
|
|
403
|
-
showButton: isInnerSourceHandle ? false : handle.showButton,
|
|
404
|
-
onAction: handle.onAction ?? (shouldResetHoverOnAction ? onOuterHandleAction : void 0)
|
|
405
|
-
};
|
|
406
|
-
}), [
|
|
407
|
-
group.boundary,
|
|
408
|
-
group.handles,
|
|
409
|
-
connectedHandleIds,
|
|
410
|
-
groupVisible,
|
|
411
|
-
onOuterHandleAction
|
|
412
|
-
]);
|
|
413
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ButtonHandle_index_cjs_namespaceObject.ButtonHandles, {
|
|
414
|
-
nodeId: nodeId,
|
|
415
|
-
handles: enhancedHandles,
|
|
416
|
-
position: position,
|
|
417
|
-
connectionPosition: group.connectionPosition,
|
|
418
|
-
selected: selected,
|
|
419
|
-
hovered: hovered,
|
|
420
|
-
showAddButton: showAddButton,
|
|
421
|
-
showNotches: showNotches,
|
|
422
|
-
customPositionAndOffsets: group.customPositionAndOffsets,
|
|
423
|
-
nodeWidth: nodeWidth,
|
|
424
|
-
nodeHeight: nodeHeight,
|
|
425
|
-
portalActions: 'outer' === group.boundary
|
|
426
|
-
});
|
|
427
|
-
}
|
|
428
|
-
exports.LoopNode = __webpack_exports__.LoopNode;
|
|
429
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
430
|
-
"LoopNode"
|
|
431
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
432
|
-
Object.defineProperty(exports, '__esModule', {
|
|
433
|
-
value: true
|
|
434
|
-
});
|
|
@@ -1,93 +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 ("u" > 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
|
-
DEFAULT_LOOP_MIN_HEIGHT: ()=>DEFAULT_LOOP_MIN_HEIGHT,
|
|
28
|
-
LOOP_SHELL_RADIUS_PX: ()=>LOOP_SHELL_RADIUS_PX,
|
|
29
|
-
DEFAULT_LOOP_TITLE: ()=>DEFAULT_LOOP_TITLE,
|
|
30
|
-
LOOP_FRAME_INSET_PX: ()=>LOOP_FRAME_INSET_PX,
|
|
31
|
-
LOOP_BODY_PADDING_PX: ()=>LOOP_BODY_PADDING_PX,
|
|
32
|
-
DEFAULT_LOOP_HEADER_HEIGHT_PX: ()=>DEFAULT_LOOP_HEADER_HEIGHT_PX,
|
|
33
|
-
LOOP_INNER_HANDLE_RAIL_WIDTH_PX: ()=>LOOP_INNER_HANDLE_RAIL_WIDTH_PX,
|
|
34
|
-
DEFAULT_LOOP_FRAME_BACKGROUND: ()=>DEFAULT_LOOP_FRAME_BACKGROUND,
|
|
35
|
-
DEFAULT_LOOP_ICON: ()=>DEFAULT_LOOP_ICON,
|
|
36
|
-
DEFAULT_LOOP_HEIGHT: ()=>DEFAULT_LOOP_HEIGHT,
|
|
37
|
-
DEFAULT_LOOP_WIDTH: ()=>DEFAULT_LOOP_WIDTH,
|
|
38
|
-
DEFAULT_LOOP_FRAME_BORDER: ()=>DEFAULT_LOOP_FRAME_BORDER,
|
|
39
|
-
LOOP_CHILD_SAFE_GAP_PX: ()=>LOOP_CHILD_SAFE_GAP_PX,
|
|
40
|
-
DEFAULT_LOOP_MIN_WIDTH: ()=>DEFAULT_LOOP_MIN_WIDTH,
|
|
41
|
-
DEFAULT_LOOP_SHELL_BACKGROUND: ()=>DEFAULT_LOOP_SHELL_BACKGROUND
|
|
42
|
-
});
|
|
43
|
-
const external_constants_cjs_namespaceObject = require("../../constants.cjs");
|
|
44
|
-
const DEFAULT_LOOP_ICON = 'repeat';
|
|
45
|
-
const DEFAULT_LOOP_TITLE = 'Loop';
|
|
46
|
-
const DEFAULT_LOOP_HEADER_HEIGHT_PX = 40;
|
|
47
|
-
const DEFAULT_LOOP_WIDTH = 45 * external_constants_cjs_namespaceObject.GRID_SPACING;
|
|
48
|
-
const DEFAULT_LOOP_HEIGHT = 27 * external_constants_cjs_namespaceObject.GRID_SPACING;
|
|
49
|
-
const DEFAULT_LOOP_MIN_WIDTH = 12 * external_constants_cjs_namespaceObject.GRID_SPACING;
|
|
50
|
-
const DEFAULT_LOOP_MIN_HEIGHT = 12 * external_constants_cjs_namespaceObject.GRID_SPACING;
|
|
51
|
-
const LOOP_SHELL_RADIUS_PX = 20;
|
|
52
|
-
const LOOP_FRAME_INSET_PX = 12;
|
|
53
|
-
const LOOP_BODY_PADDING_PX = 2 * external_constants_cjs_namespaceObject.GRID_SPACING;
|
|
54
|
-
const LOOP_INNER_HANDLE_RAIL_WIDTH_PX = 5 * external_constants_cjs_namespaceObject.GRID_SPACING;
|
|
55
|
-
const LOOP_CHILD_SAFE_GAP_PX = external_constants_cjs_namespaceObject.GRID_SPACING;
|
|
56
|
-
const DEFAULT_LOOP_SHELL_BACKGROUND = 'var(--canvas-background)';
|
|
57
|
-
const DEFAULT_LOOP_FRAME_BACKGROUND = 'var(--canvas-background)';
|
|
58
|
-
const DEFAULT_LOOP_FRAME_BORDER = 'var(--canvas-border)';
|
|
59
|
-
exports.DEFAULT_LOOP_FRAME_BACKGROUND = __webpack_exports__.DEFAULT_LOOP_FRAME_BACKGROUND;
|
|
60
|
-
exports.DEFAULT_LOOP_FRAME_BORDER = __webpack_exports__.DEFAULT_LOOP_FRAME_BORDER;
|
|
61
|
-
exports.DEFAULT_LOOP_HEADER_HEIGHT_PX = __webpack_exports__.DEFAULT_LOOP_HEADER_HEIGHT_PX;
|
|
62
|
-
exports.DEFAULT_LOOP_HEIGHT = __webpack_exports__.DEFAULT_LOOP_HEIGHT;
|
|
63
|
-
exports.DEFAULT_LOOP_ICON = __webpack_exports__.DEFAULT_LOOP_ICON;
|
|
64
|
-
exports.DEFAULT_LOOP_MIN_HEIGHT = __webpack_exports__.DEFAULT_LOOP_MIN_HEIGHT;
|
|
65
|
-
exports.DEFAULT_LOOP_MIN_WIDTH = __webpack_exports__.DEFAULT_LOOP_MIN_WIDTH;
|
|
66
|
-
exports.DEFAULT_LOOP_SHELL_BACKGROUND = __webpack_exports__.DEFAULT_LOOP_SHELL_BACKGROUND;
|
|
67
|
-
exports.DEFAULT_LOOP_TITLE = __webpack_exports__.DEFAULT_LOOP_TITLE;
|
|
68
|
-
exports.DEFAULT_LOOP_WIDTH = __webpack_exports__.DEFAULT_LOOP_WIDTH;
|
|
69
|
-
exports.LOOP_BODY_PADDING_PX = __webpack_exports__.LOOP_BODY_PADDING_PX;
|
|
70
|
-
exports.LOOP_CHILD_SAFE_GAP_PX = __webpack_exports__.LOOP_CHILD_SAFE_GAP_PX;
|
|
71
|
-
exports.LOOP_FRAME_INSET_PX = __webpack_exports__.LOOP_FRAME_INSET_PX;
|
|
72
|
-
exports.LOOP_INNER_HANDLE_RAIL_WIDTH_PX = __webpack_exports__.LOOP_INNER_HANDLE_RAIL_WIDTH_PX;
|
|
73
|
-
exports.LOOP_SHELL_RADIUS_PX = __webpack_exports__.LOOP_SHELL_RADIUS_PX;
|
|
74
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
75
|
-
"DEFAULT_LOOP_FRAME_BACKGROUND",
|
|
76
|
-
"DEFAULT_LOOP_FRAME_BORDER",
|
|
77
|
-
"DEFAULT_LOOP_HEADER_HEIGHT_PX",
|
|
78
|
-
"DEFAULT_LOOP_HEIGHT",
|
|
79
|
-
"DEFAULT_LOOP_ICON",
|
|
80
|
-
"DEFAULT_LOOP_MIN_HEIGHT",
|
|
81
|
-
"DEFAULT_LOOP_MIN_WIDTH",
|
|
82
|
-
"DEFAULT_LOOP_SHELL_BACKGROUND",
|
|
83
|
-
"DEFAULT_LOOP_TITLE",
|
|
84
|
-
"DEFAULT_LOOP_WIDTH",
|
|
85
|
-
"LOOP_BODY_PADDING_PX",
|
|
86
|
-
"LOOP_CHILD_SAFE_GAP_PX",
|
|
87
|
-
"LOOP_FRAME_INSET_PX",
|
|
88
|
-
"LOOP_INNER_HANDLE_RAIL_WIDTH_PX",
|
|
89
|
-
"LOOP_SHELL_RADIUS_PX"
|
|
90
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
91
|
-
Object.defineProperty(exports, '__esModule', {
|
|
92
|
-
value: true
|
|
93
|
-
});
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export declare const DEFAULT_LOOP_ICON = "repeat";
|
|
2
|
-
export declare const DEFAULT_LOOP_TITLE = "Loop";
|
|
3
|
-
export declare const DEFAULT_LOOP_HEADER_HEIGHT_PX = 40;
|
|
4
|
-
export declare const DEFAULT_LOOP_WIDTH: number;
|
|
5
|
-
export declare const DEFAULT_LOOP_HEIGHT: number;
|
|
6
|
-
export declare const DEFAULT_LOOP_MIN_WIDTH: number;
|
|
7
|
-
export declare const DEFAULT_LOOP_MIN_HEIGHT: number;
|
|
8
|
-
export declare const LOOP_SHELL_RADIUS_PX = 20;
|
|
9
|
-
export declare const LOOP_FRAME_INSET_PX = 12;
|
|
10
|
-
export declare const LOOP_BODY_PADDING_PX: number;
|
|
11
|
-
export declare const LOOP_INNER_HANDLE_RAIL_WIDTH_PX: number;
|
|
12
|
-
export declare const LOOP_CHILD_SAFE_GAP_PX = 16;
|
|
13
|
-
export declare const DEFAULT_LOOP_SHELL_BACKGROUND = "var(--canvas-background)";
|
|
14
|
-
export declare const DEFAULT_LOOP_FRAME_BACKGROUND = "var(--canvas-background)";
|
|
15
|
-
export declare const DEFAULT_LOOP_FRAME_BORDER = "var(--canvas-border)";
|
|
16
|
-
//# sourceMappingURL=LoopNode.constants.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LoopNode.constants.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAC1C,eAAO,MAAM,kBAAkB,SAAS,CAAC;AACzC,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAGhD,eAAO,MAAM,kBAAkB,QAAoB,CAAC;AACpD,eAAO,MAAM,mBAAmB,QAAoB,CAAC;AAErD,eAAO,MAAM,sBAAsB,QAAoB,CAAC;AACxD,eAAO,MAAM,uBAAuB,QAAoB,CAAC;AACzD,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,oBAAoB,QAAmB,CAAC;AACrD,eAAO,MAAM,+BAA+B,QAAmB,CAAC;AAChE,eAAO,MAAM,sBAAsB,KAAe,CAAC;AAEnD,eAAO,MAAM,6BAA6B,6BAA6B,CAAC;AACxE,eAAO,MAAM,6BAA6B,6BAA6B,CAAC;AACxE,eAAO,MAAM,yBAAyB,yBAAyB,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { GRID_SPACING } from "../../constants.js";
|
|
2
|
-
const DEFAULT_LOOP_ICON = 'repeat';
|
|
3
|
-
const DEFAULT_LOOP_TITLE = 'Loop';
|
|
4
|
-
const DEFAULT_LOOP_HEADER_HEIGHT_PX = 40;
|
|
5
|
-
const DEFAULT_LOOP_WIDTH = 45 * GRID_SPACING;
|
|
6
|
-
const DEFAULT_LOOP_HEIGHT = 27 * GRID_SPACING;
|
|
7
|
-
const DEFAULT_LOOP_MIN_WIDTH = 12 * GRID_SPACING;
|
|
8
|
-
const DEFAULT_LOOP_MIN_HEIGHT = 12 * GRID_SPACING;
|
|
9
|
-
const LOOP_SHELL_RADIUS_PX = 20;
|
|
10
|
-
const LOOP_FRAME_INSET_PX = 12;
|
|
11
|
-
const LOOP_BODY_PADDING_PX = 2 * GRID_SPACING;
|
|
12
|
-
const LOOP_INNER_HANDLE_RAIL_WIDTH_PX = 5 * GRID_SPACING;
|
|
13
|
-
const LOOP_CHILD_SAFE_GAP_PX = GRID_SPACING;
|
|
14
|
-
const DEFAULT_LOOP_SHELL_BACKGROUND = 'var(--canvas-background)';
|
|
15
|
-
const DEFAULT_LOOP_FRAME_BACKGROUND = 'var(--canvas-background)';
|
|
16
|
-
const DEFAULT_LOOP_FRAME_BORDER = 'var(--canvas-border)';
|
|
17
|
-
export { DEFAULT_LOOP_FRAME_BACKGROUND, DEFAULT_LOOP_FRAME_BORDER, DEFAULT_LOOP_HEADER_HEIGHT_PX, DEFAULT_LOOP_HEIGHT, DEFAULT_LOOP_ICON, DEFAULT_LOOP_MIN_HEIGHT, DEFAULT_LOOP_MIN_WIDTH, DEFAULT_LOOP_SHELL_BACKGROUND, DEFAULT_LOOP_TITLE, DEFAULT_LOOP_WIDTH, LOOP_BODY_PADDING_PX, LOOP_CHILD_SAFE_GAP_PX, LOOP_FRAME_INSET_PX, LOOP_INNER_HANDLE_RAIL_WIDTH_PX, LOOP_SHELL_RADIUS_PX };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { LoopNodeProps } from './LoopNode.types';
|
|
2
|
-
declare function LoopNodeComponent(props: LoopNodeProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const LoopNode: import("react").MemoExoticComponent<typeof LoopNodeComponent>;
|
|
4
|
-
export {};
|
|
5
|
-
//# sourceMappingURL=LoopNode.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAuEtD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CA4N9C;AAED,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}
|