1.0.14 • Published 29 days ago

@synerise/ds-format-picker v1.0.14

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

id: format-picker

title: FormatPicker

FormatPicker UI Component

Installation

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

Usage

import FormatPicker from '@synerise/ds-format-picker'

<FormatPicker
    format={store.state.format}
    value={19000.7}
    onDataFormatChange={handleDataFormatChange}
    onCurrencyChange={handleCurrencyChange}
    onUseSeparatorChange={handleUseSeparatorChange}
    onCompactNumbersChange={handleCompactNumberChange}
    onFixedLengthChange={handleFixedLengthChange}
    onSetDefault={handleSetDefault}
/>

Demo

API

PropertyDescriptionTypeDefault
formatFormat configurationFormattingValue-
valueExample valuenumber-
onDataFormatChangeData format change handler(format) => void}-
onCurrencyChangeCurrency change handler(currency: CurrencyType) => void-
onUseSeparatorChangeUse separator change handler(useSeparator: boolean) => void}-
onCompactNumbersChangeCompact numbers change handler(compactNumbers: boolean) => void}-
onFixedLengthChangeFixed length change handler(fixedLength) => void-
onSetDefaultSet default value of format() => void-
textSet of custom labelsTexts-
buttonTypetype of buttonstring-

Texts

PropertyDescriptionTypeDefault
headerHeader of format settingsstring \ React.ReactNodeNumber format
formatFormat labelstring \ React.ReactNodeFormat
numericNumeric type of format tooltipstring \ React.ReactNodeNumeric
cashCash type of format tooltipstring \ React.ReactNodeCash
percentagePercentage type of format tooltipstring \ React.ReactNodePercentage
setDefaultSet default format button labelstring \ React.ReactNodeSet default
useSeparatorUse 1000 separator checkbox labelstring \ React.ReactNodeUse 1000 separator
compactNumbersCompact number checkbox labelstring \ React.ReactNodeCompact humbers

FormattingValue

PropertyDescriptionTypeDefault
dataFormatFormat of dataFormattingDataFormat-
currencySelected currencyCurrencyType-
useSeparatorUse 1000 separatorboolean-
compactNumbersUse compact numbersboolean-
fixedLengthNumber of decimal placesnumber-

CurrencyType

Available values: USD | EUR | PLN | JPY

FormattingDataFormat

Available values: numeric | percent | cash

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

4 months ago

0.7.8

4 months ago

0.7.7

4 months ago

0.7.4

5 months ago

0.7.6

5 months ago

0.7.5

5 months ago

0.7.2

5 months ago

0.7.3

5 months ago

0.7.1

5 months ago

0.7.0

5 months ago

0.6.9

6 months ago

0.6.8

6 months ago

0.6.7

7 months ago

0.6.6

7 months ago

0.6.3

7 months ago

0.6.2

8 months ago

0.6.5

7 months ago

0.6.4

7 months ago

0.6.1

8 months ago

0.6.0

8 months ago

0.5.14

8 months ago

0.5.13

9 months ago

0.5.12

9 months ago

0.5.11

9 months ago

0.5.10

9 months ago

0.5.9

10 months ago

0.5.4

10 months ago

0.5.3

11 months ago

0.5.6

10 months ago

0.5.5

10 months ago

0.5.0

11 months ago

0.5.2

11 months ago

0.5.1

11 months ago

0.5.8

10 months ago

0.5.7

10 months ago

0.4.4

11 months ago

0.4.1

1 year ago

0.4.0

1 year ago

0.4.3

12 months ago

0.4.2

12 months ago

0.3.114

1 year ago

0.3.113

1 year ago

0.3.116

1 year ago

0.3.115

1 year ago

0.3.118

1 year ago

0.3.117

1 year ago

0.3.112

1 year ago

0.3.111

1 year ago

0.3.110

1 year ago

0.3.109

1 year ago

0.3.108

1 year ago

0.3.107

1 year ago

0.3.106

1 year ago

0.3.105

1 year ago

0.3.104

1 year ago

0.3.103

1 year ago

0.3.102

1 year ago

0.3.101

1 year ago

0.3.100

1 year ago

0.3.99

1 year ago

0.3.98

1 year ago

0.3.97

1 year ago

0.3.96

1 year ago

0.3.95

1 year ago

0.3.94

1 year ago

0.3.93

1 year ago

0.3.92

1 year ago

0.3.91

1 year ago

0.3.90

1 year ago

0.3.89

2 years ago

0.3.88

2 years ago

0.3.87

2 years ago

0.3.75

2 years ago

0.3.74

2 years ago

0.3.73

2 years ago

0.3.72

2 years ago

0.3.71

2 years ago

0.3.70

2 years ago

0.3.79

2 years ago

0.3.78

2 years ago

0.3.77

2 years ago

0.3.76

2 years ago

0.3.69

2 years ago

0.3.68

2 years ago

0.3.67

2 years ago

0.3.66

2 years ago

0.3.65

2 years ago

0.3.86

2 years ago

0.3.85

2 years ago

0.3.84

2 years ago

0.3.83

2 years ago

0.3.82

2 years ago

0.3.81

2 years ago

0.3.80

2 years ago

0.3.64

2 years ago

0.3.63

2 years ago

0.3.62

2 years ago

0.3.61

2 years ago

0.3.60

2 years ago

0.3.53

2 years ago

0.3.52

2 years ago

0.3.51

2 years ago

0.3.59

2 years ago

0.3.58

2 years ago

0.3.57

2 years ago

0.3.56

2 years ago

0.3.55

2 years ago

0.3.54

2 years ago

0.3.50

2 years ago

0.3.49

2 years ago

0.3.48

2 years ago

0.3.46

2 years ago

0.3.45

2 years ago

0.3.44

2 years ago

0.3.43

2 years ago

0.3.42

2 years ago

0.3.41

3 years ago

0.3.40

3 years ago

0.3.39

3 years ago

0.3.38

3 years ago

0.3.37

3 years ago

0.3.36

3 years ago

0.3.35

3 years ago

0.3.34

3 years ago

0.3.31

3 years ago

0.3.30

3 years ago

0.3.33

3 years ago

0.3.32

3 years ago

0.3.29

3 years ago

0.3.27

3 years ago

0.3.26

3 years ago

0.3.25

3 years ago

0.3.24

3 years ago

0.3.23

3 years ago

0.3.20

3 years ago

0.3.22

3 years ago

0.3.21

3 years ago

0.3.17

3 years ago

0.3.16

3 years ago

0.3.15

3 years ago

0.3.14

3 years ago

0.3.13

3 years ago

0.3.12

3 years ago

0.3.11

3 years ago

0.3.10

3 years ago

0.3.9

3 years ago

0.3.6

3 years ago

0.3.5

3 years ago

0.3.8

3 years ago

0.3.7

3 years ago

0.3.0

3 years ago

0.3.2

3 years ago

0.3.1

3 years ago

0.3.4

3 years ago

0.3.3

3 years ago

0.2.8

4 years ago

0.2.1

4 years ago

0.2.0

4 years ago

0.2.7

4 years ago

0.2.6

4 years ago

0.2.3

4 years ago

0.2.2

4 years ago

0.2.5

4 years ago

0.2.4

4 years ago

0.1.61

4 years ago

0.1.60

4 years ago

0.1.58

4 years ago

0.1.59

4 years ago

0.1.57

4 years ago

0.1.54

4 years ago

0.1.55

4 years ago

0.1.56

4 years ago

0.1.53

4 years ago

0.1.52

4 years ago

0.1.51

4 years ago

0.1.50

4 years ago

0.1.49

4 years ago

0.1.48

4 years ago

0.1.47

4 years ago

0.1.46

4 years ago

0.1.45

4 years ago

0.1.44

4 years ago

0.1.43

4 years ago

0.1.42

4 years ago

0.1.41

4 years ago

0.1.38

4 years ago

0.1.33

4 years ago

0.1.34

4 years ago

0.1.35

4 years ago

0.1.32

4 years ago

0.1.31

4 years ago

0.1.30

4 years ago

0.1.29

4 years ago

0.1.28

4 years ago

0.1.27

4 years ago

0.1.23

4 years ago

0.1.24

4 years ago

0.1.25

4 years ago

0.1.26

4 years ago

0.1.22

4 years ago

0.1.20

4 years ago

0.1.21

4 years ago

0.1.19

4 years ago

0.1.18

4 years ago

0.1.17

4 years ago

0.1.16

4 years ago

0.1.15

4 years ago

0.1.14

4 years ago

0.1.13

4 years ago

0.1.11

4 years ago

0.1.10

4 years ago

0.1.9

4 years ago

0.1.8

4 years ago

0.1.7

4 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