1.0.14 • Published 29 days ago

@synerise/ds-items-roll v1.0.14

Weekly downloads
434
License
ISC
Repository
github
Last release
29 days ago

id: items-roll

title: ItemsRoll

ItemsRoll UI Component

Installation

npm i @synerise/ds-items-roll
or
yarn add @synerise/ds-items-roll

Usage

import ItemsRoll from '@synerise/ds-items-roll';

<ItemsRoll
  items={items}
  onSearch={onSearch}
  onSearchClear={onSearchClear}
  searchValue={searchValue}
  searchPlaceholder={searchPlaceholder}
/>;

Demo

API

PropertyDescriptionTypeDefault
actionsItemRollElement array with configuration for action dropdown menuItemRollElement[]-
changeSelectionIconThe custom changeSelection icon(props: React.SVGProps<SVGSVGElement>) => JSX.ElementEditM
changeSelectionDropdownPropsObject with ds-dropdown propsDropdownProps
classNameAdditional class for ItemsRoll wrapperstring-
customSidebarActionsAllow put developer sidebar actions that are not definedReact.ReactNode-
groupsArray of strings where each one corresponds to a group prop in ItemRollElementstring[]-
hideSearchHide search component in itemsrollbooleam-
isDisabledprevents rendering 'remove' / 'clear all' buttonsbooleam-
itemsItemRollElement array for listItemRollElement[]-
maxToShowItemsAmount of initial ItemsRollElement to render. Note that if number is greater than 20, list will becoma scrollablenumber10
onClearAllCallback function that is fired when click on clearAll button() => void-
onChangeSelectionCallback function that is fired when click on changeSelection button() => void-
onItemClickCallback function that is fired when list element is clicked(id: string, group?: string) => void-
onItemRemoveCallback function that is fired when list element remove icon is clicked(id: string, group?: string) => void-
onSearchCallback function that is fired when input changed(value: string) => void-
onSearchClearCallback function that is fired when input is cleared() => void-
searchPlaceholderPlaceholder for search input componentstring-
searchValueValue of search input componentstring-
showMoreStepAmount of items to load on show more button clicknumber10
styleObject with CSS propertiesReact.CSSProperties-
renderCountCustom items count renderer(count: number) => ReactNode-
textsObject contains texts for buttons, title etc.Texts-
useFooterWhether the footer is visibileboolean-
useVirtualizedListWhether to use react-virtualized for listbooleanfalse
virtualizedRowHeightHeight of virtualizedlist rownumber32px
virtualizedRowWidthWidth of virtualized listnumber-

ItemRollElement

PropertyDescriptionTypeDefault
groupDefine affiliation to a specific group in groups Array passed as props to ItemsRollstring-
idUnique identifier for element. Used as a key in mapstring-

Rest of the ItemRollElement props is inherited from MenuItemProps

Texts

PropertyDescriptionTypeDefault
changeSelectionLabelChange selection button labelstring / React.ReactNode'Change selection'
clearAllLabelClear all button labelstring / React.ReactNode'Clear all'
itemsLabelItems labelstring / React.ReactNode'Items'
moreLabelShow more second part labelstring / React.ReactNode'more'
noResultsLabelNo results labelstring / React.ReactNode'No results'
removeTooltipLabelTooltip for item remove iconstring / React.ReactNode'Remove'
searchClearTooltipLabelInput clear tooltip labelstring / React.ReactNode'clear'
showLabelShow more first part labelstring / React.ReactNode'Show'
showLessLabelShow less button labelstring / React.ReactNode'Show less'
1.0.2

4 months ago

1.0.1

4 months ago

1.0.0

4 months ago

1.0.9

2 months ago

1.0.8

2 months ago

1.0.7

3 months ago

1.0.6

3 months ago

1.0.5

3 months ago

1.0.4

3 months ago

1.0.3

3 months ago

1.0.11

1 month ago

1.0.10

2 months ago

1.0.14

29 days ago

1.0.13

1 month ago

1.0.12

1 month ago

0.9.11

4 months ago

0.9.10

4 months ago

0.9.8

4 months ago

0.9.9

4 months ago

0.9.7

5 months ago

0.9.6

5 months ago

0.9.5

5 months ago

0.9.4

5 months ago

0.9.3

5 months ago

0.9.0

5 months ago

0.9.2

5 months ago

0.9.1

5 months ago

0.8.6

6 months ago

0.8.5

6 months ago

0.8.4

7 months ago

0.8.1

7 months ago

0.8.0

7 months ago

0.8.3

7 months ago

0.8.2

7 months ago

0.7.13

8 months ago

0.7.15

8 months ago

0.7.14

8 months ago

0.7.16

8 months ago

0.7.11

9 months ago

0.7.12

8 months ago

0.7.10

9 months ago

0.7.9

9 months ago

0.7.8

9 months ago

0.7.7

10 months ago

0.7.2

10 months ago

0.7.1

11 months ago

0.7.4

10 months ago

0.7.3

10 months ago

0.7.0

11 months ago

0.6.115

1 year ago

0.6.114

1 year ago

0.6.119

1 year ago

0.6.118

1 year ago

0.6.117

1 year ago

0.6.116

1 year ago

0.6.124

11 months ago

0.6.123

11 months ago

0.6.122

12 months ago

0.6.121

12 months ago

0.6.120

1 year ago

0.7.6

10 months ago

0.7.5

10 months ago

0.6.113

1 year ago

0.6.112

1 year ago

0.6.111

1 year ago

0.6.110

1 year ago

0.6.109

1 year ago

0.6.108

1 year ago

0.6.107

1 year ago

0.6.106

1 year ago

0.6.105

1 year ago

0.6.104

1 year ago

0.6.103

1 year ago

0.6.102

1 year ago

0.6.101

1 year ago

0.6.100

1 year ago

0.6.99

1 year ago

0.6.98

1 year ago

0.6.97

1 year ago

0.6.96

1 year ago

0.6.95

1 year ago

0.6.94

1 year ago

0.6.93

1 year ago

0.6.92

1 year ago

0.6.91

2 years ago

0.6.90

2 years ago

0.6.89

2 years ago

0.6.67

2 years ago

0.6.69

2 years ago

0.6.68

2 years ago

0.6.87

2 years ago

0.6.86

2 years ago

0.6.88

2 years ago

0.6.83

2 years ago

0.6.82

2 years ago

0.6.85

2 years ago

0.6.84

2 years ago

0.6.81

2 years ago

0.6.80

2 years ago

0.6.76

2 years ago

0.6.75

2 years ago

0.6.78

2 years ago

0.6.77

2 years ago

0.6.72

2 years ago

0.6.71

2 years ago

0.6.74

2 years ago

0.6.73

2 years ago

0.6.79

2 years ago

0.6.70

2 years ago

0.6.66

2 years ago

0.6.65

2 years ago

0.6.64

2 years ago

0.6.63

2 years ago

0.6.62

2 years ago

0.6.61

2 years ago

0.6.60

2 years ago

0.6.54

2 years ago

0.6.53

2 years ago

0.6.56

2 years ago

0.6.55

2 years ago

0.6.58

2 years ago

0.6.57

2 years ago

0.6.59

2 years ago

0.6.50

2 years ago

0.6.52

2 years ago

0.6.51

2 years ago

0.6.48

2 years ago

0.6.47

2 years ago

0.6.45

2 years ago

0.6.46

2 years ago

0.6.43

3 years ago

0.6.42

3 years ago

0.6.44

2 years ago

0.6.41

3 years ago

0.6.40

3 years ago

0.6.39

3 years ago

0.6.36

3 years ago

0.6.38

3 years ago

0.6.37

3 years ago

0.6.28

3 years ago

0.6.25

3 years ago

0.6.24

3 years ago

0.6.27

3 years ago

0.6.26

3 years ago

0.6.32

3 years ago

0.6.31

3 years ago

0.6.34

3 years ago

0.6.33

3 years ago

0.6.30

3 years ago

0.6.35

3 years ago

0.6.21

3 years ago

0.6.23

3 years ago

0.6.22

3 years ago

0.6.18

3 years ago

0.6.17

3 years ago

0.6.14

3 years ago

0.6.13

3 years ago

0.6.16

3 years ago

0.6.15

3 years ago

0.6.10

3 years ago

0.6.12

3 years ago

0.6.11

3 years ago

0.6.9

3 years ago

0.6.7

3 years ago

0.6.6

3 years ago

0.6.8

3 years ago

0.6.5

3 years ago

0.6.3

3 years ago

0.6.2

3 years ago

0.6.4

3 years ago

0.6.1

3 years ago

0.6.0

3 years ago

0.5.9

4 years ago

0.5.4

4 years ago

0.5.3

4 years ago

0.5.6

4 years ago

0.5.5

4 years ago

0.5.0

4 years ago

0.5.2

4 years ago

0.5.1

4 years ago

0.5.8

4 years ago

0.5.7

4 years ago

0.4.77

4 years ago

0.4.76

4 years ago

0.4.75

4 years ago

0.4.74

4 years ago

0.4.73

4 years ago

0.4.72

4 years ago

0.4.71

4 years ago

0.4.70

4 years ago

0.4.68

4 years ago

0.4.69

4 years ago

0.4.67

4 years ago

0.4.66

4 years ago

0.4.65

4 years ago

0.4.64

4 years ago

0.4.63

4 years ago

0.4.62

4 years ago

0.4.61

4 years ago

0.4.60

4 years ago

0.4.59

4 years ago

0.4.57

4 years ago

0.4.58

4 years ago

0.4.56

4 years ago

0.4.55

4 years ago

0.4.54

4 years ago

0.4.53

4 years ago

0.4.52

4 years ago

0.4.51

4 years ago

0.4.48

4 years ago

0.4.43

4 years ago

0.4.44

4 years ago

0.4.45

4 years ago

0.4.42

4 years ago

0.4.41

4 years ago

0.4.40

4 years ago

0.4.39

4 years ago

0.4.38

4 years ago

0.4.37

4 years ago

0.4.35

4 years ago

0.4.36

4 years ago

0.4.33

4 years ago

0.4.34

4 years ago

0.4.31

4 years ago

0.4.32

4 years ago

0.4.30

4 years ago

0.4.28

4 years ago

0.4.29

4 years ago

0.4.27

4 years ago

0.4.26

4 years ago

0.4.25

4 years ago

0.4.24

4 years ago

0.4.22

4 years ago

0.4.23

4 years ago

0.4.21

4 years ago

0.4.20

4 years ago

0.4.19

4 years ago

0.4.17

4 years ago

0.4.16

4 years ago

0.4.15

4 years ago

0.4.14

4 years ago

0.4.13

4 years ago

0.4.12

5 years ago

0.4.11

5 years ago

0.4.10

5 years ago

0.4.9

5 years ago

0.4.8

5 years ago

0.4.7

5 years ago

0.4.6

5 years ago

0.4.5

5 years ago

0.4.4

5 years ago

0.4.3

5 years ago

0.4.1

5 years ago

0.4.0

5 years ago

0.4.2

5 years ago

0.3.3

5 years ago

0.3.2

5 years ago

0.3.1

5 years ago

0.3.0

5 years ago

0.2.97

5 years ago

0.2.96

5 years ago

0.2.95

5 years ago

0.2.94

5 years ago

0.2.93

5 years ago

0.2.92

5 years ago

0.2.91

5 years ago

0.2.90

5 years ago

0.2.89

5 years ago

0.2.88

5 years ago

0.2.87

5 years ago

0.2.86

5 years ago

0.2.85

5 years ago

0.2.84

5 years ago

0.2.82

5 years ago

0.2.81

5 years ago

0.2.80

5 years ago

0.2.79

5 years ago

0.2.78

5 years ago

0.2.77

5 years ago

0.2.76

5 years ago

0.2.74

5 years ago

0.2.73

5 years ago

0.2.72

5 years ago

0.2.69

5 years ago

0.2.71

5 years ago

0.2.70

5 years ago

0.2.68

5 years ago

0.2.67

5 years ago

0.2.66

5 years ago

0.2.65

5 years ago

0.2.64

5 years ago

0.2.63

5 years ago

0.2.62

5 years ago

0.2.61

5 years ago

0.2.60

5 years ago

0.2.59

5 years ago

0.2.58

5 years ago

0.2.57

5 years ago

0.2.56

5 years ago

0.2.55

5 years ago

0.2.54

5 years ago

0.2.53

5 years ago

0.2.52

5 years ago

0.2.51

5 years ago

0.2.50

5 years ago

0.2.49

5 years ago

0.2.48

5 years ago

0.2.47

5 years ago

0.2.46

5 years ago

0.2.45

5 years ago

0.2.44

5 years ago

0.2.43

5 years ago

0.2.42

5 years ago

0.2.41

5 years ago

0.2.40

5 years ago

0.2.39

5 years ago

0.2.38

5 years ago

0.2.37

5 years ago

0.2.36

5 years ago

0.2.35

5 years ago

0.2.34

5 years ago

0.2.33

5 years ago

0.2.30

5 years ago

0.2.32

5 years ago

0.2.31

5 years ago

0.2.27

5 years ago

0.2.29

5 years ago

0.2.26

5 years ago

0.2.25

5 years ago

0.2.24

5 years ago

0.2.23

5 years ago

0.2.22

5 years ago

0.2.21

5 years ago

0.2.20

5 years ago

0.2.19

5 years ago

0.2.18

5 years ago

0.2.17

5 years ago

0.2.16

5 years ago

0.2.15

5 years ago

0.2.14

5 years ago

0.2.13

5 years ago

0.2.12

5 years ago

0.2.11

5 years ago

0.2.10

5 years ago

0.2.9

5 years ago

0.2.8

5 years ago

0.2.7

5 years ago

0.2.6

5 years ago

0.2.5

5 years ago

0.2.4

5 years ago

0.2.3

5 years ago

0.2.2

5 years ago

0.2.1

5 years ago

0.2.0

5 years ago

0.1.15

5 years ago

0.1.13

5 years ago

0.1.14

5 years ago

0.1.12

5 years ago

0.1.11

5 years ago

0.1.10

5 years ago

0.1.9

5 years ago

0.1.8

5 years ago

0.1.7

5 years ago

0.1.6

5 years ago

0.1.5

5 years ago

0.1.4

5 years ago

0.1.3

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago

0.0.1

5 years ago