@uipath/apollo-react 4.5.4-pr525.f7c19ae → 4.6.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/BaseNode/BaseNode.cjs +74 -55
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +69 -50
- package/dist/canvas/components/BaseNode/BaseNode.styles.cjs +410 -0
- package/dist/canvas/components/BaseNode/BaseNode.styles.d.ts +75 -0
- package/dist/canvas/components/BaseNode/BaseNode.styles.d.ts.map +1 -0
- package/dist/canvas/components/BaseNode/BaseNode.styles.js +342 -0
- package/dist/canvas/components/BaseNode/NodeLabel.cjs +18 -63
- package/dist/canvas/components/BaseNode/NodeLabel.d.ts +1 -8
- package/dist/canvas/components/BaseNode/NodeLabel.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/NodeLabel.js +15 -57
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.cjs +7 -4
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.js +7 -4
- package/dist/canvas/components/FloatingCanvasPanel/FloatingCanvasPanel.cjs +3 -2
- package/dist/canvas/components/FloatingCanvasPanel/FloatingCanvasPanel.d.ts +2 -1
- package/dist/canvas/components/FloatingCanvasPanel/FloatingCanvasPanel.d.ts.map +1 -1
- package/dist/canvas/components/FloatingCanvasPanel/FloatingCanvasPanel.js +3 -2
- package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.cjs +4 -2
- package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.d.ts +2 -1
- package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.d.ts.map +1 -1
- package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.js +4 -2
- package/dist/canvas/constants.cjs +0 -60
- package/dist/canvas/constants.d.ts +0 -15
- package/dist/canvas/constants.d.ts.map +1 -1
- package/dist/canvas/constants.js +1 -16
- package/dist/canvas/index.cjs +35 -39
- package/dist/canvas/index.d.ts +0 -1
- package/dist/canvas/index.d.ts.map +1 -1
- package/dist/canvas/index.js +0 -1
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/package.json +1 -1
- package/dist/canvas/components/BaseNode/BaseNodeBadgeSlot.cjs +0 -67
- package/dist/canvas/components/BaseNode/BaseNodeBadgeSlot.d.ts +0 -9
- package/dist/canvas/components/BaseNode/BaseNodeBadgeSlot.d.ts.map +0 -1
- package/dist/canvas/components/BaseNode/BaseNodeBadgeSlot.js +0 -33
- package/dist/canvas/components/BaseNode/BaseNodeContainer.cjs +0 -87
- package/dist/canvas/components/BaseNode/BaseNodeContainer.d.ts +0 -23
- package/dist/canvas/components/BaseNode/BaseNodeContainer.d.ts.map +0 -1
- package/dist/canvas/components/BaseNode/BaseNodeContainer.js +0 -50
- package/dist/canvas/components/BaseNode/BaseNodeInnerShape.cjs +0 -65
- package/dist/canvas/components/BaseNode/BaseNodeInnerShape.d.ts +0 -14
- package/dist/canvas/components/BaseNode/BaseNodeInnerShape.d.ts.map +0 -1
- package/dist/canvas/components/BaseNode/BaseNodeInnerShape.js +0 -31
- package/dist/canvas/components/BaseNode/BaseNodeMissingManifest.cjs +0 -67
- package/dist/canvas/components/BaseNode/BaseNodeMissingManifest.d.ts +0 -9
- package/dist/canvas/components/BaseNode/BaseNodeMissingManifest.d.ts.map +0 -1
- package/dist/canvas/components/BaseNode/BaseNodeMissingManifest.js +0 -33
- package/dist/canvas/styles/reactflow-reset.css +0 -12
package/package.json
CHANGED
|
@@ -1,67 +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
|
-
BaseBadgeSlot: ()=>BaseBadgeSlot
|
|
28
|
-
});
|
|
29
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
-
const external_constants_cjs_namespaceObject = require("../../constants.cjs");
|
|
31
|
-
const BaseBadgeSlot = ({ position, shape, children })=>{
|
|
32
|
-
const offset = 'circle' === shape ? external_constants_cjs_namespaceObject.NODE_BADGE_INSET_CIRCLE : external_constants_cjs_namespaceObject.NODE_BADGE_INSET_SQUARE;
|
|
33
|
-
const style = {
|
|
34
|
-
width: external_constants_cjs_namespaceObject.NODE_BADGE_SIZE,
|
|
35
|
-
height: external_constants_cjs_namespaceObject.NODE_BADGE_SIZE
|
|
36
|
-
};
|
|
37
|
-
switch(position){
|
|
38
|
-
case 'top-left':
|
|
39
|
-
style.top = offset;
|
|
40
|
-
style.left = offset;
|
|
41
|
-
break;
|
|
42
|
-
case 'top-right':
|
|
43
|
-
style.top = offset;
|
|
44
|
-
style.right = offset;
|
|
45
|
-
break;
|
|
46
|
-
case 'bottom-left':
|
|
47
|
-
style.bottom = offset;
|
|
48
|
-
style.left = offset;
|
|
49
|
-
break;
|
|
50
|
-
case 'bottom-right':
|
|
51
|
-
style.bottom = offset;
|
|
52
|
-
style.right = offset;
|
|
53
|
-
break;
|
|
54
|
-
}
|
|
55
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
56
|
-
className: "absolute flex items-center justify-center bg-transparent",
|
|
57
|
-
style: style,
|
|
58
|
-
children: children
|
|
59
|
-
});
|
|
60
|
-
};
|
|
61
|
-
exports.BaseBadgeSlot = __webpack_exports__.BaseBadgeSlot;
|
|
62
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
63
|
-
"BaseBadgeSlot"
|
|
64
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
65
|
-
Object.defineProperty(exports, '__esModule', {
|
|
66
|
-
value: true
|
|
67
|
-
});
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { NodeShape } from '../../schema';
|
|
2
|
-
interface BaseBadgeSlotProps {
|
|
3
|
-
position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
|
|
4
|
-
shape?: NodeShape;
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare const BaseBadgeSlot: ({ position, shape, children }: BaseBadgeSlotProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=BaseNodeBadgeSlot.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNodeBadgeSlot.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeBadgeSlot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;IACpE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,GAAI,+BAA+B,kBAAkB,4CA0B9E,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE } from "../../constants.js";
|
|
3
|
-
const BaseBadgeSlot = ({ position, shape, children })=>{
|
|
4
|
-
const offset = 'circle' === shape ? NODE_BADGE_INSET_CIRCLE : NODE_BADGE_INSET_SQUARE;
|
|
5
|
-
const style = {
|
|
6
|
-
width: NODE_BADGE_SIZE,
|
|
7
|
-
height: NODE_BADGE_SIZE
|
|
8
|
-
};
|
|
9
|
-
switch(position){
|
|
10
|
-
case 'top-left':
|
|
11
|
-
style.top = offset;
|
|
12
|
-
style.left = offset;
|
|
13
|
-
break;
|
|
14
|
-
case 'top-right':
|
|
15
|
-
style.top = offset;
|
|
16
|
-
style.right = offset;
|
|
17
|
-
break;
|
|
18
|
-
case 'bottom-left':
|
|
19
|
-
style.bottom = offset;
|
|
20
|
-
style.left = offset;
|
|
21
|
-
break;
|
|
22
|
-
case 'bottom-right':
|
|
23
|
-
style.bottom = offset;
|
|
24
|
-
style.right = offset;
|
|
25
|
-
break;
|
|
26
|
-
}
|
|
27
|
-
return /*#__PURE__*/ jsx("div", {
|
|
28
|
-
className: "absolute flex items-center justify-center bg-transparent",
|
|
29
|
-
style: style,
|
|
30
|
-
children: children
|
|
31
|
-
});
|
|
32
|
-
};
|
|
33
|
-
export { BaseBadgeSlot };
|
|
@@ -1,87 +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
|
-
BaseContainer: ()=>BaseContainer,
|
|
28
|
-
getStatusBorder: ()=>getStatusBorder
|
|
29
|
-
});
|
|
30
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
31
|
-
const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
|
|
32
|
-
const external_constants_cjs_namespaceObject = require("../../constants.cjs");
|
|
33
|
-
const getStatusBorder = (status)=>{
|
|
34
|
-
switch(status){
|
|
35
|
-
case 'InProgress':
|
|
36
|
-
return 'border-info animate-glow [--glow-color:var(--info)]';
|
|
37
|
-
case 'Completed':
|
|
38
|
-
case 'add':
|
|
39
|
-
return 'border-success animate-glow [--glow-color:var(--success)]';
|
|
40
|
-
case 'Paused':
|
|
41
|
-
case 'Warning':
|
|
42
|
-
case 'WARNING':
|
|
43
|
-
case 'update':
|
|
44
|
-
return 'border-warning animate-glow [--glow-color:var(--warning)]';
|
|
45
|
-
case 'Cancelled':
|
|
46
|
-
case 'Failed':
|
|
47
|
-
case 'Terminated':
|
|
48
|
-
case 'ERROR':
|
|
49
|
-
case 'CRITICAL':
|
|
50
|
-
case 'delete':
|
|
51
|
-
return 'border-error animate-glow [--glow-color:var(--error)]';
|
|
52
|
-
default:
|
|
53
|
-
return '';
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
const BaseContainer = ({ isSelected, isHovered, shape, interactionState, executionStatus, validationStatus, suggestionType, width, height, hasFooter, background, loading, children })=>{
|
|
57
|
-
const numericWidth = 'number' == typeof width ? width : void 0;
|
|
58
|
-
const numericHeight = 'number' == typeof height ? height : void 0;
|
|
59
|
-
const radiusBasis = 'rectangle' === shape ? numericHeight ?? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE : Math.min(numericWidth ?? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE, numericHeight ?? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE);
|
|
60
|
-
const containerRadius = radiusBasis * external_constants_cjs_namespaceObject.NODE_CONTAINER_RADIUS_RATIO;
|
|
61
|
-
const activeStatus = suggestionType ?? validationStatus ?? executionStatus;
|
|
62
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
63
|
-
"data-testid": "base-container",
|
|
64
|
-
"data-execution-status": executionStatus,
|
|
65
|
-
"data-interaction-state": interactionState,
|
|
66
|
-
"data-validation-status": validationStatus,
|
|
67
|
-
"data-suggestion-type": suggestionType,
|
|
68
|
-
className: (0, apollo_wind_namespaceObject.cn)('relative flex items-center cursor-pointer bg-surface-overlay border-2 border-border', 'circle' === shape ? 'rounded-full' : '', 'rectangle' === shape ? 'flex-row justify-start gap-3 p-2' : 'flex-col justify-center', hasFooter && 'flex-wrap rounded-2xl', getStatusBorder(activeStatus), !isSelected && isHovered && 'border-foreground-muted', isSelected && 'border-brand', isSelected && isHovered && 'border-foreground-accent-muted', 'disabled' === interactionState && 'opacity-50 cursor-not-allowed', 'drag' === interactionState && 'cursor-grabbing opacity-80'),
|
|
69
|
-
style: {
|
|
70
|
-
width,
|
|
71
|
-
height,
|
|
72
|
-
background,
|
|
73
|
-
borderRadius: 'circle' === shape || hasFooter ? void 0 : containerRadius
|
|
74
|
-
},
|
|
75
|
-
"aria-busy": loading || void 0,
|
|
76
|
-
children: children
|
|
77
|
-
});
|
|
78
|
-
};
|
|
79
|
-
exports.BaseContainer = __webpack_exports__.BaseContainer;
|
|
80
|
-
exports.getStatusBorder = __webpack_exports__.getStatusBorder;
|
|
81
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
82
|
-
"BaseContainer",
|
|
83
|
-
"getStatusBorder"
|
|
84
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
85
|
-
Object.defineProperty(exports, '__esModule', {
|
|
86
|
-
value: true
|
|
87
|
-
});
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { NodeShape } from '../../schema';
|
|
2
|
-
import type { SuggestionType } from '../../types';
|
|
3
|
-
import type { ElementStatusValues } from '../../types/execution';
|
|
4
|
-
import { ValidationErrorSeverity } from '../../types/validation';
|
|
5
|
-
export declare const getStatusBorder: (status?: ElementStatusValues | ValidationErrorSeverity | SuggestionType) => string;
|
|
6
|
-
interface BaseContainerProps {
|
|
7
|
-
isSelected?: boolean;
|
|
8
|
-
isHovered?: boolean;
|
|
9
|
-
shape?: NodeShape;
|
|
10
|
-
interactionState?: string;
|
|
11
|
-
executionStatus?: ElementStatusValues;
|
|
12
|
-
validationStatus?: ValidationErrorSeverity;
|
|
13
|
-
suggestionType?: SuggestionType;
|
|
14
|
-
width?: number;
|
|
15
|
-
height?: number | 'auto';
|
|
16
|
-
hasFooter?: boolean;
|
|
17
|
-
background?: string;
|
|
18
|
-
loading?: boolean;
|
|
19
|
-
children: React.ReactNode;
|
|
20
|
-
}
|
|
21
|
-
export declare const BaseContainer: ({ isSelected, isHovered, shape, interactionState, executionStatus, validationStatus, suggestionType, width, height, hasFooter, background, loading, children, }: BaseContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
export {};
|
|
23
|
-
//# sourceMappingURL=BaseNodeContainer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNodeContainer.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,eAAO,MAAM,eAAe,GAC1B,SAAS,mBAAmB,GAAG,uBAAuB,GAAG,cAAc,KACtE,MAsBF,CAAC;AAEF,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,eAAO,MAAM,aAAa,GAAI,iKAc3B,kBAAkB,4CA4CpB,CAAC"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "@uipath/apollo-wind";
|
|
3
|
-
import { DEFAULT_NODE_SIZE, NODE_CONTAINER_RADIUS_RATIO } from "../../constants.js";
|
|
4
|
-
const getStatusBorder = (status)=>{
|
|
5
|
-
switch(status){
|
|
6
|
-
case 'InProgress':
|
|
7
|
-
return 'border-info animate-glow [--glow-color:var(--info)]';
|
|
8
|
-
case 'Completed':
|
|
9
|
-
case 'add':
|
|
10
|
-
return 'border-success animate-glow [--glow-color:var(--success)]';
|
|
11
|
-
case 'Paused':
|
|
12
|
-
case 'Warning':
|
|
13
|
-
case 'WARNING':
|
|
14
|
-
case 'update':
|
|
15
|
-
return 'border-warning animate-glow [--glow-color:var(--warning)]';
|
|
16
|
-
case 'Cancelled':
|
|
17
|
-
case 'Failed':
|
|
18
|
-
case 'Terminated':
|
|
19
|
-
case 'ERROR':
|
|
20
|
-
case 'CRITICAL':
|
|
21
|
-
case 'delete':
|
|
22
|
-
return 'border-error animate-glow [--glow-color:var(--error)]';
|
|
23
|
-
default:
|
|
24
|
-
return '';
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
const BaseContainer = ({ isSelected, isHovered, shape, interactionState, executionStatus, validationStatus, suggestionType, width, height, hasFooter, background, loading, children })=>{
|
|
28
|
-
const numericWidth = 'number' == typeof width ? width : void 0;
|
|
29
|
-
const numericHeight = 'number' == typeof height ? height : void 0;
|
|
30
|
-
const radiusBasis = 'rectangle' === shape ? numericHeight ?? DEFAULT_NODE_SIZE : Math.min(numericWidth ?? DEFAULT_NODE_SIZE, numericHeight ?? DEFAULT_NODE_SIZE);
|
|
31
|
-
const containerRadius = radiusBasis * NODE_CONTAINER_RADIUS_RATIO;
|
|
32
|
-
const activeStatus = suggestionType ?? validationStatus ?? executionStatus;
|
|
33
|
-
return /*#__PURE__*/ jsx("div", {
|
|
34
|
-
"data-testid": "base-container",
|
|
35
|
-
"data-execution-status": executionStatus,
|
|
36
|
-
"data-interaction-state": interactionState,
|
|
37
|
-
"data-validation-status": validationStatus,
|
|
38
|
-
"data-suggestion-type": suggestionType,
|
|
39
|
-
className: cn('relative flex items-center cursor-pointer bg-surface-overlay border-2 border-border', 'circle' === shape ? 'rounded-full' : '', 'rectangle' === shape ? 'flex-row justify-start gap-3 p-2' : 'flex-col justify-center', hasFooter && 'flex-wrap rounded-2xl', getStatusBorder(activeStatus), !isSelected && isHovered && 'border-foreground-muted', isSelected && 'border-brand', isSelected && isHovered && 'border-foreground-accent-muted', 'disabled' === interactionState && 'opacity-50 cursor-not-allowed', 'drag' === interactionState && 'cursor-grabbing opacity-80'),
|
|
40
|
-
style: {
|
|
41
|
-
width,
|
|
42
|
-
height,
|
|
43
|
-
background,
|
|
44
|
-
borderRadius: 'circle' === shape || hasFooter ? void 0 : containerRadius
|
|
45
|
-
},
|
|
46
|
-
"aria-busy": loading || void 0,
|
|
47
|
-
children: children
|
|
48
|
-
});
|
|
49
|
-
};
|
|
50
|
-
export { BaseContainer, getStatusBorder };
|
|
@@ -1,65 +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
|
-
BaseInnerShape: ()=>BaseInnerShape
|
|
28
|
-
});
|
|
29
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
-
const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
|
|
31
|
-
const external_constants_cjs_namespaceObject = require("../../constants.cjs");
|
|
32
|
-
const BaseInnerShape = ({ shape, color, background, hasFooter, loading, containerWidth = external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE, containerHeight = external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE, children })=>{
|
|
33
|
-
const effectiveContainerHeight = hasFooter ? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE : containerHeight;
|
|
34
|
-
const effectiveContainerWidth = hasFooter ? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE : containerWidth;
|
|
35
|
-
const basis = 'rectangle' === shape ? effectiveContainerHeight : Math.min(effectiveContainerWidth, effectiveContainerHeight);
|
|
36
|
-
const innerSize = basis * external_constants_cjs_namespaceObject.NODE_INNER_SHAPE_RATIO;
|
|
37
|
-
const iconSize = basis * external_constants_cjs_namespaceObject.NODE_INNER_ICON_RATIO;
|
|
38
|
-
const innerRadius = basis * external_constants_cjs_namespaceObject.NODE_INNER_RADIUS_RATIO;
|
|
39
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
40
|
-
className: (0, apollo_wind_namespaceObject.cn)('flex items-center justify-center overflow-hidden bg-surface text-foreground', 'circle' === shape ? 'rounded-full' : '', hasFooter ? 'rounded-2xl' : '', '[&>svg]:w-(--canvas-icon-size) [&>svg]:h-(--canvas-icon-size)', '[&>img]:w-(--canvas-icon-size) [&>img]:h-(--canvas-icon-size) [&>img]:object-contain'),
|
|
41
|
-
style: {
|
|
42
|
-
width: innerSize,
|
|
43
|
-
height: innerSize,
|
|
44
|
-
borderRadius: 'circle' === shape || hasFooter ? void 0 : innerRadius,
|
|
45
|
-
color,
|
|
46
|
-
background,
|
|
47
|
-
'--canvas-icon-size': `${iconSize}px`
|
|
48
|
-
},
|
|
49
|
-
children: loading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Skeleton, {
|
|
50
|
-
"data-testid": "skeleton-icon",
|
|
51
|
-
className: "rounded-lg",
|
|
52
|
-
style: {
|
|
53
|
-
width: iconSize,
|
|
54
|
-
height: iconSize
|
|
55
|
-
}
|
|
56
|
-
}) : children
|
|
57
|
-
});
|
|
58
|
-
};
|
|
59
|
-
exports.BaseInnerShape = __webpack_exports__.BaseInnerShape;
|
|
60
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
61
|
-
"BaseInnerShape"
|
|
62
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
63
|
-
Object.defineProperty(exports, '__esModule', {
|
|
64
|
-
value: true
|
|
65
|
-
});
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { NodeShape } from '../../schema';
|
|
2
|
-
interface BaseInnerShapeProps {
|
|
3
|
-
shape?: NodeShape;
|
|
4
|
-
color?: string;
|
|
5
|
-
background?: string;
|
|
6
|
-
hasFooter?: boolean;
|
|
7
|
-
loading?: boolean;
|
|
8
|
-
containerWidth?: number;
|
|
9
|
-
containerHeight?: number;
|
|
10
|
-
children: React.ReactNode;
|
|
11
|
-
}
|
|
12
|
-
export declare const BaseInnerShape: ({ shape, color, background, hasFooter, loading, containerWidth, containerHeight, children, }: BaseInnerShapeProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export {};
|
|
14
|
-
//# sourceMappingURL=BaseNodeInnerShape.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNodeInnerShape.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeInnerShape.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,eAAO,MAAM,cAAc,GAAI,8FAS5B,mBAAmB,4CAgDrB,CAAC"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Skeleton, cn } from "@uipath/apollo-wind";
|
|
3
|
-
import { DEFAULT_NODE_SIZE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO } from "../../constants.js";
|
|
4
|
-
const BaseInnerShape = ({ shape, color, background, hasFooter, loading, containerWidth = DEFAULT_NODE_SIZE, containerHeight = DEFAULT_NODE_SIZE, children })=>{
|
|
5
|
-
const effectiveContainerHeight = hasFooter ? DEFAULT_NODE_SIZE : containerHeight;
|
|
6
|
-
const effectiveContainerWidth = hasFooter ? DEFAULT_NODE_SIZE : containerWidth;
|
|
7
|
-
const basis = 'rectangle' === shape ? effectiveContainerHeight : Math.min(effectiveContainerWidth, effectiveContainerHeight);
|
|
8
|
-
const innerSize = basis * NODE_INNER_SHAPE_RATIO;
|
|
9
|
-
const iconSize = basis * NODE_INNER_ICON_RATIO;
|
|
10
|
-
const innerRadius = basis * NODE_INNER_RADIUS_RATIO;
|
|
11
|
-
return /*#__PURE__*/ jsx("div", {
|
|
12
|
-
className: cn('flex items-center justify-center overflow-hidden bg-surface text-foreground', 'circle' === shape ? 'rounded-full' : '', hasFooter ? 'rounded-2xl' : '', '[&>svg]:w-(--canvas-icon-size) [&>svg]:h-(--canvas-icon-size)', '[&>img]:w-(--canvas-icon-size) [&>img]:h-(--canvas-icon-size) [&>img]:object-contain'),
|
|
13
|
-
style: {
|
|
14
|
-
width: innerSize,
|
|
15
|
-
height: innerSize,
|
|
16
|
-
borderRadius: 'circle' === shape || hasFooter ? void 0 : innerRadius,
|
|
17
|
-
color,
|
|
18
|
-
background,
|
|
19
|
-
'--canvas-icon-size': `${iconSize}px`
|
|
20
|
-
},
|
|
21
|
-
children: loading ? /*#__PURE__*/ jsx(Skeleton, {
|
|
22
|
-
"data-testid": "skeleton-icon",
|
|
23
|
-
className: "rounded-lg",
|
|
24
|
-
style: {
|
|
25
|
-
width: iconSize,
|
|
26
|
-
height: iconSize
|
|
27
|
-
}
|
|
28
|
-
}) : children
|
|
29
|
-
});
|
|
30
|
-
};
|
|
31
|
-
export { BaseInnerShape };
|
|
@@ -1,67 +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
|
-
MissingManifestNode: ()=>MissingManifestNode
|
|
28
|
-
});
|
|
29
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
-
const external_constants_cjs_namespaceObject = require("../../constants.cjs");
|
|
31
|
-
const index_cjs_namespaceObject = require("../../utils/index.cjs");
|
|
32
|
-
const external_BaseNodeContainer_cjs_namespaceObject = require("./BaseNodeContainer.cjs");
|
|
33
|
-
const external_BaseNodeInnerShape_cjs_namespaceObject = require("./BaseNodeInnerShape.cjs");
|
|
34
|
-
const external_NodeLabel_cjs_namespaceObject = require("./NodeLabel.cjs");
|
|
35
|
-
const MissingManifestNode = ({ type, isSelected, isHovered, interactionState })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_BaseNodeContainer_cjs_namespaceObject.BaseContainer, {
|
|
36
|
-
shape: "square",
|
|
37
|
-
isSelected: isSelected,
|
|
38
|
-
isHovered: isHovered,
|
|
39
|
-
interactionState: interactionState,
|
|
40
|
-
width: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE,
|
|
41
|
-
height: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE,
|
|
42
|
-
children: [
|
|
43
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseNodeInnerShape_cjs_namespaceObject.BaseInnerShape, {
|
|
44
|
-
shape: "square",
|
|
45
|
-
containerWidth: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE,
|
|
46
|
-
containerHeight: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE,
|
|
47
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.CanvasIcon, {
|
|
48
|
-
icon: "circle-alert",
|
|
49
|
-
size: external_constants_cjs_namespaceObject.NODE_ERROR_ICON_SIZE,
|
|
50
|
-
color: "var(--color-error-icon)"
|
|
51
|
-
})
|
|
52
|
-
}),
|
|
53
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NodeLabel_cjs_namespaceObject.NodeLabel, {
|
|
54
|
-
label: "Manifest Undefined",
|
|
55
|
-
subLabel: type,
|
|
56
|
-
shape: "square",
|
|
57
|
-
readonly: true
|
|
58
|
-
})
|
|
59
|
-
]
|
|
60
|
-
});
|
|
61
|
-
exports.MissingManifestNode = __webpack_exports__.MissingManifestNode;
|
|
62
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
63
|
-
"MissingManifestNode"
|
|
64
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
65
|
-
Object.defineProperty(exports, '__esModule', {
|
|
66
|
-
value: true
|
|
67
|
-
});
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
interface MissingManifestNodeProps {
|
|
2
|
-
type?: string;
|
|
3
|
-
isSelected?: boolean;
|
|
4
|
-
isHovered?: boolean;
|
|
5
|
-
interactionState?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare const MissingManifestNode: ({ type, isSelected, isHovered, interactionState, }: MissingManifestNodeProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=BaseNodeMissingManifest.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNodeMissingManifest.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeMissingManifest.tsx"],"names":[],"mappings":"AAMA,UAAU,wBAAwB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,GAAI,oDAKjC,wBAAwB,4CAmB1B,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { DEFAULT_NODE_SIZE, NODE_ERROR_ICON_SIZE } from "../../constants.js";
|
|
3
|
-
import { CanvasIcon } from "../../utils/index.js";
|
|
4
|
-
import { BaseContainer } from "./BaseNodeContainer.js";
|
|
5
|
-
import { BaseInnerShape } from "./BaseNodeInnerShape.js";
|
|
6
|
-
import { NodeLabel } from "./NodeLabel.js";
|
|
7
|
-
const MissingManifestNode = ({ type, isSelected, isHovered, interactionState })=>/*#__PURE__*/ jsxs(BaseContainer, {
|
|
8
|
-
shape: "square",
|
|
9
|
-
isSelected: isSelected,
|
|
10
|
-
isHovered: isHovered,
|
|
11
|
-
interactionState: interactionState,
|
|
12
|
-
width: DEFAULT_NODE_SIZE,
|
|
13
|
-
height: DEFAULT_NODE_SIZE,
|
|
14
|
-
children: [
|
|
15
|
-
/*#__PURE__*/ jsx(BaseInnerShape, {
|
|
16
|
-
shape: "square",
|
|
17
|
-
containerWidth: DEFAULT_NODE_SIZE,
|
|
18
|
-
containerHeight: DEFAULT_NODE_SIZE,
|
|
19
|
-
children: /*#__PURE__*/ jsx(CanvasIcon, {
|
|
20
|
-
icon: "circle-alert",
|
|
21
|
-
size: NODE_ERROR_ICON_SIZE,
|
|
22
|
-
color: "var(--color-error-icon)"
|
|
23
|
-
})
|
|
24
|
-
}),
|
|
25
|
-
/*#__PURE__*/ jsx(NodeLabel, {
|
|
26
|
-
label: "Manifest Undefined",
|
|
27
|
-
subLabel: type,
|
|
28
|
-
shape: "square",
|
|
29
|
-
readonly: true
|
|
30
|
-
})
|
|
31
|
-
]
|
|
32
|
-
});
|
|
33
|
-
export { MissingManifestNode };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
.react-flow__node-default, .react-flow__node-default.selectable:hover, .react-flow__node-default.selectable.selected, .react-flow__node-default.selectable:focus, .react-flow__node-default.selectable:focus-visible {
|
|
2
|
-
width: auto !important;
|
|
3
|
-
color: inherit !important;
|
|
4
|
-
text-align: inherit !important;
|
|
5
|
-
font-size: inherit !important;
|
|
6
|
-
box-shadow: none !important;
|
|
7
|
-
background: none !important;
|
|
8
|
-
border: none !important;
|
|
9
|
-
border-radius: 0 !important;
|
|
10
|
-
padding: 0 !important;
|
|
11
|
-
}
|
|
12
|
-
|