@synerise/ds-items-roll 0.4.77 → 0.5.3

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.5.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-items-roll@0.5.2...@synerise/ds-items-roll@0.5.3) (2021-11-22)
+
+**Note:** Version bump only for package @synerise/ds-items-roll
+
+
+
+
+
+## [0.5.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-items-roll@0.5.1...@synerise/ds-items-roll@0.5.2) (2021-11-16)
+
+**Note:** Version bump only for package @synerise/ds-items-roll
+
+
+
+
+
+## [0.5.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-items-roll@0.4.77...@synerise/ds-items-roll@0.5.1) (2021-11-09)
+
+**Note:** Version bump only for package @synerise/ds-items-roll
+
+
+
+
+
+# [0.5.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-items-roll@0.4.77...@synerise/ds-items-roll@0.5.0) (2021-11-09)
+
+**Note:** Version bump only for package @synerise/ds-items-roll
+
+
+
+
+
 ## [0.4.77](https://github.com/Synerise/synerise-design/compare/@synerise/ds-items-roll@0.4.76...@synerise/ds-items-roll@0.4.77) (2021-11-05)
 
 **Note:** Version bump only for package @synerise/ds-items-roll

package/dist/Extras/Extras.js

@@ -5,8 +5,7 @@ import styled from 'styled-components';
 import Dropdown from '@synerise/ds-dropdown';
 import Menu from '@synerise/ds-menu';
 import Button from '@synerise/ds-button';
-import Icon from '@synerise/ds-icon';
-import OptionHorizontalM from '@synerise/ds-icon/dist/icons/OptionHorizontalM';
+import Icon, { OptionHorizontalM } from '@synerise/ds-icon';
 var ItemMenu = styled(Menu).withConfig({
   displayName: "Extras__ItemMenu",
   componentId: "sc-1cdoprb-0"
@@ -14,21 +13,21 @@ var ItemMenu = styled(Menu).withConfig({
 
 var Extras = function Extras(_ref) {
   var actions = _ref.actions;
-  return React.createElement(Dropdown, {
+  return /*#__PURE__*/React.createElement(Dropdown, {
     trigger: ['click'],
     placement: "bottomRight",
-    overlay: React.createElement(ItemMenu, {
+    overlay: /*#__PURE__*/React.createElement(ItemMenu, {
       "data-testid": "items-roll-action-menu"
     }, actions.map(function (action) {
-      return React.createElement(Menu.Item, _extends({}, action, {
+      return /*#__PURE__*/React.createElement(Menu.Item, _extends({}, action, {
         key: action.id
       }), action.text);
     }))
-  }, React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     type: "ghost",
     mode: "single-icon"
-  }, React.createElement(Icon, {
-    component: React.createElement(OptionHorizontalM, null)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(OptionHorizontalM, null)
   })));
 };
 

package/dist/ItemsRoll.js

@@ -1,15 +1,3 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -92,9 +80,8 @@ var ItemsRoll = function ItemsRoll(_ref) {
   var allTexts = texts ? _objectSpread({}, defaultTexts, {}, texts) : defaultTexts;
 
   var _React$useState = React.useState(maxToShowItems),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      visibleItemsAmount = _React$useState2[0],
-      setVisibleItemsAmount = _React$useState2[1];
+      visibleItemsAmount = _React$useState[0],
+      setVisibleItemsAmount = _React$useState[1];
 
   React.useEffect(function () {
     setVisibleItemsAmount(maxToShowItems);
@@ -112,11 +99,11 @@ var ItemsRoll = function ItemsRoll(_ref) {
   var showDefaultItemsAmount = React.useCallback(function () {
     setVisibleItemsAmount(maxToShowItems);
   }, [maxToShowItems]);
-  return React.createElement(S.Wrapper, {
+  return /*#__PURE__*/React.createElement(S.Wrapper, {
     style: style || {},
     className: className || '',
     "data-testid": "ds-items-roll"
-  }, React.createElement(Header, {
+  }, /*#__PURE__*/React.createElement(Header, {
     actions: actions,
     allTexts: allTexts,
     changeSelectionIcon: changeSelectionIcon,
@@ -129,9 +116,9 @@ var ItemsRoll = function ItemsRoll(_ref) {
     onSearchClear: onSearchClear,
     searchValue: searchValue,
     searchPlaceholder: searchPlaceholder
-  }), React.createElement(S.Divider, {
+  }), /*#__PURE__*/React.createElement(S.Divider, {
     dashed: true
-  }), React.createElement(List, {
+  }), /*#__PURE__*/React.createElement(List, {
     groups: groups,
     items: items,
     onItemClick: onItemClick,
@@ -143,7 +130,7 @@ var ItemsRoll = function ItemsRoll(_ref) {
     visibleItems: visibleItems,
     virtualizedRowHeight: virtualizedRowHeight,
     virtualizedRowWidth: virtualizedRowWidth
-  }), useFooter && React.createElement(Footer, {
+  }), useFooter && /*#__PURE__*/React.createElement(Footer, {
     searchMode: Boolean(searchValue),
     allTexts: allTexts,
     itemsCount: items.length,

package/dist/ItemsRoll.styles.d.ts

@@ -12,10 +12,10 @@ export declare const SearchWrapper: import("styled-components").StyledComponent<
 export declare const ShowButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
 export declare const ShowButtonLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ClearButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
-export declare const ArrowIcon: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-icon/dist/Icon.types").IconProps>, any, {}, never>;
+export declare const ArrowIcon: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-icon").IconProps>, any, {}, never>;
 export declare const NoResults: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const NoResultIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Divider: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-divider/dist/Divider.types").DividerProps>, any, {
     footer?: boolean | undefined;
 }, never>;
-export declare const WarningIcon: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-icon/dist/Icon.types").IconProps>, any, {}, never>;
+export declare const WarningIcon: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-icon").IconProps>, any, {}, never>;

package/dist/ItemsRoll.types.js

@@ -0,0 +1 @@
+export {};

package/dist/ItemsRollComponents/Footer.js

@@ -1,20 +1,19 @@
 import * as React from 'react';
 import Popconfirm from '@synerise/ds-popconfirm';
-import Icon from '@synerise/ds-icon';
-import { ArrowDownCircleM, ArrowUpCircleM, CloseS, WarningFillM } from '@synerise/ds-icon/dist/icons';
+import Icon, { ArrowDownCircleM, ArrowUpCircleM, CloseS, WarningFillM } from '@synerise/ds-icon';
 import * as S from '../ItemsRoll.styles';
 
 var ShowLessButton = function ShowLessButton(_ref) {
   var showDefaultItemsAmount = _ref.showDefaultItemsAmount,
       showLessLabel = _ref.showLessLabel;
-  return React.createElement(S.ShowButton, {
+  return /*#__PURE__*/React.createElement(S.ShowButton, {
     type: "ghost",
     mode: "icon-label",
     onClick: showDefaultItemsAmount
-  }, React.createElement(S.ArrowIcon, {
-    component: React.createElement(ArrowUpCircleM, null),
+  }, /*#__PURE__*/React.createElement(S.ArrowIcon, {
+    component: /*#__PURE__*/React.createElement(ArrowUpCircleM, null),
     size: 20
-  }), React.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "bold-label"
   }, showLessLabel));
 };
@@ -24,14 +23,14 @@ var ShowMoreButton = function ShowMoreButton(_ref2) {
       moreLabel = _ref2.moreLabel,
       showAdditionalItems = _ref2.showAdditionalItems,
       getShowMoreNumber = _ref2.getShowMoreNumber;
-  return React.createElement(S.ShowButton, {
+  return /*#__PURE__*/React.createElement(S.ShowButton, {
     type: "ghost",
     mode: "icon-label",
     onClick: showAdditionalItems
-  }, React.createElement(S.ArrowIcon, {
-    component: React.createElement(ArrowDownCircleM, null),
+  }, /*#__PURE__*/React.createElement(S.ArrowIcon, {
+    component: /*#__PURE__*/React.createElement(ArrowDownCircleM, null),
     size: 20
-  }), React.createElement(S.ShowButtonLabel, null, showLabel, " ", React.createElement("span", {
+  }), /*#__PURE__*/React.createElement(S.ShowButtonLabel, null, showLabel, " ", /*#__PURE__*/React.createElement("span", {
     className: "bold-label"
   }, getShowMoreNumber), " ", moreLabel));
 };
@@ -55,45 +54,45 @@ var Footer = function Footer(_ref3) {
     return !searchMode || searchMode && itemsCount > maxToShowItems;
   }, [searchMode, maxToShowItems, itemsCount]);
   var buttonsConfiguration = React.useMemo(function () {
-    if (visibleItemsCount === itemsCount) return React.createElement(ShowLessButton, {
+    if (visibleItemsCount === itemsCount) return /*#__PURE__*/React.createElement(ShowLessButton, {
       showLessLabel: allTexts.showLessLabel,
       showDefaultItemsAmount: showDefaultItemsAmount
     });
-    if (visibleItemsCount === maxToShowItems) return React.createElement(ShowMoreButton, {
+    if (visibleItemsCount === maxToShowItems) return /*#__PURE__*/React.createElement(ShowMoreButton, {
       getShowMoreNumber: getShowMoreNumber,
       moreLabel: allTexts.moreLabel,
       showLabel: allTexts.showLabel,
       showAdditionalItems: showAdditionalItems
     });
-    return React.createElement(S.ShowButtonsWrapper, null, React.createElement(ShowMoreButton, {
+    return /*#__PURE__*/React.createElement(S.ShowButtonsWrapper, null, /*#__PURE__*/React.createElement(ShowMoreButton, {
       getShowMoreNumber: getShowMoreNumber,
       moreLabel: allTexts.moreLabel,
       showLabel: allTexts.showLabel,
       showAdditionalItems: showAdditionalItems
-    }), React.createElement(ShowLessButton, {
+    }), /*#__PURE__*/React.createElement(ShowLessButton, {
       showLessLabel: allTexts.showLessLabel,
       showDefaultItemsAmount: showDefaultItemsAmount
     }));
   }, [itemsCount, maxToShowItems, visibleItemsCount, getShowMoreNumber, showDefaultItemsAmount, showAdditionalItems, allTexts]);
-  return visibleItemsCount !== 0 ? React.createElement(React.Fragment, null, showDivider && React.createElement(S.Divider, {
+  return visibleItemsCount !== 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, showDivider && /*#__PURE__*/React.createElement(S.Divider, {
     dashed: true,
     footer: true
-  }), React.createElement(S.ContainerSpaceBetween, {
+  }), /*#__PURE__*/React.createElement(S.ContainerSpaceBetween, {
     "data-testid": "items-roll-footer"
-  }, itemsCount > maxToShowItems && buttonsConfiguration, onClearAll && !searchMode && React.createElement(Popconfirm, {
+  }, itemsCount > maxToShowItems && buttonsConfiguration, onClearAll && !searchMode && /*#__PURE__*/React.createElement(Popconfirm, {
     onConfirm: onClearAll,
-    icon: React.createElement(S.WarningIcon, {
-      component: React.createElement(WarningFillM, null)
+    icon: /*#__PURE__*/React.createElement(S.WarningIcon, {
+      component: /*#__PURE__*/React.createElement(WarningFillM, null)
     }),
     cancelText: allTexts.popconfirmNoLabel,
     okText: allTexts.popconfirmYesLabel,
     title: allTexts.popconfirmTitleLabel
-  }, React.createElement(S.ClearButton, {
+  }, /*#__PURE__*/React.createElement(S.ClearButton, {
     type: "custom-color-ghost",
     color: "red",
     mode: "icon-label"
-  }, React.createElement(Icon, {
-    component: React.createElement(CloseS, null),
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(CloseS, null),
     size: 22
   }), allTexts.clearAllLabel)))) : null;
 };

package/dist/ItemsRollComponents/Footer.types.js

@@ -0,0 +1 @@
+export {};

package/dist/ItemsRollComponents/Header.js

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import { SearchInput } from '@synerise/ds-search/dist/Elements';
-import Icon from '@synerise/ds-icon';
+import Icon, { EditM } from '@synerise/ds-icon';
 import Dropdown from '@synerise/ds-dropdown';
 import { NOOP } from '@synerise/ds-utils';
-import EditM from '@synerise/ds-icon/dist/icons/EditM';
 import Extras from '../Extras';
 import * as S from '../ItemsRoll.styles';
 
@@ -22,23 +21,23 @@ var Header = function Header(_ref) {
       onSearchClear = _ref.onSearchClear,
       searchPlaceholder = _ref.searchPlaceholder;
   var ChangeSelectionButton = React.useMemo(function () {
-    return React.createElement(S.ChangeSelection, {
+    return /*#__PURE__*/React.createElement(S.ChangeSelection, {
       type: "ghost",
       mode: "icon-label",
       onClick: onChangeSelection
-    }, React.createElement(Icon, {
-      component: React.createElement(ChangeSelectionIcon, null),
+    }, /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(ChangeSelectionIcon, null),
       size: 24
     }), allTexts.changeSelectionLabel);
   }, [onChangeSelection, allTexts.changeSelectionLabel]);
-  return React.createElement(S.ContainerSpaceBetween, null, React.createElement(S.HeaderLeft, null, allTexts.itemsLabel, ": ", React.createElement(S.Bold, null, itemsCount)), React.createElement(S.HeaderRight, null, onChangeSelection && (changeSelectionDropdownProps ? React.createElement(Dropdown, changeSelectionDropdownProps, ChangeSelectionButton) : ChangeSelectionButton), !hideSearch && React.createElement(S.SearchWrapper, null, React.createElement(SearchInput, {
+  return /*#__PURE__*/React.createElement(S.ContainerSpaceBetween, null, /*#__PURE__*/React.createElement(S.HeaderLeft, null, allTexts.itemsLabel, ": ", /*#__PURE__*/React.createElement(S.Bold, null, itemsCount)), /*#__PURE__*/React.createElement(S.HeaderRight, null, onChangeSelection && (changeSelectionDropdownProps ? /*#__PURE__*/React.createElement(Dropdown, changeSelectionDropdownProps, ChangeSelectionButton) : ChangeSelectionButton), !hideSearch && /*#__PURE__*/React.createElement(S.SearchWrapper, null, /*#__PURE__*/React.createElement(SearchInput, {
     clearTooltip: allTexts.searchClearTooltipLabel,
     onClear: onSearchClear || NOOP,
     onChange: onSearch || NOOP,
     placeholder: searchPlaceholder,
     value: searchValue || '',
     closeOnClickOutside: true
-  })), customSidebarActions, actions && React.createElement(Extras, {
+  })), customSidebarActions, actions && /*#__PURE__*/React.createElement(Extras, {
     actions: actions
   })));
 };

package/dist/ItemsRollComponents/Header.types.js

@@ -0,0 +1 @@
+export {};

package/dist/ItemsRollComponents/ItemRemoveIcon.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import Icon from '@synerise/ds-icon';
-import CloseS from '@synerise/ds-icon/dist/icons/CloseS';
+import Icon, { CloseS } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
 import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
 import { RemoveIconWrapper } from './ItemRemoveIcon.styles';
@@ -10,15 +9,15 @@ export var RemoveIcon = function RemoveIcon(_ref) {
       handleRemove = _ref.handleRemove,
       tooltipLabel = _ref.tooltipLabel,
       group = _ref.group;
-  return React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(Tooltip, {
     title: tooltipLabel
-  }, React.createElement(RemoveIconWrapper, null, React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(RemoveIconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
     className: "element-remove-icon",
     onClick: function onClick(e) {
       e.stopPropagation();
       handleRemove(id, group);
     },
-    component: React.createElement(CloseS, null),
+    component: /*#__PURE__*/React.createElement(CloseS, null),
     color: theme.palette['red-600'],
     size: 24
   })));

package/dist/ItemsRollComponents/ItemRemoveIcon.types.js

@@ -0,0 +1 @@
+export {};

package/dist/ItemsRollComponents/List.js

@@ -1,11 +1,10 @@
 import * as React from 'react';
 import { FixedSizeList } from 'react-window';
-import Icon from '@synerise/ds-icon';
-import SearchNoResultsM from '@synerise/ds-icon/dist/icons/SearchNoResultsM';
+import Icon, { SearchNoResultsM } from '@synerise/ds-icon';
 import Menu from '@synerise/ds-menu';
-import * as S from '../ItemsRoll.styles';
 import ItemElement from './ListItem';
 import ItemRenderer from './VirtualizedListItem';
+import * as S from '../ItemsRoll.styles';
 export var itemsInGroup = function itemsInGroup(group, items) {
   return items.filter(function (item) {
     return item.group === group;
@@ -25,12 +24,12 @@ var List = function List(_ref) {
       _ref$virtualizedRowHe = _ref.virtualizedRowHeight,
       virtualizedRowHeight = _ref$virtualizedRowHe === void 0 ? 32 : _ref$virtualizedRowHe,
       virtualizedRowWidth = _ref.virtualizedRowWidth;
-  return visibleItems.length === 0 ? React.createElement(S.NoResults, null, React.createElement(S.NoResultIconWrapper, null, React.createElement(Icon, {
-    component: React.createElement(SearchNoResultsM, null),
+  return visibleItems.length === 0 ? /*#__PURE__*/React.createElement(S.NoResults, null, /*#__PURE__*/React.createElement(S.NoResultIconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(SearchNoResultsM, null),
     size: 25
-  })), noResultsLabel) : React.createElement(S.ListWrapper, null, useVirtualizedList && !groups ? React.createElement(Menu, {
+  })), noResultsLabel) : /*#__PURE__*/React.createElement(S.ListWrapper, null, useVirtualizedList && !groups ? /*#__PURE__*/React.createElement(Menu, {
     "data-testid": "items-roll-virtualized-list"
-  }, React.createElement(FixedSizeList, {
+  }, /*#__PURE__*/React.createElement(FixedSizeList, {
     height: visibleItems.length * virtualizedRowHeight,
     itemData: items,
     itemCount: visibleItems.length,
@@ -41,15 +40,17 @@ var List = function List(_ref) {
     onItemClick: onItemClick,
     onItemRemove: onItemRemove,
     tooltipLabel: removeTooltipLabel
-  }))) : React.createElement(Menu, null, groups ? groups.map(function (group) {
+  }))) : /*#__PURE__*/React.createElement(Menu, null, groups ? groups.map(function (group) {
     var groupItems = itemsInGroup(group, visibleItems);
-    return groupItems.length > 0 ? // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+    return groupItems.length > 0 ?
+    /*#__PURE__*/
+    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
     // @ts-ignore
     React.createElement(Menu.ItemGroup, {
       key: group,
       title: group
     }, groupItems.map(function (item) {
-      return React.createElement(ItemElement, {
+      return /*#__PURE__*/React.createElement(ItemElement, {
         group: group,
         key: item.id,
         highlight: searchValue,
@@ -60,7 +61,7 @@ var List = function List(_ref) {
       });
     })) : null;
   }) : visibleItems.map(function (item) {
-    return React.createElement(ItemElement, {
+    return /*#__PURE__*/React.createElement(ItemElement, {
       key: item.id,
       highlight: searchValue,
       item: item,

package/dist/ItemsRollComponents/List.types.js

@@ -0,0 +1 @@
+export {};

package/dist/ItemsRollComponents/ListItem.js

@@ -20,12 +20,12 @@ var ItemElement = function ItemElement(_ref) {
     return item.suffixel instanceof Function ? item.suffixel(hovered) : item.suffixel;
   };
 
-  return React.createElement(S.ListItem, _extends({}, item, {
+  return /*#__PURE__*/React.createElement(S.ListItem, _extends({}, item, {
     className: "items-roll-list-item",
     highlight: highlight,
     onItemHover: NOOP,
     suffixel: function suffixel(hovered) {
-      return React.createElement(S.SuffixelWrapper, null, renderSuffixElement(hovered) || null, onItemRemove && React.createElement(RemoveIcon, {
+      return /*#__PURE__*/React.createElement(S.SuffixelWrapper, null, renderSuffixElement(hovered) || null, onItemRemove && /*#__PURE__*/React.createElement(RemoveIcon, {
         id: item.id,
         handleRemove: onItemRemove,
         tooltipLabel: removeTooltipLabel,

package/dist/ItemsRollComponents/ListItem.types.js

@@ -0,0 +1 @@
+export {};

package/dist/ItemsRollComponents/VirtualizedListItem.js

@@ -1,4 +1,4 @@
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+var _excluded = ["suffixel"];
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
@@ -22,19 +22,19 @@ var ItemRenderer = function ItemRenderer(_ref) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     var _ref3 = data[index],
         suffixel = _ref3.suffixel,
-        item = _objectWithoutProperties(_ref3, ["suffixel"]); // eslint-disable-next-line react-hooks/rules-of-hooks
+        item = _objectWithoutPropertiesLoose(_ref3, _excluded); // eslint-disable-next-line react-hooks/rules-of-hooks
 
 
     var onClick = React.useCallback(function () {
       return onItemClick && onItemClick(item.id, group);
     }, [item.id]);
-    return React.createElement(S.ListItem, null, React.createElement(Menu.Item, {
+    return /*#__PURE__*/React.createElement(S.ListItem, null, /*#__PURE__*/React.createElement(Menu.Item, {
       className: "items-roll-list-item",
       highlight: highlight,
       onItemHover: NOOP,
       onClick: onClick,
       style: style,
-      suffixel: React.createElement(S.SuffixelWrapper, null, suffixel, !!onItemRemove && React.createElement(RemoveIcon, {
+      suffixel: /*#__PURE__*/React.createElement(S.SuffixelWrapper, null, suffixel, !!onItemRemove && /*#__PURE__*/React.createElement(RemoveIcon, {
         id: item.id,
         handleRemove: onItemRemove,
         tooltipLabel: tooltipLabel,

package/dist/ItemsRollComponents/VirtualizedListItem.types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-items-roll",
-  "version": "0.4.77",
+  "version": "0.5.3",
   "description": "ItemsRoll UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,17 +32,17 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.15.0",
-    "@synerise/ds-core": "^0.30.14",
-    "@synerise/ds-divider": "^0.4.74",
-    "@synerise/ds-dropdown": "^0.16.31",
-    "@synerise/ds-icon": "^0.45.2",
-    "@synerise/ds-menu": "^0.10.45",
-    "@synerise/ds-popconfirm": "^0.7.3",
-    "@synerise/ds-scrollbar": "^0.3.19",
-    "@synerise/ds-search": "^0.5.54",
-    "@synerise/ds-tooltip": "^0.10.56",
-    "@synerise/ds-typography": "^0.11.9",
+    "@synerise/ds-button": "^0.16.2",
+    "@synerise/ds-core": "^0.31.2",
+    "@synerise/ds-divider": "^0.5.3",
+    "@synerise/ds-dropdown": "^0.17.3",
+    "@synerise/ds-icon": "^0.46.2",
+    "@synerise/ds-menu": "^0.11.2",
+    "@synerise/ds-popconfirm": "^0.8.2",
+    "@synerise/ds-scrollbar": "^0.4.2",
+    "@synerise/ds-search": "^0.6.3",
+    "@synerise/ds-tooltip": "^0.11.2",
+    "@synerise/ds-typography": "^0.12.2",
     "@synerise/ds-utils": "^0.19.0",
     "react-window": "^1.8.5"
   },
@@ -53,5 +53,5 @@
   "devDependencies": {
     "@types/react-window": "^1.8.2"
   },
-  "gitHead": "bf865b6d1967c42effb68dc794f34dd18ddebe27"
+  "gitHead": "2468359677783819939fb9f1ef5acc36667ecd1a"
 }