@uipath/apollo-react 4.5.4-pr525.f7c19ae → 4.5.4
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/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
|
-
|