1.0.13 • Published 2 months ago

@synerise/ds-operators v1.0.13

Weekly downloads
197
License
ISC
Repository
github
Last release
2 months ago

id: operators

title: Operators

Operators UI Component

Installation

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

Usage

import Operators from '@synerise/ds-operators'

<Operators
    texts={{
      buttonLabel: 'Choose',
      searchPlaceholder: 'Search',
      noResults: 'No results',
    }}
    onChange={(item) => {}}
    value={{
      'id': 'NUMBER_ONEEQUAL',
      'value': 'NUMBER_ONEEQUAL',
      'logic': 'EQUAL',
      'name': 'Equal',
      'groupId': 'NUMBER_ONE',
      'group': 'NUMBER_ONE',
      'icon': <HashM />,
    }}
    items={[ {
      'id': 'NUMBER_ONEEQUAL',
      'value': 'NUMBER_ONEEQUAL',
      'logic': 'EQUAL',
      'name': 'Equal',
      'groupId': 'NUMBER_ONE',
      'group': 'NUMBER_ONE',
      'icon': <HashM />,
    },
      {
        'id': 'DATE_ONEMORE',
        'value': 'DATE_ONEMORE',
        'logic': 'MORE',
        'name': 'More than',
        'groupId': 'DATE_ONE',
        'group': 'DATE_ONE',
        'icon': <CalendarM />,
        'groupName': 'Date',
      }]}
    groups={[{
      'id': 'DATE_ONE',
      'name': 'Date',
      'itemsType': null,
      'tooltip': 'Date',
      'icon': <CalendarM />,
      'defaultGroup': true,
    }, {
      'id': 'NUMBER_ONE',
      'name': 'Number',
      'itemsType': null,
      'tooltip': 'Number',
      'icon': <HashM />,
      'defaultGroup': false,
    }]}
/>

Demo

API

PropertyDescriptionTypeDefault
errorerror validationboolean-
getPopupContainerOverridePopup container function for child tooltips and dropdowns(trigger: HTMLElement \ null) => HTMLElement;-
groupsGroups of operatorsOperatorsGroup[][]
itemsArray of operatorsOperatorsItem[][]
onActivateCallback called when user opens dropdown(fieldType: string) => void-
onChangeCallback called when user selects operator(item: OperatorsItem \ OperatorsGroup \ undefined) => void-
onDeactivateCallback called when user closes dropdown() => void-
openedWhether if dropdown should opens from outside of componentbooleanfalse
textsTranslations objectOperatorTexts-
valueSelected operatorOperatorsItem \ undefinedundefined

OperatorsGroup

PropertyDescriptionTypeDefault
defaultGroupWhether if this group is defaultbooleanfalse
iconIcon of groupReact.ReactNode-
idId of groupReact.ReactText-
itemTypeType of itemsstring-
nameName of groupstring-
subGroupsSubgroups of groupsOperatorsGroup[]-
tooltipTooltip textstring-

OperatorsItem

PropertyDescriptionTypeDefault
groupGroup of itemstring-
groupIdId of groupReact.ReactText-
groupNameName of groupstring-
iconIcon of operatorReact.ReactNode-
idId of itemReact.ReactText-
logicLogic of operatorstring-
nameName of operatorstring-
subGroupsSubgroups of operatorOperatorsGroup[]-
value?Value of operatorstring-

OperatorTexts

PropertyDescriptionTypeDefault
buttonLabelButton label'Choose'
noResultsNo results info'No results'
searchPlaceholderSearch box placeholder'Search'
1.0.2

4 months ago

1.0.1

5 months ago

1.0.0

5 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

4 months ago

1.0.4

4 months ago

1.0.3

4 months ago

1.0.11

2 months ago

1.0.10

2 months ago

1.0.13

2 months ago

1.0.12

2 months ago

0.15.11

5 months ago

0.15.10

5 months ago

0.15.8

5 months ago

0.15.9

5 months ago

0.15.5

5 months ago

0.15.6

5 months ago

0.15.7

5 months ago

0.15.4

6 months ago

0.15.3

6 months ago

0.15.0

6 months ago

0.15.1

6 months ago

0.15.2

6 months ago

0.14.9

6 months ago

0.14.8

7 months ago

0.14.5

8 months ago

0.14.6

8 months ago

0.14.7

8 months ago

0.14.0

9 months ago

0.14.1

9 months ago

0.14.2

8 months ago

0.14.3

8 months ago

0.14.4

8 months ago

0.13.6

9 months ago

0.13.7

9 months ago

0.13.5

9 months ago

0.13.4

10 months ago

0.13.2

10 months ago

0.13.3

10 months ago

0.10.73

1 year ago

0.10.74

1 year ago

0.10.75

1 year ago

0.10.76

1 year ago

0.10.77

1 year ago

0.10.78

1 year ago

0.13.0

11 months ago

0.13.1

11 months ago

0.11.0

1 year ago

0.11.1

1 year ago

0.11.2

1 year ago

0.11.3

1 year ago

0.11.4

1 year ago

0.11.5

12 months ago

0.11.6

12 months ago

0.11.7

11 months ago

0.12.0

11 months ago

0.12.1

11 months ago

0.12.2

11 months ago

0.10.72

1 year ago

0.10.71

1 year ago

0.10.69

1 year ago

0.10.70

1 year ago

0.10.68

1 year ago

0.10.67

1 year ago

0.10.66

1 year ago

0.10.65

1 year ago

0.10.63

1 year ago

0.10.64

1 year ago

0.10.62

1 year ago

0.10.61

1 year ago

0.10.60

1 year ago

0.10.59

1 year ago

0.10.58

1 year ago

0.10.57

1 year ago

0.10.55

1 year ago

0.10.56

1 year ago

0.10.54

1 year ago

0.10.53

2 years ago

0.10.52

2 years ago

0.10.51

2 years ago

0.10.50

2 years ago

0.10.49

2 years ago

0.10.48

2 years ago

0.10.29

2 years ago

0.10.26

2 years ago

0.10.27

2 years ago

0.10.28

2 years ago

0.10.30

2 years ago

0.10.31

2 years ago

0.10.36

2 years ago

0.10.37

2 years ago

0.10.38

2 years ago

0.10.39

2 years ago

0.10.32

2 years ago

0.10.33

2 years ago

0.10.34

2 years ago

0.10.35

2 years ago

0.10.40

2 years ago

0.10.41

2 years ago

0.10.42

2 years ago

0.10.47

2 years ago

0.10.43

2 years ago

0.10.44

2 years ago

0.10.45

2 years ago

0.10.46

2 years ago

0.10.25

2 years ago

0.10.24

2 years ago

0.10.20

2 years ago

0.10.21

2 years ago

0.10.22

2 years ago

0.10.23

2 years ago

0.10.18

2 years ago

0.10.19

2 years ago

0.10.14

2 years ago

0.10.15

2 years ago

0.10.16

2 years ago

0.10.17

2 years ago

0.10.11

2 years ago

0.10.12

2 years ago

0.10.13

2 years ago

0.10.9

2 years ago

0.10.8

2 years ago

0.10.10

2 years ago

0.10.6

2 years ago

0.10.5

2 years ago

0.10.3

2 years ago

0.10.4

2 years ago

0.10.1

3 years ago

0.10.2

3 years ago

0.10.0

3 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

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

4 years ago

0.5.2

4 years ago

0.5.0

4 years ago

0.5.1

4 years ago

0.4.29

4 years ago

0.4.28

4 years ago

0.4.26

4 years ago

0.4.27

4 years ago

0.4.24

4 years ago

0.4.25

4 years ago

0.4.23

4 years ago

0.4.22

4 years ago

0.4.21

4 years ago

0.4.20

4 years ago

0.4.19

4 years ago

0.4.18

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

4 years ago

0.4.11

4 years ago

0.4.10

4 years ago

0.4.9

4 years ago

0.4.6

4 years ago

0.4.1

4 years ago

0.4.3

4 years ago

0.4.2

4 years ago

0.4.0

4 years ago

0.3.18

4 years ago

0.3.17

4 years ago

0.3.16

4 years ago

0.3.15

4 years ago

0.3.14

4 years ago

0.3.13

4 years ago

0.3.9

4 years ago

0.3.12

4 years ago

0.3.11

4 years ago

0.3.10

4 years ago

0.3.8

4 years ago

0.3.7

4 years ago

0.3.6

4 years ago

0.3.5

4 years ago

0.3.4

4 years ago

0.3.3

4 years ago

0.3.2

4 years ago

0.3.1

4 years ago

0.2.23

4 years ago

0.3.0

4 years ago

0.2.22

4 years ago

0.2.21

4 years ago

0.2.20

4 years ago

0.2.18

4 years ago

0.2.17

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

5 years ago

0.1.22

5 years ago

0.1.19

5 years ago

0.1.18

5 years ago

0.1.16

5 years ago

0.1.17

5 years ago

0.1.15

5 years ago

0.1.14

5 years ago

0.1.13

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