1.0.14 • Published 1 month ago

@synerise/ds-subject v1.0.14

Weekly downloads
112
License
ISC
Repository
github
Last release
1 month ago

id: subject

title: Subject

Subject UI Component

Installation

npm i @synerise/ds-subject
or
yarn add @synerise/ds-subject

Usage

import Subject from '@synerise/ds-subject'

<Subject
    texts={{
        noResults: 'No results',
        searchPlaceholder: 'Search'
    }}
    onSelectItem={(item) => {}
    onShowPreview={() => {}}
    type='event'
    placeholder='Choose event'
    iconPlaceholder={<VarTypeStringM />}
    selectedItem={undefined}
    items={[
        {
          id: 1,
          name: `Attribute 1`,
          icon: <NotificationsM />,
        },
        {
          id: 2,
          name: `Attribute 2`,
          icon: <NotificationsM />,
        }
    ]}
  />

Demo

API

| --------- | ------ | ------ | ----- | | getPopupContainerOverride | Popup container function for child tooltips and dropdowns | (trigger: HTMLElement | null) => HTMLElement; | - | | iconPlaceholder | Icon for empty selected item | React.ReactNode | - | | items | Array of available subjects | SubjectItem[] | [] | | onActivate | Callback called when user opens dropdown | (fieldType: string) => void | - | | onDeactivate | Callback called when user closes dropdown | () => void | - | | onSelectItem | Callback called when user select new subject | ( SubjectItem) => void; | - | | onShowPreview | Callback called when user clicks on Show Preview button | () => void \ undefined | - | | placeholder | Placeholder for empty selected item | string \ React.ReactNode; | - | | Property | Description | Type | Default | | selectedItem? | Selected item | SubjectItem \ undefined; | undefined | | texts | Object with translations | TEXTS | - | | type? | Type of subject parameter \ context \ event | SubjectType | parameter |

SubjectItem

PropertyDescriptionTypeDefault
iconIcon of subject itemReact.ReactNode-
idId of subject itemReact.ReactText-
nameName of subject itemstring-

TEXTS

PropertyDescriptionTypeDefault
noResultsNo results infostring-
searchPlaceholderSearch box placeholderstring-
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

0.11.9

4 months ago

1.0.11

1 month ago

1.0.10

2 months ago

1.0.14

1 month ago

1.0.13

1 month ago

1.0.12

1 month ago

0.11.8

4 months ago

0.11.7

5 months ago

0.11.4

5 months ago

0.11.5

5 months ago

0.11.6

5 months ago

0.11.2

5 months ago

0.11.3

5 months ago

0.11.0

6 months ago

0.11.1

5 months ago

0.10.31

6 months ago

0.10.30

6 months ago

0.10.29

7 months ago

0.10.25

8 months ago

0.10.26

8 months ago

0.10.27

7 months ago

0.10.28

7 months ago

0.10.22

8 months ago

0.10.23

8 months ago

0.10.24

8 months ago

0.10.20

9 months ago

0.10.21

9 months ago

0.10.19

9 months ago

0.10.18

9 months ago

0.10.16

10 months ago

0.10.17

10 months ago

0.10.9

11 months ago

0.10.1

1 year ago

0.10.2

1 year ago

0.10.3

1 year ago

0.10.4

1 year ago

0.10.5

12 months ago

0.10.6

12 months ago

0.10.7

12 months ago

0.10.8

11 months ago

0.10.0

1 year ago

0.9.98

1 year ago

0.10.14

10 months ago

0.10.15

10 months ago

0.10.10

11 months ago

0.10.11

11 months ago

0.10.12

10 months ago

0.10.13

10 months ago

0.9.97

1 year ago

0.9.96

1 year ago

0.9.94

1 year ago

0.9.95

1 year ago

0.9.93

1 year ago

0.9.92

1 year ago

0.9.91

1 year ago

0.9.90

1 year ago

0.9.89

1 year ago

0.9.88

1 year ago

0.9.87

1 year ago

0.9.86

1 year ago

0.9.85

1 year ago

0.9.83

1 year ago

0.9.84

1 year ago

0.9.82

1 year ago

0.9.81

1 year ago

0.9.80

1 year ago

0.9.79

1 year ago

0.9.78

2 years ago

0.9.77

2 years ago

0.9.76

2 years ago

0.9.56

2 years ago

0.9.57

2 years ago

0.9.58

2 years ago

0.9.59

2 years ago

0.9.54

2 years ago

0.9.55

2 years ago

0.9.74

2 years ago

0.9.75

2 years ago

0.9.70

2 years ago

0.9.71

2 years ago

0.9.72

2 years ago

0.9.73

2 years ago

0.9.67

2 years ago

0.9.68

2 years ago

0.9.69

2 years ago

0.9.63

2 years ago

0.9.64

2 years ago

0.9.65

2 years ago

0.9.66

2 years ago

0.9.60

2 years ago

0.9.61

2 years ago

0.9.62

2 years ago

0.9.53

2 years ago

0.9.52

2 years ago

0.9.50

2 years ago

0.9.51

2 years ago

0.9.49

2 years ago

0.9.45

2 years ago

0.9.46

2 years ago

0.9.47

2 years ago

0.9.48

2 years ago

0.9.41

2 years ago

0.9.42

2 years ago

0.9.43

2 years ago

0.9.44

2 years ago

0.9.40

2 years ago

0.9.37

2 years ago

0.9.38

2 years ago

0.9.39

2 years ago

0.9.35

2 years ago

0.9.34

2 years ago

0.9.32

2 years ago

0.9.33

2 years ago

0.9.30

3 years ago

0.9.31

2 years ago

0.9.29

3 years ago

0.9.23

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

3 years ago

0.9.21

3 years ago

0.9.22

3 years ago

0.9.12

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

3 years ago

0.9.19

3 years ago

0.9.9

3 years ago

0.9.4

3 years ago

0.9.3

3 years ago

0.9.6

3 years ago

0.9.5

3 years ago

0.9.10

3 years ago

0.9.11

3 years ago

0.9.2

3 years ago

0.9.1

3 years ago

0.8.1

3 years ago

0.8.0

3 years ago

0.9.0

3 years ago

0.7.9

3 years ago

0.7.6

3 years ago

0.7.5

3 years ago

0.7.8

3 years ago

0.7.7

3 years ago

0.7.2

3 years ago

0.7.1

3 years ago

0.7.4

3 years ago

0.7.3

3 years ago

0.7.0

4 years ago

0.6.8

4 years ago

0.6.7

4 years ago

0.6.6

4 years ago

0.6.3

4 years ago

0.6.2

4 years ago

0.6.5

4 years ago

0.6.4

4 years ago

0.6.1

4 years ago

0.6.0

4 years ago

0.5.52

4 years ago

0.5.51

4 years ago

0.5.50

4 years ago

0.5.49

4 years ago

0.5.48

4 years ago

0.5.47

4 years ago

0.5.45

4 years ago

0.5.46

4 years ago

0.5.43

4 years ago

0.5.44

4 years ago

0.5.42

4 years ago

0.5.41

4 years ago

0.5.40

4 years ago

0.5.38

4 years ago

0.5.39

4 years ago

0.5.37

4 years ago

0.5.36

4 years ago

0.5.35

4 years ago

0.5.34

4 years ago

0.5.33

4 years ago

0.5.32

4 years ago

0.5.31

4 years ago

0.5.30

4 years ago

0.5.29

4 years ago

0.5.28

4 years ago

0.5.25

4 years ago

0.5.21

4 years ago

0.5.22

4 years ago

0.5.20

4 years ago

0.5.19

4 years ago

0.5.18

4 years ago

0.5.17

4 years ago

0.5.16

4 years ago

0.5.15

4 years ago

0.5.14

4 years ago

0.5.10

4 years ago

0.5.11

4 years ago

0.5.12

4 years ago

0.5.13

4 years ago

0.5.8

4 years ago

0.5.9

4 years ago

0.5.6

4 years ago

0.5.5

4 years ago

0.5.7

4 years ago

0.5.4

4 years ago

0.5.3

4 years ago

0.5.2

4 years ago

0.5.1

4 years ago

0.5.0

4 years ago

0.4.7

4 years ago

0.4.6

4 years ago

0.4.4

4 years ago

0.4.3

4 years ago

0.4.2

4 years ago

0.4.1

4 years ago

0.4.0

4 years ago

0.3.4

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

5 years ago

0.1.28

5 years ago

0.1.27

5 years ago

0.1.26

5 years ago

0.1.24

5 years ago

0.1.25

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

5 years ago

0.1.16

5 years ago

0.1.14

5 years ago

0.1.15

5 years ago

0.1.13

5 years ago

0.1.12

5 years ago

0.1.11

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

5 years ago

0.1.5

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