@uipath/apollo-react 4.6.2-pr525.30a5d08 → 4.6.2-pr525.4d8c21b
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 +1 -1
- package/dist/canvas/components/AddNodePanel/AddNodeManager.js +2 -2
- package/dist/canvas/components/NodeInspector.cjs +3 -2
- package/dist/canvas/components/NodeInspector.d.ts.map +1 -1
- package/dist/canvas/components/NodeInspector.js +3 -2
- package/dist/canvas/components/Toolbox/Toolbox.cjs +6 -5
- package/dist/canvas/components/Toolbox/Toolbox.d.ts.map +1 -1
- package/dist/canvas/components/Toolbox/Toolbox.js +6 -5
- package/dist/canvas/constants.cjs +26 -2
- package/dist/canvas/constants.d.ts +6 -0
- package/dist/canvas/constants.d.ts.map +1 -1
- package/dist/canvas/constants.js +7 -1
- package/package.json +3 -3
|
@@ -161,7 +161,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
|
|
|
161
161
|
open: !!previewNode,
|
|
162
162
|
nodeId: external_constants_cjs_namespaceObject.PREVIEW_NODE_ID,
|
|
163
163
|
placement: "right-start",
|
|
164
|
-
offset:
|
|
164
|
+
offset: external_constants_cjs_namespaceObject.FLOATING_CANVAS_PANEL_OFFSET,
|
|
165
165
|
children: CustomPanel ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CustomPanel, {
|
|
166
166
|
onNodeSelect: (item)=>handleNodeSelect(item),
|
|
167
167
|
onClose: handleClose
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useReactFlow } from "../../xyflow/react.js";
|
|
3
3
|
import { useCallback, useEffect, useRef } from "react";
|
|
4
|
-
import { PREVIEW_NODE_ID } from "../../constants.js";
|
|
4
|
+
import { FLOATING_CANVAS_PANEL_OFFSET, PREVIEW_NODE_ID } from "../../constants.js";
|
|
5
5
|
import { useOptionalNodeTypeRegistry } from "../../core/index.js";
|
|
6
6
|
import { usePreviewNode } from "../../hooks/usePreviewNode.js";
|
|
7
7
|
import { resolveCollisions } from "../../utils/index.js";
|
|
@@ -133,7 +133,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
|
|
|
133
133
|
open: !!previewNode,
|
|
134
134
|
nodeId: PREVIEW_NODE_ID,
|
|
135
135
|
placement: "right-start",
|
|
136
|
-
offset:
|
|
136
|
+
offset: FLOATING_CANVAS_PANEL_OFFSET,
|
|
137
137
|
children: CustomPanel ? /*#__PURE__*/ jsx(CustomPanel, {
|
|
138
138
|
onNodeSelect: (item)=>handleNodeSelect(item),
|
|
139
139
|
onClose: handleClose
|
|
@@ -29,6 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
29
29
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
30
|
const index_cjs_namespaceObject = require("../layouts/index.cjs");
|
|
31
31
|
const react_cjs_namespaceObject = require("../xyflow/react.cjs");
|
|
32
|
+
const external_constants_cjs_namespaceObject = require("../constants.cjs");
|
|
32
33
|
const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("./FloatingCanvasPanel/index.cjs");
|
|
33
34
|
function safeStringify(obj, indent = 2) {
|
|
34
35
|
const seen = new WeakSet();
|
|
@@ -345,7 +346,7 @@ function NodeInspector({ nodeFilter, edgeFilter, showCloseButton = false, onClos
|
|
|
345
346
|
nodeId: node.id,
|
|
346
347
|
title: "Node Inspector",
|
|
347
348
|
placement: "right-start",
|
|
348
|
-
offset:
|
|
349
|
+
offset: external_constants_cjs_namespaceObject.FLOATING_CANVAS_PANEL_OFFSET,
|
|
349
350
|
onClose: showCloseButton ? onClose : void 0,
|
|
350
351
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NodeInfoContent, {
|
|
351
352
|
node: node,
|
|
@@ -363,7 +364,7 @@ function NodeInspector({ nodeFilter, edgeFilter, showCloseButton = false, onClos
|
|
|
363
364
|
nodeId: nodeId,
|
|
364
365
|
title: "Edge Inspector",
|
|
365
366
|
placement: "right-start",
|
|
366
|
-
offset:
|
|
367
|
+
offset: external_constants_cjs_namespaceObject.FLOATING_CANVAS_PANEL_OFFSET + (nodesToShow.length > 0 ? 420 : 0) + 420 * index,
|
|
367
368
|
onClose: showCloseButton ? onClose : void 0,
|
|
368
369
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(EdgeInfoContent, {
|
|
369
370
|
edge: edge
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeInspector.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/NodeInspector.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EAKV,MAAM,0CAA0C,CAAC;
|
|
1
|
+
{"version":3,"file":"NodeInspector.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/NodeInspector.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EAKV,MAAM,0CAA0C,CAAC;AAsOlD,MAAM,MAAM,kBAAkB,GAAG;IAI/B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAIrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAIrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAI1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAIrB,YAAY,CAAC,EAAE,OAAO,CAAC;IAIvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,UAAU,EACV,eAAuB,EACvB,OAAO,EACP,YAAmB,EACnB,YAAmB,GACpB,GAAE,kBAAuB,kDAwFzB"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Column, Row } from "../layouts/index.js";
|
|
3
3
|
import { useEdges, useNodes, useReactFlow } from "../xyflow/react.js";
|
|
4
|
+
import { FLOATING_CANVAS_PANEL_OFFSET } from "../constants.js";
|
|
4
5
|
import { FloatingCanvasPanel } from "./FloatingCanvasPanel/index.js";
|
|
5
6
|
function safeStringify(obj, indent = 2) {
|
|
6
7
|
const seen = new WeakSet();
|
|
@@ -317,7 +318,7 @@ function NodeInspector({ nodeFilter, edgeFilter, showCloseButton = false, onClos
|
|
|
317
318
|
nodeId: node.id,
|
|
318
319
|
title: "Node Inspector",
|
|
319
320
|
placement: "right-start",
|
|
320
|
-
offset:
|
|
321
|
+
offset: FLOATING_CANVAS_PANEL_OFFSET,
|
|
321
322
|
onClose: showCloseButton ? onClose : void 0,
|
|
322
323
|
children: /*#__PURE__*/ jsx(NodeInfoContent, {
|
|
323
324
|
node: node,
|
|
@@ -335,7 +336,7 @@ function NodeInspector({ nodeFilter, edgeFilter, showCloseButton = false, onClos
|
|
|
335
336
|
nodeId: nodeId,
|
|
336
337
|
title: "Edge Inspector",
|
|
337
338
|
placement: "right-start",
|
|
338
|
-
offset:
|
|
339
|
+
offset: FLOATING_CANVAS_PANEL_OFFSET + (nodesToShow.length > 0 ? 420 : 0) + 420 * index,
|
|
339
340
|
onClose: showCloseButton ? onClose : void 0,
|
|
340
341
|
children: /*#__PURE__*/ jsx(EdgeInfoContent, {
|
|
341
342
|
edge: edge
|
|
@@ -31,6 +31,7 @@ const index_cjs_namespaceObject = require("../../hooks/index.cjs");
|
|
|
31
31
|
const external_layouts_index_cjs_namespaceObject = require("../../layouts/index.cjs");
|
|
32
32
|
const external_react_namespaceObject = require("react");
|
|
33
33
|
const external_react_window_namespaceObject = require("react-window");
|
|
34
|
+
const external_constants_cjs_namespaceObject = require("../../constants.cjs");
|
|
34
35
|
const external_Header_cjs_namespaceObject = require("./Header.cjs");
|
|
35
36
|
const external_ListView_cjs_namespaceObject = require("./ListView.cjs");
|
|
36
37
|
const external_SearchBox_cjs_namespaceObject = require("./SearchBox.cjs");
|
|
@@ -389,11 +390,11 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
|
|
|
389
390
|
ref: containerRef,
|
|
390
391
|
"data-testid": "toolbox-container",
|
|
391
392
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_layouts_index_cjs_namespaceObject.Column, {
|
|
392
|
-
px:
|
|
393
|
-
py:
|
|
394
|
-
gap:
|
|
395
|
-
w: fullWidth ? '100%' :
|
|
396
|
-
h: fullHeight ? '100%' :
|
|
393
|
+
px: external_constants_cjs_namespaceObject.TOOLBOX_PADDING_X,
|
|
394
|
+
py: external_constants_cjs_namespaceObject.TOOLBOX_PADDING_Y,
|
|
395
|
+
gap: external_constants_cjs_namespaceObject.TOOLBOX_GAP,
|
|
396
|
+
w: fullWidth ? '100%' : external_constants_cjs_namespaceObject.TOOLBOX_WIDTH,
|
|
397
|
+
h: fullHeight ? '100%' : external_constants_cjs_namespaceObject.TOOLBOX_HEIGHT,
|
|
397
398
|
children: [
|
|
398
399
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Header_cjs_namespaceObject.Header, {
|
|
399
400
|
title: currentParentItem?.name || title,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAwC3F,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACpC;AAgDD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAiB,EACjB,UAAkB,GACnB,EAAE,YAAY,CAAC,CAAC,CAAC,2CA0cjB"}
|
|
@@ -3,6 +3,7 @@ import { useNavigationStack } from "../../hooks/index.js";
|
|
|
3
3
|
import { Column } from "../../layouts/index.js";
|
|
4
4
|
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
5
5
|
import { useListRef } from "react-window";
|
|
6
|
+
import { TOOLBOX_GAP, TOOLBOX_HEIGHT, TOOLBOX_PADDING_X, TOOLBOX_PADDING_Y, TOOLBOX_WIDTH } from "../../constants.js";
|
|
6
7
|
import { Header } from "./Header.js";
|
|
7
8
|
import { ListView } from "./ListView.js";
|
|
8
9
|
import { SearchBox } from "./SearchBox.js";
|
|
@@ -361,11 +362,11 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
|
|
|
361
362
|
ref: containerRef,
|
|
362
363
|
"data-testid": "toolbox-container",
|
|
363
364
|
children: /*#__PURE__*/ jsxs(Column, {
|
|
364
|
-
px:
|
|
365
|
-
py:
|
|
366
|
-
gap:
|
|
367
|
-
w: fullWidth ? '100%' :
|
|
368
|
-
h: fullHeight ? '100%' :
|
|
365
|
+
px: TOOLBOX_PADDING_X,
|
|
366
|
+
py: TOOLBOX_PADDING_Y,
|
|
367
|
+
gap: TOOLBOX_GAP,
|
|
368
|
+
w: fullWidth ? '100%' : TOOLBOX_WIDTH,
|
|
369
|
+
h: fullHeight ? '100%' : TOOLBOX_HEIGHT,
|
|
369
370
|
children: [
|
|
370
371
|
/*#__PURE__*/ jsx(Header, {
|
|
371
372
|
title: currentParentItem?.name || title,
|
|
@@ -27,6 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
27
27
|
CANVAS_COMPACT_BREAKPOINT: ()=>CANVAS_COMPACT_BREAKPOINT,
|
|
28
28
|
DEFAULT_NODE_SIZE: ()=>DEFAULT_NODE_SIZE,
|
|
29
29
|
DEFAULT_RECTANGLE_NODE_WIDTH: ()=>DEFAULT_RECTANGLE_NODE_WIDTH,
|
|
30
|
+
FLOATING_CANVAS_PANEL_OFFSET: ()=>FLOATING_CANVAS_PANEL_OFFSET,
|
|
30
31
|
GRID_SPACING: ()=>GRID_SPACING,
|
|
31
32
|
NODE_BADGE_INSET_CIRCLE: ()=>NODE_BADGE_INSET_CIRCLE,
|
|
32
33
|
NODE_BADGE_INSET_SQUARE: ()=>NODE_BADGE_INSET_SQUARE,
|
|
@@ -43,13 +44,24 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
43
44
|
NODE_TEXT_BOTTOM_OFFSET: ()=>NODE_TEXT_BOTTOM_OFFSET,
|
|
44
45
|
NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES: ()=>NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES,
|
|
45
46
|
PREVIEW_EDGE_ID: ()=>PREVIEW_EDGE_ID,
|
|
46
|
-
PREVIEW_NODE_ID: ()=>PREVIEW_NODE_ID
|
|
47
|
+
PREVIEW_NODE_ID: ()=>PREVIEW_NODE_ID,
|
|
48
|
+
TOOLBOX_GAP: ()=>TOOLBOX_GAP,
|
|
49
|
+
TOOLBOX_HEIGHT: ()=>TOOLBOX_HEIGHT,
|
|
50
|
+
TOOLBOX_PADDING_X: ()=>TOOLBOX_PADDING_X,
|
|
51
|
+
TOOLBOX_PADDING_Y: ()=>TOOLBOX_PADDING_Y,
|
|
52
|
+
TOOLBOX_WIDTH: ()=>TOOLBOX_WIDTH
|
|
47
53
|
});
|
|
48
54
|
const PREVIEW_NODE_ID = 'preview-node-id';
|
|
49
55
|
const PREVIEW_EDGE_ID = 'preview-edge-id';
|
|
50
56
|
const DEFAULT_NODE_SIZE = 96;
|
|
51
57
|
const GRID_SPACING = 16;
|
|
52
58
|
const CANVAS_COMPACT_BREAKPOINT = 600;
|
|
59
|
+
const TOOLBOX_WIDTH = 320;
|
|
60
|
+
const TOOLBOX_HEIGHT = 440;
|
|
61
|
+
const TOOLBOX_PADDING_X = 20;
|
|
62
|
+
const TOOLBOX_PADDING_Y = 12;
|
|
63
|
+
const TOOLBOX_GAP = 12;
|
|
64
|
+
const FLOATING_CANVAS_PANEL_OFFSET = 10;
|
|
53
65
|
const DEFAULT_RECTANGLE_NODE_WIDTH = 288;
|
|
54
66
|
const NODE_HEIGHT_DEFAULT = 6 * GRID_SPACING;
|
|
55
67
|
const NODE_HEIGHT_FOOTER_BUTTON = 9 * GRID_SPACING;
|
|
@@ -68,6 +80,7 @@ const NODE_BADGE_INSET_CIRCLE = 12;
|
|
|
68
80
|
exports.CANVAS_COMPACT_BREAKPOINT = __webpack_exports__.CANVAS_COMPACT_BREAKPOINT;
|
|
69
81
|
exports.DEFAULT_NODE_SIZE = __webpack_exports__.DEFAULT_NODE_SIZE;
|
|
70
82
|
exports.DEFAULT_RECTANGLE_NODE_WIDTH = __webpack_exports__.DEFAULT_RECTANGLE_NODE_WIDTH;
|
|
83
|
+
exports.FLOATING_CANVAS_PANEL_OFFSET = __webpack_exports__.FLOATING_CANVAS_PANEL_OFFSET;
|
|
71
84
|
exports.GRID_SPACING = __webpack_exports__.GRID_SPACING;
|
|
72
85
|
exports.NODE_BADGE_INSET_CIRCLE = __webpack_exports__.NODE_BADGE_INSET_CIRCLE;
|
|
73
86
|
exports.NODE_BADGE_INSET_SQUARE = __webpack_exports__.NODE_BADGE_INSET_SQUARE;
|
|
@@ -85,10 +98,16 @@ exports.NODE_TEXT_BOTTOM_OFFSET = __webpack_exports__.NODE_TEXT_BOTTOM_OFFSET;
|
|
|
85
98
|
exports.NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES = __webpack_exports__.NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES;
|
|
86
99
|
exports.PREVIEW_EDGE_ID = __webpack_exports__.PREVIEW_EDGE_ID;
|
|
87
100
|
exports.PREVIEW_NODE_ID = __webpack_exports__.PREVIEW_NODE_ID;
|
|
101
|
+
exports.TOOLBOX_GAP = __webpack_exports__.TOOLBOX_GAP;
|
|
102
|
+
exports.TOOLBOX_HEIGHT = __webpack_exports__.TOOLBOX_HEIGHT;
|
|
103
|
+
exports.TOOLBOX_PADDING_X = __webpack_exports__.TOOLBOX_PADDING_X;
|
|
104
|
+
exports.TOOLBOX_PADDING_Y = __webpack_exports__.TOOLBOX_PADDING_Y;
|
|
105
|
+
exports.TOOLBOX_WIDTH = __webpack_exports__.TOOLBOX_WIDTH;
|
|
88
106
|
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
89
107
|
"CANVAS_COMPACT_BREAKPOINT",
|
|
90
108
|
"DEFAULT_NODE_SIZE",
|
|
91
109
|
"DEFAULT_RECTANGLE_NODE_WIDTH",
|
|
110
|
+
"FLOATING_CANVAS_PANEL_OFFSET",
|
|
92
111
|
"GRID_SPACING",
|
|
93
112
|
"NODE_BADGE_INSET_CIRCLE",
|
|
94
113
|
"NODE_BADGE_INSET_SQUARE",
|
|
@@ -105,7 +124,12 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
|
105
124
|
"NODE_TEXT_BOTTOM_OFFSET",
|
|
106
125
|
"NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES",
|
|
107
126
|
"PREVIEW_EDGE_ID",
|
|
108
|
-
"PREVIEW_NODE_ID"
|
|
127
|
+
"PREVIEW_NODE_ID",
|
|
128
|
+
"TOOLBOX_GAP",
|
|
129
|
+
"TOOLBOX_HEIGHT",
|
|
130
|
+
"TOOLBOX_PADDING_X",
|
|
131
|
+
"TOOLBOX_PADDING_Y",
|
|
132
|
+
"TOOLBOX_WIDTH"
|
|
109
133
|
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
110
134
|
Object.defineProperty(exports, '__esModule', {
|
|
111
135
|
value: true
|
|
@@ -3,6 +3,12 @@ export declare const PREVIEW_EDGE_ID = "preview-edge-id";
|
|
|
3
3
|
export declare const DEFAULT_NODE_SIZE = 96;
|
|
4
4
|
export declare const GRID_SPACING = 16;
|
|
5
5
|
export declare const CANVAS_COMPACT_BREAKPOINT = 600;
|
|
6
|
+
export declare const TOOLBOX_WIDTH = 320;
|
|
7
|
+
export declare const TOOLBOX_HEIGHT = 440;
|
|
8
|
+
export declare const TOOLBOX_PADDING_X = 20;
|
|
9
|
+
export declare const TOOLBOX_PADDING_Y = 12;
|
|
10
|
+
export declare const TOOLBOX_GAP = 12;
|
|
11
|
+
export declare const FLOATING_CANVAS_PANEL_OFFSET = 10;
|
|
6
12
|
export declare const DEFAULT_RECTANGLE_NODE_WIDTH = 288;
|
|
7
13
|
export declare const NODE_HEIGHT_DEFAULT: number;
|
|
8
14
|
export declare const NODE_HEIGHT_FOOTER_BUTTON: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAG7C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAGhD,eAAO,MAAM,mBAAmB,QAAmB,CAAC;AACpD,eAAO,MAAM,yBAAyB,QAAmB,CAAC;AAC1D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAC3D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAO3D,eAAO,MAAM,2BAA2B,QAAyB,CAAC;AAClE,eAAO,MAAM,sBAAsB,QAAyB,CAAC;AAC7D,eAAO,MAAM,qBAAqB,QAAyB,CAAC;AAC5D,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAG9D,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAGvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAGxD,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC"}
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAG7C,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAU9B,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAG/C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAGhD,eAAO,MAAM,mBAAmB,QAAmB,CAAC;AACpD,eAAO,MAAM,yBAAyB,QAAmB,CAAC;AAC1D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAC3D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAO3D,eAAO,MAAM,2BAA2B,QAAyB,CAAC;AAClE,eAAO,MAAM,sBAAsB,QAAyB,CAAC;AAC7D,eAAO,MAAM,qBAAqB,QAAyB,CAAC;AAC5D,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAG9D,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAGvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAGxD,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC"}
|
package/dist/canvas/constants.js
CHANGED
|
@@ -3,6 +3,12 @@ const PREVIEW_EDGE_ID = 'preview-edge-id';
|
|
|
3
3
|
const DEFAULT_NODE_SIZE = 96;
|
|
4
4
|
const GRID_SPACING = 16;
|
|
5
5
|
const CANVAS_COMPACT_BREAKPOINT = 600;
|
|
6
|
+
const TOOLBOX_WIDTH = 320;
|
|
7
|
+
const TOOLBOX_HEIGHT = 440;
|
|
8
|
+
const TOOLBOX_PADDING_X = 20;
|
|
9
|
+
const TOOLBOX_PADDING_Y = 12;
|
|
10
|
+
const TOOLBOX_GAP = 12;
|
|
11
|
+
const FLOATING_CANVAS_PANEL_OFFSET = 10;
|
|
6
12
|
const DEFAULT_RECTANGLE_NODE_WIDTH = 288;
|
|
7
13
|
const NODE_HEIGHT_DEFAULT = 6 * GRID_SPACING;
|
|
8
14
|
const NODE_HEIGHT_FOOTER_BUTTON = 9 * GRID_SPACING;
|
|
@@ -18,4 +24,4 @@ const NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES = -40;
|
|
|
18
24
|
const NODE_BADGE_SIZE = 20;
|
|
19
25
|
const NODE_BADGE_INSET_SQUARE = 6;
|
|
20
26
|
const NODE_BADGE_INSET_CIRCLE = 12;
|
|
21
|
-
export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, GRID_SPACING, NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_ERROR_ICON_SIZE, NODE_HEIGHT_DEFAULT, NODE_HEIGHT_FOOTER_BUTTON, NODE_HEIGHT_FOOTER_DOUBLE, NODE_HEIGHT_FOOTER_SINGLE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO, NODE_TEXT_BOTTOM_OFFSET, NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES, PREVIEW_EDGE_ID, PREVIEW_NODE_ID };
|
|
27
|
+
export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, FLOATING_CANVAS_PANEL_OFFSET, GRID_SPACING, NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_ERROR_ICON_SIZE, NODE_HEIGHT_DEFAULT, NODE_HEIGHT_FOOTER_BUTTON, NODE_HEIGHT_FOOTER_DOUBLE, NODE_HEIGHT_FOOTER_SINGLE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO, NODE_TEXT_BOTTOM_OFFSET, NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES, PREVIEW_EDGE_ID, PREVIEW_NODE_ID, TOOLBOX_GAP, TOOLBOX_HEIGHT, TOOLBOX_PADDING_X, TOOLBOX_PADDING_Y, TOOLBOX_WIDTH };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uipath/apollo-react",
|
|
3
|
-
"version": "4.6.2-pr525.
|
|
3
|
+
"version": "4.6.2-pr525.4d8c21b",
|
|
4
4
|
"description": "Apollo Design System - React component library with Material UI theming",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -201,8 +201,8 @@
|
|
|
201
201
|
"use-sync-external-store": "^1.2.0",
|
|
202
202
|
"zod": "^4.3.5",
|
|
203
203
|
"zustand": "^5.0.9",
|
|
204
|
-
"@uipath/apollo-
|
|
205
|
-
"@uipath/apollo-
|
|
204
|
+
"@uipath/apollo-wind": "2.3.0",
|
|
205
|
+
"@uipath/apollo-core": "5.9.0"
|
|
206
206
|
},
|
|
207
207
|
"devDependencies": {
|
|
208
208
|
"@lingui/cli": "^5.6.1",
|