@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.
Files changed (49) hide show
  1. package/dist/canvas/components/BaseNode/BaseNode.cjs +74 -55
  2. package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
  3. package/dist/canvas/components/BaseNode/BaseNode.js +69 -50
  4. package/dist/canvas/components/BaseNode/BaseNode.styles.cjs +410 -0
  5. package/dist/canvas/components/BaseNode/BaseNode.styles.d.ts +75 -0
  6. package/dist/canvas/components/BaseNode/BaseNode.styles.d.ts.map +1 -0
  7. package/dist/canvas/components/BaseNode/BaseNode.styles.js +342 -0
  8. package/dist/canvas/components/BaseNode/NodeLabel.cjs +18 -63
  9. package/dist/canvas/components/BaseNode/NodeLabel.d.ts +1 -8
  10. package/dist/canvas/components/BaseNode/NodeLabel.d.ts.map +1 -1
  11. package/dist/canvas/components/BaseNode/NodeLabel.js +15 -57
  12. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.cjs +7 -4
  13. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts.map +1 -1
  14. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.js +7 -4
  15. package/dist/canvas/components/FloatingCanvasPanel/FloatingCanvasPanel.cjs +3 -2
  16. package/dist/canvas/components/FloatingCanvasPanel/FloatingCanvasPanel.d.ts +2 -1
  17. package/dist/canvas/components/FloatingCanvasPanel/FloatingCanvasPanel.d.ts.map +1 -1
  18. package/dist/canvas/components/FloatingCanvasPanel/FloatingCanvasPanel.js +3 -2
  19. package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.cjs +4 -2
  20. package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.d.ts +2 -1
  21. package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.d.ts.map +1 -1
  22. package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.js +4 -2
  23. package/dist/canvas/constants.cjs +0 -60
  24. package/dist/canvas/constants.d.ts +0 -15
  25. package/dist/canvas/constants.d.ts.map +1 -1
  26. package/dist/canvas/constants.js +1 -16
  27. package/dist/canvas/index.cjs +35 -39
  28. package/dist/canvas/index.d.ts +0 -1
  29. package/dist/canvas/index.d.ts.map +1 -1
  30. package/dist/canvas/index.js +0 -1
  31. package/dist/canvas/styles/tailwind.canvas.css +1 -1
  32. package/package.json +1 -1
  33. package/dist/canvas/components/BaseNode/BaseNodeBadgeSlot.cjs +0 -67
  34. package/dist/canvas/components/BaseNode/BaseNodeBadgeSlot.d.ts +0 -9
  35. package/dist/canvas/components/BaseNode/BaseNodeBadgeSlot.d.ts.map +0 -1
  36. package/dist/canvas/components/BaseNode/BaseNodeBadgeSlot.js +0 -33
  37. package/dist/canvas/components/BaseNode/BaseNodeContainer.cjs +0 -87
  38. package/dist/canvas/components/BaseNode/BaseNodeContainer.d.ts +0 -23
  39. package/dist/canvas/components/BaseNode/BaseNodeContainer.d.ts.map +0 -1
  40. package/dist/canvas/components/BaseNode/BaseNodeContainer.js +0 -50
  41. package/dist/canvas/components/BaseNode/BaseNodeInnerShape.cjs +0 -65
  42. package/dist/canvas/components/BaseNode/BaseNodeInnerShape.d.ts +0 -14
  43. package/dist/canvas/components/BaseNode/BaseNodeInnerShape.d.ts.map +0 -1
  44. package/dist/canvas/components/BaseNode/BaseNodeInnerShape.js +0 -31
  45. package/dist/canvas/components/BaseNode/BaseNodeMissingManifest.cjs +0 -67
  46. package/dist/canvas/components/BaseNode/BaseNodeMissingManifest.d.ts +0 -9
  47. package/dist/canvas/components/BaseNode/BaseNodeMissingManifest.d.ts.map +0 -1
  48. package/dist/canvas/components/BaseNode/BaseNodeMissingManifest.js +0 -33
  49. package/dist/canvas/styles/reactflow-reset.css +0 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "4.5.4-pr525.f7c19ae",
3
+ "version": "4.6.0",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",
@@ -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
-