@uipath/apollo-react 3.42.1 → 3.42.3

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.
@@ -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
  ]
@@ -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"}
@@ -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
  ]
@@ -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);
@@ -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;
@@ -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"}
@@ -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);
@@ -200,6 +200,11 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
200
200
  navigationStack,
201
201
  currentParentItem
202
202
  ]);
203
+ (0, external_react_namespaceObject.useEffect)(()=>{
204
+ if (search) handleSearch(search);
205
+ }, [
206
+ items
207
+ ]);
203
208
  (0, external_react_namespaceObject.useEffect)(()=>{
204
209
  const handleKeyDown = (e)=>{
205
210
  if ('Escape' === e.key) if (isSearching) {
@@ -1 +1 @@
1
- {"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAY,MAAM,YAAY,CAAC;AAuCrD,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACpC;AAoBD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,GACR,EAAE,YAAY,CAAC,CAAC,CAAC,2CA8OjB"}
1
+ {"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAY,MAAM,YAAY,CAAC;AAuCrD,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACpC;AAoBD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,GACR,EAAE,YAAY,CAAC,CAAC,CAAC,2CAuPjB"}
@@ -172,6 +172,11 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
172
172
  navigationStack,
173
173
  currentParentItem
174
174
  ]);
175
+ useEffect(()=>{
176
+ if (search) handleSearch(search);
177
+ }, [
178
+ items
179
+ ]);
175
180
  useEffect(()=>{
176
181
  const handleKeyDown = (e)=>{
177
182
  if ('Escape' === e.key) if (isSearching) {
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.3",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",