@synerise/ds-items-roll 1.0.15 → 1.0.17

package/README.md

@@ -34,7 +34,7 @@ import ItemsRoll from '@synerise/ds-items-roll';
 ## API
 
 | Property                     | Description                                                                                                       | Type                                                    | Default |
-|------------------------------|-------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------|---------|
+| ---------------------------- | ----------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | ------- |
 | actions                      | ItemRollElement array with configuration for action dropdown menu                                                 | ItemRollElement[]                                       | -       |
 | changeSelectionIcon          | The custom changeSelection icon                                                                                   | `(props: React.SVGProps<SVGSVGElement>) => JSX.Element` | EditM   |
 | changeSelectionDropdownProps | Object with ds-dropdown props                                                                                     | DropdownProps                                           |         |
@@ -62,7 +62,6 @@ import ItemsRoll from '@synerise/ds-items-roll';
 | virtualizedRowHeight         | Height of virtualizedlist row                                                                                     | number                                                  | 32px    |
 | virtualizedRowWidth          | Width of virtualized list                                                                                         | number                                                  | -       |
 
-
 #### ItemRollElement
 
 | Property | Description                                                                         | Type   | Default |

package/dist/Extras/Extras.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MenuItemProps } from '@synerise/ds-menu';
+import { type MenuItemProps } from '@synerise/ds-menu';
 import type { ItemRollElement } from '../ItemsRoll.types';
 export type ExtrasProps = {
     actions: ItemRollElement<MenuItemProps>[];

package/dist/Extras/Extras.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import styled from 'styled-components';
-import Dropdown from '@synerise/ds-dropdown';
-import Menu from '@synerise/ds-menu';
 import Button from '@synerise/ds-button';
+import Dropdown from '@synerise/ds-dropdown';
 import Icon, { OptionHorizontalM } from '@synerise/ds-icon';
+import Menu from '@synerise/ds-menu';
 var ItemMenu = styled(Menu).withConfig({
   displayName: "Extras__ItemMenu",
   componentId: "sc-1cdoprb-0"

package/dist/ItemsRoll.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ItemsRollProps } from './ItemsRoll.types';
+import { type ItemsRollProps } from './ItemsRoll.types';
 export declare const ItemsRoll: ({ actions, changeSelectionIcon, changeSelectionDropdownProps, className, customSidebarActions, groups, hideSearch, isDisabled, items, maxToShowItems, onClearAll, onChangeSelection, onItemClick, onItemRemove, onSearchClear, onSearch, renderCount, searchValue, searchPlaceholder, showMoreStep, style, texts, useFooter, useVirtualizedList, virtualizedRowWidth, virtualizedRowHeight, }: ItemsRollProps) => React.JSX.Element;
 export default ItemsRoll;

package/dist/ItemsRoll.js

@@ -1,8 +1,8 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl';
-import { Footer, Header, List } from './ItemsRollComponents';
 import * as S from './ItemsRoll.styles';
+import { Footer, Header, List } from './ItemsRollComponents';
 export var ItemsRoll = function ItemsRoll(_ref) {
   var actions = _ref.actions,
     changeSelectionIcon = _ref.changeSelectionIcon,

package/dist/ItemsRoll.styles.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import Button from '@synerise/ds-button';
-import Icon from '@synerise/ds-icon';
 import DividerBase from '@synerise/ds-divider';
+import Icon from '@synerise/ds-icon';
 export var Wrapper = styled.div.withConfig({
   displayName: "ItemsRollstyles__Wrapper",
   componentId: "sc-579u47-0"

package/dist/ItemsRoll.types.d.ts

@@ -1,8 +1,8 @@
-import type { ReactNode, CSSProperties, SVGProps } from 'react';
+import type { CSSProperties, ReactNode, SVGProps } from 'react';
 import type { IntlShape } from 'react-intl';
-import type { MenuItemProps } from '@synerise/ds-menu';
-import type { ListItemProps } from '@synerise/ds-list-item';
 import type { DropdownProps } from '@synerise/ds-dropdown/dist/Dropdown';
+import type { ListItemProps } from '@synerise/ds-list-item';
+import type { MenuItemProps } from '@synerise/ds-menu';
 export type ItemRollElement<BaseType extends ListItemProps | MenuItemProps = ListItemProps> = BaseType & {
     id: string;
     group?: string;

package/dist/ItemsRollComponents/Footer.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FooterProps } from './Footer.types';
+import { type FooterProps } from './Footer.types';
 declare const Footer: ({ allTexts, itemsCount, maxToShowItems, onClearAll, showAdditionalItems, showDefaultItemsAmount, showMoreStep, visibleItemsCount, searchMode, }: FooterProps) => React.JSX.Element | null;
 export default Footer;

package/dist/ItemsRollComponents/Footer.js

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
-import Popconfirm from '@synerise/ds-popconfirm';
 import Icon, { ArrowDownCircleM, ArrowUpCircleM, CloseS, WarningFillM } from '@synerise/ds-icon';
+import Popconfirm from '@synerise/ds-popconfirm';
 import * as S from '../ItemsRoll.styles';
 var ShowLessButton = function ShowLessButton(_ref) {
   var showDefaultItemsAmount = _ref.showDefaultItemsAmount,
@@ -51,16 +51,20 @@ var Footer = function Footer(_ref3) {
     return !searchMode || searchMode && itemsCount > maxToShowItems;
   }, [searchMode, maxToShowItems, itemsCount]);
   var buttonsConfiguration = useMemo(function () {
-    if (visibleItemsCount === itemsCount) return /*#__PURE__*/React.createElement(ShowLessButton, {
-      showLessLabel: allTexts.showLessLabel,
-      showDefaultItemsAmount: showDefaultItemsAmount
-    });
-    if (visibleItemsCount === maxToShowItems) return /*#__PURE__*/React.createElement(ShowMoreButton, {
-      getShowMoreNumber: getShowMoreNumber,
-      moreLabel: allTexts.moreLabel,
-      showLabel: allTexts.showLabel,
-      showAdditionalItems: showAdditionalItems
-    });
+    if (visibleItemsCount === itemsCount) {
+      return /*#__PURE__*/React.createElement(ShowLessButton, {
+        showLessLabel: allTexts.showLessLabel,
+        showDefaultItemsAmount: showDefaultItemsAmount
+      });
+    }
+    if (visibleItemsCount === maxToShowItems) {
+      return /*#__PURE__*/React.createElement(ShowMoreButton, {
+        getShowMoreNumber: getShowMoreNumber,
+        moreLabel: allTexts.moreLabel,
+        showLabel: allTexts.showLabel,
+        showAdditionalItems: showAdditionalItems
+      });
+    }
     return /*#__PURE__*/React.createElement(S.ShowButtonsWrapper, null, /*#__PURE__*/React.createElement(ShowMoreButton, {
       getShowMoreNumber: getShowMoreNumber,
       moreLabel: allTexts.moreLabel,

package/dist/ItemsRollComponents/Footer.types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { Texts, ItemsRollProps } from '../ItemsRoll.types';
+import type { ItemsRollProps, Texts } from '../ItemsRoll.types';
 export type FooterProps = Pick<ItemsRollProps, 'onClearAll' | 'maxToShowItems' | 'showMoreStep'> & {
     allTexts: {
         [k in Texts]: ReactNode;

package/dist/ItemsRollComponents/Header.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { HeaderProps } from './Header.types';
+import { type HeaderProps } from './Header.types';
 declare const Header: ({ actions, allTexts, changeSelectionIcon: ChangeSelectionIcon, changeSelectionDropdownProps, customSidebarActions, hideSearch, itemsCount, onChangeSelection, onSearch, searchValue, onSearchClear, searchPlaceholder, }: HeaderProps) => React.JSX.Element;
 export default Header;

package/dist/ItemsRollComponents/Header.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
-import { SearchInput } from '@synerise/ds-search/dist/Elements';
-import Icon, { EditM } from '@synerise/ds-icon';
 import Dropdown from '@synerise/ds-dropdown';
+import Icon, { EditM } from '@synerise/ds-icon';
+import { SearchInput } from '@synerise/ds-search/dist/Elements';
 import { NOOP } from '@synerise/ds-utils';
 import Extras from '../Extras';
 import * as S from '../ItemsRoll.styles';

package/dist/ItemsRollComponents/ItemRemoveIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { RemoveIconProps } from './ItemRemoveIcon.types';
-export declare const RemoveIcon: ({ id, handleRemove, tooltipLabel, group }: RemoveIconProps) => React.JSX.Element;
+import { type RemoveIconProps } from './ItemRemoveIcon.types';
+export declare const RemoveIcon: ({ id, handleRemove, tooltipLabel, group, }: RemoveIconProps) => React.JSX.Element;

package/dist/ItemsRollComponents/ItemRemoveIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
+import { theme } from '@synerise/ds-core';
 import Icon, { CloseS } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
-import { theme } from '@synerise/ds-core';
 import { RemoveIconWrapper } from './ItemRemoveIcon.styles';
 export var RemoveIcon = function RemoveIcon(_ref) {
   var id = _ref.id,

package/dist/ItemsRollComponents/List.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ItemRollElement } from '../ItemsRoll.types';
-import { ListProps } from './List.types';
+import { type ItemRollElement } from '../ItemsRoll.types';
+import { type ListProps } from './List.types';
 export declare const itemsInGroup: (group: string, items: ItemRollElement[]) => ItemRollElement[];
 declare const List: ({ groups, items, onItemClick, onItemRemove, noResultsLabel, removeTooltipLabel, searchValue, useVirtualizedList, visibleItems, virtualizedRowHeight, virtualizedRowWidth, }: ListProps) => React.JSX.Element;
 export default List;

package/dist/ItemsRollComponents/List.js

@@ -2,9 +2,9 @@ import React, { useMemo } from 'react';
 import { FixedSizeList } from 'react-window';
 import Icon, { SearchNoResultsM } from '@synerise/ds-icon';
 import { GroupItem } from '@synerise/ds-list-item';
+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;
@@ -26,10 +26,7 @@ var List = function List(_ref) {
   var groupedList = useMemo(function () {
     return /*#__PURE__*/React.createElement(React.Fragment, null, groups == null ? void 0 : groups.map(function (group) {
       var groupItems = itemsInGroup(group, visibleItems);
-      return groupItems.length > 0 ?
-      /*#__PURE__*/
-      // @ts-ignore
-      React.createElement(GroupItem, {
+      return groupItems.length > 0 ? /*#__PURE__*/React.createElement(GroupItem, {
         key: group,
         title: group
       }, groupItems.map(function (item) {

package/dist/ItemsRollComponents/ListItem.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ItemElementProps } from './ListItem.types';
-declare const ItemElement: ({ item, group, highlight, onItemClick, onItemRemove, removeTooltipLabel }: ItemElementProps) => React.JSX.Element;
+declare const ItemElement: ({ item, group, highlight, onItemClick, onItemRemove, removeTooltipLabel, }: ItemElementProps) => React.JSX.Element;
 export default ItemElement;

package/dist/ItemsRollComponents/VirtualizedListItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ListChildComponentProps } from 'react-window';
-import { ItemRendererProps } from './VirtualizedListItem.types';
-declare const ItemRenderer: ({ highlight, onItemClick, onItemRemove, tooltipLabel, group }: ItemRendererProps) => ({ index, style, data }: ListChildComponentProps) => React.JSX.Element;
+import { type ListChildComponentProps } from 'react-window';
+import { type ItemRendererProps } from './VirtualizedListItem.types';
+declare const ItemRenderer: ({ highlight, onItemClick, onItemRemove, tooltipLabel, group, }: ItemRendererProps) => ({ index, style, data }: ListChildComponentProps) => React.JSX.Element;
 export default ItemRenderer;

package/dist/ItemsRollComponents/VirtualizedListItem.js

@@ -1,8 +1,8 @@
 var _excluded = ["suffixel"];
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useCallback } from 'react';
-import * as S from './ListItem.styles';
 import { RemoveIcon } from './ItemRemoveIcon';
+import * as S from './ListItem.styles';
 var ItemRenderer = function ItemRenderer(_ref) {
   var highlight = _ref.highlight,
     onItemClick = _ref.onItemClick,
@@ -13,7 +13,6 @@ var ItemRenderer = function ItemRenderer(_ref) {
     var index = _ref2.index,
       style = _ref2.style,
       data = _ref2.data;
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     var _ref3 = data[index],
       suffixel = _ref3.suffixel,
       item = _objectWithoutPropertiesLoose(_ref3, _excluded);

package/dist/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from './ItemsRoll';
-export type { ItemRollElement, ItemsRollGroup, ItemsRollProps } from './ItemsRoll.types';
+export type { ItemRollElement, ItemsRollGroup, ItemsRollProps, } from './ItemsRoll.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-items-roll",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "description": "ItemsRoll UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,16 +34,16 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.0",
-    "@synerise/ds-divider": "^1.0.11",
-    "@synerise/ds-dropdown": "^1.0.13",
-    "@synerise/ds-icon": "^1.5.3",
-    "@synerise/ds-list-item": "^1.0.11",
-    "@synerise/ds-menu": "^1.0.12",
-    "@synerise/ds-popconfirm": "^1.0.12",
-    "@synerise/ds-search": "^1.2.0",
-    "@synerise/ds-tooltip": "^1.1.10",
-    "@synerise/ds-utils": "^1.3.0",
+    "@synerise/ds-button": "^1.4.2",
+    "@synerise/ds-divider": "^1.0.13",
+    "@synerise/ds-dropdown": "^1.0.15",
+    "@synerise/ds-icon": "^1.5.4",
+    "@synerise/ds-list-item": "^1.0.13",
+    "@synerise/ds-menu": "^1.0.14",
+    "@synerise/ds-popconfirm": "^1.0.14",
+    "@synerise/ds-search": "^1.2.2",
+    "@synerise/ds-tooltip": "^1.1.12",
+    "@synerise/ds-utils": "^1.3.1",
     "react-window": "^1.8.5"
   },
   "peerDependencies": {
@@ -51,5 +51,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "f2713cd35cfe22f63a159f05144585834897a132"
+  "gitHead": "4512641033ba3581a3df208143c547fcfed45895"
 }