@uipath/apollo-react 6.74.0 → 6.76.0
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/AgentCanvas/nodes/AgentNode.cjs +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/AgentNode.d.ts.map +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/AgentNode.js +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.cjs +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.d.ts.map +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.js +1 -1
- package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs +2 -0
- package/dist/canvas/components/BaseCanvas/BaseCanvas.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/BaseCanvas.js +2 -0
- package/dist/canvas/components/BaseCanvas/CanvasProviders.cjs +10 -4
- package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts +5 -2
- package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/CanvasProviders.js +10 -4
- package/dist/canvas/components/BaseNode/BaseNode.cjs +6 -3
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +7 -4
- package/dist/canvas/components/BaseNode/BaseNode.types.d.ts +2 -0
- package/dist/canvas/components/BaseNode/BaseNode.types.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts +1 -1
- package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts.map +1 -1
- package/dist/canvas/components/CanvasDiffView/ApolloCanvasDiffPane.cjs +188 -0
- package/dist/canvas/components/CanvasDiffView/ApolloCanvasDiffPane.d.ts +18 -0
- package/dist/canvas/components/CanvasDiffView/ApolloCanvasDiffPane.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/ApolloCanvasDiffPane.js +154 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.cjs +470 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.d.ts +3 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.js +436 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.types.cjs +18 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.types.d.ts +76 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.types.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/CanvasDiffView.types.js +0 -0
- package/dist/canvas/components/CanvasDiffView/CodeDiffView.cjs +220 -0
- package/dist/canvas/components/CanvasDiffView/CodeDiffView.d.ts +7 -0
- package/dist/canvas/components/CanvasDiffView/CodeDiffView.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/CodeDiffView.js +186 -0
- package/dist/canvas/components/CanvasDiffView/applyDiffHighlight.cjs +57 -0
- package/dist/canvas/components/CanvasDiffView/applyDiffHighlight.d.ts +7 -0
- package/dist/canvas/components/CanvasDiffView/applyDiffHighlight.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/applyDiffHighlight.js +23 -0
- package/dist/canvas/components/CanvasDiffView/diffById.cjs +110 -0
- package/dist/canvas/components/CanvasDiffView/diffById.d.ts +15 -0
- package/dist/canvas/components/CanvasDiffView/diffById.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/diffById.js +76 -0
- package/dist/canvas/components/CanvasDiffView/index.cjs +93 -0
- package/dist/canvas/components/CanvasDiffView/index.d.ts +7 -0
- package/dist/canvas/components/CanvasDiffView/index.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/index.js +6 -0
- package/dist/canvas/components/CanvasDiffView/lineDiff.cjs +116 -0
- package/dist/canvas/components/CanvasDiffView/lineDiff.d.ts +7 -0
- package/dist/canvas/components/CanvasDiffView/lineDiff.d.ts.map +1 -0
- package/dist/canvas/components/CanvasDiffView/lineDiff.js +79 -0
- package/dist/canvas/components/ContainerNode/ContainerNode.cjs +4 -2
- package/dist/canvas/components/ContainerNode/ContainerNode.d.ts.map +1 -1
- package/dist/canvas/components/ContainerNode/ContainerNode.js +5 -3
- package/dist/canvas/components/Edges/CanvasEdge.cjs +5 -1
- package/dist/canvas/components/Edges/CanvasEdge.d.ts.map +1 -1
- package/dist/canvas/components/Edges/CanvasEdge.js +5 -1
- package/dist/canvas/components/Edges/shared/constants.cjs +1 -0
- package/dist/canvas/components/Edges/shared/constants.d.ts +1 -0
- package/dist/canvas/components/Edges/shared/constants.d.ts.map +1 -1
- package/dist/canvas/components/Edges/shared/constants.js +1 -0
- package/dist/canvas/components/Edges/shared/resolveEdgeColor.cjs +4 -1
- package/dist/canvas/components/Edges/shared/resolveEdgeColor.d.ts +2 -0
- package/dist/canvas/components/Edges/shared/resolveEdgeColor.d.ts.map +1 -1
- package/dist/canvas/components/Edges/shared/resolveEdgeColor.js +4 -1
- package/dist/canvas/components/Edges/shared/types.d.ts +2 -0
- package/dist/canvas/components/Edges/shared/types.d.ts.map +1 -1
- package/dist/canvas/components/JsonTree/JsonTree.cjs +7 -0
- package/dist/canvas/components/JsonTree/JsonTree.d.ts.map +1 -1
- package/dist/canvas/components/JsonTree/JsonTree.js +7 -0
- package/dist/canvas/components/JsonTree/index.d.ts +1 -1
- package/dist/canvas/components/JsonTree/index.d.ts.map +1 -1
- package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.cjs +60 -1
- package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.d.ts +1 -1
- package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.d.ts.map +1 -1
- package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.js +61 -2
- package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.types.d.ts +1 -0
- package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.types.d.ts.map +1 -1
- package/dist/canvas/components/index.cjs +69 -62
- package/dist/canvas/components/index.d.ts +1 -0
- package/dist/canvas/components/index.d.ts.map +1 -1
- package/dist/canvas/components/index.js +1 -0
- package/dist/canvas/hooks/ToolbarActionContext.cjs +53 -9
- package/dist/canvas/hooks/ToolbarActionContext.d.ts +6 -2
- package/dist/canvas/hooks/ToolbarActionContext.d.ts.map +1 -1
- package/dist/canvas/hooks/ToolbarActionContext.js +48 -10
- package/dist/canvas/hooks/mountedCanvases.cjs +52 -0
- package/dist/canvas/hooks/mountedCanvases.d.ts +8 -0
- package/dist/canvas/hooks/mountedCanvases.d.ts.map +1 -0
- package/dist/canvas/hooks/mountedCanvases.js +12 -0
- package/dist/canvas/locales/en.cjs +1 -1
- package/dist/canvas/locales/en.d.ts.map +1 -1
- package/dist/canvas/locales/en.js +1 -1
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/dist/canvas/utils/toolbar-resolver.cjs +5 -5
- package/dist/canvas/utils/toolbar-resolver.d.ts +2 -1
- package/dist/canvas/utils/toolbar-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/toolbar-resolver.js +5 -5
- package/package.json +3 -3
|
@@ -50,6 +50,13 @@ function useCanvasJsonTreeViewStrings() {
|
|
|
50
50
|
id: 'canvas.json_value_panel.required_marker',
|
|
51
51
|
message: 'required'
|
|
52
52
|
}),
|
|
53
|
+
referenceType: (typeLabel)=>_({
|
|
54
|
+
id: 'canvas.json_value_panel.reference_type',
|
|
55
|
+
message: '{typeLabel} · reference',
|
|
56
|
+
values: {
|
|
57
|
+
typeLabel
|
|
58
|
+
}
|
|
59
|
+
}),
|
|
53
60
|
pathCopied: _({
|
|
54
61
|
id: 'canvas.json_value_panel.path_copied',
|
|
55
62
|
message: 'Path copied'
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type { BuildJsonTreeOptions, ContainerPath, CopyEvent, DeriveTypeIcon, FlatJsonTreeRow, FlattenOptions, JsonCodeEditorRenderProps, JsonContainer, JsonContainerEditorProps, JsonLeafValueEditorProps, JsonMultilineLeafEditorProps, JsonObject, JsonSchema, JsonSchemaTypeName, JsonTreeChange, JsonTreeFilterOption, JsonTreeNode, JsonTreeNodeType, JsonTreeRowWrapper, JsonTreeRowWrapperProps, JsonTreeToolbarProps, JsonTreeViewStrings, JsonTreeViewProps, JsonTreeViewProviderProps, JsonTypeBadgeProps, JsonValue, NodeAction, NodeActionContext, NodeActionsResolver, NodeDecoration, NodeDecorationBadge, NodeDecorationChip, NodeDecorationTone, NodeDisplayTexts, PathSegment, RenderCodeEditor, RenderValueCell, RenderValueContext, } from '@uipath/apollo-wind';
|
|
1
|
+
export type { BuildJsonTreeOptions, ContainerPath, CopyEvent, DeriveTypeIcon, FlatJsonTreeRow, FlattenOptions, JsonCodeEditorRenderProps, JsonContainer, JsonContainerEditorProps, JsonLeafValueEditorProps, JsonMultilineLeafEditorProps, JsonObject, JsonSchema, JsonSchemaTypeName, JsonTreeChange, JsonTreeFilterOption, JsonTreeNode, JsonTreeNodeType, JsonTreeRowWrapper, JsonTreeRowWrapperProps, JsonTreeToolbarProps, JsonTreeViewStrings, JsonTreeViewProps, JsonTreeViewProviderProps, JsonTypeBadgeProps, JsonValue, NodeAction, NodeActionContext, NodeActionsResolver, NodeBadgeReference, NodeDecoration, NodeDecorationBadge, NodeDecorationChip, NodeDecorationTone, NodeDisplayTexts, PathSegment, RenderCodeEditor, RenderValueCell, RenderValueContext, ResolvedJsonTreeViewStrings, } from '@uipath/apollo-wind';
|
|
2
2
|
export { appendPathSegment, buildJsonTree, collectContainerPaths, copyTextToClipboard, DEFAULT_JSON_TREE_VIEW_STRINGS, flattenJsonTree, formatLeafValue, getValueAtPath, inferValueType, isArrayItemTemplateRoot, isJsonObject, removeValueAtPath, schemaDisplayType, setValueAtPath, } from '@uipath/apollo-wind';
|
|
3
3
|
export * from './JsonTree';
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/index.ts"],"names":[],"mappings":"AAEA,YAAY,EACV,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,yBAAyB,EACzB,aAAa,EACb,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,yBAAyB,EACzB,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,kBAAkB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/index.ts"],"names":[],"mappings":"AAEA,YAAY,EACV,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,yBAAyB,EACzB,aAAa,EACb,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,yBAAyB,EACzB,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,2BAA2B,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,8BAA8B,EAC9B,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,cAAc,YAAY,CAAC"}
|
|
@@ -33,8 +33,62 @@ const external_react_namespaceObject = require("react");
|
|
|
33
33
|
const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
|
|
34
34
|
const external_EditableText_cjs_namespaceObject = require("./EditableText.cjs");
|
|
35
35
|
const SURFACE_REMAP = 'future:[--surface-raised:var(--surface-overlay)]';
|
|
36
|
-
function
|
|
36
|
+
function findFieldElement(root, name) {
|
|
37
|
+
const fields = root.querySelectorAll('[data-field-name]');
|
|
38
|
+
for (const field of fields)if (field.getAttribute('data-field-name') === name) return field;
|
|
39
|
+
return null;
|
|
40
|
+
}
|
|
41
|
+
function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, changedFields }) {
|
|
37
42
|
const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
|
|
43
|
+
const rootRef = (0, external_react_namespaceObject.useRef)(null);
|
|
44
|
+
const scrolledKeyRef = (0, external_react_namespaceObject.useRef)(null);
|
|
45
|
+
const changedFieldLabel = _({
|
|
46
|
+
id: 'canvas.node_property_panel.changed_field',
|
|
47
|
+
message: 'Changed'
|
|
48
|
+
});
|
|
49
|
+
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
50
|
+
if (children || !changedFields || 0 === changedFields.length) return;
|
|
51
|
+
const scrollKey = JSON.stringify([
|
|
52
|
+
resetKey ?? null,
|
|
53
|
+
changedFields
|
|
54
|
+
]);
|
|
55
|
+
if (scrolledKeyRef.current === scrollKey) return;
|
|
56
|
+
const root = rootRef.current;
|
|
57
|
+
if (!root) return;
|
|
58
|
+
const findTarget = ()=>{
|
|
59
|
+
for (const name of changedFields){
|
|
60
|
+
const el = findFieldElement(root, name);
|
|
61
|
+
if (el) return el;
|
|
62
|
+
}
|
|
63
|
+
return null;
|
|
64
|
+
};
|
|
65
|
+
const scrollToTarget = (target)=>{
|
|
66
|
+
scrolledKeyRef.current = scrollKey;
|
|
67
|
+
const prefersReducedMotion = "u" > typeof window && window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
|
|
68
|
+
target.scrollIntoView({
|
|
69
|
+
block: 'nearest',
|
|
70
|
+
behavior: prefersReducedMotion ? 'auto' : 'smooth'
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
const immediateTarget = findTarget();
|
|
74
|
+
if (immediateTarget) return void scrollToTarget(immediateTarget);
|
|
75
|
+
const observer = new MutationObserver(()=>{
|
|
76
|
+
const target = findTarget();
|
|
77
|
+
if (target) {
|
|
78
|
+
scrollToTarget(target);
|
|
79
|
+
observer.disconnect();
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
observer.observe(root, {
|
|
83
|
+
childList: true,
|
|
84
|
+
subtree: true
|
|
85
|
+
});
|
|
86
|
+
return ()=>observer.disconnect();
|
|
87
|
+
}, [
|
|
88
|
+
children,
|
|
89
|
+
changedFields,
|
|
90
|
+
resetKey
|
|
91
|
+
]);
|
|
38
92
|
const isLabelEditable = !!onNodeLabelChange && !!onNodeLabelSubmit;
|
|
39
93
|
const isDescriptionEditable = !!onNodeDescriptionChange && !!onNodeDescriptionSubmit;
|
|
40
94
|
const showsDescription = !!nodeDescription || isDescriptionEditable || !!nodeDescriptionError;
|
|
@@ -47,6 +101,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
|
|
|
47
101
|
schema
|
|
48
102
|
]);
|
|
49
103
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
104
|
+
ref: rootRef,
|
|
50
105
|
className: (0, apollo_wind_namespaceObject.cn)('flex min-h-0 flex-col bg-surface future:bg-surface-raised', className),
|
|
51
106
|
style: {
|
|
52
107
|
'--mf-content-inset': contentInset
|
|
@@ -177,6 +232,8 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
|
|
|
177
232
|
onSubmit: onSubmit,
|
|
178
233
|
disabled: disabled,
|
|
179
234
|
autoComplete: autoComplete,
|
|
235
|
+
changedFields: changedFields,
|
|
236
|
+
changedFieldLabel: changedFieldLabel,
|
|
180
237
|
className: "flex min-h-0 flex-1 flex-col"
|
|
181
238
|
}, resetKey)
|
|
182
239
|
})
|
|
@@ -191,6 +248,8 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
|
|
|
191
248
|
onSubmit: onSubmit,
|
|
192
249
|
disabled: disabled,
|
|
193
250
|
autoComplete: autoComplete,
|
|
251
|
+
changedFields: changedFields,
|
|
252
|
+
changedFieldLabel: changedFieldLabel,
|
|
194
253
|
className: "flex flex-col gap-4 pb-6 pt-3 [padding-inline:var(--mf-content-inset)]"
|
|
195
254
|
}, resetKey)
|
|
196
255
|
})
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { NodePropertyPanelProps } from './NodePropertyPanel.types';
|
|
2
|
-
export declare function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset, children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, }: NodePropertyPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset, children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, changedFields, }: NodePropertyPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=NodePropertyPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodePropertyPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"NodePropertyPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAuDxE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,eAAe,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,0BAA0B,EAC1B,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,oBAAoB,EACpB,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,YAAuB,EACvB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,aAAa,GACd,EAAE,sBAAsB,2CA8OxB"}
|
|
@@ -1,12 +1,66 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { MetadataForm, cn } from "@uipath/apollo-wind";
|
|
3
3
|
import { GripVertical, X } from "lucide-react";
|
|
4
|
-
import { useMemo } from "react";
|
|
4
|
+
import { useEffect, useMemo, useRef } from "react";
|
|
5
5
|
import { useSafeLingui } from "../../../i18n/index.js";
|
|
6
6
|
import { EditableText } from "./EditableText.js";
|
|
7
7
|
const SURFACE_REMAP = 'future:[--surface-raised:var(--surface-overlay)]';
|
|
8
|
-
function
|
|
8
|
+
function findFieldElement(root, name) {
|
|
9
|
+
const fields = root.querySelectorAll('[data-field-name]');
|
|
10
|
+
for (const field of fields)if (field.getAttribute('data-field-name') === name) return field;
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nodeLabel, nodeCategory, nodeDescription, nodeLabelPlaceholder, nodeDescriptionPlaceholder, onNodeLabelChange, onNodeLabelSubmit, onNodeDescriptionChange, onNodeDescriptionSubmit, nodeLabelError, nodeDescriptionError, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, changedFields }) {
|
|
9
14
|
const { _ } = useSafeLingui();
|
|
15
|
+
const rootRef = useRef(null);
|
|
16
|
+
const scrolledKeyRef = useRef(null);
|
|
17
|
+
const changedFieldLabel = _({
|
|
18
|
+
id: 'canvas.node_property_panel.changed_field',
|
|
19
|
+
message: 'Changed'
|
|
20
|
+
});
|
|
21
|
+
useEffect(()=>{
|
|
22
|
+
if (children || !changedFields || 0 === changedFields.length) return;
|
|
23
|
+
const scrollKey = JSON.stringify([
|
|
24
|
+
resetKey ?? null,
|
|
25
|
+
changedFields
|
|
26
|
+
]);
|
|
27
|
+
if (scrolledKeyRef.current === scrollKey) return;
|
|
28
|
+
const root = rootRef.current;
|
|
29
|
+
if (!root) return;
|
|
30
|
+
const findTarget = ()=>{
|
|
31
|
+
for (const name of changedFields){
|
|
32
|
+
const el = findFieldElement(root, name);
|
|
33
|
+
if (el) return el;
|
|
34
|
+
}
|
|
35
|
+
return null;
|
|
36
|
+
};
|
|
37
|
+
const scrollToTarget = (target)=>{
|
|
38
|
+
scrolledKeyRef.current = scrollKey;
|
|
39
|
+
const prefersReducedMotion = "u" > typeof window && window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
|
|
40
|
+
target.scrollIntoView({
|
|
41
|
+
block: 'nearest',
|
|
42
|
+
behavior: prefersReducedMotion ? 'auto' : 'smooth'
|
|
43
|
+
});
|
|
44
|
+
};
|
|
45
|
+
const immediateTarget = findTarget();
|
|
46
|
+
if (immediateTarget) return void scrollToTarget(immediateTarget);
|
|
47
|
+
const observer = new MutationObserver(()=>{
|
|
48
|
+
const target = findTarget();
|
|
49
|
+
if (target) {
|
|
50
|
+
scrollToTarget(target);
|
|
51
|
+
observer.disconnect();
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
observer.observe(root, {
|
|
55
|
+
childList: true,
|
|
56
|
+
subtree: true
|
|
57
|
+
});
|
|
58
|
+
return ()=>observer.disconnect();
|
|
59
|
+
}, [
|
|
60
|
+
children,
|
|
61
|
+
changedFields,
|
|
62
|
+
resetKey
|
|
63
|
+
]);
|
|
10
64
|
const isLabelEditable = !!onNodeLabelChange && !!onNodeLabelSubmit;
|
|
11
65
|
const isDescriptionEditable = !!onNodeDescriptionChange && !!onNodeDescriptionSubmit;
|
|
12
66
|
const showsDescription = !!nodeDescription || isDescriptionEditable || !!nodeDescriptionError;
|
|
@@ -19,6 +73,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
|
|
|
19
73
|
schema
|
|
20
74
|
]);
|
|
21
75
|
return /*#__PURE__*/ jsxs("div", {
|
|
76
|
+
ref: rootRef,
|
|
22
77
|
className: cn('flex min-h-0 flex-col bg-surface future:bg-surface-raised', className),
|
|
23
78
|
style: {
|
|
24
79
|
'--mf-content-inset': contentInset
|
|
@@ -149,6 +204,8 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
|
|
|
149
204
|
onSubmit: onSubmit,
|
|
150
205
|
disabled: disabled,
|
|
151
206
|
autoComplete: autoComplete,
|
|
207
|
+
changedFields: changedFields,
|
|
208
|
+
changedFieldLabel: changedFieldLabel,
|
|
152
209
|
className: "flex min-h-0 flex-1 flex-col"
|
|
153
210
|
}, resetKey)
|
|
154
211
|
})
|
|
@@ -163,6 +220,8 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
|
|
|
163
220
|
onSubmit: onSubmit,
|
|
164
221
|
disabled: disabled,
|
|
165
222
|
autoComplete: autoComplete,
|
|
223
|
+
changedFields: changedFields,
|
|
224
|
+
changedFieldLabel: changedFieldLabel,
|
|
166
225
|
className: "flex flex-col gap-4 pb-6 pt-3 [padding-inline:var(--mf-content-inset)]"
|
|
167
226
|
}, resetKey)
|
|
168
227
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodePropertyPanel.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,sBAAsB;IAKrC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,eAAe,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;IAEpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAEpC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5C,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAExD,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAKxD,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IAEjC,MAAM,CAAC,EAAE,SAAS,CAAC;IAMnB,MAAM,CAAC,EAAE,UAAU,CAAC;IAMpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAMlC,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAM5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,WAAW,CAAC,EAAE,SAAS,CAAC;IAQxB,QAAQ,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"NodePropertyPanel.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,sBAAsB;IAKrC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,eAAe,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;IAEpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAEpC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5C,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAExD,uBAAuB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAKxD,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IAEjC,MAAM,CAAC,EAAE,SAAS,CAAC;IAMnB,MAAM,CAAC,EAAE,UAAU,CAAC;IAMpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAMlC,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAM5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,WAAW,CAAC,EAAE,SAAS,CAAC;IAQxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACnC"}
|
|
@@ -21,6 +21,9 @@ var __webpack_modules__ = {
|
|
|
21
21
|
"./CanvasBottomPanel" (module) {
|
|
22
22
|
module.exports = require("./CanvasBottomPanel/index.cjs");
|
|
23
23
|
},
|
|
24
|
+
"./CanvasDiffView?b316" (module) {
|
|
25
|
+
module.exports = require("./CanvasDiffView/index.cjs");
|
|
26
|
+
},
|
|
24
27
|
"./CanvasLeftSidebar" (module) {
|
|
25
28
|
module.exports = require("./CanvasLeftSidebar/index.cjs");
|
|
26
29
|
},
|
|
@@ -186,129 +189,133 @@ var __webpack_exports__ = {};
|
|
|
186
189
|
var __rspack_reexport = {};
|
|
187
190
|
for(const __rspack_import_key in _CanvasBottomPanel__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasBottomPanel__rspack_import_6[__rspack_import_key];
|
|
188
191
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
189
|
-
var
|
|
192
|
+
var _CanvasDiffView__rspack_import_7 = __webpack_require__("./CanvasDiffView?b316");
|
|
193
|
+
var __rspack_reexport = {};
|
|
194
|
+
for(const __rspack_import_key in _CanvasDiffView__rspack_import_7)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasDiffView__rspack_import_7[__rspack_import_key];
|
|
195
|
+
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
196
|
+
var _CanvasLeftSidebar__rspack_import_8 = __webpack_require__("./CanvasLeftSidebar");
|
|
190
197
|
var __rspack_reexport = {};
|
|
191
|
-
for(const __rspack_import_key in
|
|
198
|
+
for(const __rspack_import_key in _CanvasLeftSidebar__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasLeftSidebar__rspack_import_8[__rspack_import_key];
|
|
192
199
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
193
|
-
var
|
|
200
|
+
var _CanvasModeToolbar__rspack_import_9 = __webpack_require__("./CanvasModeToolbar");
|
|
194
201
|
var __rspack_reexport = {};
|
|
195
|
-
for(const __rspack_import_key in
|
|
202
|
+
for(const __rspack_import_key in _CanvasModeToolbar__rspack_import_9)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasModeToolbar__rspack_import_9[__rspack_import_key];
|
|
196
203
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
197
|
-
var
|
|
204
|
+
var _CanvasPositionControls__rspack_import_10 = __webpack_require__("./CanvasPositionControls");
|
|
198
205
|
var __rspack_reexport = {};
|
|
199
|
-
for(const __rspack_import_key in
|
|
206
|
+
for(const __rspack_import_key in _CanvasPositionControls__rspack_import_10)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasPositionControls__rspack_import_10[__rspack_import_key];
|
|
200
207
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
201
|
-
var
|
|
208
|
+
var _CanvasTakeoverModal__rspack_import_11 = __webpack_require__("./CanvasTakeoverModal");
|
|
202
209
|
var __rspack_reexport = {};
|
|
203
|
-
for(const __rspack_import_key in
|
|
210
|
+
for(const __rspack_import_key in _CanvasTakeoverModal__rspack_import_11)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasTakeoverModal__rspack_import_11[__rspack_import_key];
|
|
204
211
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
205
|
-
var
|
|
212
|
+
var _CanvasTooltip__rspack_import_12 = __webpack_require__("./CanvasTooltip");
|
|
206
213
|
var __rspack_reexport = {};
|
|
207
|
-
for(const __rspack_import_key in
|
|
214
|
+
for(const __rspack_import_key in _CanvasTooltip__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasTooltip__rspack_import_12[__rspack_import_key];
|
|
208
215
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
209
|
-
var
|
|
216
|
+
var _CanvasZoomControls__rspack_import_13 = __webpack_require__("./CanvasZoomControls");
|
|
210
217
|
var __rspack_reexport = {};
|
|
211
|
-
for(const __rspack_import_key in
|
|
218
|
+
for(const __rspack_import_key in _CanvasZoomControls__rspack_import_13)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasZoomControls__rspack_import_13[__rspack_import_key];
|
|
212
219
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
213
|
-
var
|
|
220
|
+
var _CaseFlow__rspack_import_14 = __webpack_require__("./CaseFlow");
|
|
214
221
|
var __rspack_reexport = {};
|
|
215
|
-
for(const __rspack_import_key in
|
|
222
|
+
for(const __rspack_import_key in _CaseFlow__rspack_import_14)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CaseFlow__rspack_import_14[__rspack_import_key];
|
|
216
223
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
217
|
-
var
|
|
224
|
+
var _CodedAgent__rspack_import_15 = __webpack_require__("./CodedAgent");
|
|
218
225
|
var __rspack_reexport = {};
|
|
219
|
-
for(const __rspack_import_key in
|
|
226
|
+
for(const __rspack_import_key in _CodedAgent__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CodedAgent__rspack_import_15[__rspack_import_key];
|
|
220
227
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
221
|
-
var
|
|
228
|
+
var _ContainerNode__rspack_import_16 = __webpack_require__("./ContainerNode?8646");
|
|
222
229
|
var __rspack_reexport = {};
|
|
223
|
-
for(const __rspack_import_key in
|
|
230
|
+
for(const __rspack_import_key in _ContainerNode__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ContainerNode__rspack_import_16[__rspack_import_key];
|
|
224
231
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
225
|
-
var
|
|
232
|
+
var _Edges__rspack_import_17 = __webpack_require__("./Edges");
|
|
226
233
|
var __rspack_reexport = {};
|
|
227
|
-
for(const __rspack_import_key in
|
|
234
|
+
for(const __rspack_import_key in _Edges__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Edges__rspack_import_17[__rspack_import_key];
|
|
228
235
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
229
|
-
var
|
|
236
|
+
var _ExecutionStatusIcon__rspack_import_18 = __webpack_require__("./ExecutionStatusIcon");
|
|
230
237
|
var __rspack_reexport = {};
|
|
231
|
-
for(const __rspack_import_key in
|
|
238
|
+
for(const __rspack_import_key in _ExecutionStatusIcon__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ExecutionStatusIcon__rspack_import_18[__rspack_import_key];
|
|
232
239
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
233
|
-
var
|
|
240
|
+
var _FloatingCanvasPanel__rspack_import_19 = __webpack_require__("./FloatingCanvasPanel");
|
|
234
241
|
var __rspack_reexport = {};
|
|
235
|
-
for(const __rspack_import_key in
|
|
242
|
+
for(const __rspack_import_key in _FloatingCanvasPanel__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_FloatingCanvasPanel__rspack_import_19[__rspack_import_key];
|
|
236
243
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
237
|
-
var
|
|
244
|
+
var _GroupNode__rspack_import_20 = __webpack_require__("./GroupNode");
|
|
238
245
|
var __rspack_reexport = {};
|
|
239
|
-
for(const __rspack_import_key in
|
|
246
|
+
for(const __rspack_import_key in _GroupNode__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_GroupNode__rspack_import_20[__rspack_import_key];
|
|
240
247
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
241
|
-
var
|
|
248
|
+
var _Guardrails__rspack_import_21 = __webpack_require__("./Guardrails");
|
|
242
249
|
var __rspack_reexport = {};
|
|
243
|
-
for(const __rspack_import_key in
|
|
250
|
+
for(const __rspack_import_key in _Guardrails__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Guardrails__rspack_import_21[__rspack_import_key];
|
|
244
251
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
245
|
-
var
|
|
252
|
+
var _HierarchicalCanvas__rspack_import_22 = __webpack_require__("./HierarchicalCanvas");
|
|
246
253
|
var __rspack_reexport = {};
|
|
247
|
-
for(const __rspack_import_key in
|
|
254
|
+
for(const __rspack_import_key in _HierarchicalCanvas__rspack_import_22)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_HierarchicalCanvas__rspack_import_22[__rspack_import_key];
|
|
248
255
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
249
|
-
var
|
|
256
|
+
var _JsonTree__rspack_import_23 = __webpack_require__("./JsonTree?257f");
|
|
250
257
|
var __rspack_reexport = {};
|
|
251
|
-
for(const __rspack_import_key in
|
|
258
|
+
for(const __rspack_import_key in _JsonTree__rspack_import_23)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_JsonTree__rspack_import_23[__rspack_import_key];
|
|
252
259
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
253
|
-
var
|
|
260
|
+
var _LoopNode__rspack_import_24 = __webpack_require__("./LoopNode?4ffc");
|
|
254
261
|
var __rspack_reexport = {};
|
|
255
|
-
for(const __rspack_import_key in
|
|
262
|
+
for(const __rspack_import_key in _LoopNode__rspack_import_24)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_LoopNode__rspack_import_24[__rspack_import_key];
|
|
256
263
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
257
|
-
var
|
|
264
|
+
var _MiniCanvasNavigator__rspack_import_25 = __webpack_require__("./MiniCanvasNavigator?564d");
|
|
258
265
|
var __rspack_reexport = {};
|
|
259
|
-
for(const __rspack_import_key in
|
|
266
|
+
for(const __rspack_import_key in _MiniCanvasNavigator__rspack_import_25)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_MiniCanvasNavigator__rspack_import_25[__rspack_import_key];
|
|
260
267
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
261
|
-
var
|
|
268
|
+
var _NodeContextMenu__rspack_import_26 = __webpack_require__("./NodeContextMenu");
|
|
262
269
|
var __rspack_reexport = {};
|
|
263
|
-
for(const __rspack_import_key in
|
|
270
|
+
for(const __rspack_import_key in _NodeContextMenu__rspack_import_26)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeContextMenu__rspack_import_26[__rspack_import_key];
|
|
264
271
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
265
|
-
var
|
|
272
|
+
var _NodeInspector__rspack_import_27 = __webpack_require__("./NodeInspector");
|
|
266
273
|
var __rspack_reexport = {};
|
|
267
|
-
for(const __rspack_import_key in
|
|
274
|
+
for(const __rspack_import_key in _NodeInspector__rspack_import_27)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeInspector__rspack_import_27[__rspack_import_key];
|
|
268
275
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
269
|
-
var
|
|
276
|
+
var _NodeIOView__rspack_import_28 = __webpack_require__("./NodeIOView?1e59");
|
|
270
277
|
var __rspack_reexport = {};
|
|
271
|
-
for(const __rspack_import_key in
|
|
278
|
+
for(const __rspack_import_key in _NodeIOView__rspack_import_28)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeIOView__rspack_import_28[__rspack_import_key];
|
|
272
279
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
273
|
-
var
|
|
280
|
+
var _NodePropertiesPanel__rspack_import_29 = __webpack_require__("./NodePropertiesPanel");
|
|
274
281
|
var __rspack_reexport = {};
|
|
275
|
-
for(const __rspack_import_key in
|
|
282
|
+
for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_29)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_29[__rspack_import_key];
|
|
276
283
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
277
|
-
var
|
|
284
|
+
var _NodePropertyPanel__rspack_import_30 = __webpack_require__("./NodePropertyPanel");
|
|
278
285
|
var __rspack_reexport = {};
|
|
279
|
-
for(const __rspack_import_key in
|
|
286
|
+
for(const __rspack_import_key in _NodePropertyPanel__rspack_import_30)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertyPanel__rspack_import_30[__rspack_import_key];
|
|
280
287
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
281
|
-
var
|
|
288
|
+
var _ProbeCard__rspack_import_31 = __webpack_require__("./ProbeCard");
|
|
282
289
|
var __rspack_reexport = {};
|
|
283
|
-
for(const __rspack_import_key in
|
|
290
|
+
for(const __rspack_import_key in _ProbeCard__rspack_import_31)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ProbeCard__rspack_import_31[__rspack_import_key];
|
|
284
291
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
285
|
-
var
|
|
292
|
+
var _StageNode__rspack_import_32 = __webpack_require__("./StageNode");
|
|
286
293
|
var __rspack_reexport = {};
|
|
287
|
-
for(const __rspack_import_key in
|
|
294
|
+
for(const __rspack_import_key in _StageNode__rspack_import_32)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_32[__rspack_import_key];
|
|
288
295
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
289
|
-
var
|
|
296
|
+
var _StickyNoteNode__rspack_import_33 = __webpack_require__("./StickyNoteNode?d2a3");
|
|
290
297
|
var __rspack_reexport = {};
|
|
291
|
-
for(const __rspack_import_key in
|
|
298
|
+
for(const __rspack_import_key in _StickyNoteNode__rspack_import_33)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_33[__rspack_import_key];
|
|
292
299
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
293
|
-
var
|
|
300
|
+
var _shared__rspack_import_34 = __webpack_require__("./shared");
|
|
294
301
|
var __rspack_reexport = {};
|
|
295
|
-
for(const __rspack_import_key in
|
|
302
|
+
for(const __rspack_import_key in _shared__rspack_import_34)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_shared__rspack_import_34[__rspack_import_key];
|
|
296
303
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
297
|
-
var
|
|
304
|
+
var _TaskIcon__rspack_import_35 = __webpack_require__("./TaskIcon");
|
|
298
305
|
var __rspack_reexport = {};
|
|
299
|
-
for(const __rspack_import_key in
|
|
306
|
+
for(const __rspack_import_key in _TaskIcon__rspack_import_35)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_35[__rspack_import_key];
|
|
300
307
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
301
|
-
var
|
|
308
|
+
var _Toolbar__rspack_import_36 = __webpack_require__("./Toolbar");
|
|
302
309
|
var __rspack_reexport = {};
|
|
303
|
-
for(const __rspack_import_key in
|
|
310
|
+
for(const __rspack_import_key in _Toolbar__rspack_import_36)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_36[__rspack_import_key];
|
|
304
311
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
305
|
-
var
|
|
312
|
+
var _Toolbox__rspack_import_37 = __webpack_require__("./Toolbox?2740");
|
|
306
313
|
var __rspack_reexport = {};
|
|
307
|
-
for(const __rspack_import_key in
|
|
314
|
+
for(const __rspack_import_key in _Toolbox__rspack_import_37)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_37[__rspack_import_key];
|
|
308
315
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
309
|
-
var
|
|
316
|
+
var _TriggerNode__rspack_import_38 = __webpack_require__("./TriggerNode");
|
|
310
317
|
var __rspack_reexport = {};
|
|
311
|
-
for(const __rspack_import_key in
|
|
318
|
+
for(const __rspack_import_key in _TriggerNode__rspack_import_38)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_38[__rspack_import_key];
|
|
312
319
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
313
320
|
})();
|
|
314
321
|
for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
@@ -5,6 +5,7 @@ export * from './BaseCanvas';
|
|
|
5
5
|
export * from './BaseNode';
|
|
6
6
|
export * from './ButtonHandle';
|
|
7
7
|
export * from './CanvasBottomPanel';
|
|
8
|
+
export * from './CanvasDiffView';
|
|
8
9
|
export * from './CanvasLeftSidebar';
|
|
9
10
|
export * from './CanvasModeToolbar';
|
|
10
11
|
export * from './CanvasPositionControls';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
|
|
@@ -5,6 +5,7 @@ export * from "./BaseCanvas/index.js";
|
|
|
5
5
|
export * from "./BaseNode/index.js";
|
|
6
6
|
export * from "./ButtonHandle/index.js";
|
|
7
7
|
export * from "./CanvasBottomPanel/index.js";
|
|
8
|
+
export * from "./CanvasDiffView/index.js";
|
|
8
9
|
export * from "./CanvasLeftSidebar/index.js";
|
|
9
10
|
export * from "./CanvasModeToolbar/index.js";
|
|
10
11
|
export * from "./CanvasPositionControls.js";
|
|
@@ -26,9 +26,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
27
|
getToolbarActionStore: ()=>getToolbarActionStore,
|
|
28
28
|
useToolbarActionStore: ()=>useToolbarActionStore,
|
|
29
|
+
ToolbarActionStoreProvider: ()=>ToolbarActionStoreProvider,
|
|
30
|
+
useToolbarActionStoreContext: ()=>useToolbarActionStoreContext,
|
|
29
31
|
setToolbarActionStore: ()=>setToolbarActionStore
|
|
30
32
|
});
|
|
33
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
31
34
|
const external_react_namespaceObject = require("react");
|
|
35
|
+
const external_mountedCanvases_cjs_namespaceObject = require("./mountedCanvases.cjs");
|
|
32
36
|
let toolbarActionStore = {
|
|
33
37
|
mode: 'design',
|
|
34
38
|
onToolbarAction: void 0,
|
|
@@ -40,33 +44,73 @@ function setToolbarActionStore(store) {
|
|
|
40
44
|
function getToolbarActionStore() {
|
|
41
45
|
return toolbarActionStore;
|
|
42
46
|
}
|
|
47
|
+
function syncToNewestCanvas() {
|
|
48
|
+
setToolbarActionStore((0, external_mountedCanvases_cjs_namespaceObject.newestMountedCanvas)()?.store ?? {
|
|
49
|
+
mode: 'design',
|
|
50
|
+
onToolbarAction: void 0,
|
|
51
|
+
breakpoints: void 0
|
|
52
|
+
});
|
|
53
|
+
}
|
|
43
54
|
function useToolbarActionStore(mode, onToolbarAction, breakpoints) {
|
|
44
|
-
(0, external_react_namespaceObject.
|
|
45
|
-
|
|
55
|
+
const entryRef = (0, external_react_namespaceObject.useRef)({
|
|
56
|
+
store: {
|
|
46
57
|
mode,
|
|
47
58
|
onToolbarAction,
|
|
48
59
|
breakpoints
|
|
49
|
-
}
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
63
|
+
const entry = entryRef.current;
|
|
64
|
+
(0, external_mountedCanvases_cjs_namespaceObject.addMountedCanvas)(entry);
|
|
65
|
+
syncToNewestCanvas();
|
|
50
66
|
return ()=>{
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
67
|
+
(0, external_mountedCanvases_cjs_namespaceObject.removeMountedCanvas)(entry);
|
|
68
|
+
syncToNewestCanvas();
|
|
69
|
+
};
|
|
70
|
+
}, []);
|
|
71
|
+
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
72
|
+
entryRef.current.store = {
|
|
73
|
+
mode,
|
|
74
|
+
onToolbarAction,
|
|
75
|
+
breakpoints
|
|
56
76
|
};
|
|
77
|
+
syncToNewestCanvas();
|
|
57
78
|
}, [
|
|
58
79
|
mode,
|
|
59
80
|
onToolbarAction,
|
|
60
81
|
breakpoints
|
|
61
82
|
]);
|
|
62
83
|
}
|
|
84
|
+
const ToolbarActionStoreContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(void 0);
|
|
85
|
+
function ToolbarActionStoreProvider({ mode, onToolbarAction, breakpoints, children }) {
|
|
86
|
+
const value = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
87
|
+
mode,
|
|
88
|
+
onToolbarAction,
|
|
89
|
+
breakpoints
|
|
90
|
+
}), [
|
|
91
|
+
mode,
|
|
92
|
+
onToolbarAction,
|
|
93
|
+
breakpoints
|
|
94
|
+
]);
|
|
95
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarActionStoreContext.Provider, {
|
|
96
|
+
value: value,
|
|
97
|
+
children: children
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
function useToolbarActionStoreContext() {
|
|
101
|
+
return (0, external_react_namespaceObject.useContext)(ToolbarActionStoreContext);
|
|
102
|
+
}
|
|
103
|
+
exports.ToolbarActionStoreProvider = __webpack_exports__.ToolbarActionStoreProvider;
|
|
63
104
|
exports.getToolbarActionStore = __webpack_exports__.getToolbarActionStore;
|
|
64
105
|
exports.setToolbarActionStore = __webpack_exports__.setToolbarActionStore;
|
|
65
106
|
exports.useToolbarActionStore = __webpack_exports__.useToolbarActionStore;
|
|
107
|
+
exports.useToolbarActionStoreContext = __webpack_exports__.useToolbarActionStoreContext;
|
|
66
108
|
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
109
|
+
"ToolbarActionStoreProvider",
|
|
67
110
|
"getToolbarActionStore",
|
|
68
111
|
"setToolbarActionStore",
|
|
69
|
-
"useToolbarActionStore"
|
|
112
|
+
"useToolbarActionStore",
|
|
113
|
+
"useToolbarActionStoreContext"
|
|
70
114
|
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
71
115
|
Object.defineProperty(exports, '__esModule', {
|
|
72
116
|
value: true
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
1
2
|
import type { ToolbarActionHandler } from '../schema/toolbar';
|
|
2
|
-
interface ToolbarActionStore {
|
|
3
|
+
export interface ToolbarActionStore {
|
|
3
4
|
mode: string;
|
|
4
5
|
onToolbarAction?: ToolbarActionHandler;
|
|
5
6
|
breakpoints?: Set<string>;
|
|
@@ -7,5 +8,8 @@ interface ToolbarActionStore {
|
|
|
7
8
|
export declare function setToolbarActionStore(store: ToolbarActionStore): void;
|
|
8
9
|
export declare function getToolbarActionStore(): ToolbarActionStore;
|
|
9
10
|
export declare function useToolbarActionStore(mode: string, onToolbarAction?: ToolbarActionHandler, breakpoints?: Set<string>): void;
|
|
10
|
-
export {}
|
|
11
|
+
export declare function ToolbarActionStoreProvider({ mode, onToolbarAction, breakpoints, children, }: ToolbarActionStore & {
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function useToolbarActionStoreContext(): ToolbarActionStore | undefined;
|
|
11
15
|
//# 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":"AAQA,OAAO,EAAiB,KAAK,SAAS,EAA0C,MAAM,OAAO,CAAC;AAC9F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG9D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC3B;AAaD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAErE;AAMD,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D;AAgBD,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,eAAe,CAAC,EAAE,oBAAoB,EACtC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACxB,IAAI,CAiBN;AAKD,wBAAgB,0BAA0B,CAAC,EACzC,IAAI,EACJ,eAAe,EACf,WAAW,EACX,QAAQ,GACT,EAAE,kBAAkB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAU9C;AAGD,wBAAgB,4BAA4B,IAAI,kBAAkB,GAAG,SAAS,CAE7E"}
|