1.5.1 • Published 29 days ago

@synerise/ds-item-picker v1.5.1

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

id: item-picker

title: ItemPicker

ItemPicker UI Component

Installation

npm i @synerise/ds-item-picker
or
yarn add @synerise/ds-item-picker

Usage

import ItemPicker from '@synerise/ds-item-picker'

<ItemPicker
  dataSource={[]}
  searchPlaceholder={'Search'}
  label={'Label'}
  description={'Description'}
  tooltip={'Tooltip'}
  placeholder={'Set customer'}
  placeholderIcon={<Icon component={<UserM/>}/>}
  selectedItem={null}
  onChange={() => {})}
  clear={'Remove selection'}
  onClear={() => {}}
  disabled={false}
  error={false}
  errorMessage={''}
  size={'small'}
  changeButtonLabel={'Change'}
  onChangeButtonClick={() => {}}
/>

Demo

API

PropertyDescriptionTypeDefault
dataSourceArray of items to display in menuMenuItemProps[]-
dropdownVisibleRowsVisible rows count displayed in the dropdownnumber10
dropdownPropsAntd dropdown propsDropdownProps{}
dropdownRowHeightHeight of the row displayed in the dropdownnumber32
dropdownBottomAction?Dropdown bottom actionReact.ReactNode-
closeOnBottomAction?Close dropdown when bottom action has been clickedbooleanfalse
placeholderPlaceholder textstring, React.ReactNode-
clearClear button tooltipstring, React.ReactNode'Remove'
searchPlaceholderPlaceholder of SearchBar in dropdownstring'Search'
onClearCallback executed when clear icon is clicked() => void-
onChangeCallback executed when item from dropdown is clicked(item: MenuItemProps) => void-
selectedItem?Selected item dataMenuItemProps-
searchBarProps?Additional props passed to the SearchBar componentSearchBarProps-
hideSearchBar?Hides searchBarboolean-
size?Size of ItemPicker component'small', 'large'-
label?Label of componentstring, React.ReactNode-
description?Description of componentstring, React.ReactNode-
placeholderIcon?Icon visible with placeholderReact.ReactNode-
error?Whether the component has error stateboolean-
errorMessage?Error messagestring, React.ReactNode-
tooltip?Tooltip textstring, React.ReactNode-
disabled?Whether the component is disabledboolean-
changeButtonLabel?Label of change button, available only when size='large'string, React.ReactNode'Change'
withClearConfirmationShows Popconfirm on the clear icon clickboolean-
clearConfirmTitleTitle of Popconfirmstring'Are you sure to remove this selection?'
yesTextLabel of confirm buttonstring'Yes'
noTextLabel of cancel buttonstring'No'
noResultsNo search results infostring'No results'
scrollbarPropsObject with scrollbar configturaionScrollbarAdditionalProps-
informationCardTooltipPropsTrigger info card configInformationCardTooltipProps see ds-information-card
1.5.1

29 days ago

1.5.0

1 month ago

1.4.2

1 month ago

1.4.1

1 month ago

1.4.0

1 month ago

1.3.2

2 months ago

1.3.1

2 months ago

1.3.0

2 months ago

1.2.0

2 months ago

1.1.1

3 months ago

1.1.0

3 months ago

1.1.2

3 months ago

1.0.2

4 months ago

1.0.1

4 months ago

1.0.0

4 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

0.16.3

4 months ago

0.16.2

4 months ago

0.16.0

4 months ago

0.16.1

4 months ago

0.15.5

5 months ago

0.15.6

5 months ago

0.15.7

5 months ago

0.15.8

5 months ago

0.15.4

5 months ago

0.15.3

5 months ago

0.15.0

5 months ago

0.15.1

5 months ago

0.15.2

5 months ago

0.14.3

6 months ago

0.14.2

6 months ago

0.13.6

7 months ago

0.13.0

8 months ago

0.13.1

8 months ago

0.13.2

8 months ago

0.13.3

8 months ago

0.13.4

7 months ago

0.13.5

7 months ago

0.14.0

7 months ago

0.14.1

7 months ago

0.12.17

9 months ago

0.12.18

8 months ago

0.12.16

9 months ago

0.12.15

9 months ago

0.12.13

10 months ago

0.12.14

9 months ago

0.12.10

10 months ago

0.12.11

10 months ago

0.12.12

10 months ago

0.11.59

1 year ago

0.11.57

1 year ago

0.11.58

1 year ago

0.11.62

1 year ago

0.11.63

1 year ago

0.11.60

1 year ago

0.11.61

1 year ago

0.12.7

10 months ago

0.12.8

10 months ago

0.12.9

10 months ago

0.12.0

1 year ago

0.12.1

12 months ago

0.12.2

12 months ago

0.12.3

11 months ago

0.12.4

11 months ago

0.12.5

11 months ago

0.12.6

11 months ago

0.11.56

1 year ago

0.11.55

1 year ago

0.11.53

1 year ago

0.11.54

1 year ago

0.11.52

1 year ago

0.11.51

1 year ago

0.11.50

1 year ago

0.11.49

1 year ago

0.11.48

1 year ago

0.11.47

1 year ago

0.11.46

1 year ago

0.11.45

1 year ago

0.11.44

1 year ago

0.11.43

1 year ago

0.11.42

1 year ago

0.11.41

1 year ago

0.11.40

1 year ago

0.11.38

1 year ago

0.11.39

1 year ago

0.11.37

1 year ago

0.11.36

1 year ago

0.11.35

1 year ago

0.11.34

1 year ago

0.11.33

2 years ago

0.11.32

2 years ago

0.11.31

2 years ago

0.11.20

2 years ago

0.11.21

2 years ago

0.11.26

2 years ago

0.11.27

2 years ago

0.11.28

2 years ago

0.11.29

2 years ago

0.11.22

2 years ago

0.11.23

2 years ago

0.11.24

2 years ago

0.11.25

2 years ago

0.11.30

2 years ago

0.11.10

2 years ago

0.11.19

2 years ago

0.11.15

2 years ago

0.11.16

2 years ago

0.11.17

2 years ago

0.11.18

2 years ago

0.11.11

2 years ago

0.11.12

2 years ago

0.11.13

2 years ago

0.11.14

2 years ago

0.11.9

2 years ago

0.11.8

2 years ago

0.11.7

2 years ago

0.11.4

2 years ago

0.11.5

2 years ago

0.11.6

2 years ago

0.10.1

2 years ago

0.10.2

2 years ago

0.10.3

2 years ago

0.10.4

2 years ago

0.10.0

2 years ago

0.11.0

2 years ago

0.11.1

2 years ago

0.11.2

2 years ago

0.11.3

2 years ago

0.9.50

2 years ago

0.9.51

2 years ago

0.9.49

2 years ago

0.9.47

2 years ago

0.9.46

2 years ago

0.9.45

2 years ago

0.9.44

2 years ago

0.9.41

3 years ago

0.9.42

3 years ago

0.9.43

2 years ago

0.9.40

3 years ago

0.9.35

3 years ago

0.9.36

3 years ago

0.9.37

3 years ago

0.9.38

3 years ago

0.9.39

3 years ago

0.9.34

3 years ago

0.9.30

3 years ago

0.9.31

3 years ago

0.9.32

3 years ago

0.9.33

3 years ago

0.9.24

3 years ago

0.9.25

3 years ago

0.9.26

3 years ago

0.9.27

3 years ago

0.9.28

3 years ago

0.9.23

3 years ago

0.9.21

3 years ago

0.9.22

3 years ago

0.9.13

3 years ago

0.9.14

3 years ago

0.9.15

3 years ago

0.9.16

3 years ago

0.9.17

3 years ago

0.9.18

3 years ago

0.9.12

3 years ago

0.9.10

3 years ago

0.9.11

3 years ago

0.9.9

3 years ago

0.9.8

3 years ago

0.9.7

3 years ago

0.9.6

3 years ago

0.9.5

3 years ago

0.8.9

4 years ago

0.9.4

3 years ago

0.9.3

3 years ago

0.9.0

3 years ago

0.9.2

3 years ago

0.9.1

3 years ago

0.8.8

4 years ago

0.8.5

4 years ago

0.8.4

4 years ago

0.8.7

4 years ago

0.8.6

4 years ago

0.8.1

4 years ago

0.8.0

4 years ago

0.8.3

4 years ago

0.8.2

4 years ago

0.7.54

4 years ago

0.7.53

4 years ago

0.7.51

4 years ago

0.7.52

4 years ago

0.7.50

4 years ago

0.7.49

4 years ago

0.7.48

4 years ago

0.7.47

4 years ago

0.7.44

4 years ago

0.7.46

4 years ago

0.7.45

4 years ago

0.7.43

4 years ago

0.7.42

4 years ago

0.7.40

4 years ago

0.7.41

4 years ago

0.7.39

4 years ago

0.7.38

4 years ago

0.7.37

4 years ago

0.7.36

4 years ago

0.7.35

4 years ago

0.7.34

4 years ago

0.7.33

4 years ago

0.7.32

4 years ago

0.7.31

4 years ago

0.7.30

4 years ago

0.7.29

4 years ago

0.7.26

4 years ago

0.7.22

4 years ago

0.7.21

4 years ago

0.7.23

4 years ago

0.7.20

4 years ago

0.7.19

4 years ago

0.7.18

4 years ago

0.7.17

4 years ago

0.7.16

4 years ago

0.7.15

4 years ago

0.7.14

4 years ago

0.7.11

4 years ago

0.7.10

4 years ago

0.7.13

4 years ago

0.7.12

4 years ago

0.7.9

4 years ago

0.7.8

4 years ago

0.7.6

4 years ago

0.7.5

4 years ago

0.7.7

4 years ago

0.7.4

4 years ago

0.7.3

4 years ago

0.7.2

4 years ago

0.7.1

4 years ago

0.7.0

4 years ago

0.6.0

4 years ago

0.5.2

4 years ago

0.5.0

4 years ago

0.4.1

4 years ago

0.4.0

4 years ago

0.3.1

4 years ago

0.3.0

4 years ago

0.2.16

4 years ago

0.2.15

4 years ago

0.2.14

5 years ago

0.2.13

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.3

5 years ago

0.2.4

5 years ago

0.2.2

5 years ago

0.2.1

5 years ago

0.2.0

5 years ago

0.1.56

5 years ago

0.1.55

5 years ago

0.1.54

5 years ago

0.1.53

5 years ago

0.1.52

5 years ago

0.1.50

5 years ago

0.1.51

5 years ago

0.1.49

5 years ago

0.1.48

5 years ago

0.1.47

5 years ago

0.1.46

5 years ago

0.1.45

5 years ago

0.1.44

5 years ago

0.1.42

5 years ago

0.1.41

5 years ago

0.1.40

5 years ago

0.1.39

5 years ago

0.1.38

5 years ago

0.1.37

5 years ago

0.1.36

5 years ago

0.1.34

5 years ago

0.1.32

5 years ago

0.1.33

5 years ago

0.1.31

5 years ago

0.1.30

5 years ago

0.1.29

5 years ago

0.1.28

5 years ago

0.1.27

5 years ago

0.1.26

5 years ago

0.1.25

5 years ago

0.1.24

5 years ago

0.1.23

5 years ago

0.1.22

5 years ago

0.1.21

5 years ago

0.1.20

5 years ago

0.1.19

5 years ago

0.1.18

5 years ago

0.1.17

5 years ago

0.1.16

5 years ago

0.1.15

5 years ago

0.1.14

5 years ago

0.1.12

5 years ago

0.1.13

5 years ago

0.1.11

5 years ago

0.1.10

5 years ago

0.1.8

5 years ago

0.1.9

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