@uipath/apollo-wind 2.67.0 → 2.67.1

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 (4) hide show
  1. package/dist/components/ui/index.cjs +28 -28
  2. package/dist/components/ui/tree-view.cjs +19 -5
  3. package/dist/components/ui/tree-view.js +19 -5
  4. package/package.json +1 -1
package/dist/components/ui/index.cjs CHANGED
@@ -18,7 +18,7 @@ var __webpack_modules__ = {
18
18
  "./avatar" (module) {
19
19
  module.exports = require("./avatar.cjs");
20
20
  },
21
- "./badge" (module) {
21
+ "@/components/ui/badge" (module) {
22
22
  module.exports = require("./badge.cjs");
23
23
  },
24
24
  "./boolean-radio-group" (module) {
@@ -33,7 +33,7 @@ var __webpack_modules__ = {
33
33
  "./button-group" (module) {
34
34
  module.exports = require("./button-group.cjs");
35
35
  },
36
- "./button" (module) {
36
+ "@/components/ui/button" (module) {
37
37
  module.exports = require("./button.cjs");
38
38
  },
39
39
  "./calendar" (module) {
@@ -45,7 +45,7 @@ var __webpack_modules__ = {
45
45
  "./chart" (module) {
46
46
  module.exports = require("./chart.cjs");
47
47
  },
48
- "./checkbox" (module) {
48
+ "@/components/ui/checkbox" (module) {
49
49
  module.exports = require("./checkbox.cjs");
50
50
  },
51
51
  "./collapsible" (module) {
@@ -69,16 +69,16 @@ var __webpack_modules__ = {
69
69
  "./datetime-picker" (module) {
70
70
  module.exports = require("./datetime-picker.cjs");
71
71
  },
72
- "./dialog" (module) {
72
+ "@/components/ui/dialog" (module) {
73
73
  module.exports = require("./dialog.cjs");
74
74
  },
75
75
  "./drawer" (module) {
76
76
  module.exports = require("./drawer.cjs");
77
77
  },
78
- "./dropdown-menu" (module) {
78
+ "@/components/ui/dropdown-menu" (module) {
79
79
  module.exports = require("./dropdown-menu.cjs");
80
80
  },
81
- "./editable-cell" (module) {
81
+ "@/components/ui/editable-cell" (module) {
82
82
  module.exports = require("./editable-cell.cjs");
83
83
  },
84
84
  "./empty-state" (module) {
@@ -99,7 +99,7 @@ var __webpack_modules__ = {
99
99
  "./hover-card" (module) {
100
100
  module.exports = require("./hover-card.cjs");
101
101
  },
102
- "./info-tooltip" (module) {
102
+ "@/components/ui/info-tooltip" (module) {
103
103
  module.exports = require("./info-tooltip.cjs");
104
104
  },
105
105
  "@/components/ui/input-group" (module) {
@@ -111,10 +111,10 @@ var __webpack_modules__ = {
111
111
  "./json-tree-view" (module) {
112
112
  module.exports = require("./json-tree-view/index.cjs");
113
113
  },
114
- "./label" (module) {
114
+ "@/components/ui/label" (module) {
115
115
  module.exports = require("./label.cjs");
116
116
  },
117
- "./layout" (module) {
117
+ "@/components/ui/layout" (module) {
118
118
  module.exports = require("./layout/index.cjs");
119
119
  },
120
120
  "./lockable-value-field" (module) {
@@ -141,7 +141,7 @@ var __webpack_modules__ = {
141
141
  "@/components/ui/popover" (module) {
142
142
  module.exports = require("./popover.cjs");
143
143
  },
144
- "./portal-container" (module) {
144
+ "@/components/ui/portal-container" (module) {
145
145
  module.exports = require("./portal-container.cjs");
146
146
  },
147
147
  "./progress" (module) {
@@ -201,22 +201,22 @@ var __webpack_modules__ = {
201
201
  "./switch" (module) {
202
202
  module.exports = require("./switch.cjs");
203
203
  },
204
- "./table" (module) {
204
+ "@/components/ui/table" (module) {
205
205
  module.exports = require("./table.cjs");
206
206
  },
207
207
  "./tabs" (module) {
208
208
  module.exports = require("./tabs.cjs");
209
209
  },
210
- "./textarea" (module) {
210
+ "@/components/ui/textarea" (module) {
211
211
  module.exports = require("./textarea.cjs");
212
212
  },
213
213
  "./toggle-group" (module) {
214
214
  module.exports = require("./toggle-group.cjs");
215
215
  },
216
- "./toggle" (module) {
216
+ "@/components/ui/toggle" (module) {
217
217
  module.exports = require("./toggle.cjs");
218
218
  },
219
- "./tooltip" (module) {
219
+ "@/components/ui/tooltip" (module) {
220
220
  module.exports = require("./tooltip.cjs");
221
221
  },
222
222
  "./tree-view" (module) {
@@ -324,7 +324,7 @@ var __webpack_exports__ = {};
324
324
  "TreeView"
325
325
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_5[__rspack_import_key];
326
326
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
327
- var _badge__rspack_import_6 = __webpack_require__("./badge");
327
+ var _badge__rspack_import_6 = __webpack_require__("@/components/ui/badge");
328
328
  var __rspack_reexport = {};
329
329
  for(const __rspack_import_key in _badge__rspack_import_6)if ([
330
330
  "default",
@@ -356,7 +356,7 @@ var __webpack_exports__ = {};
356
356
  "TreeView"
357
357
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_bubble__rspack_import_9[__rspack_import_key];
358
358
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
359
- var _button__rspack_import_10 = __webpack_require__("./button");
359
+ var _button__rspack_import_10 = __webpack_require__("@/components/ui/button");
360
360
  var __rspack_reexport = {};
361
361
  for(const __rspack_import_key in _button__rspack_import_10)if ([
362
362
  "default",
@@ -396,7 +396,7 @@ var __webpack_exports__ = {};
396
396
  "TreeView"
397
397
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_chart__rspack_import_14[__rspack_import_key];
398
398
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
399
- var _checkbox__rspack_import_15 = __webpack_require__("./checkbox");
399
+ var _checkbox__rspack_import_15 = __webpack_require__("@/components/ui/checkbox");
400
400
  var __rspack_reexport = {};
401
401
  for(const __rspack_import_key in _checkbox__rspack_import_15)if ([
402
402
  "default",
@@ -460,7 +460,7 @@ var __webpack_exports__ = {};
460
460
  "TreeView"
461
461
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_22[__rspack_import_key];
462
462
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
463
- var _dialog__rspack_import_23 = __webpack_require__("./dialog");
463
+ var _dialog__rspack_import_23 = __webpack_require__("@/components/ui/dialog");
464
464
  var __rspack_reexport = {};
465
465
  for(const __rspack_import_key in _dialog__rspack_import_23)if ([
466
466
  "default",
@@ -476,7 +476,7 @@ var __webpack_exports__ = {};
476
476
  "TreeView"
477
477
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_24[__rspack_import_key];
478
478
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
479
- var _dropdown_menu__rspack_import_25 = __webpack_require__("./dropdown-menu");
479
+ var _dropdown_menu__rspack_import_25 = __webpack_require__("@/components/ui/dropdown-menu");
480
480
  var __rspack_reexport = {};
481
481
  for(const __rspack_import_key in _dropdown_menu__rspack_import_25)if ([
482
482
  "default",
@@ -484,7 +484,7 @@ var __webpack_exports__ = {};
484
484
  "TreeView"
485
485
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_25[__rspack_import_key];
486
486
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
487
- var _editable_cell__rspack_import_26 = __webpack_require__("./editable-cell");
487
+ var _editable_cell__rspack_import_26 = __webpack_require__("@/components/ui/editable-cell");
488
488
  var __rspack_reexport = {};
489
489
  for(const __rspack_import_key in _editable_cell__rspack_import_26)if ([
490
490
  "default",
@@ -540,7 +540,7 @@ var __webpack_exports__ = {};
540
540
  "TreeView"
541
541
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_32[__rspack_import_key];
542
542
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
543
- var _info_tooltip__rspack_import_33 = __webpack_require__("./info-tooltip");
543
+ var _info_tooltip__rspack_import_33 = __webpack_require__("@/components/ui/info-tooltip");
544
544
  var __rspack_reexport = {};
545
545
  for(const __rspack_import_key in _info_tooltip__rspack_import_33)if ([
546
546
  "default",
@@ -572,7 +572,7 @@ var __webpack_exports__ = {};
572
572
  "TreeView"
573
573
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_json_tree_view__rspack_import_36[__rspack_import_key];
574
574
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
575
- var _label__rspack_import_37 = __webpack_require__("./label");
575
+ var _label__rspack_import_37 = __webpack_require__("@/components/ui/label");
576
576
  var __rspack_reexport = {};
577
577
  for(const __rspack_import_key in _label__rspack_import_37)if ([
578
578
  "default",
@@ -580,7 +580,7 @@ var __webpack_exports__ = {};
580
580
  "TreeView"
581
581
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_label__rspack_import_37[__rspack_import_key];
582
582
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
583
- var _layout__rspack_import_38 = __webpack_require__("./layout");
583
+ var _layout__rspack_import_38 = __webpack_require__("@/components/ui/layout");
584
584
  var __rspack_reexport = {};
585
585
  for(const __rspack_import_key in _layout__rspack_import_38)if ([
586
586
  "default",
@@ -652,7 +652,7 @@ var __webpack_exports__ = {};
652
652
  "TreeView"
653
653
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_popover__rspack_import_46[__rspack_import_key];
654
654
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
655
- var _portal_container__rspack_import_47 = __webpack_require__("./portal-container");
655
+ var _portal_container__rspack_import_47 = __webpack_require__("@/components/ui/portal-container");
656
656
  var __rspack_reexport = {};
657
657
  for(const __rspack_import_key in _portal_container__rspack_import_47)if ([
658
658
  "default",
@@ -812,7 +812,7 @@ var __webpack_exports__ = {};
812
812
  "TreeView"
813
813
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_66[__rspack_import_key];
814
814
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
815
- var _table__rspack_import_67 = __webpack_require__("./table");
815
+ var _table__rspack_import_67 = __webpack_require__("@/components/ui/table");
816
816
  var __rspack_reexport = {};
817
817
  for(const __rspack_import_key in _table__rspack_import_67)if ([
818
818
  "default",
@@ -828,7 +828,7 @@ var __webpack_exports__ = {};
828
828
  "TreeView"
829
829
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_68[__rspack_import_key];
830
830
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
831
- var _textarea__rspack_import_69 = __webpack_require__("./textarea");
831
+ var _textarea__rspack_import_69 = __webpack_require__("@/components/ui/textarea");
832
832
  var __rspack_reexport = {};
833
833
  for(const __rspack_import_key in _textarea__rspack_import_69)if ([
834
834
  "default",
@@ -836,7 +836,7 @@ var __webpack_exports__ = {};
836
836
  "TreeView"
837
837
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_69[__rspack_import_key];
838
838
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
839
- var _toggle__rspack_import_70 = __webpack_require__("./toggle");
839
+ var _toggle__rspack_import_70 = __webpack_require__("@/components/ui/toggle");
840
840
  var __rspack_reexport = {};
841
841
  for(const __rspack_import_key in _toggle__rspack_import_70)if ([
842
842
  "default",
@@ -852,7 +852,7 @@ var __webpack_exports__ = {};
852
852
  "TreeView"
853
853
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_toggle_group__rspack_import_71[__rspack_import_key];
854
854
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
855
- var _tooltip__rspack_import_72 = __webpack_require__("./tooltip");
855
+ var _tooltip__rspack_import_72 = __webpack_require__("@/components/ui/tooltip");
856
856
  var __rspack_reexport = {};
857
857
  for(const __rspack_import_key in _tooltip__rspack_import_72)if ([
858
858
  "default",
package/dist/components/ui/tree-view.cjs CHANGED
@@ -50,6 +50,7 @@ const buildItemMap = (items)=>{
50
50
  items.forEach(processItem);
51
51
  return map;
52
52
  };
53
+ const toAriaChecked = (state)=>'indeterminate' === state ? 'mixed' : 'checked' === state;
53
54
  const getCheckState = (item, itemMap)=>{
54
55
  const originalItem = itemMap.get(item.id);
55
56
  if (!originalItem) return 'unchecked';
@@ -155,12 +156,17 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
155
156
  };
156
157
  const handleAccessClick = (e)=>{
157
158
  e.stopPropagation();
159
+ if (isDisabled) return;
158
160
  if (onAccessChange) {
159
161
  const currentState = getCheckState(item, itemMap);
160
162
  const newChecked = 'checked' !== currentState;
161
163
  onAccessChange(item, newChecked);
162
164
  }
163
165
  };
166
+ const renderName = ()=>showAccessRights ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
167
+ onClick: handleAccessClick,
168
+ children: item.name
169
+ }) : item.name;
164
170
  const renderIcon = ()=>{
165
171
  if (getIcon) return getIcon(item, depth);
166
172
  return iconMap[item.type] || iconMap.folder || defaultIconMap.folder;
@@ -195,6 +201,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
195
201
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_context_menu_cjs_namespaceObject.ContextMenu, {
196
202
  children: [
197
203
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_context_menu_cjs_namespaceObject.ContextMenuTrigger, {
204
+ disabled: !menuItems?.length,
198
205
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
199
206
  children: [
200
207
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
@@ -203,6 +210,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
203
210
  "aria-expanded": item.children ? isOpen : void 0,
204
211
  "aria-selected": isSelected && 'none' !== selectionMode,
205
212
  "aria-disabled": isDisabled,
213
+ "aria-checked": showAccessRights ? toAriaChecked(getCheckState(item, itemMap)) : void 0,
206
214
  tabIndex: 0,
207
215
  "data-tree-item": true,
208
216
  "data-id": item.id,
@@ -215,10 +223,16 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
215
223
  },
216
224
  onClick: handleClick,
217
225
  onKeyDown: (e)=>{
218
- if ('Enter' === e.key || ' ' === e.key) {
219
- e.preventDefault();
220
- handleClick(e);
226
+ if (e.target !== e.currentTarget) return;
227
+ if ('Enter' !== e.key && ' ' !== e.key) return;
228
+ e.preventDefault();
229
+ if ('none' === selectionMode) {
230
+ e.stopPropagation();
231
+ if (' ' === e.key && showAccessRights) handleAccessClick(e);
232
+ else if (item.children && !isDisabled) onToggleExpand(item.id, !isOpen);
233
+ return;
221
234
  }
235
+ handleClick(e);
222
236
  },
223
237
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
224
238
  className: "flex items-center h-8 min-w-0",
@@ -286,7 +300,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
286
300
  renderIcon(),
287
301
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
288
302
  className: "flex-1 min-w-0 truncate",
289
- children: item.name
303
+ children: renderName()
290
304
  }),
291
305
  item.badge && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
292
306
  className: "shrink-0 ml-1",
@@ -522,7 +536,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
522
536
  renderIcon(),
523
537
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
524
538
  className: "flex-1 min-w-0 truncate",
525
- children: item.name
539
+ children: renderName()
526
540
  }),
527
541
  item.badge && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
528
542
  className: "shrink-0 ml-1",
package/dist/components/ui/tree-view.js CHANGED
@@ -21,6 +21,7 @@ const buildItemMap = (items)=>{
21
21
  items.forEach(processItem);
22
22
  return map;
23
23
  };
24
+ const toAriaChecked = (state)=>'indeterminate' === state ? 'mixed' : 'checked' === state;
24
25
  const getCheckState = (item, itemMap)=>{
25
26
  const originalItem = itemMap.get(item.id);
26
27
  if (!originalItem) return 'unchecked';
@@ -126,12 +127,17 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
126
127
  };
127
128
  const handleAccessClick = (e)=>{
128
129
  e.stopPropagation();
130
+ if (isDisabled) return;
129
131
  if (onAccessChange) {
130
132
  const currentState = getCheckState(item, itemMap);
131
133
  const newChecked = 'checked' !== currentState;
132
134
  onAccessChange(item, newChecked);
133
135
  }
134
136
  };
137
+ const renderName = ()=>showAccessRights ? /*#__PURE__*/ jsx("span", {
138
+ onClick: handleAccessClick,
139
+ children: item.name
140
+ }) : item.name;
135
141
  const renderIcon = ()=>{
136
142
  if (getIcon) return getIcon(item, depth);
137
143
  return iconMap[item.type] || iconMap.folder || defaultIconMap.folder;
@@ -166,6 +172,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
166
172
  return /*#__PURE__*/ jsxs(ContextMenu, {
167
173
  children: [
168
174
  /*#__PURE__*/ jsx(ContextMenuTrigger, {
175
+ disabled: !menuItems?.length,
169
176
  children: /*#__PURE__*/ jsxs("div", {
170
177
  children: [
171
178
  /*#__PURE__*/ jsx("div", {
@@ -174,6 +181,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
174
181
  "aria-expanded": item.children ? isOpen : void 0,
175
182
  "aria-selected": isSelected && 'none' !== selectionMode,
176
183
  "aria-disabled": isDisabled,
184
+ "aria-checked": showAccessRights ? toAriaChecked(getCheckState(item, itemMap)) : void 0,
177
185
  tabIndex: 0,
178
186
  "data-tree-item": true,
179
187
  "data-id": item.id,
@@ -186,10 +194,16 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
186
194
  },
187
195
  onClick: handleClick,
188
196
  onKeyDown: (e)=>{
189
- if ('Enter' === e.key || ' ' === e.key) {
190
- e.preventDefault();
191
- handleClick(e);
197
+ if (e.target !== e.currentTarget) return;
198
+ if ('Enter' !== e.key && ' ' !== e.key) return;
199
+ e.preventDefault();
200
+ if ('none' === selectionMode) {
201
+ e.stopPropagation();
202
+ if (' ' === e.key && showAccessRights) handleAccessClick(e);
203
+ else if (item.children && !isDisabled) onToggleExpand(item.id, !isOpen);
204
+ return;
192
205
  }
206
+ handleClick(e);
193
207
  },
194
208
  children: /*#__PURE__*/ jsx("div", {
195
209
  className: "flex items-center h-8 min-w-0",
@@ -257,7 +271,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
257
271
  renderIcon(),
258
272
  /*#__PURE__*/ jsx("span", {
259
273
  className: "flex-1 min-w-0 truncate",
260
- children: item.name
274
+ children: renderName()
261
275
  }),
262
276
  item.badge && /*#__PURE__*/ jsx("span", {
263
277
  className: "shrink-0 ml-1",
@@ -493,7 +507,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
493
507
  renderIcon(),
494
508
  /*#__PURE__*/ jsx("span", {
495
509
  className: "flex-1 min-w-0 truncate",
496
- children: item.name
510
+ children: renderName()
497
511
  }),
498
512
  item.badge && /*#__PURE__*/ jsx("span", {
499
513
  className: "shrink-0 ml-1",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-wind",
3
- "version": "2.67.0",
3
+ "version": "2.67.1",
4
4
  "description": "UiPath wind design system - A Tailwind CSS based React component library",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",