@uipath/apollo-react 3.42.1 → 3.42.2

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 (8) hide show
  1. package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs +12 -0
  2. package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map +1 -1
  3. package/dist/canvas/components/ButtonHandle/ButtonHandle.js +12 -0
  4. package/dist/canvas/components/ButtonHandle/ButtonHandle.styles.cjs +4 -0
  5. package/dist/canvas/components/ButtonHandle/ButtonHandle.styles.d.ts +1 -0
  6. package/dist/canvas/components/ButtonHandle/ButtonHandle.styles.d.ts.map +1 -1
  7. package/dist/canvas/components/ButtonHandle/ButtonHandle.styles.js +4 -0
  8. package/package.json +1 -1
package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs CHANGED
@@ -116,6 +116,12 @@ const ButtonHandleBase = ({ id, nodeId, type, position, handleType, label, label
116
116
  ]);
117
117
  const markAsHovered = (0, external_react_namespaceObject.useCallback)(()=>setIsHovered(true), []);
118
118
  const unmarkAsHovered = (0, external_react_namespaceObject.useCallback)(()=>setIsHovered(false), []);
119
+ const shouldTruncateLabel = (0, external_react_namespaceObject.useMemo)(()=>showButton && !!onAction && 'source' === type && !isVertical, [
120
+ showButton,
121
+ onAction,
122
+ type,
123
+ isVertical
124
+ ]);
119
125
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_ButtonHandle_styles_cjs_namespaceObject.StyledHandle, {
120
126
  type: type,
121
127
  position: position,
@@ -132,6 +138,7 @@ const ButtonHandleBase = ({ id, nodeId, type, position, handleType, label, label
132
138
  label && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ButtonHandle_styles_cjs_namespaceObject.StyledLabel, {
133
139
  $position: position,
134
140
  $backgroundColor: labelBackgroundColor,
141
+ $shouldTruncate: shouldTruncateLabel,
135
142
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
136
143
  align: "center",
137
144
  gap: 4,
@@ -140,6 +147,11 @@ const ButtonHandleBase = ({ id, nodeId, type, position, handleType, label, label
140
147
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
141
148
  color: "var(--uix-canvas-foreground-de-emp)",
142
149
  variant: apollo_core_namespaceObject.FontVariantToken.fontSizeSBold,
150
+ sx: shouldTruncateLabel ? {
151
+ overflow: 'hidden',
152
+ textOverflow: 'ellipsis',
153
+ whiteSpace: 'nowrap'
154
+ } : void 0,
143
155
  children: label
144
156
  })
145
157
  ]
package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAKpE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAY/F,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC;CACjC;AA+BD,KAAK,iBAAiB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AA6HF,eAAO,MAAM,YAAY,wPAvGtB,iBAAiB,6CAuG8B,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IAEjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;CAChE;AA+ED,eAAO,MAAM,aAAa,8LAjEvB;IACD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,qBAAqB,CAAC,EAAE,CAAC,EACvB,aAAa,EACb,QAAQ,GACT,EAAE;QACD,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,6CAsCmD,CAAC"}
1
+ {"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAKpE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAY/F,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC;CACjC;AA+BD,KAAK,iBAAiB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AA8IF,eAAO,MAAM,YAAY,wPAxHtB,iBAAiB,6CAwH8B,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IAEjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;CAChE;AA+ED,eAAO,MAAM,aAAa,8LAjEvB;IACD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,qBAAqB,CAAC,EAAE,CAAC,EACvB,aAAa,EACb,QAAQ,GACT,EAAE;QACD,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,6CAsCmD,CAAC"}
package/dist/canvas/components/ButtonHandle/ButtonHandle.js CHANGED
@@ -87,6 +87,12 @@ const ButtonHandleBase = ({ id, nodeId, type, position, handleType, label, label
87
87
  ]);
88
88
  const markAsHovered = useCallback(()=>setIsHovered(true), []);
89
89
  const unmarkAsHovered = useCallback(()=>setIsHovered(false), []);
90
+ const shouldTruncateLabel = useMemo(()=>showButton && !!onAction && 'source' === type && !isVertical, [
91
+ showButton,
92
+ onAction,
93
+ type,
94
+ isVertical
95
+ ]);
90
96
  return /*#__PURE__*/ jsxs(StyledHandle, {
91
97
  type: type,
92
98
  position: position,
@@ -103,6 +109,7 @@ const ButtonHandleBase = ({ id, nodeId, type, position, handleType, label, label
103
109
  label && /*#__PURE__*/ jsx(StyledLabel, {
104
110
  $position: position,
105
111
  $backgroundColor: labelBackgroundColor,
112
+ $shouldTruncate: shouldTruncateLabel,
106
113
  children: /*#__PURE__*/ jsxs(Row, {
107
114
  align: "center",
108
115
  gap: 4,
@@ -111,6 +118,11 @@ const ButtonHandleBase = ({ id, nodeId, type, position, handleType, label, label
111
118
  /*#__PURE__*/ jsx(ApTypography, {
112
119
  color: "var(--uix-canvas-foreground-de-emp)",
113
120
  variant: FontVariantToken.fontSizeSBold,
121
+ sx: shouldTruncateLabel ? {
122
+ overflow: 'hidden',
123
+ textOverflow: 'ellipsis',
124
+ whiteSpace: 'nowrap'
125
+ } : void 0,
114
126
  children: label
115
127
  })
116
128
  ]
package/dist/canvas/components/ButtonHandle/ButtonHandle.styles.cjs CHANGED
@@ -118,6 +118,10 @@ const StyledLabel = styled_default().div`
118
118
  z-index: 1;
119
119
  white-space: nowrap;
120
120
  user-select: none;
121
+ ${(p)=>p.$shouldTruncate && (0, react_namespaceObject.css)`
122
+ max-width: 50px;
123
+ overflow: hidden;
124
+ `}
121
125
 
122
126
  ${(p)=>p.$position === react_cjs_namespaceObject.Position.Top && (0, react_namespaceObject.css)`
123
127
  bottom: calc(100% + 4px);
package/dist/canvas/components/ButtonHandle/ButtonHandle.styles.d.ts CHANGED
@@ -23,6 +23,7 @@ export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
23
23
  } & {
24
24
  $position: Position;
25
25
  $backgroundColor: string;
26
+ $shouldTruncate?: boolean;
26
27
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
27
28
  export declare const StyledNotch: import("@emotion/styled").StyledComponent<{
28
29
  theme?: import("@emotion/react").Theme;
package/dist/canvas/components/ButtonHandle/ButtonHandle.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonHandle.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.styles.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAE9F,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAG/F,eAAO,MAAM,eAAe;;UAqB3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;eAA2B,QAAQ;yGAuC5D,CAAC;AAEF,eAAO,MAAM,UAAU;;;;iBAA6B,OAAO;eAAa,OAAO;WAAS,MAAM;yGAS7F,CAAC;AAEF,eAAO,MAAM,WAAW;;;;eAA2B,QAAQ;sBAAoB,MAAM;yGAqCpF,CAAC;AAEF,eAAO,MAAM,WAAW;;;;iBACT,MAAM;iBACN,UAAU,GAAG,OAAO,GAAG,QAAQ;kBAC9B,OAAO;cACX,OAAO;eACN,OAAO;eACP,OAAO;iBACL,OAAO;yGA2BrB,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,OAAO,WAAW,GAAG;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,mCAAmC,CAAC;CACjE,4CAkCF,CAAC"}
1
+ {"version":3,"file":"ButtonHandle.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.styles.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAE9F,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAG/F,eAAO,MAAM,eAAe;;UAqB3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;eAA2B,QAAQ;yGAuC5D,CAAC;AAEF,eAAO,MAAM,UAAU;;;;iBAA6B,OAAO;eAAa,OAAO;WAAS,MAAM;yGAS7F,CAAC;AAEF,eAAO,MAAM,WAAW;;;;eACX,QAAQ;sBACD,MAAM;sBACN,OAAO;yGA4C1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;iBACT,MAAM;iBACN,UAAU,GAAG,OAAO,GAAG,QAAQ;kBAC9B,OAAO;cACX,OAAO;eACN,OAAO;eACP,OAAO;iBACL,OAAO;yGA2BrB,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,OAAO,WAAW,GAAG;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,mCAAmC,CAAC;CACjE,4CAkCF,CAAC"}
package/dist/canvas/components/ButtonHandle/ButtonHandle.styles.js CHANGED
@@ -75,6 +75,10 @@ const StyledLabel = styled.div`
75
75
  z-index: 1;
76
76
  white-space: nowrap;
77
77
  user-select: none;
78
+ ${(p)=>p.$shouldTruncate && css`
79
+ max-width: 50px;
80
+ overflow: hidden;
81
+ `}
78
82
 
79
83
  ${(p)=>p.$position === Position.Top && css`
80
84
  bottom: calc(100% + 4px);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "3.42.1",
3
+ "version": "3.42.2",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",