venice-ui 3.0.32 → 3.0.34

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 (3) hide show
  1. package/dist/cjs/components/List/List.js +9 -2
  2. package/dist/esm/components/List/List.js +9 -2
  3. package/package.json +1 -1
package/dist/cjs/components/List/List.js CHANGED
@@ -81,13 +81,20 @@ const List = ({ theme, themeVariant = 'default', items, handleChange, handleSele
81
81
  updateParentSelection(newListOption, item.id);
82
82
  handleChange(newListOption);
83
83
  };
84
+ const select = (id) => {
85
+ if (handleSelect && isSelectable) {
86
+ handleSelect(id);
87
+ }
88
+ };
84
89
  const renderRow = (row, level) => {
85
90
  const rowHaveStatus = row.statusDone || row.statusError || row.statusWarning;
86
91
  return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: resolvedTheme },
87
92
  react_1.default.createElement(List_styles_1.ListRowRoot, { theme: resolvedTheme, config: checkboxConfig,
88
93
  // action={}
89
94
  level: level },
90
- react_1.default.createElement(List_styles_1.ListRow, { theme: resolvedTheme, config: checkboxConfig, isSelected: isSelectable && selected ? selected === row.id : false, isSelectable: isSelectable },
95
+ react_1.default.createElement(List_styles_1.ListRow, { theme: resolvedTheme, config: checkboxConfig, isSelected: isSelectable && selected ? selected === row.id : false, isSelectable: isSelectable, onClick: () => {
96
+ select(row.id);
97
+ } },
91
98
  react_1.default.createElement(react_1.default.Fragment, null,
92
99
  react_1.default.createElement(Aligment_1.Aligment, { justify: "start-flex", gap: checkboxConfig.size.gap, align: "center" },
93
100
  isCollapsable && (react_1.default.createElement(List_styles_1.ListIconWrapper, { theme: resolvedTheme, config: checkboxConfig, isExtended: row.extend || false, onClick: (e) => {
@@ -112,7 +119,7 @@ const List = ({ theme, themeVariant = 'default', items, handleChange, handleSele
112
119
  isCheckbox && (react_1.default.createElement("div", { onClick: (e) => e.stopPropagation() },
113
120
  react_1.default.createElement(Checkbox_1.Checkbox, { handleClick: () => handleClick(row), value: getValue(row), isIntermedian: getIntermedian(row), size: "sm" }))),
114
121
  react_1.default.createElement(List_styles_1.ListValue, { theme: resolvedTheme, config: checkboxConfig }, row.value)),
115
- react_1.default.createElement(List_styles_1.ListRowOptionsWrapper, { onClick: (e) => e.stopPropagation() }, haveMoreOptions && levelActions[level]?.moreActions && (react_1.default.createElement(DropdownMenu_1.DropdownMenu, { options: levelActions[level]?.moreActions || [], targetID: row.id, position: 'right', iconBgHoverColor: 'transparent' })))))),
122
+ react_1.default.createElement(List_styles_1.ListRowOptionsWrapper, { onClick: (e) => e.stopPropagation() }, haveMoreOptions && levelActions[level]?.moreActions && (react_1.default.createElement(DropdownMenu_1.DropdownMenu, { options: levelActions[level]?.moreActions || [], targetID: row.id, position: 'right', iconBgHoverColor: "transparent" })))))),
116
123
  row.children.length > 0 && (react_1.default.createElement(List_styles_1.ListRowExtend, { isExtended: row.extend || false },
117
124
  react_1.default.createElement("div", null, row.children.map((_chiledRow) => {
118
125
  return renderRow(_chiledRow, level + 1);
package/dist/esm/components/List/List.js CHANGED
@@ -75,13 +75,20 @@ export const List = ({ theme, themeVariant = 'default', items, handleChange, han
75
75
  updateParentSelection(newListOption, item.id);
76
76
  handleChange(newListOption);
77
77
  };
78
+ const select = (id) => {
79
+ if (handleSelect && isSelectable) {
80
+ handleSelect(id);
81
+ }
82
+ };
78
83
  const renderRow = (row, level) => {
79
84
  const rowHaveStatus = row.statusDone || row.statusError || row.statusWarning;
80
85
  return (React.createElement(ThemeProvider, { theme: resolvedTheme },
81
86
  React.createElement(ListRowRoot, { theme: resolvedTheme, config: checkboxConfig,
82
87
  // action={}
83
88
  level: level },
84
- React.createElement(ListRow, { theme: resolvedTheme, config: checkboxConfig, isSelected: isSelectable && selected ? selected === row.id : false, isSelectable: isSelectable },
89
+ React.createElement(ListRow, { theme: resolvedTheme, config: checkboxConfig, isSelected: isSelectable && selected ? selected === row.id : false, isSelectable: isSelectable, onClick: () => {
90
+ select(row.id);
91
+ } },
85
92
  React.createElement(React.Fragment, null,
86
93
  React.createElement(Aligment, { justify: "start-flex", gap: checkboxConfig.size.gap, align: "center" },
87
94
  isCollapsable && (React.createElement(ListIconWrapper, { theme: resolvedTheme, config: checkboxConfig, isExtended: row.extend || false, onClick: (e) => {
@@ -106,7 +113,7 @@ export const List = ({ theme, themeVariant = 'default', items, handleChange, han
106
113
  isCheckbox && (React.createElement("div", { onClick: (e) => e.stopPropagation() },
107
114
  React.createElement(Checkbox, { handleClick: () => handleClick(row), value: getValue(row), isIntermedian: getIntermedian(row), size: "sm" }))),
108
115
  React.createElement(ListValue, { theme: resolvedTheme, config: checkboxConfig }, row.value)),
109
- React.createElement(ListRowOptionsWrapper, { onClick: (e) => e.stopPropagation() }, haveMoreOptions && levelActions[level]?.moreActions && (React.createElement(DropdownMenu, { options: levelActions[level]?.moreActions || [], targetID: row.id, position: 'right', iconBgHoverColor: 'transparent' })))))),
116
+ React.createElement(ListRowOptionsWrapper, { onClick: (e) => e.stopPropagation() }, haveMoreOptions && levelActions[level]?.moreActions && (React.createElement(DropdownMenu, { options: levelActions[level]?.moreActions || [], targetID: row.id, position: 'right', iconBgHoverColor: "transparent" })))))),
110
117
  row.children.length > 0 && (React.createElement(ListRowExtend, { isExtended: row.extend || false },
111
118
  React.createElement("div", null, row.children.map((_chiledRow) => {
112
119
  return renderRow(_chiledRow, level + 1);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "venice-ui",
3
- "version": "3.0.32",
3
+ "version": "3.0.34",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "module": "./dist/esm/index.js",