@uipath/apollo-react 3.48.1 → 3.49.0-pr312.4aa8654

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 (10) hide show
  1. package/dist/canvas/components/AddNodePanel/AddNodePanel.stories.cjs +1 -1
  2. package/dist/canvas/components/AddNodePanel/AddNodePanel.stories.js +1 -1
  3. package/dist/canvas/components/Toolbox/ListView.cjs +10 -5
  4. package/dist/canvas/components/Toolbox/ListView.d.ts.map +1 -1
  5. package/dist/canvas/components/Toolbox/ListView.js +11 -6
  6. package/dist/canvas/styles/variables.css +1 -1
  7. package/dist/material/components/ap-button/ApButton.cjs +9 -4
  8. package/dist/material/components/ap-button/ApButton.d.ts.map +1 -1
  9. package/dist/material/components/ap-button/ApButton.js +9 -4
  10. package/package.json +1 -1
package/dist/canvas/components/AddNodePanel/AddNodePanel.stories.cjs CHANGED
@@ -94,7 +94,7 @@ const NODE_OPTIONS = [
94
94
  },
95
95
  {
96
96
  id: '4',
97
- name: 'AI Agent',
97
+ name: 'AI Agent long long long long long long name',
98
98
  icon: {
99
99
  name: 'smart_toy'
100
100
  },
package/dist/canvas/components/AddNodePanel/AddNodePanel.stories.js CHANGED
@@ -61,7 +61,7 @@ const NODE_OPTIONS = [
61
61
  },
62
62
  {
63
63
  id: '4',
64
- name: 'AI Agent',
64
+ name: 'AI Agent long long long long long long name',
65
65
  icon: {
66
66
  name: 'smart_toy'
67
67
  },
package/dist/canvas/components/Toolbox/ListView.cjs CHANGED
@@ -106,11 +106,16 @@ const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ in
106
106
  flex: 1,
107
107
  overflow: "hidden",
108
108
  children: [
109
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
110
- variant: apollo_core_namespaceObject.FontVariantToken.fontSizeM,
111
- className: "list-view-item-name",
112
- color: "var(--uix-canvas-foreground-emp)",
113
- children: item.name
109
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_index_cjs_namespaceObject.ApTooltip, {
110
+ content: item.name,
111
+ placement: "top",
112
+ smartTooltip: true,
113
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
114
+ variant: apollo_core_namespaceObject.FontVariantToken.fontSizeM,
115
+ className: "list-view-item-name",
116
+ color: "var(--uix-canvas-foreground-emp)",
117
+ children: item.name
118
+ })
114
119
  }),
115
120
  item.description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
116
121
  variant: apollo_core_namespaceObject.FontVariantToken.fontSizeXs,
package/dist/canvas/components/Toolbox/ListView.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,YAAY;IAI3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,GAAG,CAAC,EAAE,MAAM,CAAC;IAIb,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,GAAG,IAAI;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACnF,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,SAAS,QAAQ,IAC9B;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC;AAE9B,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,QAAQ;IAClD,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACjC;AAuGD,UAAU,aAAa,CAAC,CAAC,SAAS,QAAQ;IACxC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,wCAA0B,CAAC,SAAS,QAAQ,sGAQ9D,aAAa,CAAC,CAAC,CAAC,8CAkFjB,CAAC"}
1
+ {"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,YAAY;IAI3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,GAAG,CAAC,EAAE,MAAM,CAAC;IAIb,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,GAAG,IAAI;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACnF,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,SAAS,QAAQ,IAC9B;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC;AAE9B,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,QAAQ;IAClD,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACjC;AAyGD,UAAU,aAAa,CAAC,CAAC,SAAS,QAAQ;IACxC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,wCAA0B,CAAC,SAAS,QAAQ,sGAQ9D,aAAa,CAAC,CAAC,CAAC,8CAkFjB,CAAC"}
package/dist/canvas/components/Toolbox/ListView.js CHANGED
@@ -3,7 +3,7 @@ import { FontVariantToken } from "@uipath/apollo-core";
3
3
  import { Column } from "../../layouts/index.js";
4
4
  import { NodeIcon, partition } from "../../utils/index.js";
5
5
  import { ApSkeleton, ApTypography } from "../../../material/index.js";
6
- import { ApIcon } from "../../../material/components/index.js";
6
+ import { ApIcon, ApTooltip } from "../../../material/components/index.js";
7
7
  import { memo, useCallback, useMemo } from "react";
8
8
  import { useCanvasTheme } from "../BaseCanvas/CanvasThemeContext.js";
9
9
  import { IconContainer, ListItemButton, SectionHeader, StyledList } from "./ListView.styles.js";
@@ -78,11 +78,16 @@ const ListViewRow = /*#__PURE__*/ memo(({ index, style, ariaAttributes, rendered
78
78
  flex: 1,
79
79
  overflow: "hidden",
80
80
  children: [
81
- /*#__PURE__*/ jsx(ApTypography, {
82
- variant: FontVariantToken.fontSizeM,
83
- className: "list-view-item-name",
84
- color: "var(--uix-canvas-foreground-emp)",
85
- children: item.name
81
+ /*#__PURE__*/ jsx(ApTooltip, {
82
+ content: item.name,
83
+ placement: "top",
84
+ smartTooltip: true,
85
+ children: /*#__PURE__*/ jsx(ApTypography, {
86
+ variant: FontVariantToken.fontSizeM,
87
+ className: "list-view-item-name",
88
+ color: "var(--uix-canvas-foreground-emp)",
89
+ children: item.name
90
+ })
86
91
  }),
87
92
  item.description && /*#__PURE__*/ jsx(ApTypography, {
88
93
  variant: FontVariantToken.fontSizeXs,
package/dist/canvas/styles/variables.css CHANGED
@@ -1,4 +1,4 @@
1
- :where(*) {
1
+ body.light, body.dark, body.light-hc, body.dark-hc {
2
2
  --uix-canvas-foreground: var(--color-foreground);
3
3
  --uix-canvas-foreground-emp: var(--color-foreground-emp);
4
4
  --uix-canvas-foreground-de-emp: var(--color-foreground-de-emp);
package/dist/material/components/ap-button/ApButton.cjs CHANGED
@@ -108,7 +108,8 @@ const ApButton = /*#__PURE__*/ external_react_default().forwardRef((props, ref)=
108
108
  const shouldShowLoadingAsStartIcon = loading && hasStartIcon;
109
109
  const shouldShowLoadingAsEndIcon = loading && !hasStartIcon && hasEndIcon;
110
110
  const shouldShowLoadingAsLabel = loading && !hasStartIcon && !hasEndIcon;
111
- const variantProps = variantToProps[variant];
111
+ const { sx: variantSx, ...restVariantProps } = variantToProps[variant];
112
+ const { sx: userSx, ...restProps } = rest;
112
113
  const loadingIndicator = loading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ButtonLoadingIndicator, {
113
114
  "aria-label": label
114
115
  }) : null;
@@ -136,16 +137,20 @@ const ApButton = /*#__PURE__*/ external_react_default().forwardRef((props, ref)=
136
137
  onBlur: onBlur,
137
138
  startIcon: loading && shouldShowLoadingAsStartIcon ? loadingIndicator : startIcon,
138
139
  endIcon: loading && shouldShowLoadingAsEndIcon ? loadingIndicator : endIcon,
139
- ...variantProps,
140
+ ...restVariantProps,
141
+ sx: [
142
+ variantSx ?? {},
143
+ userSx ?? {}
144
+ ],
140
145
  tabIndex: tabIndex ?? (loading ? -1 : void 0),
141
146
  "aria-disabled": disabled || loading ? 'true' : void 0,
142
147
  "aria-expanded": expanded,
143
148
  title: title,
144
- className: joinClasses(variantProps?.className, loading && 'loading'),
149
+ className: joinClasses(restVariantProps?.className, loading && 'loading'),
145
150
  href: href,
146
151
  customSize: size,
147
152
  customWidth: widthMode,
148
- ...rest,
153
+ ...restProps,
149
154
  children: [
150
155
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
151
156
  style: {
package/dist/material/components/ap-button/ApButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ApButton.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-button/ApButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AAgDtE,eAAO,MAAM,QAAQ,sGAkFnB,CAAC"}
1
+ {"version":3,"file":"ApButton.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-button/ApButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AAgDtE,eAAO,MAAM,QAAQ,sGAoFnB,CAAC"}
package/dist/material/components/ap-button/ApButton.js CHANGED
@@ -68,7 +68,8 @@ const ApButton = /*#__PURE__*/ react.forwardRef((props, ref)=>{
68
68
  const shouldShowLoadingAsStartIcon = loading && hasStartIcon;
69
69
  const shouldShowLoadingAsEndIcon = loading && !hasStartIcon && hasEndIcon;
70
70
  const shouldShowLoadingAsLabel = loading && !hasStartIcon && !hasEndIcon;
71
- const variantProps = variantToProps[variant];
71
+ const { sx: variantSx, ...restVariantProps } = variantToProps[variant];
72
+ const { sx: userSx, ...restProps } = rest;
72
73
  const loadingIndicator = loading ? /*#__PURE__*/ jsx(ButtonLoadingIndicator, {
73
74
  "aria-label": label
74
75
  }) : null;
@@ -96,16 +97,20 @@ const ApButton = /*#__PURE__*/ react.forwardRef((props, ref)=>{
96
97
  onBlur: onBlur,
97
98
  startIcon: loading && shouldShowLoadingAsStartIcon ? loadingIndicator : startIcon,
98
99
  endIcon: loading && shouldShowLoadingAsEndIcon ? loadingIndicator : endIcon,
99
- ...variantProps,
100
+ ...restVariantProps,
101
+ sx: [
102
+ variantSx ?? {},
103
+ userSx ?? {}
104
+ ],
100
105
  tabIndex: tabIndex ?? (loading ? -1 : void 0),
101
106
  "aria-disabled": disabled || loading ? 'true' : void 0,
102
107
  "aria-expanded": expanded,
103
108
  title: title,
104
- className: joinClasses(variantProps?.className, loading && 'loading'),
109
+ className: joinClasses(restVariantProps?.className, loading && 'loading'),
105
110
  href: href,
106
111
  customSize: size,
107
112
  customWidth: widthMode,
108
- ...rest,
113
+ ...restProps,
109
114
  children: [
110
115
  /*#__PURE__*/ jsx("span", {
111
116
  style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "3.48.1",
3
+ "version": "3.49.0-pr312.4aa8654",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",