venice-ui 3.0.30 → 3.0.32

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 (7) hide show
  1. package/dist/cjs/components/DropdownMenu/DropdownMenu.js +1 -1
  2. package/dist/cjs/components/List/List.js +1 -1
  3. package/dist/cjs/components/List/List.styles.js +1 -1
  4. package/dist/esm/components/DropdownMenu/DropdownMenu.js +1 -1
  5. package/dist/esm/components/List/List.js +1 -1
  6. package/dist/esm/components/List/List.styles.js +1 -1
  7. package/package.json +1 -1
package/dist/cjs/components/DropdownMenu/DropdownMenu.js CHANGED
@@ -155,6 +155,6 @@ const DropdownMenu = ({ size = 'md', iconName = 'more_vert', theme, themeVariant
155
155
  react_1.default.createElement(Dropdown_styles_1.TrigerWrapper, { ref: triggerRef, config: dropdownMenuConfig }, textMode ? (react_1.default.createElement(DropdownMenu_styles_1.DropdownMenuText, { isActive: open, onClick: () => toogle(!open), theme: resolvedTheme, config: dropdownMenuConfig }, label)) : (react_1.default.createElement(Icon_1.Icon, { name: iconName, size: size, isActive: open, color: iconColor, hoverColor: iconHoverColor, background: iconBgColor, hoverBackground: iconBgHoverColor, onClick: () => toogle(!open) })))),
156
156
  open &&
157
157
  (0, react_dom_1.createPortal)(react_1.default.createElement(Dropdown_styles_1.DropdownMenuPanel, { isOpen: open, style: dropdownStyles, ref: panelRef, theme: resolvedTheme, config: dropdownMenuConfig },
158
- react_1.default.createElement(ActionPanel_1.ActionPanel, { options: options, size: size, theme: theme, themeVariant: themeVariant, maxRows: 5, zIndex: zIndex, handleClick: handleClick, header: header, footer: footer })), document.body)));
158
+ react_1.default.createElement(ActionPanel_1.ActionPanel, { options: options, size: size, theme: theme, themeVariant: themeVariant, maxRows: 5, zIndex: zIndex, handleClick: handleClick, header: header, footer: footer, targetID: targetID })), document.body)));
159
159
  };
160
160
  exports.DropdownMenu = DropdownMenu;
package/dist/cjs/components/List/List.js CHANGED
@@ -112,7 +112,7 @@ const List = ({ theme, themeVariant = 'default', items, handleChange, handleSele
112
112
  isCheckbox && (react_1.default.createElement("div", { onClick: (e) => e.stopPropagation() },
113
113
  react_1.default.createElement(Checkbox_1.Checkbox, { handleClick: () => handleClick(row), value: getValue(row), isIntermedian: getIntermedian(row), size: "sm" }))),
114
114
  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' })))))),
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' })))))),
116
116
  row.children.length > 0 && (react_1.default.createElement(List_styles_1.ListRowExtend, { isExtended: row.extend || false },
117
117
  react_1.default.createElement("div", null, row.children.map((_chiledRow) => {
118
118
  return renderRow(_chiledRow, level + 1);
package/dist/cjs/components/List/List.styles.js CHANGED
@@ -48,7 +48,7 @@ exports.ListRow = styled_components_1.default.div `
48
48
  exports.ListIconWrapper = styled_components_1.default.div `
49
49
  display: flex;
50
50
  transition: transform 0.2s ease;
51
- transform: ${({ isExtended }) => isExtended ? 'rotate(-90deg)' : 'rotate(0deg)'};
51
+ transform: ${({ isExtended }) => isExtended ? 'rotate(0deg)' : 'rotate(-90deg)'};
52
52
  width: ${({ config }) => config.size.iconSpace}px;
53
53
  height: ${({ config }) => config.size.iconSpace}px;
54
54
  align-items: center;
package/dist/esm/components/DropdownMenu/DropdownMenu.js CHANGED
@@ -119,5 +119,5 @@ export const DropdownMenu = ({ size = 'md', iconName = 'more_vert', theme, theme
119
119
  React.createElement(TrigerWrapper, { ref: triggerRef, config: dropdownMenuConfig }, textMode ? (React.createElement(DropdownMenuText, { isActive: open, onClick: () => toogle(!open), theme: resolvedTheme, config: dropdownMenuConfig }, label)) : (React.createElement(Icon, { name: iconName, size: size, isActive: open, color: iconColor, hoverColor: iconHoverColor, background: iconBgColor, hoverBackground: iconBgHoverColor, onClick: () => toogle(!open) })))),
120
120
  open &&
121
121
  createPortal(React.createElement(DropdownMenuPanel, { isOpen: open, style: dropdownStyles, ref: panelRef, theme: resolvedTheme, config: dropdownMenuConfig },
122
- React.createElement(ActionPanel, { options: options, size: size, theme: theme, themeVariant: themeVariant, maxRows: 5, zIndex: zIndex, handleClick: handleClick, header: header, footer: footer })), document.body)));
122
+ React.createElement(ActionPanel, { options: options, size: size, theme: theme, themeVariant: themeVariant, maxRows: 5, zIndex: zIndex, handleClick: handleClick, header: header, footer: footer, targetID: targetID })), document.body)));
123
123
  };
package/dist/esm/components/List/List.js CHANGED
@@ -106,7 +106,7 @@ export const List = ({ theme, themeVariant = 'default', items, handleChange, han
106
106
  isCheckbox && (React.createElement("div", { onClick: (e) => e.stopPropagation() },
107
107
  React.createElement(Checkbox, { handleClick: () => handleClick(row), value: getValue(row), isIntermedian: getIntermedian(row), size: "sm" }))),
108
108
  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' })))))),
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' })))))),
110
110
  row.children.length > 0 && (React.createElement(ListRowExtend, { isExtended: row.extend || false },
111
111
  React.createElement("div", null, row.children.map((_chiledRow) => {
112
112
  return renderRow(_chiledRow, level + 1);
package/dist/esm/components/List/List.styles.js CHANGED
@@ -42,7 +42,7 @@ export const ListRow = styled.div `
42
42
  export const ListIconWrapper = styled.div `
43
43
  display: flex;
44
44
  transition: transform 0.2s ease;
45
- transform: ${({ isExtended }) => isExtended ? 'rotate(-90deg)' : 'rotate(0deg)'};
45
+ transform: ${({ isExtended }) => isExtended ? 'rotate(0deg)' : 'rotate(-90deg)'};
46
46
  width: ${({ config }) => config.size.iconSpace}px;
47
47
  height: ${({ config }) => config.size.iconSpace}px;
48
48
  align-items: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "venice-ui",
3
- "version": "3.0.30",
3
+ "version": "3.0.32",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "module": "./dist/esm/index.js",